/* MAIN */ .clear { clear:both; line-height:0px; } #InfoPlease { display:none; } #verticalfader { margin-top:20px } #verticaledges { position:relative; margin-left:auto; margin-right:auto; width:1000px; background-image: url('/images/structure/background_03.png'); background-repeat: repeat-y; padding-top:0px} #topstrip { position:relative; margin-left:auto; margin-right:auto; width:1000px; background-image: url('/images/structure/background_01.png'); background-repeat: no-repeat; height:16px; } #basestrip { position:relative; margin-left:auto; margin-right:auto; width:1000px; background-image: url('/images/structure/background_05.png'); background-repeat: no-repeat; height:16px;padding-bottom:20px} .basetop .btn { float:right; } .container { position:relative; margin-left:auto; margin-right:auto; width:960px;min-height:600px;} .basecontainer { position:relative; margin-left:auto; margin-right:auto; width:960px;} .columnleft { padding:0px; padding-right:18px; min-width:300px;} .columnright { padding:0px; width:100%} .columnOne { display:inline;float:left;width:154px;padding-right:25px } .columnTwo { display:inline;float:left;width:664px ; margin-top:16px} .contactform { width:100%; } .columnbackground { border: 1px solid #d0d1ce; padding:8px; background-repeat: repeat-x;} .cleft { padding-right:12px; } .cright { padding-left:12px; } .columnTwoAlternate { display:inline;float:left;width:600px } .columnTre { display:inline;float:left;padding-left:179px; margin-top:30px;width:701px} .banner { position:relative; margin-left:auto; margin-right:auto; width:960px; height:84px; clear:both} .logo { position:absolute; z-index:1; left:-18px; top:-14px} .phone { position:relative; display:inline; top:38px; left:206px; } .register { position:relative; float:right; display:inline; margin-top:-74px; margin-right:30px; } /* height:32px ;border-top: dotted 0px #dba4c6; border-bottom: dotted 0px #dba4c6;} */ .upperbaseline { line-height:17px; border-top: solid 1px #777777; width:100%; padding-top:4px;} .baseline { position:relative; margin-left:auto; margin-right:auto; width:960px; padding-top:0px;margin-top:28px} .baseline .vsmall a:link { color:#111111; font-size:10px; font-weight:bold; } .baseline .vsmall a:hover { color:#555555; font-size:10px; font-weight:bold; } .border1px { border-right: solid 1px #aaaaaa; } #navigation { position:absolute; z-index:2;top:0px;margin:0px; padding:0px; border:0px; left:132px; width:816px} #navigation ul { padding:0px; margin:0px; height:25px; background-image: url(/images/bar_02.png); } #navigation li { padding:0px; margin:0px; padding-bottom:6px; display: inline; list-style-type: none; height:25px;} #navigation .mid { border-right:1px #ffffff dotted; padding:0px; padding-top:0px; padding-bottom:0px; } #navigation .end { border-right:1px #ffffff dotted; padding:0px; padding-top:0px; padding-bottom:0px; } .startpiece { position:relative; z-index:2; background-image: url(/images/bar_01.png); width:12px; height:25px; } .endpiece { position:absolute; z-index:2; left:948px; top:0px;background-image: url(/images/bar_03.png); background-repeat: no-repeat; width:12px; height:25px; } #navigation a { padding-left:15px; padding-right:14px; padding-top:4px; padding-bottom:5px; color:#ffffff; height:25px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; font-size:11px; line-height:25px; } #navigation a:hover { background-image: url(/images/shimmerPink.png); color:#ffffff; height:25px; } #navigation .selected { background-image: url(/images/shimmerDark.png); color:#ffffff; height:25px;} #navigation .hover { background-image: url(/images/shimmerPink.png); color:#ffffff; height:25px; } #subnavigation { border-top:1px #aaa solid; margin-bottom:0px; background-color:#333; background-image: url(/images/shimmerDark.png); position:relative; margin-top:0px; padding:2px;} #subnavigation ul { padding:0px; margin:0px; padding-top:0px; padding-bottom:0px; } #subnavigation li { display: inline; list-style-type: none; padding-left:12px; } #subnavigation a { color:#ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; font-size:9px; line-height:21px; } #subnavigation a:hover { color:#ddd } .textcontainer { position:relative ; top: 0px; right: 0px; } .texthighlight { position:relative ; top:0px; right:0px; color:#3b0416; } .textposition { position:absolute; top:-1px;right:1px; } .buttonendwidth { width:6px; } .nocontrolspadding { padding:0px; } .controlspadding { padding-left:20px; padding-bottom:12px; } .navcontrolspadding { padding-right:8px; padding-top:4px; } /* NEW SECONDARY NAVIGATION CSS CODE */ #secondary { color:#321307; background: #ffffff; padding:0px; width:184px; } #secondary ul {list-style-type:none; margin:0 0 0 18px; padding-left:5px;} #secondary li { padding:4px 0px; background-color:#def0e2; margin-left:0px} #secondary a:link { color:#321307; } #secondary a:hover, #secondary a:active { font-weight:bold; } #secondary a:visited { color:#321307; } #secondary h4 { margin:0px; width:184px;border-bottom: 1px solid #321307; border-left: 1px solid #cdcdcd } #secondary h4 a { display:block; font-weight:bold; font-size:13px; padding:10px; } #secondary h4 a:hover, #secondary h4 a:active, #secondary h4 .active { background-image: url(/images/shimmerDark.png); background-color:#eb7575; color:#ffffff; } #secondary h4 a:visited { padding:10px; } #s_fade_out { border-top:0px #787878 dotted; } .switchback { background-image: url(/images/main_offer_back.png); background-repeat: repeat-x; background-position: left top; } .switchback2 { background-image: url(/images/main_offer_back2.png); background-repeat: repeat-x; background-position: left top; } .navback-light { background-image: url(/images/navbar_back-light.png); background-repeat: repeat-x; background-position: 0 bottom; } .basenavback { background-image: url(/images/backbite.png); background-repeat: repeat-x; background-position: 0 top; } .whitelinkB { color: #174e75; font-size: 13px; font-family: Verdana, Arial, Helvetica, SunSans-Regular, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; } .tdwidth1 { width: 170px; } .tdwidth2 { width: 250px; } .tdwidth3 { width: 100px; } .pbodyTBspacing { color: #555555; font-size: 11px; font-family: Verdana, Arial, Helvetica, SunSans-Regular, sans-serif;font-weight: normal; font-style: normal; line-height: 17px; text-decoration: none; padding-top: 5px; padding-bottom: 5px; } .psmallW { color: #ffffe0; font-size: 9px; font-family: Verdana, Arial, Helvetica, SunSans-Regular, sans-serif;font-style: normal; font-weight: normal; text-decoration: none; } .datespace { padding-left:5px; padding-right:5px; } .priceObject { color: #cc560c; font-size: 36px; font-family: Verdana, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; line-height: 36px; } .priceObject2, .phead3 { color: #174e75; font-size: 26px; font-family: Verdana, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; line-height: 30px; } .newsBorderTable { font-weight: normal; background-color: #ebebeb; padding: 8px; border: solid 1px #5c6b6b; } .spacerTop { padding: 4px 0 0; border-right: 1px none #d1cdbf; border-bottom: 1px none #d1cdbf; border-top-color: #d1cdbf; border-top-style: none; border-left-color: #d1cdbf; border-left-style: none; } .spacerBottom { padding: 0 0 5px; border-right: 1px none #d1cdbf; border-bottom: 1px none #d1cdbf; border-top-color: #d1cdbf; border-top-style: none; border-left-color: #d1cdbf; border-left-style: none; } .spacerRight { padding: 0 5px 0 0; border-top-style: none; border-top-color: #d1cdbf; border-right: 1px none #d1cdbf; border-bottom: 1px none #d1cdbf; border-left-style: none; border-left-color: #d1cdbf; } .spacerLeft { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 5px !important; border-top-style: none; border-top-color: #d1cdbf; border-right: 1px none #d1cdbf; border-bottom: 1px none #d1cdbf; border-left-style: none; border-left-color: #d1cdbf; } .lineRight { padding-right: 12px; border-top-style: none; border-top-color: #d1cdbf; border-right: 1px solid #d1cdbf; border-bottom-color: #d1cdbf; border-bottom-style: none; border-left-style: none; border-left-color: #d1cdbf; } .pngoverlay { visibility: visible; position: absolute; } .lborder2 { width:320px; color: #242424; font-size: 10px; font-family: Verdana, Arial, Helvetica, SunSans-Regular, sans-serif;border: solid 1px #a0acac; padding:3px;background-color: #efefef } .inputFinance { color: #242424; font-size: 11px; font-family: Verdana, Arial, Helvetica, SunSans-Regular, sans-serif;background-color: #efefef; background-position: 0 0; border: solid 1px #a0acac; } .info_window {margin-top:5px; background-color:white; font-family: verdana, arial, sans-serif; font-size: .8em;} /*KEEP-THIS-CSS-THE-REST-OF-THIS-CAN-GO claim what you actually use from the top bit and we will delete the rest on go live might actually get some clean css then :P */ .phoneNumber { color: #ffffff; font-size: 13px; font-family: Verdana, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; line-height:18px; } .errorTxt { background-color:#AD3D36; color:#ffffff; padding:5px; } .whitelink { color: #fffde1; font-size: 13px; font-family: Verdana, Arial, Helvetica, SunSans-Regular, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; } .hand { cursor:pointer; } .textbox { color: #242424; font-size: 12px; font-weight:bold; font-family: Verdana, Arial, Helvetica, SunSans-Regular, sans-serif;background-color: #fffde1; background-position: 0 0; padding: 3px; width: 100%; border: solid 1px #a0acac; } .textbox_err { color: #242424; font-size: 12px; font-weight:bold; font-family: Verdana, Arial, Helvetica, SunSans-Regular, sans-serif;background-color: #fffde1; background-position: 0 0; padding: 3px; width: 100%; border: solid 1px #a0acac; } .select { color: #242424; font-size: 12px; font-weight:bold; font-family: Verdana, Arial, Helvetica, SunSans-Regular, sans-serif;background-color: #fffde1; background-position: 0 0; padding: 3px; width: 100%; border: solid 1px #a0acac; margin:0px; } .select_err { color: #242424; font-size: 12px; font-weight:bold; font-family: Verdana, Arial, Helvetica, SunSans-Regular, sans-serif;background-color: #fffde1; background-position: 0 0; padding: 3px; width: 100%; border: solid 1px #a0acac; margin:0px; } .compact_select { color: #242424; font-size: 12px; font-weight:bold; font-family: Verdana, Arial, Helvetica, SunSans-Regular, sans-serif; background-color: #fffde1; background-position: 0 0; padding: 3px; border: solid 1px #a0acac; margin:0px; } .compact_select_err { color: #242424; font-size: 12px; font-weight:bold; font-family: Verdana, Arial, Helvetica, SunSans-Regular, sans-serif; background-color: #fffde1; background-position: 0 0; padding: 3px; border: solid 1px #a0acac; margin:0px; } /* SIZE + STYLE INFORMATION */ .vsmall { font-size: 9px; font-family: Verdana, Arial, Helvetica, SunSans-Regular, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; } /* COLOR INFORMATION */ .white { color: #ffffff; } .darkgreen { color: #220307; } .lightgreen { color: #85C392; } #form_error { margin-top:5px; padding:5px; display:none; background-color: #AD3D36; margin-bottom:10px; color: #ffffff; font-size: 11px; font-family: Verdana, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 17px; text-decoration: none; } .error_message { margin-top:5px; padding:5px; display:none; background-color: #52885d; margin-bottom:10px; color: #ffffff; font-size: 11px; font-family: Verdana, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 17px; text-decoration: none; } #social { margin-top:16px;margin-left:40px;margin-bottom:16px;float:left; } #social img { cursor:pointer; } #social td { padding:4px; vertical-align:middle; } body { margin:0px; background-color:#f3f4f4; background-image: url('/images/background2.jpg'); color: #232323; font-size: 10px; font-family: Verdana, Arial, Helvetica, SunSans-Regular, sans-serif;} /*PAGE-EDITOR-CSS*/ h1, .phead1, .mainHeader { color: #232323; font-size: 21px; font-family: Arial, Helvetica, SunSans-Regular, sans-serif;font-weight:normal; line-height: 36px; margin-top:0px; margin-bottom:12px;} h2, .phead2, .subHeader { color: #121212; font-weight:normal; font-size: 16px; font-family: Verdana, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 20px; margin-bottom:10px; } h3 { color: #cc9933; font-size: 30px; font-family: Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; line-height: 38px; margin:0px; padding:0px} h3.sml { color: #cc9933; font-size: 20px; font-family: Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; line-height: 26px; margin-bottom:0px; } /* NEW SMALL ADS CSS CODE */ div.smallads { float:left;display:inline; border: 4px solid #121212; vertical-align:top; Xbackground: url('/images/background-square2.jpg') no-repeat; background-color:#121212; border-bottom: 0px; width: 190px; min-height:176px; cursor:pointer; margin-left:8px;margin-bottom:8px} div.over { border: 4px solid #000; border-bottom: 0px; background-color:#000; } div.caption { padding-top:6px } div.smallads h3 { color: #eeeeee; font-weight:bold; font-size: 11px; font-family: Verdana, Arial, Helvetica, SunSans-Regular, sans-serif; } div.smallads .h32 { color: #efefef; font-weight:bold; font-size: 11px; font-family: Verdana, Arial, Helvetica, SunSans-Regular, sans-serif; } div.smallads .h33 { color: #dedede; font-size: 9px; width:190px; font-family: Verdana, Arial, Helvetica, SunSans-Regular, sans-serif;font-style: normal; font-weight: normal; line-height: 15px; text-decoration: none; } div.smallads .img { margin: 10px; margin-left:190px; position:absolute; border: solid 0px #868686; } div.smallads strike { color:red; } #image_fader_frame { position:relative; background-color:#ffffff; border-top:1px #aaa solid; border-bottom:2px #111 solid; width:960px; height:280px; overflow:hidden; left:0px; top:0px; margin-bottom:20px; } .small_main_ad { position:relative; visibility:hidden; height: 200px; width: 960px; left:0px; top: 0px; } .full_size_main_ad { position:relative; visibility:hidden; height: 280px; width: 960px; left:0px; top: 0px; } .smalladtitle { color: #3c2615; font-weight:bold; font-size: 13px; font-family: Verdana, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 20px; margin-bottom:10px; } .smalladtext { color: #777777; font-size: 10px; font-family: Verdana, Arial, Helvetica, SunSans-Regular, sans-serif;font-style: normal; font-weight: normal; line-height: 17px; text-decoration: none; } /*FADES*/ .fadeout { width: 302px; height:36px; background-image: url('/images/panel_fade.png'); background-repeat:repeat-x; margin:0px; padding:0px; border:0px; margin-bottom:10px; } .fadeout .left { float:left; position:relative; display:inline; height:36px; width:1px; background-image: url('/images/panel_border_fade.png'); } .fadeout .right { float:right; height:36px; width:1px; background-image:url('/images/panel_border_fade.png'); } .fadeout .btn { margin:5px;margin-top:-5px; margin-left:8px;margin-bottom:0px;position:absolute; } td { margin:0px; color: #232323; font-size: 9px; font-family: Verdana, Arial, Helvetica, SunSans-Regular, sans-serif;} /*NEWS*/ #newsthin { width:440px ; padding-top:20px} #news { width:320px ; padding-bottom: 18px;} #newswide { width:320px ; padding-bottom: 13px;} .rssbadge { cursor:pointer; float:right; } .signup { width:350px; height:100px; } .newstitle { cursor:pointer; padding-top:16px;padding-bottom:8px } .newsitem { vertical-align:top; background-color:#121212; cursor:pointer; padding:5px; margin-bottom:3px; } .newsitem-over { vertical-align:top; background-color:#000000; cursor:pointer; padding:5px; margin-bottom:3px; } .newsitem .date, .newsitem-over .date { vertical-align:top; text-align:right; } .newsitem table, .newsitem-over table { width:100%; border:0px; } .newsitem td, .newsitem-over td { color:#cdcdcd; } .newsitem .pmini, .newsitem-over .pmini { color:#ededed; } .newsitem .subHeader, .newsitem-over .subHeader { height:20px; } .specialBody { color: #444444; font-size: 15px; font-family: Verdana, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; line-height: 18px; } .pbody,p { color: #444444; font-size: 11px; font-family: Verdana, Arial, Helvetica, SunSans-Regular, sans-serif;font-weight: normal; font-style: normal; line-height: 17px; text-decoration: none; } .pbody2,pre { color: #559362; font-size: 11px; font-family: Verdana, Arial, Helvetica, SunSans-Regular, sans-serif;font-weight: normal; font-style: normal; line-height: 17px; text-decoration: none; } .pbody3 { color: #333333; font-size: 11px; font-family: Verdana, Arial, Helvetica, SunSans-Regular, sans-serif;font-weight: normal; font-style: normal; line-height: 17px; text-decoration: none; } .pmedium { color: #220307; font-size: 10px; font-family: Verdana, Arial, Helvetica, SunSans-Regular, sans-serif;font-style: normal; font-weight: normal; line-height: 17px; text-decoration: none; } .psmall, .pmini { color: #220307; font-size: 9px; font-family: Verdana, Arial, Helvetica, SunSans-Regular, sans-serif;font-style: normal; font-weight: normal; line-height: 12px; text-decoration: none; } .tableHeader { color: #121212; font-size: 14px; font-family: Verdana, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; line-height: 17px; background-color: #d1cdbf; padding: 5px; } .tbody { color: #333333; font-size: 11px; font-family: Verdana, Arial, Helvetica, SunSans-Regular, sans-serif;font-weight: normal; font-style: normal; line-height: 17px; text-decoration: none; } .tbodyALT { color: #220307; font-size: 11px; font-family: Verdana, Arial, Helvetica, SunSans-Regular, sans-serif;font-weight: normal; font-style: normal; line-height: 17px; text-decoration: none; background-color:#efefef } .touter { padding:14px; background-color:#d4dae0; margin-bottom:10px; } .tborder { border: solid 1px #eeeeee; width:100% ; } .tborderLightblue { border: solid 1px #eeeeee; width:100% ; background-color: #b4daf0; } .imageBorder { border: solid 1px #eeeeee; } .iborder { border: solid 1px #eeeeee; } .iborderS { border: solid 1px #eeeeee; background-image: url(/images/lightfade.png); padding: 8px; background-repeat: no-repeat; background-position: right bottom; } .lborder { border: solid 1px #b5c2ca; } .lborderS { padding: 0 0 0 0; border-style: none dotted dotted none; border-width: 1px; border-color: #b5c2ca } .rule { background-color:#fbc4e6;margin-bottom:10px;margin-top:10px;line-height:1px; } #verticalfader ul { padding:0px; margin-left:18px; } /* NEED FIREFOX FIX */ #verticalfader li { list-style-type: square; padding-bottom:10px;} strong { color:#220307; } a:link { color: #220307; font-size: 11px; font-family: Verdana, Arial, Helvetica, SunSans-Regular, sans-serif;font-weight: normal; font-style: normal; line-height: 17px; text-decoration: none; } a:visited { color: #220307; font-size: 11px; font-family: Verdana, Arial, Helvetica, SunSans-Regular, sans-serif;font-style: normal; font-weight: normal; line-height: 17px; text-decoration: none; } a:hover { color: #cc9933; font-size: 11px; font-family: Verdana, Arial, Helvetica, SunSans-Regular, sans-serif;font-style: normal; font-weight: normal; line-height: 17px; text-decoration: none; } a:active { color: #220307; font-size: 11px; font-family: Verdana, Arial, Helvetica, SunSans-Regular, sans-serif;font-style: normal; font-weight: normal; line-height: 17px; text-decoration: none; } /* BUTTON STUFF */ #breadcrumb { margin-bottom:6px; background-color:#121212; padding:5px; padding-left:10px; } #breadcrumb span { color: #ffffff; font-weight:bold; font-size: 11px; font-family: Verdana, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 17px; text-decoration: none; } #breadcrumb a { color: #ffffff; font-weight:bold; } #breadcrumb i { color: #ffffff; } #breadcrumb a:hover { color: #aaaaaa; font-weight:bold; } .btn { height:18px; cursor:pointer; } .btn td { color:#eeeeee; font-family: Verdana, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; font-style: normal; font-size:11px; line-height:14px; height:25px; padding-bottom:0px; } .btn .l { background-image: url('/images/buttons/button_01.png'); width:12px; height:25px;} .btn .m { color:#eeeeee; background-image: url('/images/buttons/button_02.png'); background-repeat:repeat-x; white-space: nowrap; } .btn .r { background-image: url('/images/buttons/button_04.png'); width:32px; height:25px;} /************************************************************************************************/ /* PRODUCT SECTIONS */ /************************************************************************************************/ #sections { width:100%; background-color:#555; margin-top:-20px; margin-bottom:25px; border-top: 1px solid #333} #sections td { white-space:nowrap; color:#ffffff; padding:2px 5px 2px 5px; text-align:center; border-left:1px solid #aaaaaa; } #sections .first { border-left:0px; } #sections a { font-size:9px; color: #ddd; font-weight:bold;} #sections a:hover { color: #fff; font-weight:bold; } /* PANELS AND OVERLAYS */ .panelBorderTable { font-weight: normal; padding: 14px; background-color:#b8ada1; width:100%; } .panelBorderTable-over { font-weight: normal; padding: 14px; background-color:#988d81; width:100%; } .pdf {color: #eeeeee; font-weight:bold; font-size: 14px; font-family: Verdana, Arial, Helvetica, SunSans-Regular, sans-serif; padding-left:30px; background: url(/images/pdf.gif) no-repeat; height:20px;} .controlsback { color: #eeeeee; font-weight:bold; font-size: 12px; font-family: Verdana, Arial, Helvetica, SunSans-Regular, sans-serif; background-color: #4ba4d6; position:absolute; left:700px; top:24px; z-index:99; padding:4px ;} /* MISC */ .width25p { width:25%; } .width34p { width:34%; } .width50p { width:50%; } .width66p { width:66%; } .width75p { width:75%; } .width100p { width:100%; } .height4px { height:4px; } .height8px { height:8px; } .height12px { height:12px; } .height24px { height:24px; } .height32px { height:32px; }.pointer { cursor:pointer; } .blacktab * {margin:0px; padding:0px;} .blacktab { color:#ffffff; font-size:10px; font-family:Verdana; width:320px; height:25px; background: url('/images/super-bar.gif') no-repeat right; margin-bottom:3px; } .blacktab p { color:#ffffff; font-size:10px; padding: 5px 10px 0 15px; } .blacktab .tab { display:inline; line-height:25px; padding:6px; padding-left:10px; padding-right:10px; border-right:2px solid #ffffff; cursor:pointer; } .blacktab .on { display:inline; line-height:25px; padding:6px; padding-left:10px; padding-right:10px; background: url('/images/bar-grey_02.png') repeat-x;} .small_add_top_control * {margin:0px; padding:0px 0px 0px 0px;} .small_add_top_control { color:#ffffff; font-size:10px; font-family:Verdana; height:25px; width:600px;margin-left:8px;background: url('/images/super-bar.gif') no-repeat left; margin-bottom:3px; padding-left:10px;} .small_add_top_control p { color:#ffffff; font-size:10px; padding: 5px 0 0 15px; } .small_add_top_control .tab { display:inline; line-height:25px; padding:5px 10px 6px; border-right:2px solid #ffffff; cursor:pointer; } .small_add_top_control .on { background: url('/images/bar-grey_02.png') repeat-x;} /*END-PAGE-EDITOR-CSS*/ /************************************************************************************************/ /* LOGGED IN PANEL SEARCH */ /************************************************************************************************/ #top_buttons { position:absolute; top:36px; left:629px; width:350px; font-size:11px; text-align:right; color:#ffffff; } #top_buttons b { color:#111111; } #top_buttons a { color:#222222; } #top_buttons i { color:#ffffff; font-style:normal; } #login_info { position:absolute; top:-35px; right:12px; height:19px;padding-left:8px;padding-right:8px; background-image:url(/images/bar_02.png); font-size:11px; color:#ffffff; } #login_info a { color:#ffffff; font-weight:bold; } #login_info b { color:#cc9933; } #login_info a:hover { color:#dddddd; } /************************************************************************************************/ /* POPUP FRAME */ /************************************************************************************************/ #masker { visibility:hidden;z-index:40;background-color:#aaaaaa;width:100%;height:100%;position:absolute;left:0;top:0; } #loading_frame { visibility:hidden;z-index:41; position:relative; top:300px; width:32px; margin-left:auto; margin-right:auto; text-align:center; } #loading_frame img { visibility:visible; } /************************************************************************************************/ /* POPUP FRAME */ /************************************************************************************************/ #popup_frame { position:absolute; left:0; top:0; width:100%; height:75%; } /************************************************************************************************/ /* POPUP FORM STYLING */ /************************************************************************************************/ #popup_form * { margin:0px; text-align:left; } #popup_form { z-index:41; position:relative; top:0px; background-color:#eeeeee; border: 5px solid #333; padding-bottom: 8px;} #popup_form p { font-size:11px; line-height:14px; padding: 8px;} #popup_form .formleft { width:125px;float:left; } #popup_form .formright { margin-left:325px; padding-right:8px; padding-top:14px} #popup_form h2 { font-size:14px;font-weight:bold;color:#ffffff;background-color:#121212;padding:5px;margin-bottom:5px;} #popup_form label { color:#121212;} #popup_form .astrix { color:#624215;} #popup_form .padding { padding:5px; } #popup_form .textbox, #popup_form textarea, #popup_form select { width:300px;border:1px solid #9f9f9f;padding:3px; margin-left:5px; background-color:#d6d6d6;color:#444444;font-weight:bold; } #popup_form textarea {width:280px} #popup_form input:focus, textarea:focus, select:focus { background-color:#fff3f8; } #popup_form #message { width:440px; } #popup_form .options { width:200px; margin-top:10px; } #popup_form .options td { font-size:11px; padding-bottom:5px; } #popup_form .btn { float:right; margin-top:5px;} #popup_form .product_overview { text-align:left; margin-bottom:10px; } #popup_form #invoice h2 { font-size:13px; font-weight:bold; color:#111111; margin-bottom:0px; padding-bottom:0px;background-color:transparent; } #popup_form .iborderS { padding:10px; } #popup_form .close { float:right; background: url('/images/icons/cross.png') no-repeat; line-height:18px; width:18px; cursor:pointer; margin-right:5px; margin-top:8px; } /************************************************************************************************/ /* AJAX SEARCH */ /************************************************************************************************/ #search .search_frame * { z-index:30; font-family:Verdana,Geneva,Arial,Helvetica,SunSans-Regular,sans-serif; } #search input { z-index:30; position:relative; border: 1px solid #333333; background-color:#FBF8F1; text-align:left;font-size:9px; line-height:10px ; width:140px; } #search { z-index:30; position:absolute; top:85px; left:770px; width:220px; font-size:9px; line-height:11px; margin:0px; padding:0px; vertical-align:middle; } #search p { margin:0px; padding:0px; } #search .title { padding:3px; background-color:#222; color:#ffffff; font-weight:bold; border-bottom: 1px solid #111; } #search .search_frame { position:relative; left:-100px; background-color:#ddd; border: 5px solid #ffffff; margin-top:5px; width:300px } #search .search_frame input { text-align:center; width:12px} #search .on { padding:4px; background-color:#fff; color:#333333; } #search .off { padding:4px; background-color:#eee; color:#333333; } #search .close { float:right; background: url('/images/icons/cross.png') no-repeat; line-height:18px; width:18px; cursor:pointer; margin-right:1px; margin-top:2px; } #search div .fulldesc { width:100%; margin-right:5px; float:left; } #search div .minidesc { width:220px; margin-right:5px; font-size:11px; font-weight:bold; float:left; } #search div .price { font-weight:bold; font-size:12px; } #search .totalrow { border-top: 1px solid #333333; } #search .totalrow .colA { padding:4px; background-color:#efefef; color:#333333; width:62px; padding-right:10px; float:left; border-right: 1px solid #333333; } #search .totalrow .colB { padding:4px; background-color:#eee; width:115px; float:left; text-align:right; font-size:13px; font-weight:bold; color:#000000; } #search .add_to_basket { cursor:pointer; background: url('/images/icons/cart_add.png') no-repeat; width:16px; height:16px; } #search del { display:block; color:red; font-size:11px; } #search .paging { width:292px; height:32px; padding: 0px 4px 0px 4px} #search .paging a { font-weight:bold; font-size:9px; } #search .paging table { width:100%; } #search .paging td { padding-top:5px; font-size:9px; color:#111; } #search_spinner { visibility:hidden; } /************************************************************************************************/ /* ADVANCED SEARCH */ /************************************************************************************************/ #advanced_search * { font-family:Verdana,Geneva,Arial,Helvetica,SunSans-Regular,sans-serif; } #advanced_search input { z-index:30; position:relative; border: 1px solid #333333; background-color:#FBF8F1; text-align:left;font-size:9px; line-height:10px ; width:140px; } #advanced_search { width:960px; font-size:9px; font-weight:bold; line-height:11px; margin-top:20px; padding:0px;} #advanced_search_spinner { visibility:hidden; } /************************************************************************************************/ /* MINI BASKET */ /************************************************************************************************/ #minibasket { position:absolute; top:-52px; right:214px; width:260px; z-index:35; background-color:#eee; border: 3px solid #333; font-size:11px; line-height:13px; } #minibasket * { font-family:Verdana,Arial,Helvetica,SunSans-Regular,sans-serif; font-size:11px; } #minibasket del {font-size:11px; color:red; float:right; } #minibasket p { margin:0px; padding:0px; } #minibasket .title { padding:4px; background-color:#fff; color:#333; font-weight:bold; border-bottom: 1px solid #ffffff; } #minibasket .on { padding:4px; background-color:#eee; color:#111; } #minibasket .off { padding:4px; background-color:#ddd; color:#333; } #minibasket .code { font-size:10px; color:#333333; } #minibasket table td { width:100%; padding:0px; } #minibasket .delete { cursor:pointer; background: url('/images/icons/cart_delete.png') no-repeat; width:16px; height:16px; margin-right:10px; margin-bottom:4px; } #minibasket .edit { cursor:pointer; background: url('/images/icons/cog.png') no-repeat; width:16px; height:16px; margin-right:10px; } #minibasket .minidesc { padding-right:5px; } #minibasket .minidesc i { font-size:11px; } #minibasket .minidesc p { margin:0px; font-size:10px; } #minibasket .option_string { font-size:9px; } #minibasket .end { width:85px; } #minibasket .qty { margin-left:5px; } #minibasket .save { cursor:pointer; background: url('/images/icons/disk.png') no-repeat; width:16px; height:16px; display:none; } #minibasket .price { margin-top:3px; margin-bottom:5px; height:15px; font-weight:bold; float:right; } #minibasket .totals { } #minibasket .totals .on td { text-align:right; padding:4px; background-color:#fff; font-weight:bold; color:#222; border-top: 1px solid #ffffff; } #minibasket .totals .off td { text-align:right; padding:4px; background-color:#fff; font-weight:bold; color:#333; border-top: 1px solid #ffffff; } #minibasket .checkout { background: url('/images/icons/cart_go.png') no-repeat; padding-left:24px; line-height:18px; color:#65553E; font-weight:bold; } #minibasket .remove { margin-top:10px; cursor:pointer; background: url('/images/icons/cart_add.png') no-repeat; padding-left:20px; font-size:70%; font-weight:bold; } #minibasket input { border: 1px solid #333333; text-align:center; } /************************************************************************************************/ /* MAIN BASKET */ /************************************************************************************************/ #basket { width:100%; font-size:12px; line-height:13px; margin-top:10px; margin-bottom:20px; } #basket * { font-family:"Trebuchet MS",Geneva,Arial,Helvetica,SunSans-Regular,sans-serif; font-size:12px; } #basket del {font-size:11px; color:red; } #basket p { margin:0px; padding:0px; } #basket .title { padding:4px; background-color:#121212; color:#ededed; font-weight:bold; border-bottom: 1px solid #ffffff; } #basket .on { padding:4px; background-color:#ededed; color:#121212; } #basket .off { padding:4px; background-color:#dcdcdc; color:#121212; } #basket table td { width:100%; padding:0px; } #basket .delete { cursor:pointer; background: url('/images/icons/cart_delete.png') no-repeat; width:16px; height:16px; margin-right:10px; margin-bottom:4px; } #basket .edit { cursor:pointer; background: url('/images/icons/cog.png') no-repeat; width:16px; height:16px; margin-right:10px; } #basket .minidesc { padding-right:5px; } #basket .minidesc i { font-size:11px; } #basket .minidesc p { margin:0px; font-size:10px; } #basket .code { font-size:10px; color:#333333; } #basket .option_string { font-size:10px; } #basket .vat { font-size:10px; font-weight:normal; } #basket .end { width:85px; } #basket .qty { margin-left:5px; text-align:right; } #basket .save { cursor:pointer; background: url('/images/icons/disk.png') no-repeat; width:16px; height:16px; display:none; } #basket .price { margin-top:5px; font-weight:bold; } #basket .totals { width:250px; float:right; } #basket .totals .on td { text-align:right; padding:4px; background-color:#cdcdcd; font-weight:bold; color:#121212; border-top: 1px solid #ffffff; } #basket .totals .off td { text-align:right; padding:4px; background-color:#ededed; font-weight:bold; color:#121212; border-top: 1px solid #ffffff; } #basket .totals select { font-size:10px; padding:2px; display:inline; width:85px; } #basket .totals option { font-size:11px; } .no_stock_record { text-align:center; background-color:#FFD28A; padding:4px; width:22px; margin-bottom:5px; } .out_of_stock { text-align:center; background-color:#f2766f; padding:4px; width:22px; margin-bottom:5px; } .below_minimum { text-align:center; background-color:#a975bf; color:#ffffff; padding:4px; width:22px; margin-bottom:5px; } .in_stock { text-align:center; background-color:#88bd93; padding:4px; width:22px; margin-bottom:5px; } #basket .remove { margin-top:10px; cursor:pointer; background: url('/images/icons/cart_add.png') no-repeat; padding-left:20px; font-size:70%; font-weight:bold; } #basket input { border: 1px solid #333333; text-align:center; background-color:#212121; color:#ffffff; } /************************************************************************************************/ /* ADD TO BASKET MESSAGE */ /************************************************************************************************/ .add_to_basket_message { background: url('/images/icons/accept.png') 5px 0px no-repeat; font-size:13px; font-weight:bold; color:#999999; padding-left:30px; } .information_message { background: url('/images/icons/information.png') 5px 0px no-repeat; font-weight:bold; font-size:12px; color:#999999; padding-left:30px; } /************************************************************************************************/ /* PROMOTIONAL CODE */ /************************************************************************************************/ #promo_codes { width:595px; margin-bottom:17px;margin-top:17px; } #promo_codes .title { padding:4px; background-color:#121212; color:#ffffff; font-weight:bold; border-bottom: 1px solid #ffffff; } #promo_codes .on { padding:4px; background-color:#ededed; color:#121212; } #promo_codes .off { padding:4px; background-color:#cdcdcd; color:#121212; } #promo_codes input { width:60px; text-align:left; background-color:#212121; color:#ffffff; } #promo_codes .add_promo { padding-left:5px; padding-right:40px; } #promo_codes .delete { cursor:pointer; background: url('/images/icons/delete.png') no-repeat; width:16px; height:16px; margin-right:10px; } #promo_codes .minidesc { padding-right:5px; font-size:11px; } #promo_codes .minidesc i { font-weight:bold; } #promo_codes .discount { margin-top:5px; height:15px; font-weight:bold; } #promo_codes table td { padding:0px; } #promo_codes .totals { width:165px; float:right; } /************************************************************************************************/ /* INVOICE */ /************************************************************************************************/ #invoice { width:100%; font-size:12px; line-height:13px; margin-top:10px; margin-bottom:20px; } #invoice * { font-family:"Trebuchet MS",Geneva,Arial,Helvetica,SunSans-Regular,sans-serif; font-size:12px; } #invoice p { margin:0px; padding:0px; } #invoice .title { padding:4px; background-color:#121212; color:#ffffff; font-weight:bold; border-bottom: 1px solid #ffffff; } #invoice .on { padding:4px; background-color:#eeeeee; color:#111111; } #invoice .off { padding:4px; background-color:#dddddd; color:#333333; } #invoice del {font-size:11px; color:red; float:right; } #invoice table td { padding:0px; } #invoice .minidesc { padding-right:5px; width:100%; } #invoice .minidesc i { font-size:11px; } #invoice .minidesc p { margin:0px; font-size:10px; } #invoice .code { font-size:10px; color:#333333; } #invoice .vat { font-size:10px; font-weight:normal; } #invoice .end { width:85px; } #invoice .qty { margin-right:5px; vertical-align:middle; } #invoice .price { margin-top:5px; height:15px; font-weight:bold; float:right; } #invoice .totals { width:250px; float:right; } #invoice .totals .on td { text-align:right; padding:4px; background-color:#121212; font-weight:bold; color:#ffffff; border-top: 1px solid #ffffff; } #invoice .totals .off td { text-align:right; padding:4px; background-color:#121212; font-weight:bold; color:#ffffff; border-top: 1px solid #ffffff; } /************************************************************************************************/ /* PRODUCT DETAIL */ /************************************************************************************************/ #detail #product_layout { width:960px; height:25px; background:url('/images/bar-under.gif') no-repeat; padding:4px; text-align:right; margin-top:5px; } #detail #product_layout .options { font-size:10px; color:#aaaaaa; font-weight:bold; text-align:right; margin-right:8px; } #detail input,#detail select { border: 1px solid #000000; background-color:#212121; color:#ffffff; font-weight:bold; line-height:15px; font-size:10px; padding:2px;} #detail select { padding:0px; } #detail .product_info { width:404px; float:left; background:#121212; color:#ffffff; padding:8px; margin-bottom:5px; } #detail .option_selector { padding:6px; color:#fff display:block; border:0px; padding-right:0px; background-color:#393939; border-bottom: solid 1px #111 } #detail .option_panel { float:right;background-color:#292929;padding:8px;margin-left:10px;margin-bottom:5px; border: solid 1px #777 } #detail .option_panel>span { float:right; } #detail .compact_select { float:right; } #detail .add_to_basket { cursor:pointer; float:right; width:77px; background-color:#cc9933; color:#ffffff; font-size: 13px; line-height: 15px; font-weight:bold; margin-top:8px; padding:5px; margin-top:5px; } #detail .images { float:left; width:520px; padding-bottom:20px; margin-right:20px; } #detail .images .productimg { padding-left:10px; padding-bottom:10px; width:302px; cursor:pointer; } #detail .images .thumbimg { float:left; padding-left:10px; width:94px; cursor:pointer; } #detail del { color:red; font-size:11px; float:right; margin-bottom:5px; } #detail .bullets { margin-top:10px; } #detail .code { font-size:10px; color:#cccccc; } #detail h1 { font-size:15px; font-family:Verdana; font-weight:normal; color:#ffffff; margin-top:0px; margin-bottom:15px; line-height:18px; padding-top:0px; } #detail h1 i { font-size:13px; font-weight:normal; } #detail h2 { font-size:11px; font-weight:bold; color:#232323; margin-bottom:0px; padding-bottom:0px; } #detail h3 { font-family:Verdana; font-size:15px; color:#FFFFFF; font-weight:normal; line-height:18px; margin:0px; margin-bottom:5px;} #detail ul { padding:0px; margin:0px; font-size:10px; width:400px; } #detail .bullets li { padding:0px; margin:0px; list-style-type:none; margin-bottom:1px; } #detail .bullets li.on { padding:4px; background-color:#151515; color:#dddddd; } #detail .bullets li.off { padding:4px; background-color:#181818; color:#dddddd; } #detail p { margin:0px; padding:0px; color:#ffffff; font-size:10px; } #detail .inc_tax { font-size: 15px; font-weight:bold; } #detail .ex_tax { font-size: 10px; font-style: italic; } #detail .related_items { width:940px; background-color:#121212; padding:10px; } #detail .related_items li { padding:0px; margin:0px; list-style-type:none; } #detail .related_items li.on { background-color:#151515; color:#DDDDDD; } #detail .related_items li.off { background-color:#181818; color:#DDDDDD; } #detail .related_items table { width:100%; } #detail .related_items table td { padding:4px; color:#FFFFFF; } #detail .related_items .right { width:100px; text-align:right; padding:0px;} #detail .related_items .add_to_basket { width:33px; padding:5px; } #detail .related_items a { font-size:12px; } #detail .tech_info { margin-top:10px; color:#999999; } #detail a { color: #999999; } #detail a:hover { color: #777777; } #detail .write_review { margin-top:20px; } #detail .write_review a { font-weight:bold; } /************************************************************************************************/ /* REVIEW CONTENT */ /************************************************************************************************/ #review_content * { margin:0px; padding:0px; } #review_content { width:940px; background-color:#121212; padding:10px; margin-top:5px; } #review_content table { width:100%; margin-bottom:15px; } #review_content h4 { color:#999999; margin-bottom:0px; margin-top:0px; font-size:11px; } #review_content p { color:#FFFFFF; } #review_content .info { padding:4px; background-color:#181818; color:#666666; padding-right:20px; } #review_content .rating { width:210px; padding:4px; background-color:#181818; } /************************************************************************************************/ /************************************************************************************************/ /* PRODUCT LISTING */ /************************************************************************************************/ #listing p { margin:0px; padding:0px; line-height:15px;} #listing .productrowwrapper { float: left; position: relative; width: 960px; height: auto; padding-bottom: 30px; } #listing .productthumb { float: left; position: relative; width: 235px; height: 200px; min-height: 200px; margin-right: 6px; background-color:#121212; overflow:hidden; } #listing .last { margin-right: 0px; } #listing .productsummary { cursor:pointer; width: 235px; font-size: 11px; line-height: 15px; } #listing .productsummary p { position:absolute; top:158px; left:0px; font-size:11px; padding: 2px 6px 2px 4px; ; width: 150px; height:15px; overflow:hidden; font-weight:bold; color: #eee;} #listing .productsummary i { position:absolute; top:173px; left:0px; font-size:9px; line-height: 11px; padding: 2px 6px 2px 4px; width: 150px; font-weight:normal; color: #ffffff; font-style: normal; } #listing .productprice { float:right; width:75px; height:42px; text-align:right; background-color:#262626; vertical-align:middle; } #listing .productprice a { font-size: 13px; font-weight:bold; color:#ffffff; font-weight:bold; padding:4px; display:block; } #listing .add_to_basket { position:absolute; top:137px; left:160px; width: 75px; background-color:#cc9933; color:#ffffff; font-size: 22px; line-height: 18px; text-align:center; } #listing .add_to_basket a:link, #listing .add_to_basket a:visited { color: #ffffff; font-weight:bold; text-decoration: none; padding:2px; display:block; } #listing .add_to_basket a:hover { color: #dddddd; text-decoration: underline; } #listing .productimg { width:235px; height:158px; border:0px; } #listing del { font-size:11px; display:block; color:red; margin-bottom:-3px;} /* #listing .productpaging { border: 1px solid #999999; background-color:#A79B8D; margin-bottom: 10px; color:#ffffff; float: left; position: relative; width: 626px; padding:5px; font-size: 85%; height: auto; } #listing .productpaging a:link, a:visited { color: #FDB813; text-decoration: none; } #listing .productpaging a:hover { color: #ffffff; text-decoration: underline; } */ #listing .paging { width:100%; height:28px; background-color:#262626; margin-bottom:20px;} #listing .paging a { font-weight:bold; font-size:11px; color:#ffffff; } #listing .paging table { width:100%; } #listing .paging td { padding-top:5px; font-size:11px; color:#ffffff; } #listing .paging .left { padding-left:10px; } #listing .paging .right { padding-right:10px; } /* #listing .paging { background-color:#A79B8D; height:28px; margin-bottom:10px; } #listing .paging a { font-weight:bold; } #listing .paging .left { float:left; width:105px; padding:5px;} #listing .paging .center { float:left; width:390px; text-align:center; padding:5px; padding-top:8px; font-size:10px; } #listing .paging .right { float:left; width:105px; text-align:right; padding:5px; } */ /************************************************************************************************/ /* SUB SECTIONS */ /************************************************************************************************/ #sub_sections { margin-top:5px; margin-bottom:8px; background-color:#121212; padding:5px; } #sub_sections label { float:left; margin-top:2px; font-size:11px; color:#ededed; } #sub_sections .sections { margin-left:70px; } #sub_sections a { font-weight:bold; color:#ededdc; } #sub_sections i { font-weight:normal; } #sub_sections #product_breadcrumb { padding:0px; margin:0px; } #sub_sections #product_breadcrumb ul { margin:0px; } /************************************************************************************************/ /* REFINE YOUR SEARCH */ /************************************************************************************************/ #refine_your_search { margin-top:5px; margin-bottom:8px; background-color:#121212; color:#ffffff; padding:5px; } #refine_your_search label { display:block; margin-top:2px; margin-bottom:8px; font-size:11px; color:#ededed; } #refine_your_search .filters { margin-left:115px; } #refine_your_search a, #refine_your_search td { color:#ededdc; } #refine_your_search i { font-weight:normal; } /************************************************************************************************/ /* BREADCRUMBS */ /************************************************************************************************/ #product_breadcrumb { margin-top:5px; margin-bottom:5px; background-color:#121212; padding:5px; padding-left:10px; } #product_breadcrumb * { margin:0px; padding:0px; } #product_breadcrumb .menu { position:relative; display:inline; z-index: 30; } #product_breadcrumb .divider { color:#ffffff; } #product_breadcrumb .top { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; display:inline; padding:0px; text-decoration:none; color:#ffffff; font-weight:bold; cursor:pointer; } #product_breadcrumb label { font-weight:normal; cursor:default; color:#eeeeee; } #product_breadcrumb a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#FFFFFF; } #product_breadcrumb a:active, #product_breadcrumb a:visited { color:#dddddd; } #product_breadcrumb div ul { position:absolute; top:10px; left:0px; list-style-type:none; border-bottom:1px solid #aaaaaa; margin:0px; padding:0px; /* ref a */ width:168px; visibility:hidden; } #product_breadcrumb li div.sub { position:absolute; /*background:url('/francois/menu/images/sub.gif') right no-repeat;*/ } #product_breadcrumb li div { padding:4px; } #product_breadcrumb div li { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight:bold;/* IE */ position:relative; /* needed to make the ul child which is postion:absolute position correctly */ list-style-type:none; width:178px; background-color:#ededed; color:#220307; cursor:pointer; } #product_breadcrumb div li.border { border-bottom:1px solid #aaaaaa; } #product_breadcrumb div li.folder { /* background-image:url('/francois/menu/images/sub.gif'); background-position:right; background-repeat:no-repeat; */ } #product_breadcrumb div ul.sub { top:0px; /* compensate for the ULs top padding (ref a), to make LIs of menus line up */ left:180px; /* width of parent li plus the right padding of the parent ul */ } #product_breadcrumb li { padding: 0 0 5px; border-left: 1px none #d1cdbf; border-top: 1px none #d1cdbf; border-right: 1px none #d1cdbf; border-bottom: 1px none #d1cdbf; } /* regular hovers */ #product_breadcrumb div li.hilite { background-color: #cc9933; color:#ffffff; } #product_breadcrumb li.hover a { color:#dddddd; } #product_breadcrumb li.active a, #product_breadcrumb li.hilite a { color:#aaaaaa; } /************************************************************************************************/ /* FIND IT MENU */ /************************************************************************************************/ #product_finder { background-image: url('/images/bar_02.png'); position:relative; z-index: 25; left:12px} #product_finder * { margin:0px; padding:0px; } #product_finder .findit a { color:#ffffff; height:25px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 11px; line-height: 23px; } #product_finder .findit { background-color: #cc9933; position:absolute; list-style-type: none; height:25px; text-align:center; width:136px; margin-left:1px; } #product_finder ul { margin:0px; padding:0px; } #product_finder li { padding-bottom:0px; } #product_finder div ul { position:absolute; top:25px; left:1px; list-style-type:none; border-bottom:1px solid #aaaaaa; margin:0px; padding:0px; /* ref a */ width:168px; visibility:hidden; margin-top:4px} #product_finder li div.sub { position:absolute; /*background:url('/francois/menu/images/sub.gif') right no-repeat;*/ } #product_finder li div { padding:4px; } #product_finder div li { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; position:relative; /* needed to make the ul child which is postion:absolute position correctly */ width:178px; list-style-type:none; background-color:#ededed; color:#220307; font-weight:bold;/* IE */ cursor:pointer; } #product_finder div li.border { border-bottom:1px solid #aaaaaa; } #product_finder div li.folder { } #product_finder div ul.sub { top:0px; /* compensate for the ULs top padding (ref a), to make LIs of menus line up */ left:180px; /* width of parent li plus the right padding of the parent ul */ } /* regular hovers */ #product_finder li.hilite { background-color: #cc9933; color:#ffffff; } /************************************************************************************************/ /* SUB NAVIGATION */ /************************************************************************************************/ #product_navigation * { margin:0px; padding:0px; } #product_navigation { padding-bottom: 0px; position:relative; z-index: 20; width:178px; } #product_navigation .menu { position:relative;display:inline; left:-150px; top:15px; } #product_navigation div ul { position:relative; top:0px; left:0px; border-bottom:1px solid #aaaaaa; /* ref b */ margin:0px; padding:0px; /* ref a */ width:178px; visibility:hidden; } #product_navigation ul div.sub { position:absolute; top:-10px; /* compensate for the div border (see ref b) to make LIs of menus line up */ left:178px; /* width of parent li plus the right padding of the parent ul */ /*background:url('/francois/menu/images/sub.gif') right no-repeat;*/ } #product_navigation div li { font-family:arial,tahoma,verdana,helvetica; font-size:9px; position:relative; /* needed to make the ul child which is postion:absolute position correctly */ width:178px; font-weight:bold;/* IE */ list-style-type:none; background-color:#ededed; color:#220307; cursor:pointer; } #product_navigation li div { padding:4px 4px 0px 4px; } #product_navigation div li.border { border-bottom:1px solid #aaaaaa; } #product_navigation div li.folder { /* background-image:url('/francois/menu/images/sub.gif'); background-position:right; background-repeat:no-repeat; */ } /* regular hovers */ #product_navigation li.hilite{ background-color:#cc9933; color:#fff; } /************************************************************************************************/ /* IFRAME STYLING */ /************************************************************************************************/ #login_iframe { width:400px; height:300px; border:0px solid #ffffff; background-color:#FBF8F1; } /************************************************************************************************/ /* FORM STYLING */ /************************************************************************************************/ #form * { margin:0px; padding:0px; } #form p { font-size:11px; line-height:14px; padding: 5px 0;} #form .formleft {width:360px;float:left;} #form .formright {margin-left:380px;width:360px;} #form label {color:#121212;margin-bottom:4px;} #form label.radio { font-size:11px; font-weight:bold;color:#121212;} #form legend {color: #121212; font-weight:normal; font-size: 16px; font-family: Verdana, Arial, Helvetica, SunSans-Regular, sans-serif;padding: 0 6px;} #form fieldset {padding:10px;margin-bottom:20px; width:445px; border: 1px solid #aaaaaa; } #data { font-size:11px; padding:10px;margin-bottom:20px;border:2px solid #990000} #form p {color:#121212} #form .astrix { color:#664422;} #form .textbox, #form textarea, #form select {width:320px;border:1px solid #9f9f9f;padding:3px;background-color:#d6d6d6; color:#444444;font-weight:bold; } #form textarea { width:98%; } #form input:focus, textarea:focus, select:focus { background-color:#eee4e4; } #form .button {width:508px; vertical-align:top; background-color:#fff3f8; height:34px;padding: 4px 0 0 6px; border: 1px solid #fb9ec7;margin:20px 0 0 0;} #form .textbox_err { margin-left:4px; border: 1px solid #950000; padding:2px; background-color:#FFAEAE; } #form #card_information { margin-top:20px; } #form .small_fs { width:498px; } #form #payment_form { line-height:0px; } #form #payment_method .option_off { float:left; margin-right:5px; vertical-align:middle; border: 5px solid #eeeeee; cursor:pointer; margin-bottom:5px;} #form #payment_method .option_on { float:left; margin-right:5px; vertical-align:middle; border: 5px solid #121212; cursor:pointer; margin-bottom:5px; } #checkout #form input, #checkout #form select { margin-top:5px; } #form .client_selector select { width:500px; } #management { padding:10px; } #management #form legend {color:#3764A0;font-family:tahoma,arial,helvetica,sans-serif;font-size:11px;font-weight:bold;} #management #form fieldset {padding:10px;margin-bottom:20px; width:460px; border: 1px solid #aaaaaa; } #management #form .formleft {width:220px;float:left;} #management #form .formright {margin-left:240px;width:220px;} .message { color:red; } #checkout #message { width:950px; } #message { color:#ffffff; background-color:#cc9933; padding:5px; margin-top:5px; margin-bottom:5px; width:100%; padding-left:8px; } #message b { display:block; } #message a {color:#ffffff; font-weight:bold;} #debug_layer1 strong { display:block; font-weight:normal; color:#FF6600; margin-top:4px; margin-bottom:4px; } #delivery_address fieldset { margin-bottom:5px; } #delivery_address .btn { margin-bottom:15px; } /************************************************************************************************/ /* ORDER FORMATING */ /************************************************************************************************/ #recent_order_list { width:100%; } #recent_order_list td { padding:5px; } #recent_order_list .header td { font-weight:bold; } #recent_order_list .on { background-color:#dddddd; color:#444444; } #recent_order_list .off { background-color:#eeeeee; color:#111111; } #order_invoice { width:100%; } #order_invoice a { font-weight:bold; } #order_invoice td { padding:5px; } #order_invoice .on { padding:4px; background-color:#eeeeee; color:#111111; } #order_invoice .off { padding:4px; background-color:#dddddd; color:#333333; } #order_invoice .minidesc { padding-right:5px; width:100%; text-align:left; font-size:11px; } #order_invoice .totals { width:250px; float:right; } #order_invoice .code { font-size:10px; color:#333333; } #order_invoice .totals .on td { text-align:right; padding:4px; background-color:#121212; font-weight:bold; color:#ffffff; border-top: 1px solid #ffffff; } #order_invoice .totals .off td { text-align:right; padding:4px; background-color:#121212; font-weight:bold; color:#ffffff; border-top: 1px solid #ffffff; } /************************************************************************************************/ #checkout_page .checkout_btn, #order_thanks .checkout_btn { display:none; } /* HIDE CHECKOUT BTN ON CHECKOUT PAGE */ #checkout_page .profile_link { display:none; } .clear { clear:both; line-height:0px; } /************************************************************************************************/ /* SITEMAP */ /************************************************************************************************/ .sitemap_table { width:100%; } .sitemap_table td { vertical-align:top; text-align:left; } .sitemap_table ul { list-style-type:none; } .sitemap_table li { list-style-type:none; } /************************************************************************************************/ /* SOCIAL MEDIA */ /************************************************************************************************/ .social-media { margin-top: 15px; } .social-media td { padding:0px; vertical-align:top; } .social-media-wrap { margin-left:20px; } #jq-masker{ display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:100%; width:100%; top:0; left:0; background:#000000; /*border:1px solid #cecece;*/ z-index:50; } #jq-popup{ width:380px; display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ background:#FFFFFF; border:1px solid #ffffff; z-index:51; padding:12px; font-size:13px; } #jq-popup.plain { background-color:transparent; padding:0px; border:0px; width:auto; } #checkout .email-address { font-size:14px; font-weight:bold; color:#5C2946; } .rollover a { display:block; cursor: pointer; width: 96px; height: 61px; } .rollover a:hover { background-position: 0 -61px; color: #049; } /* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */ div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden} div.rating-cancel,div.rating-cancel a{background:url('/images/icons/delete.png') no-repeat 0 -16px} div.star-rating,div.star-rating a{background:url('/images/icons/star.png') no-repeat 0 0px} div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0} div.star-rating-on a{background-position:0 -16px!important} div.star-rating-hover a{background-position:0 -32px} /* Read Only CSS */ div.star-rating-readonly a{cursor:default !important} /* Partial Star CSS */ div.star-rating{background:transparent!important;overflow:hidden!important} /* END jQuery.Rating Plugin CSS */