/* MAIN */ #InfoPlease { display:none; } #verticaledges { background: url("../images/whitedown.png") repeat-x; padding: 12px 0px; border-radius: 2px;} #verticalfader { background-image: url("../images/dyn/ffffff-90.png"); border-radius: 2px; box-shadow: 0 0 2px rgba(30, 30, 30, 0.3), 0 85px 180px 0 #FFFFFF, 0 12px 8px 5px rgba(30, 30, 30, 0.6); margin: 12px auto; min-height: 600px; width: 1012px; position:relative; } #topstrip { display:none } #basestrip { display:none } .container { position:relative; margin-left:auto; margin-right:auto; width:960px;min-height:600px; } .container ul { background-image: url('../images/dyn/e9e9e9-80.png'); margin-top:0px; margin-bottom:0px ;} /* NEED FIREFOX FIX */ .container li { list-style-type: square; padding-bottom:10px; padding-right:10px} .container .picture_block img { background-image: url('../images/dyn/e9e9e9-80.png'); padding:10px;} .container .btn { margin:6px;} .basecontainer { position:relative; margin-left:auto; margin-right:auto; width:932px;} .columnleft { padding-right:0px; } .columnright { padding-left:20px; } .columnbackground { background-image: url('../images/dyn/a70a0a-20.png'); } .columnbackground p { color: #111; background-image: url('http://www.proaudiostash.co.uk/css/screen.css?2'); } .columnbackground h2, .phead2, .subHeader { color: #fff; background-image: url('../images/dyn/a70a0a-60.png'); } .cleft { padding-right: 0px; } .cright { padding-left: 20px; } .page_editor { padding-right:6px } /*Form Editor Classes*/ .contactform {width:100%;} .form_content_table .form_label { width:300px; } .banner { position:relative; margin-left:auto; margin-right:auto; width:988px; height:132px;} .banner img { border-radius: 2px; } .logo { position:relative; float:left; display:inline; margin-left:auto; margin-right:auto; width:988px; height:126px; margin-top:0px; } .flags { position:absolute; width:140px; height:16px; top:20px; left:30px; z-index:8 } .phone { position:relative; float:left; display:inline; margin-top:-108px; margin-left:180px; } .phoneNumber { color: #ffffff; font-size: 14px; font-weight: bold; line-height:18px;} .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; width:100%; padding-top:4px; margin-right:20px; margin-left:20px; } .baseline { background-color:#ffffff; border-top:2px #eeeeee solid; margin-top:10px; margin-left:20px; margin-right:20px; padding:20px; clear:both} .baseline .vsmall { font-size:11px } .bottombits img { border:1px #ffffff solid; padding:2px; margin:0px ; } .pasignups { } .border1px { border-right: solid 1px #aaaaaa; } #navigation { position:relative; margin:0px; padding:0px; border:0px; left:152px; top:1px; margin-bottom:12px; width:820px} #navigation ul { background-image: url(http://www.proaudiostash.co.uk/css/screen.css?2);padding:0px; margin:0px; height:23px; border-bottom:0px #ffffff solid; } #navigation li { padding:0px; margin:0px; display: inline; list-style-type: none; height:23px;} #navigation .start { padding:0px; } #navigation .mid { padding:0px; } #navigation .end { } #navigation a { border: 1px #999 solid; background-image: url(../images/dyn/060710-50.png); padding-left:6px; padding-right:6px; padding-top:3px; padding-bottom:4px; color:#ffffff; height:24px; font-family: "Century Gothic", Arial, Helvetica, SunSans-Regular, sans-serif;font-weight: normal; font-style: normal; font-size:13px; line-height:23px; margin-right:7px; border-radius: 2px} #navigation a:hover { background-image: url(../images/dyn/060710-100.png); color:#ffffff; height:23px; } #navigation .selected { background-image: url(../images/dyn/060710-80.png); color:#ffffff; height:23px; padding-bottom:10px; } #subnavigation { margin-bottom:8px; background-image: url(../images/dyn/060710-80.png); position:relative; margin-top:-4px; padding:2px; border-radius: 2px; text-align:center} #subnavigation ul { background-image: url(http://www.proaudiostash.co.uk/css/screen.css?2);padding:0px; margin:0px; padding-top:0px; padding-bottom:0px; } #subnavigation li { display: inline; list-style-type: none; padding-left:6px; } #subnavigation a { color:#ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; font-size:10px; line-height:21px; } #subnavigation a:hover { color:#ffee91 } .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; } #newsthin { width:440px ; padding-top:20px} #newswide { width:100% ; padding-bottom:16px;} .rssbadge { cursor:pointer; } .signup { width:350px; height:100px; } .newstitle { cursor:pointer; padding-top:16px;padding-bottom:8px } .newsitem { width:98% ; font-weight: normal; padding: 4px; background-color:#ffffff; border-bottom: 1px solid #826357; border-left: 1px solid #cdcdcd } .newsitem-over { width:98% ; font-weight: normal; padding: 4px; background-color:#efeeee; border-bottom: 1px solid #826357; border-left: 1px solid #cdcdcd } #image_fader_frame { position:relative; width:932px; height:314px; overflow:hidden; left:0px; top:0px; margin-bottom:20px; border: 13px #dedede solid; border-radius: 2px; } .small_main_add { position:relative; visibility:hidden; height: 180px; width: 932px; left:0px; top: 0px; } .full_size_main_add { position:relative; visibility:hidden; height: 250px; width: 860px; left:0px; top: 0px; } .smalladtitle { color: #624215; font-weight:bold; font-size: 13px; line-height: 20px; margin-bottom:10px; } .smalladtext { color: #777777; font-size: 10px; font-style: normal; font-weight: normal; line-height: 17px; text-decoration: none; } .mainfocus { width:932px; height:281px; position:relative; visibility:hidden; left:0px; top: 0px; } .focuscontainer { background: url('../images/finish.png') repeat-x; border-radius: 2px; } .mainfocus .focusheader { position:relative; margin-top:0px; margin-left:0px; width:394px;height:250px; } .mainfocus .focuscontent { position:relative; margin-top:0px; margin-left:0px; width:912px; padding-left:20px; height:66px; border:0px; background-image:url('../images/dyn/060710-50.png') ; } .mainfocus .buttonposition { position:absolute; top:260px; right:32px; width:400px } .mainfocus .buttonposition .btn { float:right } /* NEW SECONDARY NAVIGATION CSS CODE */ #secondary { color:#fff; padding:0px; width:100%; } #secondary ul { list-style-type:none; margin:0 0 0 18px; padding-left:5px; } #secondary li { padding:4px 0px; margin-left:0px } #secondary a:link { color:#fff; } #secondary a:hover, #secondary a:active { font-weight:bold; } #secondary a:visited { color:#ffee91; } #secondary h4 { margin:0px; width:100%; border-bottom: 1px solid #fff; border-left: 0px solid #cdcdcd } #secondary h4 a { display:block;background-image: url('../images/dyn/060710-80.png'); font-weight:bold; font-size:13px; padding:10px; } #secondary h4 a:hover, #secondary h4 a:active, #secondary h4 .active { background-image: url('../images/dyn/a70a0a-85.png'); color:#ffffff; } #secondary h4 a:visited { padding:10px; } #s_fade_out { height:36px; width:100% ; background-image: url('../images/secondary_nav_fade.png'); background-repeat:repeat-x; margin:0px; padding:0px; } /* BUTTON STUFF */ #breadcrumb { margin-bottom:6px; background-image: url('../images/dyn/a70a0a-85.png'); padding:5px; padding-left:10px; } #breadcrumb span { color: #fff; font-weight:bold; font-size: 11px; line-height: 17px; text-decoration: none; } #breadcrumb a { color: #fff; font-weight:bold; } #breadcrumb i { color: #fff; } #breadcrumb a:hover { color: #ffee91; font-weight:bold; } /* PANELS AND OVERLAYS */ .panelBorderTable { font-weight: normal; padding: 9px; background-color:#b8ada1; width:100%; } .panelBorderTable-over { font-weight: normal; padding: 9px; background-color:#988d81; width:100%; } .pdf {color: #eeeeee; font-weight:bold; font-size: 14px; padding-left:30px; background: url(http://www.proaudiostash.co.uk/images/pdf.gif) no-repeat; height:20px;} .pdf-border { background-image: url('../x_icons/icon-pdf.gif'); background-repeat:no-repeat; background-position: 2px 2px; border: 1px solid #ccc; margin:10px 0px; width:300px; } .pdf-border a { display:block; font-weight:bold !important; width:350px; height:30px; cursor:pointer; padding-left:40px; padding-top:10px; } .controlsback { color: #eeeeee; font-weight:bold; font-size: 12px; 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; } .switchback { background-image: url(http://www.proaudiostash.co.uk/images/main_offer_back.png); background-repeat: repeat-x; background-position: left top; } .switchback2 { background-image: url(http://www.proaudiostash.co.uk/images/main_offer_back2.png); background-repeat: repeat-x; background-position: left top; } .navback-light { background-image: url(http://www.proaudiostash.co.uk/images/navbar_back-light.png); background-repeat: repeat-x; background-position: 0 bottom; } .basenavback { background-image: url(http://www.proaudiostash.co.uk/images/backbite.png); background-repeat: repeat-x; background-position: 0 top; } .whitelinkB { color: #174e75; font-size: 13px; 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-weight: normal; font-style: normal; line-height: 17px; text-decoration: none; padding-top: 5px; padding-bottom: 5px; } .psmallW { color: #ffffe0; font-size: 9px; font-style: normal; font-weight: normal; text-decoration: none; } .datespace { padding-left:5px; padding-right:5px; } .priceObject { color: #cc560c; font-size: 36px; font-weight: normal; line-height: 36px; } .priceObject2, .phead3 { color: #174e75; font-size: 26px; 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; border: solid 1px #a0acac; padding:3px;background-color: #efefef } .inputFinance { color: #242424; font-size: 11px; 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 */ .mp3_player { color:#480d09; font-weight: normal; padding-bottom: 6px ; padding-top: 6px ; background-color:#FFFCF4; border: 1px dotted #d2d0c6; } .mp3_player .left { padding-left: 8px ; } .mp3_player .mid { padding-left: 4px ;} .mp3_player .right { padding-right: 8px} .mp3_player .pmini { font-size: 9px; font-family: Verdana, Arial, Helvetica, SunSans-Regular, sans-serif; font-style: normal; font-weight: normal; line-height: 12px; } .errorTxt { background-color:#AD3D36; color:#ffffff; padding:5px; } .whitelink { color: #eee; font-size: 13px; font-style: normal; font-weight: normal; text-decoration: none; } .hand { cursor:pointer; } .pointer { cursor:pointer; } .textbox { color: #242424; font-size: 12px; font-weight:bold; background-color: #eee; background-position: 0 0; padding: 3px; width: 100%; border: solid 1px #999; } .textbox_err { color: #242424; font-size: 12px; font-weight:bold; background-color: #eee; background-position: 0 0; padding: 3px; width: 100%; border: solid 1px #999; } .select { color: #242424; font-size: 12px; font-weight:bold; background-color: #eee; background-position: 0 0; padding: 3px; width: 100%; border: solid 1px #999; margin:0px; } .select_err { color: #242424; font-size: 12px; font-weight:bold; background-color: #eee; background-position: 0 0; padding: 3px; width: 100%; border: solid 1px #999; margin:0px; } .compact_select { color: #242424; font-size: 12px; font-weight:bold; background-color: #eee; background-position: 0 0; padding: 3px; border: solid 1px #999; margin:0px; } .compact_select_err { color: #242424; font-size: 12px; font-weight:bold; background-color: #eee; background-position: 0 0; padding: 3px; border: solid 1px #999; margin:0px; } /* SIZE + STYLE INFORMATION */ .vsmall { font-size: 9px; 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; 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; line-height: 17px; text-decoration: none; } body { font-family: Arial, Helvetica, SunSans-Regular, sans-serif; margin: 0px; background-color: #333; color: #333; font-size: 12px; line-height: 17px; background: url("../images/pas-metallic.jpg") no-repeat fixed center top / 100% 100% #ffffff; } /*PAGE-EDITOR-CSS*/ h1, .phead1, .mainHeader { color: #7b1515; font-family: "Century Gothic", Arial, Helvetica, SunSans-Regular, sans-serif; font-size: 24px; font-weight:normal; line-height: 38px; margin:0px; margin-bottom:12px;} h2, .phead2, .subHeader { color: #222; background-image: url('../images/dyn/ffffff-80.png'); padding:6px; font-weight:normal; font-size: 18px; line-height: 24px; margin:0px; margin-bottom:0px; } .subHeader2 { color: #7b1515; font-weight:normal; font-size: 12px; margin-bottom:0px;} .btn { height:18px; cursor:pointer; border-radius: 2px;} .btn td { color:#111; font-weight: bold; font-style: normal; font-size:13px; line-height:14px; height:27px; padding-bottom:0px; color:#eeeeee} .btn .l { background-image: url('../images/buttons/butt01.png'); width:8px; height:27px;} .btn .m { color:#111; background-image: url('../images/buttons/butt02.png'); background-repeat:repeat-x; white-space: nowrap; font-family: "Century Gothic", Arial, Helvetica, SunSans-Regular, sans-serif;} .btn .r { background-image: url('../images/buttons/butt03.png'); width:23px; height:27px;} .btn .u { background-image: url('../images/buttons/button-up.png'); width:23px; height:27px;} .pasignups { background-image: url('../images/dyn/a70a0a-15.png'); border-radius: 2px; border: 1px solid #ccc; padding-left:8px !important; margin-bottom:12px; } div.small-focus { border: 1px solid #444; vertical-align:top; background-color:#ffffff; width: 338px; min-height:157px; margin-bottom:0px; border-radius: 2px;} div.small-focus h3 { color: #fff; font-weight:bold; font-size: 15px; padding: 4px; padding-left:8px; background-image: url('../images/dyn/a70a0a-85.png'); line-height: 20px; margin:0px; } div.small-focus .h32 { color: #fff; font-weight:bold; font-size: 13px; padding-left:5px; } div.small-focus p { color: #fff; padding: 6px 4px 4px 8px; font-size: 13px; line-height: 19px; text-decoration: none; background-image: url('../images/dyn/060710-70.png'); margin:0px; } div.small-focus .img { } .float { position:relative; margin:5px; margin-top:-16px; margin-left:8px; margin-bottom:20px} td { margin:0px; color: #333; font-size: 12px; } .pgquicklinks { font-size:10px; } .pgquicklinks .pbody { background-image:url('http://www.proaudiostash.co.uk/css/screen.css?2'); } .specialHeader { color: #fff; font-size: 30px; font-weight: bold; line-height: 38px; } .specialHeader2 { color: #eee; font-size: 21px; font-weight: bold; line-height: 32px; } .specialBody { color: #eee; font-size: 16px; font-weight: normal; line-height: 18px; } .pbody,p { color: #333; font-size: 12px; font-weight: normal; font-style: normal; line-height: 17px; text-decoration: none; margin:0px; background-image: url('../images/dyn/e9e9e9-80.png'); padding:6px; } .pbody2,pre { color: #7b1515; font-size: 12px; font-weight: normal; font-style: normal; line-height: 17px; text-decoration: none; } .pbody3 { color: #333333; font-size: 12px; font-weight: normal; font-style: normal; line-height: 17px; text-decoration: none; } .pmedium { color: #111; font-size: 11px; font-style: normal; font-weight: normal; line-height: 17px; text-decoration: none; } .psmall, .pmini { color: #111; font-size: 10px; font-style: normal; font-weight: normal; line-height: 12px; text-decoration: none; } .tableHeader { color: #7b1515; font-size: 14px; font-weight: bold; line-height: 17px; background-color: #d1cdbf; padding: 5px; } .tbody { color: #222; font-size: 11px; font-weight: normal; font-style: normal; line-height: 16px; text-decoration: none; } .tbodyALT { color: #111; font-size: 11px; font-weight: normal; font-style: normal; line-height: 16px; text-decoration: none; background-image: url('../images/dyn/a70a0a-25.png');} .touter { padding:1px; background-color:#ddd; margin-bottom:10px; } .touter p { margin:0px; padding:0px } .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} .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:#333333; margin-bottom:10px;margin-top:10px;line-height:1px;height:1px; } .alt_rule { background-image: url ("../images/dyn/a70a0a-85.png"); margin-bottom:10px;margin-top:10px;line-height:1px;height:1px; } strong { color:#220307; } a:link { color: #7b1515; font-size: 12px; font-weight: normal; font-style: normal; line-height: 17px; text-decoration: none; } a:visited { color: #333; font-size: 12px; font-style: normal; font-weight: normal; line-height: 17px; text-decoration: none; } a:hover { color: #111; font-size: 12px; font-style: normal; font-weight: normal; line-height: 17px; text-decoration: none; } a:active { color: #111; font-size: 12px; font-style: normal; font-weight: normal; line-height: 17px; text-decoration: none; } /*END-PAGE-EDITOR-CSS*/ /************************************************************************************************/ /* LOGGED IN PANEL SEARCH */ /************************************************************************************************/ #top_buttons { position:absolute; top:84px; left:340px; width:250px; } #login_info { position:absolute; top:18px; left:255px; width:500px; font-size:11px; text-align:right; color:#ffffff;text-align:center; } #login_info b { color:#ffffff; display:block; } #login_info a { color:#ffffff; font-weight:bold; } #login_info i { color:#ffffff; font-style:normal; } /************************************************************************************************/ /* 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:100%; } /************************************************************************************************/ /* POPUP FORM STYLING */ /************************************************************************************************/ #popup_form * { margin:0px; padding:0px; text-align:left; } #popup_form { z-index:41; position:relative; top:0px; background: url('../images/dyn/ffffff-80.png'); border: 6px solid #999; } #popup_form p { font-size:11px; line-height:14px; padding: 5px;} #popup_form .formleft {width:125px;float:left; } #popup_form .formright {margin-left:325px; width:75px; } #popup_form h2 {font-size:14px;font-weight:bold;color:#333;background-color:#ddd;padding:5px;margin-bottom:5px;} #popup_form label {color:#666666;margin-bottom:4px;} #popup_form .astrix { color:#333333;} #popup_form .textbox, #popup_form textarea, #popup_form select { width:300px;border:1px solid #9f9f9f;padding:3px;color:#333;font-weight:bold; } #popup_form textarea {width:280px} #popup_form input:focus, #popup_form textarea:focus, #popup_form select:focus { background-color:#eee; } #popup_form #message { width:440px; } #popup_form .padding { padding:4px; } #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:#333; 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 * { margin:0px; padding:0px; } #search input { border: 1px solid #aaa; background-color:#eee; text-align:left; margin:0px; padding:2px; font-size: 11px; line-height:12px; width:140px; border-radius: 2px;} #search { position:absolute; top:32px; left:724px; z-index:40; width:248px; height:23px ; font-size:11px; border: 1px solid #666; background-image: url('../images/dyn/ffffff-60.png'); padding: 2px 0px 0px 4px } #search p, .pbody { margin:0px; padding:0px; } #search .title { padding:4px; background-color:#777; color:#ffffff; font-weight:bold; border-bottom: 1px solid #ffffff; } #search .search_frame { background-color:#EEEEEE; border:8px solid #FFFFFF; position:relative; width:360px; left:-128px; top:6px; } #search .search_frame input { text-align:center; width:36px; margin-left:6px} #search .on { padding:4px; background-color:#f8f8f8; color:#333; } #search .off { padding:4px; background-color:#eee; color:#222; } #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:260px; margin-right:5px; font-size:12px; float:left; background-image:url('http://www.proaudiostash.co.uk/css/screen.css?2')} #search div .price { font-weight:bold; font-size:12px; } #search .totalrow { border-top: 1px solid #333333; } #search .totalrow .colA { padding:4px; background-color:#FDB813; color:#333333; width:62px; padding-right:10px; float:left; border-right: 1px solid #333333; } #search .totalrow .colB { padding:4px; background-color:#bbbbbb; 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:360px; height:32px; background-color:#ffffff;} #search .paging a { font-weight:bold; font-size:9px; } #search .paging table { width:100%; } #search .paging td { padding-top:5px; font-size:9px; color:#000000; } #search_spinner { visibility:hidden; } /* css required to add an image into search results */ #search .image-preview { float:left; margin-right:10px; width:50px; overflow:hidden; } #search .image-preview img { height:50px; border:0px; }; /************************************************************************************************/ /* 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:-60px; left:686px; z-index:35; background-color:#f9f9f9; border: 1px solid #333; width:250px; font-size:12px; line-height:13px; } #minibasket * { font-size:12px; } #minibasket del { font-size:11px; color:red; float:right; } #minibasket p { margin:0px; padding:0px; } #minibasket .title { padding:4px; background-color:#fff; color:#111; font-weight:bold; border-bottom: 1px solid #ffffff; } #minibasket .on { padding:4px; background-color:#f9f9f9; color:#333333; } #minibasket .off { padding:4px; background-color:#eee; 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 .code { font-size:10px; color:#333333; } #minibasket .minidesc { padding-right:5px; } #minibasket .minidesc i { font-size:11px; } #minibasket .minidesc p { margin:0px; font-size:10px; } #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:#111; border-top: 1px solid #ffffff; } #minibasket .totals .off td { text-align:right; padding:4px; background-color:#fff; font-weight:bold; color:#111; border-top: 1px solid #ffffff; } #minibasket .checkout { background: url('../images/icons/cart_go.png') no-repeat; padding-left:24px; line-height:18px; color:#333; 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-size:12px; } #basket del { font-size:11px; color:red; } #basket p { margin:0px; padding:0px; } #basket .title { padding:4px; background: url('../images/dyn/a70a0a-85.png'); color:#ffffff; font-weight:bold; border-bottom: 1px solid #ffffff; } #basket .on { padding:4px; background-color:#eee; color:#333333; } #basket .off { padding:4px; background-color:#f8f8f8; color:#333333; } #basket table { width:100%; } #basket table td { padding:0px; } #basket .btn .l, #basket .btn .r, #basket .btn .m { width:auto; } #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 tr.basket-header td { padding-top:4px; padding-bottom:4px; } #basket td.basket-amount { text-align:right; padding-right:4px; } #basket td.basket-button { width:16px; padding-left:2px; } #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; } #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:#999; font-weight:bold; color:#ffffff; border-top: 1px solid #ffffff; } #basket .totals .off td { text-align:right; padding:4px; background-color:#999; font-weight:bold; color:#ffffff; 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; } /************************************************************************************************/ /* MESSAGES */ /************************************************************************************************/ .add_to_basket_message { background: url('../images/icons/accept.png') 5px 0px no-repeat; font-size:13px; font-weight:bold; color:#999999; padding-left:25px !important; } .information_message { background: url('../images/icons/information.png') 5px 0px no-repeat; font-size:12px; font-weight:bold; color:#999999; padding-left:25px !important; } /************************************************************************************************/ /* PROMOTIONAL CODE */ /************************************************************************************************/ #promo_codes { width:595px; margin-bottom:17px;margin-top:17px; } #promo_codes .title { padding:4px; background-color:#999; color:#ffffff; font-weight:bold; border-bottom: 1px solid #ffffff; } #promo_codes .on { padding:4px; background: url('../images/dyn/ffffff-30.png'); color:#333333; } #promo_codes .off { padding:4px; background: url('../images/dyn/ffffff-50.png'); color:#333333; } #promo_codes input { width:60px; text-align:left; } #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 table.applied-promotional-codes td { padding:4px; width:auto;} #promo_codes table.applied-promotional-codes { width:100%; } #promo_codes table.applied-promotional-codes .promo-remove { width:16px !important; padding:0px; padding-top:3px; } #promo_codes .totals { width:165px; float:right; } /************************************************************************************************/ /* INVOICE */ /************************************************************************************************/ #invoice { width:100%; font-size:12px; line-height:13px; margin-top:10px; margin-bottom:20px; } #invoice h2 { margin-bottom:10px; } #invoice * { font-size:12px; } #invoice p { margin:0px; padding:0px; } #invoice .title { padding:4px; background-color:#999; color:#ffffff; font-weight:bold; border-bottom: 1px solid #ffffff; } #invoice .on { padding:4px; background-color:#eee; color:#333333; } #invoice .off { padding:4px; background-color:#f8f8f8; 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:#999; font-weight:bold; color:#ffffff; border-top: 1px solid #ffffff; } #invoice .totals .off td { text-align:right; padding:4px; background-color:#999; font-weight:bold; color:#ffffff; border-top: 1px solid #ffffff; } /************************************************************************************************/ /* PRODUCT DETAIL */ /************************************************************************************************/ #detail #product_layout { width:932px; } #detail .product_info .options { font-size:10px; color:#222; font-weight:bold; text-align:right; margin-top:8px} #detail input,#detail select { border: 1px solid #333; background: url('../images/dyn/e9e9e9-80.png'); color:#222; font-weight:bold; line-height:15px; font-size:10px; padding:2px;} #detail select { padding:0px; } #detail .product_info { width:400px; float:right; background: url('../images/dyn/ffffff-50.png'); color:#111; padding:8px; margin-bottom:5px; border: #666 solid 1px; border-radius: 2px;} #detail .code { font-size:10px; color:#eeeeee; } #detail .productrowwrapper p { padding:6px } #detail .product_info .inner { float:right; margin-left:10px;margin-bottom:5px;} #detail .product_info .no_stock_record { float:right; width:94% } #detail .product_info .out_of_stock { float:right; width:94% } #detail .product_info .below_minimum { float:right; width:94% } #detail .product_info .in_stock { float:right; width:94% } #detail .product_info .add_to_basket { background: url('../images/dyn/ffde00-50.png'); border-radius: 2px; } #detail .option_selector { padding:4px; color:#222; border:0px; display:block; background-color:#fff; border-bottom: solid 1px #888 ; padding-right:0px} #detail .option_panel { margin:0px; background: url('../images/dyn/ffffff-50.png'); padding:8px; margin-bottom:5px; border: solid 1px #bbb } #detail .option_panel>span { float:right; } #detail .compact_select { float:right; border: solid 1px #ddd } #detail p { margin:0px; padding:0px; color:#333; font-size:12px; } #detail p:first-line { font-weight:bold; font-size:13px;} #detail .inc_tax { font-size: 15px; font-weight:bold; color:#7b0707; } #detail .ex_tax { font-size: 10px; font-style: italic; } #detail .add_to_basket { float:right; color:#111; font-size: 13px; line-height: 15px; font-weight:bold; padding:2px 2px 2px 2px; margin-top:5px; } #detail .add_to_basket span { cursor:pointer; padding-left:20px; background:url("../images/icons/cart_add.png") no-repeat scroll 2px 50%; margin-top:5px; } #detail .quote_request { float:right; color:#151515; font-size: 11px; line-height: 13px; font-weight:bold; margin-top:8px; padding:5px; } #detail .quote_request a { font-weight:bold; } #detail .images { float:left; width:490px; 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 h1 { font-size:16px; font-family:Verdana; font-weight:bold; color:#ffffff; margin-top:0px; margin-bottom:15px; line-height:21px; padding-top:0px; background: url('../images/dyn/a70a0a-85.png'); padding:4px; border-bottom: solid 1px #fff; border-radius: 2px;} #detail h1 i { font-size:14px; font-weight:normal; } #detail h2 { font-size:13px; font-weight:bold; color:#232323; margin-bottom:0px; padding-bottom:0px; } #detail h3 { font-size:15px; color:#222; font-weight:normal; line-height:18px; margin:0px; margin-bottom:5px; background: url('../images/dyn/ffffff-50.png'); padding:4px ; border-bottom: solid 1px #777} #detail ul { padding:0px; margin:0px; margin-left:15px; font-size:12px; width:385px; } #detail ul.bullets { margin-left:0px; width:400px; background:none; } #detail .bullets li { padding:0px; margin:0px; list-style-type:none; margin-bottom:1px; } #detail .bullets li.on { padding:4px; background: url('../images/dyn/ffffff-25.png'); color:#222; } #detail .bullets li.off { padding:4px; background: url('../images/dyn/ffffff-50.png'); color:#333; } #detail .related_items { background: url('../images/dyn/ffffff-25.png'); width:915px; padding:8px; margin:0px !important; } #detail .related_items li { padding:0px; margin:0px; list-style-type:none; } #detail .related_items li.on { background: url('../images/dyn/ffffff-50.png'); color:#333; border-bottom: solid 1px #777; margin-bottom:4px } #detail .related_items li.off { background: url('../images/dyn/ffffff-50.png'); color:#333; border-bottom: solid 1px #777; margin-bottom:4px } #detail .related_items table { width:100%; } #detail .related_items table td { padding:4px; color:#222; } #detail .related_items .right { width:100px; text-align:right; padding:0px;} #detail .related_items .add_to_basket { color:#000; width:45px; margin:2px; padding:5px; background: url('../images/dyn/ffde00-50.png') ; border-radius: 2px;} #detail .related_items a { font-size:12px; } #detail .tech_info { margin-top:10px; color:#333; background-image:none; background-color:#d4c4c4; clear:both;} #detail a { color: #333; } #detail a:hover { color: #000; } #detail .social-media { margin-top:5px; } #detail .write_review { margin-top:20px; } #detail .write_review a { font-weight:bold; color: #7b1515; } div.mobile-product-image-viewport-outer {display: none;} /* TABS -------------------------------------------------------------------------------------- */ .ui-embed-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .ui-embed-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-embed-tabs .ui-tabs-nav li { list-style: none !important; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } .ui-embed-tabs .ui-tabs-nav li a { float: left; padding: .2em 1em; text-decoration: none; } .ui-embed-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } .ui-embed-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-embed-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-embed-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 0.4em; background: none; } .ui-embed-tabs .ui-tabs-hide { display: none !important; } .ui-embed-tabs .ui-tabs-panel { background-color:#e3e3e3; display:inline-block; } .ui-embed-tabs .ui-tabs-nav li { background-color:#EEEEEE; padding-bottom:0px !important; } .ui-embed-tabs .ui-tabs-nav li.ui-tabs-selected { background-color:#e3e3e3; } /************************************************************************************************/ /* PRODUCT LISTING */ /************************************************************************************************/ /*PAGE-EDITOR-CSS*/ #listing p { margin:0px; padding:0px; } #listing .productrowwrapper { float: left; position: relative; width: 960px; height: auto; padding-bottom: 13px; } #listing .productthumb { width:180px; float: left; height: 222px; min-height: 190px; margin-right: 12px; border: 1px solid #aaa; background: url('../images/dyn/ffffff-80.png'); overflow:hidden; border-radius: 2px;} #listing .last { margin-right: 0px; } #listing .productsummary { float: left; cursor:pointer; vertical-align:middle; width: 180px; font-size: 13px; padding-bottom: 10px; height: 58px; background: url('../images/dyn/e9e9e9-80.png'); } #listing .productsummary p { font-size:14px; line-height: 16px; padding:6px; color:#222; background: url('../images/dyn/ffffff-40.png'); } #listing .productprice { float:right; text-align:right; vertical-align:middle; width: 95px; height: 27px; padding: 3px; background: url('../images/dyn/060710-16.png'); margin: 0px 1px 1px 1px; border-radius: 2px; } #listing .productprice a { font-size: 14px; font-weight:bold;} #listing .add_to_basket, #listing .view_product { float:left; width: 48px; height: 21px; font-size: 14px; line-height: 18px; padding: 7px; background: url('../images/dyn/ffde00-50.png') ;margin: -2px 1px 1px 1px; border-radius: 2px; } #listing .add_to_basket a:link, #listing .add_to_basket a:visited { color: #222; background: url('../images/icons/cart_add.png') no-repeat; padding-left:20px; padding-bottom:5px; text-decoration: none; font-weight:bold; } #listing .view_product a:link, #listing .view_product a:visited { color: #444; padding-left:20px; padding-bottom:5px; text-decoration: none; font-weight:bold; } #listing .add_to_basket a:hover { color: #653a06; text-decoration: underline; } #listing .productimg { width:180px; height:120px; 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:25px; background: url('../images/dyn/060710-20.png') ; margin-bottom:10px;} #listing .paging a { font-weight:bold; font-size:11px; } #listing .paging table { width:100%; } #listing .paging td { padding-top:2px; font-size:11px; color:#000000; } #listing .paging .left { padding-left:10px; } #listing .paging .right { padding-right:10px; } .page_editor .productthumb { margin-right:8px; } .page_editor .productrowwrapper p { margin:0px; padding:0px; } .page_editor .productrowwrapper { float: left; position: relative; width: 180px; height: auto; padding-bottom: 6px; } .page_editor .productthumb { width:180px; float: left; height: 222px; min-height: 190px; margin-right: 5px; border: 1px solid #888; background: url('../images/dyn/ffffff-50.png'); overflow:hidden; } .page_editor .last { margin-right: 0px; } .page_editor .productsummary { float: left; cursor:pointer; vertical-align:middle; width: 180px; font-size: 13px; padding-bottom: 10px; height: 58px; background: url('../images/dyn/ffffff-40.png'); } .page_editor .productsummary p { font-size:14px; line-height: 16px; padding:6px; color:#222; background: url('../images/dyn/ffffff-40.png'); } .page_editor .productprice { float:right; text-align:right; vertical-align:middle; width: 95px; height: 32px; margin: 0px; padding: 2px;background: url('../images/dyn/060710-20.png'); } .page_editor .productprice a { font-size: 14px; font-weight:bold;} .page_editor .add_to_basket, #listing .view_product { float:left; width: 40px; font-size: 14px; line-height: 18px; padding: 8px; } .page_editor .add_to_basket a:link, #listing .add_to_basket a:visited { color: #222; background: url('../images/icons/cart_add.png') no-repeat; padding-left:20px; padding-bottom:5px; text-decoration: none; font-weight:bold; } .page_editor .view_product a:link, #listing .view_product a:visited { color: #444; padding-left:20px; padding-bottom:5px; text-decoration: none; font-weight:bold; } .page_editor .add_to_basket a:hover { color: #653a06; text-decoration: underline; } .page_editor .productimg { width:180px; height:120px; border:0px; } .page_editor del { font-size:11px; display:block; color:red; margin-bottom:-3px;} /* #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; } */ /*END-PAGE-EDITOR-CSS*/ /************************************************************************************************/ /* SUB SECTIONS */ /************************************************************************************************/ #sub_sections { margin-top:5px; margin-bottom:8px; background: url('../images/dyn/ffffff-50.png'); padding:5px; } #sub_sections label { float:left; margin-top:2px; font-size:11px; color:#333333; } #sub_sections .sections { margin-left:70px; } #sub_sections a { font-weight:bold; color:#333333; } #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: url('../images/dyn/eeeee9-80.png'); color:#333333; padding:5px; } #refine_your_search label { display:block; margin-top:2px; margin-bottom:8px; font-size:11px; color:#333333; } #refine_your_search .filters { margin-left:115px; } #refine_your_search .filter_options { background: url('../images/dyn/ffffff-50.png'); padding:4px; width:725px; margin-bottom:5px; } #refine_your_search a, #refine_your_search td { color:#333333; } #refine_your_search i { font-weight:normal; } /************************************************************************************************/ /* BREADCRUMBS */ /************************************************************************************************/ #product_breadcrumb { margin-top:5px; margin-bottom:10px; } #product_breadcrumb * { margin:0px; padding:0px; } #product_breadcrumb .menu { position:relative; display:inline; z-index: 30; } #product_breadcrumb .top { font-size:13px; display:inline; padding:2px; text-decoration:none; color:#220307; font-weight:bold; cursor:pointer; } #product_breadcrumb label { font-weight:normal; cursor:default; color:#555555; } #product_breadcrumb a { font-size:11px; font-weight:bold; color:#220307; } #product_breadcrumb a:active, #product_breadcrumb a:visited { color:#220307; } #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('http://www.proaudiostash.co.uk/francois/menu/images/sub.gif') right no-repeat;*/ } #product_breadcrumb li div { padding:8px; } #product_breadcrumb div li { font-size:12px; font-weight:bold;/* IE */ position:relative; /* needed to make the ul child which is postion:absolute position correctly */ list-style-type:none; width:168px; background-color:#fbf8f1; color:#220307; cursor:pointer; } #product_breadcrumb div li.border { border-bottom:1px solid #aaaaaa; } #product_breadcrumb div li.folder { /* background-image:url('http://www.proaudiostash.co.uk/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:173px; /* width of parent li plus the right padding of the parent ul */ } #product_breadcrumb ul { padding:4px;} #product_breadcrumb li { padding: 0 0 5px; } /* regular hovers */ #product_breadcrumb div li.hilite { background-image:url('../images/dyn/060710-80.png'); color:#ffffff; } #product_breadcrumb li.hover a { color:#ffee91; } #product_breadcrumb li.active a, #product_breadcrumb li.hilite a { color:#ffd800; } /************************************************************************************************/ /* FIND IT MENU */ /************************************************************************************************/ #product_finder { position:relative; z-index: 25; } #product_finder * { margin:0px; padding:0px; } #product_finder .findit a { color:#ffffff; height:24px; font-family: "Century Gothic", Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; font-size: 12px; line-height: 22px; } #product_finder .findit { border: 1px #999 solid; background-image: url('../images/dyn/a70a0a-85.png'); position:absolute; list-style-type: none; height:24px; text-align:center; width:125px; border-radius: 2px; } #product_finder div ul { position:absolute; top:30px; left:1px; list-style-type:none; border-bottom:1px solid #aaaaaa; margin:0px; padding:0px; /* ref a */ width:178px; visibility:hidden; } #product_finder li div.sub { position:absolute; /*background:url('http://www.proaudiostash.co.uk/francois/menu/images/sub.gif') right no-repeat;*/ } #product_finder li div { padding: 4px 7px ; } #product_finder div li { font-size:13px; position:relative; /* needed to make the ul child which is postion:absolute position correctly */ width:178px; list-style-type:none; border-radius: 2px; background-image: url('../images/dyn/060710-80.png'); color:#ddd; font-weight:normal;/* 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-image: url('../images/dyn/a70a0a-85.png'); color:#ffffff; } /************************************************************************************************/ /* SUB NAVIGATION */ /************************************************************************************************/ #product_navigation * { margin:0px; padding:0px; } #product_navigation { padding-bottom: 12px; position:relative; z-index: 20; width:195px; } #product_navigation .menu { position:relative;display:inline; left:-150px; top:15px; } #product_navigation div ul { position:relative; top:0px; left:0px; margin:0px; margin-bottom:1px; /* ref b */ padding:0px; /* ref a */ width:195px; 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:190px; /* width of parent li plus the right padding of the parent ul */ /*background:url('http://www.proaudiostash.co.uk/francois/menu/images/sub.gif') right no-repeat;*/ } #product_navigation div li { font-size:12px; position:relative; /* needed to make the ul child which is postion:absolute position correctly */ width:195px; font-weight:bold;/* IE */ list-style-type:none; background-image:url('../images/dyn/060710-70.png'); color:#fff; cursor:pointer; } #product_navigation li div { padding: 3px 6px 3px 6px; ; } #product_navigation div li.border { margin-bottom:1px ; } #product_navigation div li.folder { /* background-image:url('http://www.proaudiostash.co.uk/francois/menu/images/sub.gif'); background-position:right; background-repeat:no-repeat; */ } /* regular hovers */ #product_navigation li.hilite{ background-image:url('../images/dyn/a70a0a-85.png'); color:#ffffff; } /************************************************************************************************/ /* IFRAME STYLING */ /************************************************************************************************/ #login_iframe { width:400px; height:300px; border:0px solid #ffffff; background-color:#FBF8F1; } /************************************************************************************************/ /* FORM STYLING */ /************************************************************************************************/ #form * { margin:0px; padding:0px; } #form { margin-top:15px; } #form p, .pbody { font-size:11px; line-height:14px; padding: 5px 0; } #form .formleft {width:459px;float:left;} #form .formright {margin-left:479px;width:459px;} #form label {color:#666666;margin-bottom:4px;} #form label.radio { font-size:11px; font-weight:bold;color:#666666;} #form legend {font-size:14px;font-weight:bold;color:#444;padding: 0 6px;} #form fieldset {padding:10px;margin-bottom:20px; width:432px; border: 1px solid #aaaaaa; } #data { font-size:11px; padding:10px;margin-bottom:20px;border:2px solid #990000} #form p { background-image:none; } #form .astrix { color:#624215;} #form .textbox, #form textarea, #form select {width:419px;border:1px solid #9f9f9f;padding:3px;color:#333;font-weight:bold; border-radius: 2px;} #form textarea {width:280px;border-radius: 2px;} #form .special-instructions { width: 420px !important; height: 50px; } #form input:focus, #form textarea:focus, #form select:focus { background-color:#eee; border-radius: 2px; } #form .button {width:508px; vertical-align:top; background-color:#eee; height:34px;padding: 4px 0 0 6px; border: 1px solid #777;margin:20px 0 0 0;} #form .textbox_err { margin-left:4px; border: 1px solid #950000; padding:2px; background-color:#f8f8f8; border-radius: 2px;} #form #card_information { margin-top:20px; } #form #card_information .legend { padding:0px; margin:0px; } #form .small_fs { width:498px; } #form #payment_form { margin-top:20px; margin-bottom:20px; } #form #payment_method { width:90%; } #form #payment_method .option_off { float:left; margin-right:5px; vertical-align:middle; border: 5px solid #bbb; cursor:pointer; margin-bottom:5px;} #form #payment_method .option_on { float:left; margin-right:5px; vertical-align:middle; border: 5px solid #999; cursor:pointer; margin-bottom:5px; } #checkout #form input, #checkout #form select { margin-top:5px; } #checkout #form p { padding: 5px 0; } #checkout .email-address { font-size:12px; line-height: 15px; color:#5C2946; width: 419px; background-color: #eee; border: 1px solid #9F9F9F; padding: 3px; } #delivery_address select { width:320px !important; } #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; } #message { color:#ffffff; background-color:#e23680; 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; } /************************************************************************************************/ /* REVIEW CONTENT */ /************************************************************************************************/ #review_content * { margin:0px; padding:0px; } #review_content {width:100%; margin-top:10px; } #review_content table { width:100%; margin-bottom:15px; } #review_content h4 { margin-bottom:0px; margin-top:0px; font-size:11px; } #review_content .info { padding-right:20px; } #review_content .rating { width:210px; } /************************************************************************************************/ /************************************************************************************************/ /* 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:#DDD4C5; color:#444444; } #recent_order_list .off { background-color:#bbb; color:#444444; } #order_invoice { width:100%; } #order_invoice h2 { margin-bottom:10px; } #order_invoice a { font-weight:normal; color:#000; } #order_invoice td { padding:5px; } #order_invoice .on { padding:4px; background-color:#eee; color:#333333; } #order_invoice .off { padding:4px; background-color:#f8f8f8; color:#333333; } #order_invoice .minidesc { padding-right:5px; width:100%; text-align:left; font-size:11px; } #order_invoice .code { font-size:10px; color:#333333; } #order_invoice .totals { width:250px; float:right; } #order_invoice .totals .on td { text-align:right; padding:4px; background-color:#999; font-weight:bold; color:#ffffff; border-top: 1px solid #ffffff; } #order_invoice .totals .off td { text-align:right; padding:4px; background-color:#999; 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%; margin-top:10px; } .sitemap_table td { background:none; vertical-align:top; text-align:left; } .sitemap_table ul { background:none; list-style-type:none; padding-left:15px; } .sitemap_table li { background:none; list-style-type:none; } #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 th {font-size:11px;} #jq-popup.plain { background-color:transparent; padding:0px; border:0px; width:auto; } /* 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 */ /* new delivery information message */ .delivery-information-icon { float:left; width:16px; height:16px; background-image:url('../images/icons/information.png'); cursor:help; } .delivery-information { position: absolute; display: none; margin-top: 0px; margin-left: 20px; z-index: 5; background-color:#ffffff; border:1px solid #aaaaaa; color:#56341b; font-size: 10px !important; font-weight:normal; text-align:left; padding:8px; } .delivery-information .delivery-information-title { font-weight:bold; margin-bottom:4px; } /* new custom banner css */ #listing .custom-banner { position:absolute; top:0px; left:0px; z-index:10; width:109px; height:111px; } #detail .custom-banner { position:absolute; top:0px; left:0px; z-index:11; width:182px; height:185px; } .custom-banner a { width:100%; height:100%; cursor:pointer; display:block; } #listing .relative { position:relative; } /* custom banner specific to pas */ #detail .productrowwrapper { position:relative; } /* tweaks added by chris 26/04/2012 */ .form_label.pbody { background:none; padding-left:8px; } .multicol { margin-top:5px; } .multicol .multicol { margin-top:0px; } .data-protection-act { background-image: url('../images/dyn/ffffff-40.png'); padding:10px; } .data-protection-act .pbody { background:none; } .social-media-links { position:absolute; left:620px; top:32px; z-index:10;} .social-media-links a { display:block; float:left; height:26px !important; width:26px !important; line-height:26px !important; margin-right:4px; border-radius:2px; } .social-media-links a.facebook { background: url('../x_icons/social/facebook-26px.png') !important; } .social-media-links a.youtube { background: url('../x_icons/social/youtube-26px.png') !important; } .social-media-links a.twitter { background: url('../x_icons/social/twitter-blue-26px.png') !important; } /* new review breakdown styling */ .review-rating-container { border-bottom: 1px solid #EEEEEE; border-top: 1px solid #EEEEEE; padding-bottom: 10px; width: 600px; } .review-rating-container .total-review-count { color: #999999; font-family: Helvetica; } .review-rating-container .review-star-number { color:#999; font-family:Helvetica; margin: 2px; font-size:12px; } .review-rating-container .float-count { float:left; } .review-rating-container .percentage-bar-outer { background-color:#eee; width:400px; height:15px; margin-bottom:10px; border-radius: 3px 3px 0 0; margin-left:60px; } .review-rating-container .percentage-bar-inner { background: #fee880;background: -moz-linear-gradient(left, #fee880 0%, #fed100 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fee880), color-stop(100%,#fed100));background: -webkit-linear-gradient(left, #fee880 0%,#fed100 100%);background: -o-linear-gradient(left, #fee880 0%,#fed100 100%);background: -ms-linear-gradient(left, #fee880 0%,#fed100 100%);background: linear-gradient(to right, #fee880 0%,#fed100 100%); filter: progid:DXImageTransform.Microsoft.gradient;height:15px; } .review-rating-container .review-star-count { bottom: 13px; color: #999999; font-family: helvetica; font-size: 12px; left: 410px; margin: 0; position: relative; } .trade-site { position: absolute; left: 595px; top: 84px; z-index: 10; }