/*---------------------------------------------------- SCREEN.CSS SITE: www.soundsavers.com CREATED: Mon 02.11.09 @ 10:14 AUTHOR: Kean Richmond ----------------------------------------------------*/ @import url("reset.css"); /*--- 00. Common Elements ---------------------------------------------------------------------------*/ body {background:url(/img/_bkg.png) repeat-x #FFFFFF; color:#4C4E4E; font-family:Arial, Helvetica, sans-serif; font-size:62.5%;} a {color:#12B2CA;} /* Darker Blue */ a:hover {color:#FBB000;} /* Orange */ .floatright {float:right!important;} .floatleft {float:left;} /*--- 01. Headings ---------------------------------------------------------------------------*/ h1 {border-bottom:1px solid #E5E5E5; color:#4C4E4E; font-size:2.8em; font-weight:bold; margin:4px -10px 20px -10px; padding:25px 0 13px 8px; text-transform:uppercase;} h2 {font-size:1.6em; font-weight:bold; margin:20px 0 10px 0;} h3 {font-size:1.4em; font-weight:bold; margin:20px 0 10px 0;} h5 {font-size:1.2em; font-weight:bold; margin:10px 0 5px 0;} h6 {background-repeat:no-repeat; border-bottom:2px solid #4C4E4E; height:37px; margin:20px 0 0 0; padding:0 0 20px 0; text-indent:-9999px; width:100%; } #shop-display_category h1, #my-account h1, #shop-manufacturers h1, #shop-search h1 {background-repeat:no-repeat; background-position:10px 31px; margin-bottom:0;} #shop-display_category h1, #shop-manufacturers h1 {background-image:url(/img/_bkg_heading_shop.png); padding-left:97px;} #my-account h1 {background-image:url(/img/_bkg_heading_myaccount.png); padding-left:183px;} #shop-search h1 {background-image:url(/img/_bkg_heading_search.png); padding-left:127px;} #shop-view_product h1, #create_account h1 {margin-bottom:0;} #shop-checkout h1, #shop-confirm h1, #my-account h1#heading_myaccount, #shop-display_basket h1, #contact-us h1, #help-and-advice h1, #help-and-information h1, #shop-display_basket h2 {background-repeat:no-repeat; border-bottom:2px solid #4C4E4E; height:37px; margin:20px 0 10px 0; padding:0 0 20px 0; text-indent:-9999px; width:100%;} #shop-checkout h1 {background-image:url(/img/_heading_soundsaverscheckout.png);} #shop-confirm h1 {background-image:url(/img/_heading_proceedtopayment.png);} #contact-us h1 {background-image:url(/img/_heading_getintouch_2.png);} #my-account h1#heading_myaccount {background-image:url(/img/_heading_myaccount.png); background-position:0 0;} #shop-display_basket h1 {background-image:url(/img/_heading_yourshoppingbasket.png);} #help-and-advice h1 {background-image:url(/img/_heading_helpandadvice.png);} #shop-display_basket h2 {background-image:url(/img/_heading_productswerecommend.png); clear:both;} #help-and-information h1 {background-image:url(/img/_heading_helpandinformation_2.png);} h6#heading_browseourshop {background-image:url(/img/_heading_browseourshop.png);} h6#heading_signuptoournewsletter {background-image:url(/img/_heading_signuptoournewsletter.png);} h6#heading_browsemyaccount {background-image:url(/img/_heading_browsemyaccount.png);} h6#heading_chooseacategory {background-image:url(/img/_heading_chooseacategory.png); margin-top:40px;} h6#heading_chooseaproduct {background-image:url(/img/_heading_chooseaproduct.png); margin-top:40px;} h6#heading_productinformation {background-image:url(/img/_heading_productinformation.png); margin-bottom:12px;} h6#heading_customerreviews {background-image:url(/img/_heading_customerreviews.png);} h6#heading_recentlyvieweditems {background-image:url(/img/_heading_recentlyvieweditems.png);} h6#heading_topdeals {background-image:url(/img/_heading_topdeals.png);} h6#heading_relatedproducts {background-image:url(/img/_heading_relatedproducts.png);} #ftr_showroom h6 {background-image:url(/img/_heading_visitourshowroom.png);} #ftr_helpandinfo h6 {background-image:url(/img/_heading_helpandinformation.png);} #ftr_whychooseus h6 {background-image:url(/img/_heading_whychooseus.png);} #ftr_getintouch h6 {background-image:url(/img/_heading_getintouch.png);} #ftr_twitter h6 {background-image:url(/img/_heading_followusontwitter.png);} /*--- 02. Global Layout ---------------------------------------------------------------------------*/ #main_container {margin:0px auto; position:relative; width:960px;} #content_container {padding:145px 0 0 0;} #shop-display_category #content_container, #shop-view_product #content_container {padding:180px 0 0 0;} /*--- 03. Header ---------------------------------------------------------------------------*/ #header {left:0; position:absolute; top:0; width:100%;} #logo {display:block; float:left; margin:22px 10px;} #hdr_telephone {background:url(/img/_telephonenumber.png) no-repeat; display:inline; float:right; height:18px; margin:25px 10px; text-indent:-9999px; width:168px;} #backup_telephone {color:#FFFFFF; display:inline; float:right; font-size:18px; font-weight:bold; height:18px; margin:25px 10px;} #login_msg {color:#CCCCCC; float:right; font-size:1.1em; margin:27px 5px 0 0;} #login_msg a {text-decoration:none;} #hdr_tabs {clear:right; display:inline; float:right; margin:0px 10px 0 10px;} #hdr_tabs li {float:left; margin:0 0 0 3px;} #hdr_tabs li a {background-repeat:no-repeat; display:block; height:29px; text-indent:-9999px; width:101px;} #hdr_tabs li a:hover {background-position:-101px 0;} #hdr_tabs li#hdrtab_basket a{background-image:url(/img/_tab_mybasket.png);} #hdr_tabs li#hdrtab_account a {background-image:url(/img/_tab_myaccount.png);} #hdr_navigation {clear:both; margin:0 0 0 -7px;} #hdr_navigation li {float:left; margin:0 1px 0 0;} #hdr_navigation li a {background-image:url(/img/_hdrnavigation.png); background-repeat:no-repeat; color:#FFFFFF; display:block; height:17px; padding:16px 17px 14px 17px; text-decoration:none; text-indent:-9999px;} #hdr_navigation li.navcurrent {background:url(/img/_hdrnav_current.gif) bottom center no-repeat;} #hdr_navigation li#hdrnav_home a {width:45px;} #hdr_navigation li#hdrnav_home a:hover {background-position:0 -94px;} #hdr_navigation li.navcurrent_home a {background-position:0 -47px;} #hdr_navigation li#hdrnav_shop a {background-position:-80px 0; width:42px;} #hdr_navigation li#hdrnav_shop a:hover {background-position:-80px -94px;} #hdr_navigation li.navcurrent_shop a {background-position:-80px -47px!important;} #hdr_navigation li#hdrnav_info a {background-position:-157px 0; width:35px;} #hdr_navigation li#hdrnav_info a:hover {background-position:-157px -94px;} #hdr_navigation li.navcurrent_info a {background-position:-157px -47px!important;} #hdr_navigation li#hdrnav_advice a {background-position:-333px 0; width:58px;} #hdr_navigation li#hdrnav_advice a:hover {background-position:-333px -94px;} #hdr_navigation li.navcurrent_advice a {background-position:-333px -47px!important;} #hdr_navigation li#hdrnav_about a {background-position:-425px 0; width:53px;} #hdr_navigation li#hdrnav_about a:hover {background-position:-425px -94px;} #hdr_navigation li.navcurrent_about a {background-position:-425px -47px!important;} #hdr_navigation li#hdrnav_contact a {background-position:-227px 0; width:73px;} #hdr_navigation li#hdrnav_contact a:hover {background-position:-227px -94px;} #hdr_navigation li.navcurrent_contact a {background-position:-227px -47px!important;} #hdr_navigation {position:relative; z-index:2;} #newsite {left:275px; position:absolute; top:30px; z-index:1;} #search_form {background:url(/img/_searchbox_lg.png) no-repeat; clear:right; display:inline; float:right; height:25px; margin:8px 10px 8px 0; overflow:hidden; padding:3px; width:290px;} #search_form label {display:none;} #search_form input[type='text'] {background:0; border:0; color:#999999; float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:6px 7px; /*width:149px;*/ width:248px;} #search_form input[type='submit'] {background:url(/img/_searchbox_spyglass.png) no-repeat; border:0; cursor:pointer; float:left; height:27px; padding:0 0 0 27px; text-indent:-9999px; width:27px;} #search_form input[type='submit']:hover {background-position:-27px 0;} #breadcrumb {border-bottom:1px solid #CCCCCC; clear:both; margin:0 10px; padding:11px 5px 10px 5px; width:970px;} #breadcrumb li {color:#999999; display:inline;} #breadcrumb li a {font-size:1.1em; text-decoration:none;} /*--- 04. Global Content Elements ---------------------------------------------------------------------------*/ #content {display:inline; float:right; margin:0 10px 0 0; padding:0 10px; width:710px;} #shop-display_basket #content, #shop-checkout #content, #shop-confirm #content, #shop-callback #content {display:block; float:none; margin:0; width:940px;} #shop-checkout #content, #shop-confirm #content {padding-bottom:50px;} #content p {font-size:1.2em; padding:7px 0;} #content ol, .content_ul, .content_ol {font-size:1.2em; margin:10px 40px;} #content ol {list-style:decimal;} .content_ul, .content_ol {list-style:disc;} .section {background:url(/img/_bkg_section_gradient.png) repeat-x; border:1px solid #EAEAEA; height:100%; margin:25px 5px 0 5px; padding:15px; overflow:hidden; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:0px 0px 5px #E3E3E3; -webkit-box-shadow:0px 0px 5px #E3E3E3; box-shadow:0px 0px 5px #E3E3E3;} .section h2 {font-size:1.6em; font-weight:bold; margin:3px 0 33px 0;} .section h2 span {color:#FBB000;} #short_content {background:#FAFAFA; color:#999999; margin:1px -10px 0 -10px; padding:7px 10px; overflow:hidden} #short_content p {font-size:1.1em!important; padding:5px 0!important;} #short_content ul {font-size:1.1em; list-style:disc; margin:0 20px 10px 20px;} .cat_showhide {background:url(/img/_line_e5e5e5.jpg) repeat-x; border-top:2px solid #FAFAFA; height:100%; margin:0 -10px; overflow:hidden; padding:2px 10px 0 0;} .cat_showhide a {background-color:#E5E5E5; background-image:url(/img/_arrow_showhide.gif); background-position:5px 8px; background-repeat:no-repeat; color:#6A6A6A; cursor:pointer; float:right; font-size:1.1em; padding:2px 5px 2px 14px; width:86px; -moz-border-radius-bottomleft:3px; -webkit-border-bottom-left-radius:3px; border-bottom-left-radius:3px; -moz-border-radius-bottomright:3px; -webkit-border-bottom-right-radius:3px; border-bottom-right-radius:3px;} .cat_showhide a:hover {color:#999999;} .cat_showhide a#show_link {background-position:5px -4px;} /*--- 05. Side Column Elements ---------------------------------------------------------------------------*/ #side_column {display:inline; float:left; margin:0 0 0 10px; width:200px;} #side_navigation {background:#EDEDED; border-top:1px solid #FFFFFF; font-size:1.2em; padding:10px 10px 14px 10px;} #side_navigation li {background:url(/img/_sidenav_glow.png) bottom center no-repeat; border-bottom:1px solid #D5D5D5; position:relative;} #side_navigation li:first-child {border-top:1px solid #D5D5D5;} #side_navigation li a {background:url(/img/_arrowheadrightgrey.gif) 172px 14px no-repeat; color:#4C4E4E; display:block; padding:10px 5px; text-decoration:none;} #side_navigation li.no_sub a {background:0;} #side_navigation li ul {background:#5BC5D5; display:none; left:180px; padding:5px; position:absolute; top:0; width:175px; z-index:100;} #side_navigation li ul li {background:0; border-color:#ADE2EA; border-top:0!important;} #side_navigation li ul li:hover {border-color:#5BC5D5;} #side_navigation li ul li a {background:0; color:#FFFFFF; padding:5px;} #side_navigation li ul li a:hover {background:#ADE2EA; color:#4C4E4E;} #side_navigation li ul li.sub a:hover {background:url(/img/_arrowheadrightdarkgrey.gif) 164px 9px no-repeat #ADE2EA!important;} #side_navigation li.menu_highlight a {color:#3994a2; font-weight:bold;} #side_navigation li:hover, #side_navigation li.nav_hover {border-color:#EDEDED;} #side_navigation li a:hover, #side_navigation li.nav_hover a {background:#5BC5D5; color:#FFFFFF;} #side_navigation li.no_border {border-bottom-color:#EDEDED;} #side_navigation ul li.no_border {border-color:#5BC5D5;} #side_navigation, #newsletter form {-moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; border-bottom-right-radius:5px;} #side_navigation li.nav_hover a {-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} #side_navigation li.sub.nav_hover a {-moz-border-radius-bottomright:0px; -webkit-border-bottom-right-radius:0px; border-bottom-right-radius:0px; -moz-border-radius-topright:0px; -webkit-border-top-right-radius:0px; border-top-right-radius:0px;} #side_navigation li ul {-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-border-radius-topleft:0px; -webkit-border-top-left-radius:0px; border-top-left-radius:0px;} #side_navigation li ul li a:hover {-moz-border-radius:3px!important; -webkit-border-radius:3px!important; border-radius:3px!important;} #newsletter {padding:20px 0 0 0;} #newsletter form {background:#EDEDED; border-top:1px solid #FFFFFF; padding:7px 10px 14px 10px;} #newsletter label {display:block; font-size:1.1em;} #newsletter input[type='text'] {background:#FFFFFF; border:3px solid #D8D8D8; color:#999999; float:left; font-family:Arial, Helvetica, sans-serif; font-size:10px; margin:7px 0; padding:6px 7px; width:160px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;} #newsletter input[type='submit'] {margin:3px 0 0 60px;} #side_contact {background:url(/img/_side_contact.jpg) no-repeat; display:block; height:235px; margin:27px 0 0 19px; text-indent:-9999px; width:167px;} /*--- 06. Index Page Elements ---------------------------------------------------------------------------*/ #index #content {background:url(/img/_bkg_content_index.jpg) top right no-repeat; margin:20px 0 0 0; padding:460px 10px 0 0; position:relative; width:730px;} #banner_container {left:0; padding:10px; position:absolute; top:0; width:710px;} #cycle {float:left;} .banner {} .banner a {display:block; height:306px; text-indent:-9999px; width:499px;} #banner_001, #banner_pa {background:url(/img/_banner_001.png) no-repeat;} #banner_002 {background:url(/img/_banner_002.png) no-repeat;} #banner_djk {background:url(/img/_banner_003.png) no-repeat;} #banner_lsfx {background:url(/img/_banner_004.png) no-repeat;} #banner_mi {background:url(/img/_banner_005.png) no-repeat;} #banner_pai {background:url(/img/_banner_006.png) no-repeat;} #banner_007 {background:url(/img/_banner_007.png) no-repeat; display:block; height:306px; text-indent:-9999px; width:499px;} #banner_008 {background:url(/img/_banner_008.png) no-repeat; display:block; height:306px; text-indent:-9999px; width:499px;} #secondary_promo {color:#CCCCCC; float:right; font-weight:bold; width:191px;} #secondary_promo a {color:#CCCCCC; display:block; font-size:1.1em; padding:0 0 13px 0; text-decoration:none;} #secondary_promo a:hover {color:#FBB000;} #secondary_promo p {padding:0 0 13px 0;} #secondary_promo span {background:url(/img/_secondarypromo.png) no-repeat; display:block; height:37px; margin:16px 0 7px 0; text-indent:-9999px; width:100%;} #secpromo_support span {background-position:0 -88px;} #secpromo_nextday span {background-position:0 -176px;} #secpromo_footnote {color:#666666; font-size:1em!important; font-weight:normal; padding-top:15px!important;} .sale_banner {clear:both; padding:19px 10px;} .sale_banner a {display:block; height:104px; text-indent:-9999px; width:711px;} #sale_001 {background:url(/img/_banner_sale_001.png) top right no-repeat; } .dotd_banner {clear:both; padding:19px 10px;} .dotd_banner a {display:block; height:104px; width:711px;} #index_categories {clear:both; margin:0 -5px; padding:29px 0;} #index_categories li {border:3px solid #DEDEDE; float:left; height:75px; margin:0 5px; overflow:hidden; width:164px;} #index_categories li a {border:1px solid #FFFFFF; color:#66CCCC; display:block; height:73px; overflow:hidden; position:relative; text-decoration:none; width:162px;} #index_categories li span {background:#4C4E4E; background:rgba(0,0,0,0.7); bottom:0; cursor:pointer; font-size:1.2em; font-weight:bold; height:15px; left:0; padding:5px; position:absolute; width:152px;} #index_categories li a:hover {color:#FBB000;} #index_categories li a:hover img {margin:0 0 0 -170px;} #text_region {float:left; margin:0 0 0 10px; width:350px;} h1#heading_welcometosoundsavers {background:url(/img/_heading_welcometosoundsavers.png) no-repeat; border:0; height:37px; margin:4px 0 9px 0; padding:0; text-indent:-9999px; width:100%;} .tab_container {background:url(/img/_bkg_gradient_grey.png) repeat-x #F2F2F2; float:right; margin:0 10px 0 0; width:350px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; border-top-right-radius:5px;} .tab_links {} .tab_links li {display:inline; float:left; margin:10px 0 0 10px;} .tab_links li a {background:url(/img/_btn60.png) -120px 0 no-repeat; color:#FFFFFF; cursor:pointer; display:block; font-size:1.1em; font-weight:bold; height:25px; padding:5px 0; text-align:center; text-decoration:none; width:60px;} .tab_links li a:hover {background-position:-60px 0;} .tab_links li a.tab_selected {background-position:0 0;} .tab_products {background:#FFFFFF; clear:both; height:100%; margin:0 10px 10px 10px; overflow:hidden; padding:0 10px 10px 10px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; border-top-right-radius:5px;} .tab_products li {background:url(/img/_tabs_glow.png) bottom center no-repeat; border-bottom:1px solid #DBDBDB; float:left; font-size:1.1em; padding:10px 0; width:100%;} .tab_products li a {display:block; height:100%; overflow:hidden; position:relative; text-decoration:none;} .tab_products li img {background:url(/img/_img_45.png) no-repeat; float:left; height:45px; margin:0 10px 0 0; padding:5px; width:45px;} .tab_products li span {display:block; font-weight:bold;} .tab_products li span.tabpro_price {bottom:0; color:#FBB000; font-size:1.6em; position:absolute; right:0;} .tab_products li span.tabpro_stock {color:#999999; font-size:0.9em; font-weight:normal;} .tab_products li span.tabpro_was {color:#B13232; font-size:0.9em;} /*--- 07. Category + Product Lists ---------------------------------------------------------------------------*/ #category_list, .category_list {background:#EDEDED; height:100%; margin:1px 0 0 0; padding:0 0 10px 0; overflow:hidden;} #category_list li, .category_list li {background:#FFFFFF; border:1px solid #D5D5D5; display:inline; float:left; height:163px; margin:10px 0 0 10px; overflow:hidden; width:163px;} #category_list li a, .category_list li a {border:1px solid #EDEDED; display:block; height:161px; position:relative; text-align:center; text-decoration:none;} #category_list li a span, .category_list li a span {background:#3BA3B3; background:rgba(59,163,179,0.9); bottom:0; cursor:pointer; color:#FFFFFF; left:0; font-size:1.2em; font-weight:bold; padding:10px 7px; position:absolute; text-align:left; width:147px;} #category_list li a:hover span, .category_list li a:hover span {background:#FBB000; text-decoration:none;} .see_all {float:right!important; font-size:1.4em!important; font-weight:bold; margin:50px 0 0 0!important; padding:7px 20px!important;} #filter_options {float:right; margin:35px 0 0 0; position:relative; z-index:100;} #filter_options form, #filter_options div {float:left; margin:0 0 0 5px;} #filter_options p label, #filter_options p span {display:block; font-size:0.8em; margin:0 0 0 5px;} #filter_options select {background:#FFFFFF; border:2px solid #4E4E4E; color:#4E4E4E; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin:2px 0 0 5px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} #filter_options option {padding:0 30px 0 2px;} #filter_options div a {background:url(/img/_arrows_white.gif) 5px 7px no-repeat #4E4E4E; color:#FFFFFF; display:block; float:left; font-size:0.9em; margin:2px 0 0 5px; padding:3px 5px 3px 14px; text-decoration:none; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} #filter_options div a:hover, #filter_options div a.selected {background-color:#12B2CA;} #filter_options div a.filter_order_desc {background-position:5px -17px;} #product_list li {height:100%; overflow:hidden; padding:10px;} #product_list li.alt {background:#F6F6F6;} .prolist_img {background:#FFFFFF; border:1px solid #DDDDDD; display:table; float:left; height:100px; margin:0 10px 0 0; padding:1px; /*text-align:center;*/ width:100px; #position:relative; overflow:hidden;} .prolist_img:hover {border-color:#FBB000;} .prolist_img span.outer {text-align:center; #position:absolute; #top:50%; display:table-cell; vertical-align:middle;} .prolist_img span.inner {#position:relative; #top:-50%;} .prolist_info {float:left; position:relative; width:576px;} #product_list li h4 {padding:0 110px 0 0;} #product_list li h4 a {border-bottom:2px solid #12B2CA; font-size:1.4em; font-weight:bold; text-decoration:none;} #product_list li h4 a:hover {border-bottom-color:#FBB000;} #content p.prolist_desc {color:#999999; font-size:1.1em;} #product_list li hr {background:0; border:0; border:0; border-bottom:1px dotted #C3C3C3; margin:6px 0 7px 0;} #content p.prolist_meta {color:#666666; float:left; font-size:1.1em;} .prolist_pricing {float:right;} #content .prolist_pricing p {padding-top:2px;} .prolist_pricing p, .prolist_pricing p label, .prolist_pricing p span {float:left; padding-bottom:0!important;} .prolist_pricing p label {padding:9px 3px 0 0;} #content p.prolist_wasprice {color:#B13232; font-size:1.1em; font-weight:bold; padding-right:20px;} .prolist_wasprice span {padding:9px 0 0 0; text-decoration:line-through;} #content p.prolist_ourprice {color:#666666; font-size:1em;} .prolist_ourprice span {color:#FBB000; font-size:2.4em; font-weight:bold;} #product_list li .ratings {position:absolute; right:0px; top:0px;} .ratings li {display:inline; margin:0 3px 0 0; padding:0!important;} .product_list_sm {margin:10px 0 0 -10px; overflow:hidden;} .product_list_sm li {float:left; height:205px; margin:10px 0 0 10px; width:122px;} .product_list_sm li .prolist_img_sm {border:1px solid #D5D5D5; display:block; padding:1px; height:112px; width:112px;} .product_list_sm li .prolist_img_sm:hover {border-color:#FBB000;} .product_list_sm li h4 {margin:4px 0 0 0;} .product_list_sm li h4 a {font-size:1.1em; font-weight:bold; text-decoration:none;} .product_list_sm li h4 a:hover {} .product_list_sm li p.prolist_meta_sm {font-size:1em!important; padding:0!important;} .product_list_sm li p.prolist_meta_sm a {color:#666666; text-decoration:none;} .product_list_sm li p.prolist_price_sm {display:block; color:#999999; font-size:1.1em!important; padding:2px 0!important;} .product_list_sm li p.prolist_price_sm span {color:#FBB000; font-weight:bold;} /*--- 08. Individual Product ---------------------------------------------------------------------------*/ #product_info {float:left; width:349px;} #product_info .ratings {float:left; margin:20px 0 0 0; position:relative;} #product_info .ratings li a {color:#666666; font-size:1.1em; text-decoration:none;} #product_model {color:#999999; font-size:1.1em!important; padding:0 0 10px 0!important;} #product_shortdes {clear:both; color:#999999; font-size:0.9em; padding:7px 0 0 0;} #content p#product_price {color:#999999; font-size:1.1em;} #product_price span {color:#FBB000; display:block; font-size:3.6em; font-weight:bold; line-height:1em;} #content p#product_was {color:#B13232; font-size:1.4em; font-weight:bold; margin:-13px 0 0 0;} #product_was span {text-decoration:line-through;} #product_info label {display:block; font-size:0.9em; padding:0 0 3px 0;} #product_info select {color:#4E4E4E; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:2px;} #product_info option {padding:0 30px 0 2px;} #product_info label#lbl_quantity {margin:-4px 0 0 0;} #in_stock {color:#999999; font-size:0.9em;} .in_stock {color:#999999; font-size:0.9em;} #product_info #purchase input[type='submit'] {background:url(/img/_btn_addtobasket.png) no-repeat; border:0; cursor:pointer; height:50px; margin:12px 0 0 0; padding:0 0 0 227px; text-indent:-9999px; width:227px;} #product_info #purchase input[type='submit']:hover {background-position:-227px 0;} #product_info #freedelivery {background:url(/img/_freedelivery.png) no-repeat; height:18px; margin:9px 0 0 0; padding:0!important; text-indent:-9999px;} #product_info #wishlist {background:#999999; border:0; color:#FFFFFF; cursor:pointer; display:block; float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin:15px 0 10px 0; padding:3px 7px; text-decoration:none; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} #product_info #wishlist:hover {background:#12B2CA;} #discontinued, #out_of_stock {background:url(/img/icon_warning.png) 7px 7px no-repeat #FFFBCC; border:1px solid #E6DB55; color:#333333; font-size:1.1em!important; margin:9px 0 10px 0; padding:5px 10px 7px 30px!important; position:relative;} #discontinued span, #out_of_stock span {display:block; font-weight:bold; margin:3px 0 3px 0;} #proimg_container {background:#EDEDED; float:right; margin:1px -10px 0 0; padding:10px; width:340px;} #proimg_container a, #proimg_container span {background:#FFFFFF; border:1px solid #D5D5D5; display:block; padding:1px; text-align:center; width:336px;} #proimg_container #thumbnails li {float:left; margin:10px 10px 0 0; padding:1px;} #proimg_container #thumbnails img {border:1px solid #D5D5D5; cursor:pointer; /*height:50px;*/ padding:1px; /*width:50px;*/} #proimg_container #thumbnails img:hover {border-color:#FBB000;} #product_information {clear:both; height:100%; padding:37px 0 0 0; overflow:hidden;} .customer_actions {float:right; list-style:none!important; margin:0!important; position:relative; z-index:10;} .customer_actions li {border:0!important; float:left; font-size:1.1em!important; margin:37px 0 0 5px; padding:0!important;} .customer_actions li a {background:#4C4E4E; color:#FFFFFF; display:block; padding:3px 7px; text-decoration:none; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .customer_actions li a:hover {background:#12B2CA;} #product_manufacturer {background:#EDEDED; color:#4C4E4E; display:block; float:right; font-size:1.1em; margin:-11px 0 10px 10px; padding:10px 10px 7px 10px; text-decoration:none;} #product_manufacturer img {display:block; margin:0 0 7px 0;} #product_manufacturer:hover {background:#12B2CA; color:#FFFFFF;} #product_information ul {list-style:disc; margin:10px 16px;} #product_information ul li {font-size:1.2em; padding:3px 0;} #customer_reviews {clear:both; padding:40px 0 0 0;} #customer_reviews li {border-bottom:1px dotted #CCCCCC; height:100%; overflow:hidden; padding:4px 0 11px 0;} #customer_reviews li li {border:0; padding:0;} .review_meta {float:left; width:125px;} #content .review_meta p.review_author {color:#FBB000; font-size:1.1em; font-weight:bold; padding:7px 0 0 0;} #content .review_meta p.review_date {color:#999999; font-size:1em; margin:-2px 0 6px 0; padding:0;} #content .review_text p {font-size:1.1em;} #recently_viewed_items {padding:40px 0 0 0;} /*--- 09. Basket ---------------------------------------------------------------------------*/ #tbl_basket {margin-top:20px;} #tbl_basket .td_primary a {color:#666666; display:block; font-weight:bold; margin:5px 0 0 0; text-decoration:none;} #tbl_basket .td_primary a:hover {color:#FBB000;} #tbl_basket .td_primary .tbl_img {display:block; float:left; height:40px; margin:0 10px 0 0; width:40px;} #shop-display_basket #btn_gotocheckout {margin-bottom:40px;} /*--- 12. Checkout ---------------------------------------------------------------------------*/ #shop-checkout #hdr_navigation, #shop-confirm #hdr_navigation {padding-top:4px;} #hdr_navigation li span {background-image:url(/img/_hdrnavigation_checkout.png); background-repeat:no-repeat; color:#FFFFFF; display:block; height:17px; padding:16px 17px 14px 17px; text-decoration:none; text-indent:-9999px;} #hdr_navigation li#hdrnav_basket span {width:61px;} #hdr_navigation li.navcurrent_basket span {background-position:0 -47px!important;} #hdr_navigation li#hdrnav_checkout span {background-position:-96px 0; width:83px;} #hdr_navigation li.navcurrent_checkout span {background-position:-96px -47px!important;} #hdr_navigation li#hdrnav_review span {background-position:-214px 0; width:60px;} #hdr_navigation li.navcurrent_review span {background-position:-214px -47px!important;} #hdr_navigation li#hdrnav_pay span {background-position:-309px 0; width:29px;} #hdr_navigation li.navcurrent_pay span {background-position:-309px -47px!important;} p.tip {font-size:1.1em!important; margin:0 0 2px 0;} .section fieldset {padding:10px 20px 10px 0;} #shop-checkout #billing_details fieldset, #shop-confirm #order_addresses fieldset {border-left:1px solid #E9E9E9; float:left; padding:10px 20px; width:45%;} #shop-checkout #billing_details fieldset.personal_details, #shop-confirm #order_addresses fieldset.personal_details {border:0; padding-left:0px; width:48%;} #shop-confirm fieldset h3 {font-size:1.4em; font-weight:bold;} #shop-confirm fieldset p {line-height:1.8em;} #shop-confirm fieldset strong {float:left; width:100px;} #shop-checkout .section label {width:110px;} .section table {font-size:1.1em;} #shop-confirm .section table#tbl_basket .td_primary a {margin:0;} .country_default {float:left; padding:5px 6px 0 5px;} .helppoint {background:url(/img/icon_info.png) no-repeat; cursor:pointer; display:block; float:left; height:16px; margin:5px 0 0 6px; text-indent:-9999px; width:16px;} #shipping_details {clear:both;} #shop-checkout .formalign {margin-left:170px;} #shipping_section .check-box label {cursor:pointer;} #other_information label {width:160px!important;} #other_information textarea {height:75px; width:650px;} #shop-checkout #btn_continue {float:left;} #paypoint_logo {float:left; margin:20px 0 0 20px} /*--- 13. Callback ---------------------------------------------------------------------------*/ .callback {background:url(/img/_bkg_callback.png) repeat-x; margin:40px 0 80px 0; padding:25px; position:relative; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .callback h1 {border:0; height:36px; margin:0; padding:0; text-indent:-9999px; width:100%;} .callback h2 {height:36px; margin:17px 0 20px 0; text-indent:-9999px; width:100%;} .callback p {color:#FFFFFF; line-height:1.6em; margin:20px 0 0 0;} .callback p span {font-size:1.2em;} .callback img {bottom:-45px; position:absolute; right:30px;} #callback_fail h1 {background:url(/img/_heading_callbackfail.png) no-repeat;} #callback_fail h2 {background:url(/img/_heading_callbackfail.png) 0 -52px no-repeat;} #callback_success h1 {background:url(/img/_heading_callbacksuccess.png) no-repeat;} #callback_success h2 {background:url(/img/_heading_callbacksuccess.png) 0 -52px no-repeat;} #callback_success img {bottom:-80px; right:15px;} /*--- 14. Contact Page ---------------------------------------------------------------------------*/ #contact-us .common_form {float:left; width:490px;} #contact-us textarea {height:200px; width:300px;} #contact_details {float:right; margin:10px 5px 40px 5px; padding:15px; overflow:hidden; width:170px;} #contact_details h2 {font-size:1.6em; font-weight:bold; margin:3px 0 33px 0;} #contact_details h3 {font-size:1.3em; font-weight:bold;} #contact_details p {margin:0 0 10px 0;} /*--- 15. Advice Page ---------------------------------------------------------------------------*/ .advice_header {background-color:#FBB000; display:block; margin:20px 0 10px 0; padding:5px 100px 10px 15px; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;} a.advice_header, a.advice_header:hover {color:#4C4E4E; cursor:pointer; font-size:1.2em; padding-bottom:17px; text-decoration:none;} a.advice_header:hover {background:#5BC5D5;} .advice_header h1, .advice_header span {background-repeat:no-repeat; border:0; display:block; float:left; height:37px; margin:9px 0 15px 0; padding:0; text-indent:-9999px; width:100%;} #advice_header_pa {background-image:url(/img/_bkg_profpa.png); background-position:right 10px; background-repeat:no-repeat;} #advice_header_luminaire {background-image:url(/img/_bkg_drluminaire.png); background-position:600px 10px; background-repeat:no-repeat;} #advice_header_schools {background-image:url(/img/_bkg_schoolteacher.png); background-position:580px -10px; background-repeat:no-repeat;} #heading_askprofessorpa {background-image:url(/img/_heading_askprofessorpa.png);} #heading_askdrluminaire {background-image:url(/img/_heading_askdrluminaire.png);} #heading_schools {background-image:url(/img/_heading_soundsaversforschools.png);} #quote .section input[type='radio'], #quote .section input[type='checkbox'] {float:left; margin:5px 5px;} #quote .section textarea, #returns .section textarea, #part-exchange-service .section textarea, #price-promise .section textarea {height:100px; width:400px;} #part-exchange-service #btn_send {margin-left:15px;} #quote #content input[type='submit'] {background-repeat:no-repeat; border:0; cursor:pointer; float:left; height:50px; margin:20px 0 0 15px; padding:0 0 0 227px; text-indent:-9999px; width:227px;} #quote #content input[type='submit']:hover {background-position:-227px 0;} #quote #content input[type='submit'][disabled="disabled"], #quote #content input[type='submit'].disabled {background-position:-454px 0; cursor:default;} #quote #content input[type='submit'].disabled:hover {background-position:-454px 0; cursor:default;} #btn_askprofessorpa {background-image:url(/img/_btn_askprofessorpa.png);} #btn_askdrluminaire {background-image:url(/img/_btn_askdrluminaire.png);} #help-and-information #content ul {margin:20px 0;} #help-and-information #content li {margin:10px 0;} #help-and-information #content li a {background-color:#FBB000; color:#FFFFFF; display:block; font-size:1.2em; font-weight:bold; padding:7px 10px; text-decoration:none; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} #help-and-information #content li a:hover {background:#5BC5D5;} /*--- 16. Paging ---------------------------------------------------------------------------*/ #navigation_paging {float:left; left:50%; margin:40px 0; position:relative;} #navigation_paging li {float:left; position:relative; right:50%;} #navigation_paging li a, #navigation_paging li span {display:block;} #navigation_paging li a, #navigation_paging li span {background:url(/img/_navigation_paging.jpg) no-repeat; height:21px; margin:0 3px; text-indent:-9999px; width:11px;} #navigation_paging li#previous a, #navigation_paging li#previous span {background-position:-5px -5px;} #navigation_paging li#previous span {background-position:-5px -57px;} #navigation_paging li#previous a:hover {background-position:-5px -31px;} #navigation_paging li#next a, #navigation_paging li#next span {background-position:-22px -5px;} #navigation_paging li#next span {background-position:-22px -57px;} #navigation_paging li#next a:hover {background-position:-22px -31px;} #navigation_paging li.page a, #navigation_paging li.page span {background-position:-38px -5px;} #navigation_paging li.page span {background-position:-38px -57px;} #navigation_paging li.page a:hover {background-position:-38px -31px;} /*--- 17. Login + Create Account ---------------------------------------------------------------------------*/ #colorboxlogin_form {border:0!important;} #colorboxlogin_form p {clear:both; padding-bottom:24px!important;} #colorboxlogin_form label {display:block; font-size:1.2em; font-weight:bold; margin:0 0 3px 0;} #colorboxlogin_form input[type='text'], #colorboxlogin_form input[type='password'] {background:#FBFBFB; border:1px solid #DADADA; color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:24px; margin:0!important; padding:3px; width:262px;} #colorboxlogin_form input[type='submit']{float:none; margin:20px 0 0 0;} #colorboxlogin_form #forgot_password {font-size:0.9em;} #login .section ul {font-size:1.2em; list-style:disc; margin:10px 30px;} #login .section ul li {padding:3px 0;} /*--- 18. My Account ---------------------------------------------------------------------------*/ #my_account li {display:inline; float:left; font-size:1.1em; margin:5% 4% 0 0; padding:0 0 0 30px; width:41.5%;} #my_account li a {color:#666666; display:block; text-decoration:none;} #my_account li a strong {color:#12B2CA; display:block;} #my_account li a:hover strong {color:#FBB000;} #my_account li#personaldetails {background:url(/img/icon_personaldetails.png) no-repeat;} #my_account li#addresses {background:url(/img/icon_addresses.png) no-repeat;} #my_account li#wishlist {background:url(/img/icon_wishlist.png) no-repeat;} #my_account li#previousorders {background:url(/img/icon_previousorders.png) no-repeat;} #my_account li#savedbaskets {background:url(/img/icon_savedbaskets.png) no-repeat;} #my_account li#options {background:url(/img/icon_options.png) no-repeat;} #my_account li#closeaccount {background:url(/img/icon_closeaccount.png) 0 20px no-repeat; border-top:1px dotted #999999; clear:both; padding-top:20px; width:90%;} #mailing_list #checkout_newsletter {margin-left:0!important;} .link_removeproduct {margin:0px!important; padding:1px 3px!important; position:absolute!important; right:0px; top:-3px;} table#tbl_orderhistory_info {border:0; clear:both; font-size:1.1em; margin:15px 0 0 0; width:100%;} table#tbl_orderhistory_info th {background:0; border:0; color:#333333; font-size:1em; padding:6px 4px; text-align:left; width:120px;} table#tbl_orderhistory_info td {border:0; padding:6px 4px; text-align:left; width:auto;} table#tbl_orderhistory_info tr.tbl_orderhistory_info_border td, table#tbl_orderhistory_info tr.tbl_orderhistory_info_border th {border-top:1px dotted #CCCCCC;} #my-account #tbl_orders {margin-top:30px;} #my-account table#tbl_orders .td_primary {width:20%!important;} #my-account table#tbl_orders .td_primary form {display:inline; width:auto!important;} table#tbl_basketlist {float:left; width:90%;} table#tbl_basketlist td {width:50%;} #basketcombine {float:left; width:10%;} #basketcombine td {padding-bottom:9px;} #basketcombine .btn60 {margin:0 0 0 10px;} /*--- 50. Footer ---------------------------------------------------------------------------*/ #footer_container {background:url(/img/_bkg_footer.jpg) bottom left repeat-x; clear:both; padding:50px 0 0 0;} #footer_promos {margin:0px auto; width:960px;} #footer_promos li {background:url(/img/_bkg_footerpromo.png) bottom left no-repeat; display:inline; float:left; height:169px; margin:0 0 0 10px; width:308px;} #footer_promos li:hover {background-position:-308px bottom;} #footer_promos li a {color:#333333; display:block; font-size:1.2em; font-weight:bold; height:106px; padding:63px 90px 10px 10px; text-decoration:none;} #footer_promos li a span {background-repeat:no-repeat; display:block; float:left; height:37px; margin:9px 0 15px 0; text-indent:-9999px; width:100%;} #footer_promos li#professor_pa a {background:url(/img/_bkg_profpa.png) 222px 10px no-repeat;} #footer_promos li#dr_luminaire a {background:url(/img/_bkg_drluminaire.png) 204px 0 no-repeat;} #footer_promos li#schools a {background:url(/img/_bkg_schoolteacher.png) 186px 10px no-repeat;} li#professor_pa a span {background-image:url(/img/_heading_askprofessorpa.png);} li#dr_luminaire a span {background-image:url(/img/_heading_askdrluminaire.png);} li#schools a span {background-image:url(/img/_heading_soundsaversforschools.png);} #footer {clear:both; color:#999999; font-size:1.1em; height:512px; margin:0px auto; overflow:hidden; width:960px;} #footer h6 {border:0;} #footer a {color:#FBB000; text-decoration:none;} #footer a:hover {color:#12B2CA;} #ftr_showroom, #ftr_helpandinfo, #ftr_whychooseus, #ftr_getintouch {border-bottom:1px solid #4E4E4E; float:left; height:204px; margin:14px 0 0 0; padding:11px 40px 0 10px; width:270px;} /*#ftr_getintouch {border:0; margin:0;}*/ #ftr_twitter {float:left; height:233px; padding:11px 0 0 10px; /*width:617px;*/ width:95%;} #ftr_showroom p {padding:6px 0;} #ftr_showroom img {border:5px solid #FFFFFF; float:left; margin:8px 10px 20px 0;} #ftr_showroom span {color:#FBB000;} #ftr_helpandinfo {padding-right:0; width:310px;} #ftr_helpandinfo ul {margin:3px 0 0 0;} #ftr_helpandinfo li {float:left; margin:2px 0; width:50%;} #footer #ftr_helpandinfo li a {color:#999999; font-weight:bold;} #footer #ftr_helpandinfo li a:hover {color:#FBB000;} #ftr_whychooseus ul {margin:2px 0 0 0;} #ftr_whychooseus li {background:url(/img/_bullet_tick_orange.png) 0 7px no-repeat; padding:4px 0 4px 15px;} /*#ftr_getintouch {height:233px;}*/ #ftr_getintouch p {padding:4px 0 0 0;} #tweet_container {background:#494949; background:rgba(255,255,255,0.1); color:#CCCCCC; margin:7px 0 0 0; padding:10px 30px 10px 13px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;} #ftr_twitter span {background:url(/img/_twitter_point.png) 7px 0 no-repeat; float:left; padding:11px 0 0 17px;} #twitter_links {float:right; padding:11px 17px 0 0;} #twitter_links a {color:#12B2CA;} #twitter_links a:hover {color:#FBB000;} #social_icons {float:right;} #social_icons li {float:left; margin:18px 0 0 5px;} #social_icons li a {display:block; height:48px; text-indent:-9999px; width:48px;} #social_icons li a#facebook {background:url(/img/icon_facebook.png) no-repeat;} #social_icons li a#youtube {background:url(/img/icon_youtube.png) no-repeat;} #ftr_copyright, #ftr_navigation {padding:12px 10px; width:40%;} #ftr_copyright {clear:both; float:left;} #ftr_navigation {float:right; text-align:right;} #ftr_navigation a {margin:0 0 0 28px;} #ftr_copyright a, #ftr_navigation a {color:#999999;} #ftr_copyright a:hover, #ftr_navigation a:hover {color:#FBB000;} /*--- 51. Forms ---------------------------------------------------------------------------*/ .common_form {padding:14px 0;} .common_form p {clear:both; overflow:hidden; padding:5px 0!important;} .common_form label {float:left; font-weight:bold; padding:5px 5px 0 0; width:120px;} .common_form input[type='text'], input[type='password'], .common_form textarea {background:#F7F7F7; border:1px solid #C1C1C1; border-bottom:1px solid #DEDEDE; border-right:1px solid #DEDEDE; color:#666666; float:left; margin:0 0 0 5px; padding:5px 6px;} .common_form input[type='text']:focus, .common_form textarea:focus {background:#FFFFFF; border:1px solid #FBB000;} .common_form select {background:#F7F7F7; border:1px solid #C1C1C1; border-bottom:1px solid #DEDEDE; border-right:1px solid #DEDEDE; float:left; margin:0 0 0 5px; padding:4px 2px;} .common_form select option {padding-right:30px;} .common_form input[type='submit'] {float:left; margin-top:10px;} .formalign {float:left; margin:0 0 0 130px;} input[type='text'], textarea, select {color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:12px;} select option {padding:0 2px;} input[type='checkbox'], input[type='radio'] {height:14px; overflow:hidden; width:14px;} p.check-box label {margin:0 0 0 5px!important; padding:0!important; width:auto!important;} p.check-box input {float:left; margin:1px 0 0 0;} form .optional {background:url(/img/icon_optional.gif) no-repeat; display:block; float:left; height:13px; margin:6px 0 0 6px; text-indent:-9999px; width:53px;} form .required {background:url(/img/icon_required.gif) no-repeat; display:block; float:left; height:13px; margin:6px 0 0 6px; text-indent:-9999px; width:53px;} form .hidden {background:url(/img/icon_hidden.gif) no-repeat; display:block; float:left; height:13px; margin:6px 0 0 -4px; text-indent:-9999px; width:44px;} form .warning {background:url(/img/icon_warning.png) no-repeat; display:block; float:left; height:17px; margin:4px 0 0 6px; text-indent:-9999px; width:17px;} .input_100 {width:86px;} .input_125 {width:111px;} .input_150 {width:136px;} .input_200 {width:186px;} .input_250 {width:236px;} .input_300 {width:286px;} #p_security {clear:both; display:none; height:0px; visibility:hidden;} #p_security label {float:none; padding:0 0 4px 0; text-align:left; width:auto;} #p_security .input_box {display:block; float:none;} /*--- 52. Response ---------------------------------------------------------------------------*/ #msg_response {background:url(/img/response_bkg.jpg) #FFFFFF repeat-x; border:1px solid #CCCCCC; clear:both; cursor:pointer; font-family:Arial, Helvetica, sans-serif; font-size:11px!important; font-weight:bold; line-height:1.3em; margin:20px 0; padding:1px; position:relative; zoom:1; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} #msg_response a {color:#333333;} #msg_response a:hover {text-decoration:none;} #msg_response span {background:url(/img/response_close.gif) no-repeat; height:11px; position:absolute; right:10px; top:8px; width:10px;} #msg_response div {padding:6px 46px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .msg_error {background:url(/img/response_error.jpg) left center no-repeat; color:#B7220A;} .msg_success {background:url(/img/response_success.jpg) left center no-repeat; color:#0F8915;} .lbl_warning {background:url(/img/icon_warning.png) no-repeat; color:#B7220A; padding-left:24px;} .lbl_success {background:url(/img/icon_success.png) no-repeat; color:#0F8915; padding-left:24px;} /*--- 53. Colorbox ---------------------------------------------------------------------------*/ #cboxLoadedContent {overflow:hidden!important; padding:0 0 50px 0;} #cboxLoadedContent #terms_container {overflow:auto; height:450px; padding:0 30px 0 0;} #cboxContent h1 {background:#5BC5D5; border:0; color:#FFFFFF; margin:0 0 10px 0; padding:7px 10px 5px 10px; text-indent:0; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} #cboxContent form {border-top:1px dotted #CCCCCC; margin:10px 0; padding:20px 10px 20px 10px;} #cboxContent h2 {padding:0 10px;} #cboxContent p {font-size:1.2em; line-height:1.4em; padding:5px 10px;} #cboxContent p#help_text {font-size:1.1em!important; margin:0 0 10px 110px;} #cboxContent #msg_response {display:none;} #cboxContent label {width:100px;} #cboxContent #form_buttons {margin:0 0 0 110px;} #cboxContent #msg_response {margin-bottom:10px; margin-top:0; width:95%;} #beat_form, #review_form, #friend_form {padding:0 60px 50px 0;} #colorboxlogin_form {padding:0 60px 0px 0;} #add_rating img {cursor:pointer; float:left; margin:3px 0 4px 0; padding:2px 0 2px 5px;} #review_form textarea {height:150px; width:280px;} /*--- 94. Table ---------------------------------------------------------------------------*/ table {border-left:1px solid #ECECEC; border-top:1px solid #ECECEC; clear:both; color:#666666; font-size:1.2em; margin:11px 0 10px 0; width:100%;} table th {background:#F8F8F8; color:#333333; font-size:1.1em; font-weight:bold;} table th, table td {border-bottom:1px solid #ECECEC; border-right:1px solid #ECECEC; text-align:center; padding:8px 10px; width:10%;} table td span {font-size:0.9em;} table th.td_primary, table td.td_primary {text-align:left; width:70%!important;} table td.td_alignright {text-align:right;} table td.td_delete {border-right:0; width:14px!important;} /*--- 95. Tooltip ---------------------------------------------------------------------------*/ #tooltip {background:#EEEEEE; border:1px solid #999999; color:#333333; font-size:1.1em; opacity:0.9; padding:5px 7px; position:absolute; z-index:3000;} /*--- 99. Button + Links ---------------------------------------------------------------------------*/ .btn_simple {background:#4C4E4E; border:0; color:#FFFFFF; cursor:pointer; display:block; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin:15px 0 10px 0; padding:3px 7px; position:relative; text-decoration:none; z-index:10; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .btn_simple:hover {background:#12B2CA;} .btn60 {background:url(/img/_btn60.png) no-repeat; border:0; color:#FFFFFF; cursor:pointer; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; height:25px; width:60px;} .btn60:hover {background-position:-60px 0; color:#4C4E4E;} .btn_banner {background-color:#FBB000; color:#FFFFFF; display:block; font-size:1.8em; font-weight:bold; margin:20px 0 10px 0; padding:8px 100px 10px 15px; text-decoration:none; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;} .btn_banner:hover {background:#5BC5D5; color:#FFFFFF;} #link_contactus, #link_createaccount, #link_returnhome {background-repeat:no-repeat; display:block; height:50px; text-indent:-9999px; width:227px;} #btn_gotocheckout, #btn_continue, #btn_send {background-repeat:no-repeat; border:0; cursor:pointer; height:50px; margin:12px 0 0 0; padding:0 0 0 227px; text-indent:-9999px; width:227px;} #proceed_form input[type='submit'] {background-repeat:no-repeat; border:0; cursor:pointer; height:50px; margin:12px 0 0 0; padding:0 0 0 227px; text-indent:-9999px; width:227px;} #link_contactus {background-image:url(/img/_btn_contactus.png);} #link_createaccount {background-image:url(/img/_btn_createaccount.png);} #link_returnhome {background-image:url(/img/_btn_returnhome.png);} #btn_gotocheckout {background-image:url(/img/_btn_gotocheckout.png);} #btn_continue {background-image:url(/img/_btn_continue.png);} #proceed_form input[type='submit'] {background-image:url(/img/_btn_gotopay.png);} #btn_send {background-image:url(/img/_btn_send.png);} #link_contactus:hover, #link_createaccount:hover, #link_returnhome:hover, #btn_gotocheckout:hover, #proceed_form input[type='submit']:hover, #btn_continue:hover, #btn_send:hover {background-position:-227px 0;} .link_simple {background:#4C4E4E; color:#FFFFFF; cursor:pointer; display:block; float:left; font-size:11px; margin:15px 0 10px 0; padding:3px 7px; text-decoration:none; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .link_simple:hover {background:#12B2CA; color:#FFFFFF;} .section .link_simple {float:right; margin-top:-53px;} .link60 {background:url(/img/_btn60.png) no-repeat; color:#FFFFFF; display:block; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; height:16px; padding:4px 0 5px 0; text-align:center; text-decoration:none; width:60px;} .link60:hover {background-position:-60px 0; color:#4C4E4E;} .link_delete {background:url(/img/icon_delete.jpg) -14px 0 no-repeat; border:0; color:#FFFFFF; display:block; height:15px; line-height:15px; overflow:hidden; text-indent:-9999px; width:14px;} .link_delete:hover {background-position:0 0; color:#FFFFFF;} #link_cancel {color:#999999; float:left; font-size:0.9em; margin:28px 55px;} #link_cancel:hover {color:#666666; text-decoration:none;} #my-account #link_cancel {margin:15px 25px;} .addthis_toolbox {font-size:12px; margin-top:20px;} .addthis_toolbox a {text-decoration:none;} /*--- 100. Xmas Opening ---------------------------------------------------------------------------*/ .xmasopening {background:#FBB000; border-radius:10px; color:#444; cursor:pointer; float:left;font-size:1.6em; font-weight:bold; margin:27px 0 0 40px; padding:10px; position:relative;} .xmasopeningmore {background:#FFF; border:5px solid #FBB000; border-radius:10px; display:none; font-size:0.75em; font-weight:normal; left:0; padding:10px; position:absolute; top:50px; width:300px; z-index:1000;}