/************************************************************************************************/ /* LOGGED IN PANEL SEARCH */ /************************************************************************************************/ #top_buttons { position:absolute; top:80px; left:476px; width:250px; } #login_info { position:absolute; top:102px; left:-80px; width:350px; font-size:11px; text-align:right; color:#ffffff; } #login_info b { color:#ffffff; } #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('http://www.proaudiostash.co.uk/images/white80.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; } #search { position:absolute; top:32px; left:729px; z-index:40; width:248px; height:23px ; font-size:11px; border: 1px solid #666; background-image: url('http://www.proaudiostash.co.uk/images/white60.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/development.css')} #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; } /************************************************************************************************/ /* 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('http://www.proaudiostash.co.uk/images/red85.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 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; width:100%; } #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('http://www.proaudiostash.co.uk/images/white30.png'); color:#333333; } #promo_codes .off { padding:4px; background: url('http://www.proaudiostash.co.uk/images/white50.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 .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/white40.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('http://www.proaudiostash.co.uk/images/white50.png'); color:#111; padding:8px; margin-bottom:5px; border: #666 solid 1px} #detail .code { font-size:10px; color:#eeeeee; } #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 .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('http://www.proaudiostash.co.uk/images/white50.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;background-color:#FFFFFF } #detail .add_to_basket span { cursor:pointer; padding-left:20px; background:url("../images/icons/cart_add.png") no-repeat scroll 2px 50% #ffffff; 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('http://www.proaudiostash.co.uk/images/red85.png'); padding:4px; border-bottom: solid 1px #fff} #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('http://www.proaudiostash.co.uk/images/white50.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('http://www.proaudiostash.co.uk/images/white25.png'); color:#222; } #detail .bullets li.off { padding:4px; background: url('http://www.proaudiostash.co.uk/images/white50.png'); color:#333; } #detail .related_items { background: url('http://www.proaudiostash.co.uk/images/white25.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('http://www.proaudiostash.co.uk/images/white50.png'); color:#333; border-bottom: solid 1px #777; margin-bottom:4px } #detail .related_items li.off { background: url('http://www.proaudiostash.co.uk/images/white50.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; padding:5px; } #detail .related_items a { font-size:12px; } #detail .tech_info { margin-top:10px; color:#333; } #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; } /* 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: 938px; height: auto; padding-bottom: 13px; } #listing .productthumb { width:180px; float: left; height: 222px; min-height: 190px; margin-right: 5px; border: 1px solid #888; background: url('http://www.proaudiostash.co.uk/images/white50.png'); overflow:hidden; } #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/white40.png'); } #listing .productsummary p { font-size:14px; line-height: 16px; padding:6px; color:#222; background: url('../images/white40.png'); } #listing .productprice { float:right; text-align:right; vertical-align:middle; width: 95px; height: 32px; margin: 0px; padding: 2px;background: url('http://www.proaudiostash.co.uk/images/black20.png'); } #listing .productprice a { font-size: 14px; font-weight:bold;} #listing .add_to_basket, #listing .view_product { float:left; width: 40px; font-size: 14px; line-height: 18px; padding: 8px; } #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('http://www.proaudiostash.co.uk/images/black20.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('http://www.proaudiostash.co.uk/images/white50.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/white40.png'); } .page_editor .productsummary p { font-size:14px; line-height: 16px; padding:6px; color:#222; background: url('../images/white40.png'); } .page_editor .productprice { float:right; text-align:right; vertical-align:middle; width: 95px; height: 32px; margin: 0px; padding: 2px;background: url('http://www.proaudiostash.co.uk/images/black20.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('http://www.proaudiostash.co.uk/images/white50.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('http://www.proaudiostash.co.uk/images/white50.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('http://www.proaudiostash.co.uk/images/white50.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('http://www.proaudiostash.co.uk/images/black80.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-weight: normal; font-size: 13px; line-height: 22px; } #product_finder .findit { border: 1px #444 solid; background-image: url('http://www.proaudiostash.co.uk/images/red85.png'); position:absolute; list-style-type: none; height:24px; text-align:center; width:125px; } #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:168px; 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: 3px 6px 3px 6px; } #product_finder div li { font-size:12px; position:relative; /* needed to make the ul child which is postion:absolute position correctly */ width:168px; list-style-type:none; background-image: url('http://www.proaudiostash.co.uk/images/black80.png'); color:#ddd; 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:173px; /* width of parent li plus the right padding of the parent ul */ } /* regular hovers */ #product_finder li.hilite { background-image: url('http://www.proaudiostash.co.uk/images/red85.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('http://www.proaudiostash.co.uk/images/black70.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('http://www.proaudiostash.co.uk/images/red85.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 p, .pbody { font-size:11px; line-height:14px; padding: 5px 0; background-image: url('http://www.proaudiostash.co.uk/css/development.css'); } #form .formleft {width:380px;float:left;} #form .formright {margin-left:400px;width:380px;} #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:90%; border: 1px solid #aaaaaa; } #data { font-size:11px; padding:10px;margin-bottom:20px;border:2px solid #990000} #form p {color:#666666} #form .astrix { color:#624215;} #form .textbox, #form textarea, #form select {width:320px;border:1px solid #9f9f9f;padding:3px;color:#333;font-weight:bold; } #form textarea {width:280px;} #form input:focus, #form textarea:focus, #form select:focus { background-color:#eee; } #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; } #form #card_information { margin-bottom: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; } #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%; } .sitemap_table td { vertical-align:top; text-align:left; } .sitemap_table ul { list-style-type:none; padding-left:15px; } .sitemap_table li { list-style-type:none; } /* 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 */