/* global styles */ @media screen { div.to_screen { display:block; } div.to_print { display:none; } } @media print { div.to_screen { display:none; } div.to_print { display:block; } } /* SUGARVEIL STYLES - move this to another .php file that loads when the SugarVeil menu item loads */ /* next three are from the product_line table in mysql */ a.sv_link_class:link, a.sv_link_class:visited { font:bold 14px Arial; color:#4789CB; text-decoration:underline; } a.sv_link_class:hover, a.sv_link_class:active { font:bold 14px Arial; color:#4789CB; text-decoration:underline; } .sv_sel_class { color:red; font:bold 16px Arial; color:#4E12A2 } ul.sv_lists { font-size:11px; margin-top:5px; margin-bottom:8px; } ul.sv_lists li { color:#674477; padding:0px; } td.sv_about h1 { margin-top:5px; margin-bottom:8px; font:bold 14px Arial; color:#816F60; } td.sv_about ul { margin-top:5px; margin-bottom:8px; } td.sv_about li { padding-bottom:5px; font:normal 12px Arial; color:#4E12A2 } td.sv_about p { padding:8px 8px 0px 16px; font:normal 12px Arial; color:#4789CB; } html { height:100%; } body { background-color:white; padding:0px; margin:0px; height:100%; font: normal 12px Arial; color:black;} table { font:normal 11px Arial; } td { text-align:left; vertical-align:top; color:black; } form { margin:0px; padding:0px; } h1 { margin:12px 0px 12px 0px; color:#4789CB; font:bold 13px Arial; } h2 { margin: 0px 0px 8px 0px; color:#4789CB; font:bold 12px Arial; } h3 { margin: 0px 0px 8px 0px; color:#4789CB; font:bold 12px Arial; } h4 { margin: 0px 0px 4px 10px; color:#4E12A2; font:bold 11px Arial; } .h2_ { margin:0px; color:#4789CB; font:bold 12px Arial; } /* h2 without the margins*/ p { margin:0px 0px 8px 0px; padding-left:10px; font:normal 12px Arial; } ul { margin:0px; padding-left:30px; list-style-type:disc; } li { margin:0px; padding-bottom:5px; color:#4789CB; } li.kits { margin:0px; padding:0px; color:#4789CB; } img { border:0px solid } input { font:bold 12px Arial; color:black; } select { font:bold 12px Arial; color:black; } /* reusable classes */ .m { vertical-align:middle; } .ptr { cursor:pointer; cursor:hand } .a_lt { text-align:left; vertical-align:top; } .a_lm { text-align:left; vertical-align:middle; } .a_lb { text-align:left; vertical-align:bottom; } .a_ct { text-align:center; vertical-align:top; } .a_cm { text-align:center; vertical-align:middle; } .a_cb { text-align:center; vertical-align:bottom; } .a_rt { text-align:right; vertical-align:top; } .a_rm { text-align:right; vertical-align:middle; } .a_rb { text-align:right; vertical-align:bottom; } .nobr { white-space: nowrap; } .LINES { color:#BDD6EF } .LINE2 { color:#E5D7B1 } .TEXT { color:black } .LINKS { color:#4E12A2 } .ALERT { color:#CC0000 } .HEADING { color:#4789CB } .LISTS { color:#4789CB } .PLATE { color:#F7F7E7 } .OUTLINE { color:#84ADD6 } .LITE { color:#EDF3FA } /* SHELL LAYOUT */ .top_gr { background: url(../graphics/shell/new_topg.gif) repeat-x; } .top1 { width:38px; height:57px; background: url(../graphics/shell/header1.gif) no-repeat; } .top2 { width:298px; height:57px; background: url(../graphics/shell/header2.gif) no-repeat; } .top3 { width:202px; height:57px; background: url(../graphics/shell/slogan.gif) no-repeat; } .top4 { width:55px; height:57px; background: url(../graphics/shell/new_trcurve.gif) no-repeat; } .icing { height:29px; background: url(../graphics/shell/new_icing.gif) repeat-x top right; } .bot1 { width:40px; height:40px; background: url(../graphics/shell/blcurve.gif) no-repeat; } .bot2 { width:100%; background: url(../graphics/shell/header_bk.gif) repeat-x 0px -57px; text-align:center; color:white; font-weight:bold; } .bot3 { width:40px; height:40px; background: url(../graphics/shell/brcurve.gif) no-repeat; } .bot { vertical-align:middle; background: url(../graphics/shell/contact_bullets.jpg) no-repeat; height:40px; } .bk_grad { background: url(../graphics/misc/bk_grad.gif) repeat-y -300px 0px } /* LEFT MENU buttons and anchors */ td.button { width:107px; padding-left:10px; height:22px; line-height:22px; font-weight:bold; background-image:url(../graphics/shell/buttons2.gif); background-position: 0px 0px; background-repeat:no-repeat; } td.buttonLit { width:107px; padding-left:10px; height:22px; line-height:22px; font-weight:bold; background-image:url(../graphics/shell/buttons2.gif); background-position: -107px 0px; background-repeat:no-repeat; cursor:pointer; cursor:hand; } td.button a.menuItem:link, td.button a.menuItem:visited { color:white; text-decoration:none } td.button a.menuItem:hover, td.button a.menuItem:active { line-height:16px; color:black; text-decoration:none } td.buttonLit a.menuItemLit:link, td.buttonLit a.menuItemLit:visited { color:black; text-decoration:none } td.buttonLit a.menuItemLit:hover, td.buttonLit a.menuItemLit:active { line-height:16px; color:black; text-decoration:none } td.introLinks { width:107px; background: url(../graphics/shell/cframe_mid.gif) repeat-y left; padding-left:9px; padding-right:6px; text-align:left; color:#4E12A2; } div.menuPointerLink { background: url(../graphics/shell/link_pointer.gif) no-repeat; padding-left:12px; padding-bottom:2px; vertical-align:top; text-align:left; } div.menuPointerSel { background: url(../graphics/shell/link_pointer_sel.gif) no-repeat; padding-left:12px; padding-bottom:2px; vertical-align:top; text-align:left; } #menu td { text-align:left; vertical-align:middle; } /*large select buttons on home page*/ a.select:link, a.select:visited, a.select:hover, a.select:active { color:#4E12A2; text-decoration:none; } a.select_title:link, a.select_title:visited { color:black; font-weight:bold; font-size:13px; text-decoration:underline } a.select_title:hover, a.select_title:active { color:blue; font-weight:bold; font-size:13px; text-decoration:underline } a.top_bar:link, a.top_bar:visited { color:black; font-weight:bold; font-size:12px; text-decoration:underline } a.top_bar:hover, a.top_bar:active { color:#4E12A2; font-weight:bold; font-size:12px; text-decoration:underline } /* anchor appearance */ a:link, a:visited { color:white; text-decoration:none; } a:hover, a:active { color:black; text-decoration:underline;} a.normal:link, a.normal:visited { color:blue; text-decoration:underline; } a.normal:hover, a.normal:active { color:black; text-decoration:underline; } a.sys:link, a.sys:visited { color:#4E12A2; text-decoration:underline; margin:0px; } a.sys:hover, a.sys:active { color:blue; text-decoration:underline; margin:0px;} a.sup:link, a.sup:visited { color:#4789CB; text-decoration:underline; margin:0px; } a.sup:hover, a.sup:active { color:blue; text-decoration:underline; margin:0px;} a.sys_lite:link, a.sys_lite:visited { color:#4789CB; text-decoration:underline; margin:0px; } a.sys_lite:hover, a.sys_lite:active { color:blue; text-decoration:underline; margin:0px;} a.pop:link, a.pop:visited { color:#4789CB; text-decoration:none; } a.pop:hover, a.pop:active { color:blue; text-decoration:underline; } a.mail:link, a.mail:visited, a.mail:hover, a.mail:active { color:#4789CB; font-weight:bold; text-decoration:underline; } a.cart:link { color:black; text-decoration:none; } a.cart:visited { color:black; text-decoration:none; } a:cart:active { color:black; text-decoration:none; } a.cart:hover { color:#4E12A2; text-decoration:underline; } #stretcher { background: url(../graphics/shell/colorfade.jpg) no-repeat left bottom } /* matt cake background */ .onestop { font-weight:bold; font-size:12px; color:#4789CB; } /* MULTI PAGE CLASSES */ .heading { height:25px; padding: 0px 0px 2px 8px; border-bottom:4px solid #BDD6EF;} .darkred { color:#CC0000; } .pad10w { padding:0px 10px 0px 10px; } .pad5w { padding:0px 5px 0px 5px; } .pad10 { padding:10px; } td.paleTop { height:5px; background: url(../graphics/misc/plates.gif) repeat-x 0px -35px } td.paleBot { height:5px; background: url(../graphics/misc/plates.gif) repeat-x 0px -20px; } .bluebar { height:2px; background-color:#BDD6EF; } .whitebar { height:2px; background-color:white; } .grad_inc { background: url(../graphics/misc/grad_inc.gif) repeat-y right top; height:10px; background-color:white; } .grad_dec { background: url(../graphics/misc/grad_dec.gif) repeat-y left top; height:10px; background-color:white;} .grad_blocks { background: url(../graphics/misc/grad_blocks.gif) repeat-y left top; height:10px; } .grad_blocksr{ height:10px; width:190px; background: url(../graphics/misc/grad_blocksr.gif) repeat-y; } /* submit buttons */ input.account_button { vertical-align:top; cursor:pointer; cursor:hand; height:22px; font-size:12px; color:white; background: url(../graphics/buttons/button_bg.gif) repeat-x 0px 0px; border-style:solid; border-width:0px; } input.account_hover { vertical-align:top; cursor:pointer; cursor:hand; height:22px; font-size:12px; color:white; background: url(../graphics/buttons/button_bg.gif) repeat-x 0px -22px; border-style:solid; border-width:0px; } img.button_bdr_left { vertical-align:top; width:3px; height:22px; background: url(../graphics/buttons/button_ends.gif) no-repeat 0px 0px } img.button_bdr_right { vertical-align:top; width:3px; height:22px; background: url(../graphics/buttons/button_ends.gif) no-repeat -3px 0px } input.minor_button { vertical-align:top; cursor:pointer; cursor:hand; height:18px; font-size:11px; font-weight:normal; color:#4E12A2; background: url(../graphics/buttons/minor_button_bg.gif) repeat-x 0px -18px; border-style:solid; border-width:0px; } input.minor_hover { vertical-align:top; cursor:pointer; cursor:hand; height:18px; font-size:11px; font-weight:normal; color:black; background: url(../graphics/buttons/minor_button_bg.gif) repeat-x 0px 0px; border-style:solid; border-width:0px; } img.m_button_bdr_left { vertical-align:top; width:3px; height:18px; background: url(../graphics/buttons/minor_button_ends.gif) no-repeat 0px 0px } img.m_button_bdr_right { vertical-align:top; width:3px; height:18px; background: url(../graphics/buttons/minor_button_ends.gif) no-repeat -3px 0px } input.sub_button { vertical-align:top; cursor:pointer; cursor:hand; height:18px; font-size: 11px; color:white; background: url(../graphics/buttons/button_bg.gif) repeat-x 0px -2px; border:1px solid #4789CB; } input.sub_hover { vertical-align:top; cursor:pointer; cursor:hand; height:18px; font-size: 11px; color:white; background: url(../graphics/buttons/button_bg.gif) repeat-x 0px -24px; border:1px solid #4789CB; } /* #4E12A2 */ input.link_button { background-color:white; margin:0px; padding:0px; cursor:pointer; cursor:hand; height:16px; text-align:left; vertical-align:middle; border:0px solid white; color:#4E12A2; text-decoration:underline; font-weight:bold; font-size:11px;} input.link_button_hover { background-color:white; margin:0px; padding:0px; cursor:pointer; cursor:hand; height:16px; text-align:left; vertical-align:middle; border:0px solid white; color:blue; text-decoration:underline; font-weight:bold; font-size:11px;} input.sm_link_button { background-color:white; margin:0px; padding:0px; cursor:pointer; cursor:hand; height:16px; text-align:center; vertical-align:middle; border:0px solid white; color:#4789CB; text-decoration:underline; font-weight:normal; font-size:11px;} input.sm_link_button_hover { background-color:white; margin:0px; padding:0px; cursor:pointer; cursor:hand; height:16px; text-align:center; vertical-align:middle; border:0px solid white; color:blue; text-decoration:underline; font-weight:normal; font-size:11px;} input.go_button { vertical-align:middle; cursor:pointer; cursor:hand; height:25px; width:25px; font-size: 11px; color:white; background: url(../graphics/buttons/go.gif) repeat-x 0px -0px; border-style:solid; border-width:0px; } input.go_hover { vertical-align:middle; cursor:pointer; cursor:hand; height:25px; width:25px; font-size: 11px; color:black; background: url(../graphics/buttons/go.gif) repeat-x 0px -25px; border-style:solid; border-width:0px; } /* #4E12A2 */ .underline { border-bottom:solid 3px #BDD6EF; } .underline2 { border-bottom:solid 3px #E5D7B1; } /* DATA ENTRY PLATES */ table.plate { background-color:#F7F7E7; color:#4E12A2; } input.plate { height:20px; padding-left:4px; border-style:solid; border-width:1px; border-color:#84ADD6; color:black; } select.plate { height:20px; border-style:solid; border-width:1px; border-color:#84ADD6; color:black; } td.tdplate { background-color:#F7F7E7; padding-right:10px; } .label { vertical-align:middle; color:#4E12A2; font-size:12px; } .small_label { vertical-align:middle; color:#4E12A2; font-size:11px; } label { cursor:pointer; cursor:hand; color:#4E12A2; font-size:11px; } table.separator { border-bottom:2px solid white; border-top:2px solid white; } span.input_error { font: bold 11px Arial; color:#FF5400 } span.cart { cursor:pointer; cursor:hand; background: url(../graphics/misc/cart_bg.gif) no-repeat 0px -3px; padding-left:23px; font:bold 11px Arial; color:darkblue } input.cart_yl { border:0px solid white; height:17px; width:100px; cursor:pointer; cursor:hand; background: url(../graphics/misc/cart_yl.gif) no-repeat 0px -3px; padding-left:23px; font:bold 11px Arial; color:#4E12A2; } input.cart { border:0px solid white; height:17px; width:100px; cursor:pointer; cursor:hand; background: url(../graphics/misc/cart_bg.gif) no-repeat 0px -3px; padding-left:23px; font:bold 11px Arial; color:#4E12A2; } .qty { width:25px; height:18px; padding-left:4px; border-style:solid; border-width:1px; border-color:#84ADD6; font:bold 11px Arial } .redbold {font: bold 11px Arial; color:#FF5400 } .price { font-weight:bold; font-size:16px; color:#4789CB } .cart_list_header { text-align:center; color:#4E12A2; font-weight:bold; border:1px solid #BDD6EF; } .stepx { border-top:2px solid white; border-bottom:2px solid white; padding-left:5px; font-size:13px; color:white; background-color:#4789CB; } td.printBtop3 { border:2px solid #BDD6EF; border-bottom:0px solid white; font:normal 11px arial, tahoma, sans-serif; color:black; } td.printBtop2 { border-left:2px solid #BDD6EF; border-top:2px solid #BDD6EF; font:normal 11px arial, tahoma, sans-serif; color:black; } td.printB { border:2px solid #BDD6EF; font:normal 11px arial, tahoma, sans-serif; color:black;} td.printHeading { background-color:#EDF3FA; font-size:14px; font-weight:bold; color:#4E12A2} p.ii { font-size:12px; font-weight:bold; color:#4789CB; } p.norm { margin:0px 0px 8px 0px; padding-left:0px; font-size:12px; color:#4E12A2; } /*styles for pti images */ div.pti { position:relative; width:100%; } /* override per image as needed */ img.pti { position:absolute; margin:0px; top:0px; left:0px; width:100%; height:100%; } #histgrid td { border-top:1px solid #E5D7B1; height:18px; color:#4789CB; } #histdiv { SCROLLBAR-FACE-COLOR: #E5D7B1; SCROLLBAR-HIGHLIGHT-COLOR: white; SCROLLBAR-SHADOW-COLOR: #BDAD84; SCROLLBAR-3DLIGHT-COLOR: #E5D7B1; SCROLLBAR-ARROW-COLOR: brown; SCROLLBAR-TRACK-COLOR: #F7F7E7; SCROLLBAR-DARKSHADOW-COLOR: #F7F7E7; } /* SUPPORT stuff */ td.chL { border-left:1px solid #4789CB; border-top:1px solid #4789CB; } td.chR { border:1px solid #4789CB; border-bottom:0px solid; } ol span { border:1px solid #4789CB; color:black; font-weight:bold; } ol li { color:black; }