@charset "utf-8"; /* ########################################################################### * /* ***** DOCUMENT INFO ****************************************************** * /* ########################################################################### * * ##### NAME: commonl_1.css * ##### VERSION: v1.0 * ##### UPDATED: 06/11/2009 (Mick Chmielewski - Deloitte's Online Practice) /* ########################################################################### * /* ########################################################################### * /* ***** INDEX *************************************************************** * /* ########################################################################### * /* ##### RESET AND FONTS /* ##### FUNCTIONAL /* ##### LINKS AND BUTTONS /* ##### LAYOUT /* ##### HEADER /* ##### NAVIGATION /* ##### - TOP NAVIGATION /* ##### - LEFT NAVIGATION /* ##### CONTENT /* ##### - RESULTS /* ##### - PRODUCTS /* ##### - SHOPPING CART /* ##### - EMAIL A FRIEND /* ##### FOOTER /* ##### CLEARFIX /* ########################################################################### */ /* ########################################################################### * /* ##### RESET AND FONTS /* ########################################################################### */ /* Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.8.0r4 */ html{color:#333;background:#FFF;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;} del,ins{text-decoration:none;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';} abbr,acronym{border:0;font-variant:normal;} sup{vertical-align:baseline;} sub{vertical-align:baseline;} legend{color:#000;} input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;} input,button,textarea,select{*font-size:100%;} body{font:10px arial,helvetica,clean,sans-serif;*font-size:62.5%;} select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;} table{font-size:inherit;font:100%;} /* ########################################################################### * /* ##### FUNCTIONAL /* ########################################################################### */ img { border: 0; } a img { display: block; } ul.horizontal li{ display: inline; float: left; } .noMargin{ margin: 0 !important; } .noPadding{ padding: 0 !important; } .noDisplay{ display: none !important; } .hidden { position: absolute; left: -9999px; overflow: hidden; margin-bottom: -1px; font-size: 1px; line-height: 1px } .left { text-align: left; } img.left{ display: inline; float: left; margin: 0 10px 0 0; } .center { text-align: center; } .right { text-align: right; } img.right{ display: inline; float: right; margin: 0 0 0 10px; } strong, .strong { font-weight: bold; } em{ font-style: italic; } sup{vertical-align:text-top;} .errorText { color: #A9000C; } .module_shopping_cart_form h3.storeHours, .billing_confirmation h3.storeHours { margin: 10px 0; } /* ########################################################################### * /* ##### LINKS AND BUTTONS /* ########################################################################### */ a:link { color:#161a6e; text-decoration:none } a:visited { color:#161a6e; text-decoration:none } a:focus { text-decoration:underline } a:hover { text-decoration:underline } a:active { color:#161a6e } button, input.button, a.button{ /*font-size: 0.75em; font-family: Arial, Helvetica, sans-serif;*/ padding: 0px 8px; border: 1px solid #ffffff; background: #ebf0ed url('images/btn_bg_standard_sprite.gif') repeat-x top; cursor: pointer; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-weight: bold; text-decoration: none; color: #333; } button:hover, button:focus, button:active, input.button:hover, input.button:focus, input.button:active, a.button:hover, a.button:focus, a.button:active { background: #f7faf8 url('images/btn_bg_standard_sprite.gif') repeat-x 0px -15px; } button.primary, input.primary, a.primary{ padding: 5px 10px; border: 1px solid #6d6fa6; background: #161a6e url('images/btn_bg_primary_sprite.gif') repeat-x 0px 0px; font-family: futura_extra_bold, Arial, Helvetica, sans-serif; font-size: 1.1em; text-transform: uppercase; color: #FFF; } button.primary:hover, button.primary:focus, button.primary:active, button.hover_primary, input.primary:hover, input.primary:focus, input.primary:active, input.hover_primary, a.primary:hover, a.primary:focus, a.primary:active, a.hover_primary{ background: #161a6e url('images/btn_bg_primary_sprite.gif') repeat-x 0px -35px; } button.secondary, input.secondary, a.secondary{ padding: 5px 10px; border: 1px solid #e4e4e4; background: #a0a0a0 url('images/btn_bg_secondary_sprite.gif') repeat-x 0px 0px; font-family: futura_extra_bold, Arial, Helvetica, sans-serif; font-size: 1.1em; text-transform: uppercase; color: #161a6e; } button.secondary:hover, button.secondary:focus, button.secondary:active, button.hover_secondary, input.secondary:hover, input.secondary:focus, input.secondary:active, input.hover_secondary, a.secondary:hover, a.secondary:focus, a.secondary:active, a.hover_secondary{ background: #d2d2d2 url('images/btn_bg_secondary_sprite.gif') repeat-x 0px -30px; } button.tertiary, input.tertiary, a.tertiary{ padding: 5px 10px; border-width: 0; background: #0797b8 url('images/btn_bg_tertiary_sprite.gif') repeat-x top; font-family: futura_extra_bold, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #FFFFFF; text-transform: uppercase; color: #FFF; } button.tertiary:hover, button.tertiary:focus, button.tertiary:active, button.hover_tertiary, input.tertiary:hover, input.tertiary:focus, input.tertiary:active, input.hover_tertiary, a.tertiary:hover, a.tertiary:focus, a.tertiary:active, a.hover_tertiary{ background: #0f7086 url('images/btn_bg_tertiary_sprite.gif') repeat-x 0px -30px; } a.callToAction{ background: url(/cons/groups/public/documents/web_asset/dev_000572.jpg) no-repeat left center; padding-left: 8px; } a.callToAction_back{ background: url(images/bg_link_arrow_left.gif) no-repeat left center; padding-left: 8px; } /* ########################################################################### * /* ##### LAYOUT /* ########################################################################### */ #page { margin: 0 auto; border-left: 1px solid #E1E1E0; padding: 0 0 0 11px; background: url('/cons/groups/public/documents/web_asset/dev_000501.gif') repeat-y right; width: 982px; font-size: 1.1em; /* Reset the base font to 11px */ } #contentContainer{ width: 982px; padding-bottom: 10px; background-color: #ffffff; } #leftColumn, #contentColumn, #rightColumn{ display: inline; float: left; z-index: 1001; } /* Two Column Layout - Left */ #contentContainer.layout_twoColumnLeft #leftColumn { width: 182px; min-height: 480px; background: url('/cons/groups/public/documents/web_asset/dev_000497.jpg') no-repeat top right; } #contentContainer.layout_twoColumnLeft #contentColumn { width: 800px; /*width: 800px;*/ /*margin: 14px 13px 0 20px;*/ } /* One Column */ #contentContainer.layout_oneColumn #contentColumn { display: block; float: none; } /* ########################################################################### * /* ##### HEADER /* ########################################################################### */ #header { margin: 0 0 4px 0; background: url('/cons/groups/public/documents/web_asset/dev_000495.jpg') no-repeat left bottom; position: relative; width: 970px; height: 134px; } #headerproductguides { margin: 0 0 4px 0; /*background: url('/cons/groups/public/documents/web_asset/dev_000711.jpg') no-repeat left bottom;*/ position: relative; /*width: 970px; height: 221px;*/ } #logo { position: absolute; top: 22px; left: 16px; z-index: 2; } #logo a { display:block; width: 122px; height: 112px; background: url('/cons/groups/public/documents/web_asset/dev_000457.png'); } #portrait { position: absolute; left: 110px; z-index: 1; } #portraitTeam { position: absolute; left: 116px; top: 2px; width: 360px; height: 132px; z-index: 1; background: url('/cons/groups/public/documents/web_asset/dev_000458.png'); } #storeDetails1 { position: absolute; top: 65px; left: 300px; color: #FFF; } #storeDetails1 #owner { dislay: inline; float: left; margin: 0px 8px 0px 0px; color: #FFFFFF; font-family: futura_extra_bold_condensed, Arial, Helvetica, sans-serif; font-size: 2em; text-transform: uppercase; } #storeDetails1 #suburb { dislay: inline; float: left; margin-right: 8px; border-right: 1px solid #1b3982; padding-right: 10px; color: #30b4d3; font-family: futura_extra_bold_condensed, Arial, Helvetica, sans-serif; font-size: 2em; text-transform: uppercase; } #storeDetails1 #address { dislay: inline; float: left; padding: 4px 0 0 0; font-size: 0.8em; text-transform: uppercase; line-height: 1.1em; } #storeDetails2 { position: absolute; top: 103px; left: 300px; color: #FFF; } #phone { display: inline; float: left; color: #FFFFFF; font-family: futura_extra_bold_condensed, Arial, Helvetica, sans-serif; font-size: 2em; } #tradingHours { display: inline; float: left; margin-left: 15px; border: 1px solid #bf434c; height: 26px; background: url('images/bg_tradingHours.gif') repeat-x top; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } #tradingHours .title { display: inline; float: left; padding: 1px 5px 1px 10px; font-family: futura_extra_bold_condensed, Arial, Helvetica, sans-serif; text-transform: uppercase; line-height: 1em; text-align: right; } #tradingHours .previous, #tradingHours .next { display: inline; float: left; padding: 6px 6px; } #tradingHours .times { display: inline; float: left; padding: 1px; line-height: 1; text-align: center; } #tradingHours .viewAll { display: inline; float: left; padding: 5px 10px 5px 5px; } #tradingHours .viewAll a { color: #ffffff; } #toolbar { margin-bottom: 12px; border: 1px solid #DEDEDE; border-bottom-width: 2px; width: 968px; } .toolbarLeft { display: inline; float: left; width: 49%; } .toolbarLeft #welcomeContainer { display: inline; float: left; padding: 9px 15px 9px 10px; background: url('images/bg_toolbar_sep.gif') no-repeat top right; color: #0394b6; } .toolbarLeft #welcomeContainer span { font-weight: bold; } .toolbarLeft #welcomeContainer a { font-weight: bold; text-transform: uppercase; color: #0394b6; font-size: 0.9em; } .toolbarLeft #accountContainer { display: inline; float: left; position: relative; } .toolbarLeft #accountContainer #accountButton a { display: block; padding: 9px 30px 9px 15px; background: url('images/bg_dropdown.gif') no-repeat 100% 45%; font-weight: bold; text-transform: uppercase; color: #0394b6; font-size: 0.9em; } .toolbarLeft #accountContainer #accountContent { position: absolute; top: 30px; left: 0px; width: 200px; border: 4px solid #161a6e; padding: 10px; background-color: #ffffff; } .toolbarLeft #accountContainer #accountContent a { font-size: 1.1em; } .toolbarRight { display: inline; float: right; width: 49%; } .toolbarRight #shopcartContainer { display: inline; float: right; position: relative; } .toolbarRight #shopcartContainer #shopcartButton { padding: 3px 5px 2px 5px; background: #d0d3e4 url('images/bg_toolbar_cart.gif') repeat-x top; } .toolbarRight #shopcartContainer #shopcartButton a { display: block; padding: 6px 28px; background: url('images/btn_bg_cart.gif') no-repeat top left; color: #ffffff; width: 150px; height: 16px; text-decoration: none; } .toolbarRight #shopcartContainer #shopcartButton a:hover, .toolbarRight #shopcartContainer #shopcartButton a:focus, .toolbarRight #shopcartContainer #shopcartButton a:active { background-position: 0px -28px; } .toolbarRight #shopcartContainer a span { padding-right: 10px; font-family: futura_extra_bold, Arial, Helvetica, sans-serif; font-size: 1.1em; color: #FFFFFF; text-transform: uppercase; } .toolbarRight #shopcartContainer a strong { padding-left: 5px; } .toolbarRight #shopcartContainer #shopcartContent { position: absolute; top: 30px; right: 5px; width: 320px; border: 4px solid #161a6e; padding: 10px; background-color: #ffffff; } #shopcartContent .empty { font-size: 1.1em; font-weight: bold; color: #161a6e; } #shopcartContent .alternativeProduct, #recentlyViewedContent .alternativeProduct { margin-bottom: 10px; } .tab_container_productInformation .alternativeProducts .alternativeProduct { border-bottom: 1px solid #e1e1e0; padding: 10px; } #shopcartContent .alternativeProduct .thumbnail, #recentlyViewedContent .alternativeProduct .thumbnail, .tab_container_productInformation .alternativeProduct .thumbnail { display: inline; float: left; margin-right: 10px; border: 2px solid #dcdfe3; padding: 10px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } .tab_container_productInformation .alternativeProduct .thumbnail { background-color: #FFF; } .tab_container_productInformation .alternativeProduct .pricelist { display: inline; float: left; margin-right: 10px; width: 200px; } .tab_container_productInformation .alternativeProduct .description { display: inline; float: left; width: 450px; } .tab_container_productInformation .alternativeProduct .advice { display: inline; float: left; width: 650px; } .tab_container_productInformation .alternativeProduct .advice h3 { font-weight: bold; margin-bottom: 5px; } .tab_container_productInformation .alternativeProduct .description p, .tab_container_productInformation .alternativeProduct .advice p { margin-bottom: 1em; } #shopcartContent .alternativeProduct .priceList, #recentlyViewedContent .alternativeProduct .priceList{ font-size: 1.1em; } #shopcartContent .alternativeProduct .priceList h3, #recentlyViewedContent .alternativeProduct .priceList h3, .tab_container_productInformation .alternativeProduct .pricelist h3 { font-weight: bold; } #shopcartContent .showall { display: inline; float: left; padding-top: 6px; } #shopcartContent .checkout { display: inline; float: right; } .toolbarRight #recentlyViewed { display: inline; float: right; position: relative; } .toolbarRight #recentlyViewed #recentlyViewedButton { background: url('images/bg_toolbar_sep.gif') no-repeat top left; } .toolbarRight #recentlyViewed #recentlyViewedButton a { display: block; padding: 9px 38px 9px 15px; background: url('images/bg_dropdown.gif') no-repeat 92% 45%; font-weight: bold; text-transform: uppercase; color: #0394b6; font-size: 0.9em; } .toolbarRight #recentlyViewed #recentlyViewedContent { position: absolute; top: 30px; right: 13px; width: 310px; border: 4px solid #161a6e; padding: 10px; background-color: #ffffff; } .toolbarRight ul.horizontal li { display: inline; float: right; } /* ########################################################################### * /* ##### - TOP NAVIGATION /* ########################################################################### */ #header_nav { margin-bottom: 5px; border: 1px solid #c1c1bf; background: #e5e5e5 url('images/bg_headerNav.gif') repeat-x top; background: #e5e5e5 url('/cons/groups/public/documents/web_asset/dev_000453.gif') repeat-x top; width: 982px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } #header_nav ul li { border-right: 1px solid #c1c1bf; } #header_nav ul li a { /* border-right: 1px solid #c1c1bf; */ display: block; padding: 8px 10px; font-family: futura_bold, Arial, Helvetica, sans-serif; font-size: 0.9em; font-weight: bold; text-transform: uppercase; text-decoration: none; } #header_nav ul li a:hover, #header_nav ul li a:focus, #header_nav ul li a:active { background: #161a6e url('/cons/groups/public/documents/web_asset/dev_000456.gif') repeat-x top; color: #ffffff; } #header_nav .siteSearch { display: inline; float: right; margin: 3px; padding: 3px 0 0 20px; background: url('images/bg_searchField.gif') no-repeat top left; width: 154px; height: 19px; } .siteSearch .searchFloat { display: inline; float: left; padding-right: 2px; } .siteSearch .searchFloat .searchField { border: 0; padding: 1px; width: 123px; color: #666; } .siteSearch .searchButton { /*position: relative; top: 4px;*/ } /*Product Guides */ #header_nav_productguides { /*margin-bottom: 5px;*/ /*border: 1px solid #c1c1bf;*/ /*background: #e5e5e5 url('images/bg_headerNav.gif') repeat-x top; background: #e5e5e5 url('/cons/groups/public/documents/web_asset/dev_000453.gif') repeat-x top;*/ width: 799px; border-right:1px solid #e1e1e0; /*-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;*/ } #header_nav_productguides ul .menuitem-BuyersGuide { background: url('/cons/groups/public/documents/web_asset/dev_000698.jpg') 0 0 no-repeat; width:124px; height:23px; } #header_nav_productguides ul .menuitem-InteractiveVideo { background: url('/cons/groups/public/documents/web_asset/dev_000700.jpg') 0 0 no-repeat; width:159px; height:23px; } #header_nav_productguides ul .menuitem-ShoppersChecklist { background: url('/cons/groups/public/documents/web_asset/dev_000702.jpg') 0 0 no-repeat; width:174px; height:23px; } #header_nav_productguides ul .menuitem-FullStory { background: url('/cons/groups/public/documents/web_asset/dev_000704.jpg') 0 0 no-repeat; width:137px; height:23px; } #header_nav_productguides ul .menuitem-JargonBuster { background: url('/cons/groups/public/documents/web_asset/dev_000706.jpg') 0 0 no-repeat; width:136px; height:23px; } #header_nav_productguides ul .menuitem-FAQ { background: url('/cons/groups/public/documents/web_asset/dev_000708.jpg') 0 0 no-repeat; width:56px; height:23px; } #header_nav_productguides ul li a { display: block; padding: 8px 10px; } #header_nav_productguides ul .menuitem-BuyersGuide a:hover, #header_nav_productguides ul .menuitem-BuyersGuide a:focus, #header_nav_productguides ul .menuitem-BuyersGuide a:active { background: url('/cons/groups/public/documents/web_asset/dev_000697.jpg') 0 0 no-repeat; width:124px; height:23px; } #header_nav_productguides ul .menuitem-InteractiveVideo a:hover, #header_nav_productguides ul .menuitem-InteractiveVideo a:focus, #header_nav_productguides ul .menuitem-InteractiveVideo a:active { background: url('/cons/groups/public/documents/web_asset/dev_000699.jpg') 0 0 no-repeat; width:159px; height:23px; } #header_nav_productguides ul .menuitem-ShoppersChecklist a:hover, #header_nav_productguides ul .menuitem-ShoppersChecklist a:focus, #header_nav_productguides ul .menuitem-ShoppersChecklist a:active { background: url('/cons/groups/public/documents/web_asset/dev_000701.jpg') 0 0 no-repeat; width:174px; height:23px; } #header_nav_productguides ul .menuitem-FullStory a:hover, #header_nav_productguides ul .menuitem-FullStory a:focus, #header_nav_productguides ul .menuitem-FullStory a:active { background: url('/cons/groups/public/documents/web_asset/dev_000703.jpg') 0 0 no-repeat; width:137px; height:23px; } #header_nav_productguides ul .menuitem-JargonBuster a:hover, #header_nav_productguides ul .menuitem-JargonBuster a:focus, #header_nav_productguides ul .menuitem-JargonBuster a:active { background: url('/cons/groups/public/documents/web_asset/dev_000705.jpg') 0 0 no-repeat; width:136px; height:23px; } #header_nav_productguides ul .menuitem-FAQ a:hover, #header_nav_productguides ul .menuitem-FAQ a:focus, #header_nav_productguides ul .menuitem-FAQ a:active { background: url('/cons/groups/public/documents/web_asset/dev_000707.jpg') 0 0 no-repeat; width:56px; height:23px; } .menuitemfocused-BuyersGuide { background: url('/cons/groups/public/documents/web_asset/dev_000697.jpg') 0 0 no-repeat; width:124px; height:23px; } .menuitemfocused-InteractiveVideo { background: url('/cons/groups/public/documents/web_asset/dev_000699.jpg') 0 0 no-repeat; width:159px; height:23px; } .menuitemfocused-ShoppersChecklist { background: url('/cons/groups/public/documents/web_asset/dev_000701.jpg') 0 0 no-repeat; width:174px; height:23px; } .menuitemfocused-FullStory { background: url('/cons/groups/public/documents/web_asset/dev_000703.jpg') 0 0 no-repeat; width:137px; height:23px; } .menuitemfocused-JargonBuster { background: url('/cons/groups/public/documents/web_asset/dev_000705.jpg') 0 0 no-repeat; width:136px; height:23px; } .menuitemfocused-FAQ { background: url('/cons/groups/public/documents/web_asset/dev_000707.jpg') 0 0 no-repeat; width:56px; height:23px; } .guide_header { border-right:1px solid #E1E1E0; } .hidemap img { display:none; } .showmap img { position:absolute; display:block; margin-left:889px; margin-top:141px; z-index:100; } /* ########################################################################### * /* ##### - LEFT NAVIGATION /* ########################################################################### */ #navigation_left, #refine_left { margin: 0 15px 15px 0; /*border-top: 1px solid #c5dbe2;*/ } #navigation_left h2, #refine_left h2{ margin: 1px 0px; } #navigation_left h2 a, #refine_left h2 a{ display: block; padding: 7px; background: #0495b7 url('/cons/groups/public/documents/web_asset/dev_000505.gif') no-repeat top left; color: #ffffff; font-size: 1.1em; font-family: futura_bold, Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; text-decoration: none; } #navigation_left h2 a:hover, #navigation_left h2 a:focus, #navigation_left h2 a:active, #refine_left h2 a:hover, #refine_left h2 a:focus, #refine_left h2 a:active { /*background-position: 0px -31px;*/ } #navigation_left ul { border: 1px solid #c4d7e3; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } #navigation_left ul li { display: block; position: relative; } #navigation_left ul li a { display: block; border-bottom: 1px solid #fff; padding: 5px 12px; font-size: 1.1em; font-weight: bold; background-color: #eeeeee; color: #0394b6; text-decoration: none; padding-top:6px; } #navigation_left ul li.active a, #navigation_left ul li a:hover, #navigation_left ul li a:focus, #navigation_left ul li a:active { background-color: #0394b6; color: #FFFFFF; } #navigation_left ul li ul { position: absolute; top: 0; left: 165px; width: 165px; border-width: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } #navigation_left ul li ul li a { display: block; border-bottom-width: 0; background-color: #0394b6; color: #ffffff; } #navigation_left ul li ul li a:hover, #navigation_left ul li ul li a:focus, #navigation_left ul li ul li a:active { text-decoration: underline; } #refine_left .refineHeader { background-color: #161a6e; } #refine_left .refineHeader h3 { display: inline; float: left; padding: 7px 10px; color: #ffffff; font-size: 1.1em; font-weight: bold; text-transform: uppercase; } #refine_left .refineHeader a { display: inline; float: right; padding: 7px 10px; color: #30b4d3; text-transform: uppercase; } #refine_left form { border: 1px solid #c4d7e3; background-color: #eeeeee; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } #refine_left form fieldset { border-bottom: 1px solid #ffffff; padding: 8px 10px; } #refine_left form fieldset.last { border-bottom: 0; } #refine_left form fieldset h4 { background: url('images/bg_refine.gif') no-repeat 0 4px; padding: 0 0 6px 14px; } #refine_left form fieldset h4.open { background-position: 0 -20px; } #refine_left form fieldset h4 a { font-size: 1.1em; font-weight: bold; color: #000000; } #refine_left form fieldset li a { font-size: 1.1em; color: #0394b6; } #refine_left form fieldset .slider { margin-bottom: 5px; } /* ########################################################################### * /* ##### CONTENT /* ########################################################################### */ #content { margin-bottom: 10px; } .banner { margin-bottom: 15px; } #browse h2 { display: inline; float: left; margin-right: 15px; border-top: 1px solid #c7dce2; width: 167px; } #browse h2 a { display: block; border-top: 1px solid #ffffff; padding: 7px; background: #0495b7 url('images/btn_bg_browse.gif') no-repeat top left; color: #ffffff; font-size: 1.1em; font-family: futura_extra_bold, Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; } #browse h2 a:hover, #browse h2 a:focus, #browse h2 a:active { background-position: 0px -31px; } #content .contentHeader { border-right: 1px solid #E1E1E0; } #breadcrumb { border-left: 1px solid #fff; padding: 8px 12px 0 12px; background: url('/cons/groups/public/documents/web_asset/dev_000502.gif') repeat-x top; width: 763px; min-height: 23px; color: #161a6e; } #breadcrumb ul li { padding-right: 5px; } #breadcrumb ul li a { text-decoration: underline; } #content h1 { padding: 10px 12px; font-weight: bold; font-size: 2.6em; font-family: futura_extra_bold_condensed, Arial, Helvetica, sans-serif; color: #161a6e; text-transform:uppercase; } .layout_oneColumn #content .contentHeader #errors { padding: 0 12px 12px 0; } .layout_twoColumnLeft #content .contentHeader #errors { padding: 0 12px 12px 12px; } .layout_oneColumn #content .layout_productDescription #errors { padding: 0 0 12px 12px; } #content .contentHeader #errors #errorsInner, #content .layout_productDescription #errors #errorsInner, #emailFriendInner #errors #errorsInner { border: 1px solid #a9000c; padding: 10px 10px 0 40px; background: url('images/bg_errors.gif') no-repeat 5px 5px; color: #a9000c; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; min-height: 28px; } #errors #errorsInner p { margin: 0 0 5px 0; } #errors #errorsInner ul { margin: 0 0 5px 16px; } #errors #errorsInner ul li{ list-style-type: disc; padding-bottom: 2px; } #content .contentHeader #mainBanner { border-bottom: 1px solid #e1e1e0; padding: 7px 12px 12px 12px; } #content .util { border-top: 1px solid #e1e1e0; padding: 6px 12px; background-color: #ffffff; } #content .util .sort { display: inline; float: left; } #content .util .items { display: inline; float: left; margin-left: 15px; } #content .util .sort label { font-weight: bold; font-size: 1.1em; padding-right: 3px; } #content .util .sort select, #content .util .items select { border: 1px solid #92b3d4; padding: 2px; } #content .util .changeView { display: inline; float: right; } #content .util .changeView a { display: inline; float: right; margin-left: 5px; border: 1px solid #92b3d4; padding: 2px 4px 2px 30px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; color: #5889c0; } #content .util .changeView #listId1, #content .util .changeView #listId2 { background: #d7e4f0 url('images/btn_bg_list.gif') no-repeat top left; } #content .util .changeView #gridId1, #content .util .changeView #gridId2 { background: #d7e4f0 url('images/btn_bg_grid.gif') no-repeat top left; } #content .util .changeView #listId1.selected, #content .util .changeView #listId2.selected { border-color: #333; background: #fff url('images/btn_bg_list_active.gif') no-repeat top left; color: #333; } #content .util .changeView #gridId1.selected, #content .util .changeView #gridId2.selected { border-color: #333; background: #fff url('images/btn_bg_grid_active.gif') no-repeat top left; color: #333; } #content .pagination { border-top: 1px solid #e1e1e0; border-bottom: 1px solid #e1e1e0; padding: 6px 12px; background-color: #ffffff; } #content .pagination ul { display: inline; float: right; } #content .pagination ul li a { display: block; margin: 0 2px; border: 1px solid #92b3d4; padding: 2px 6px; background: #d7e4f0 url('images/bg_pagination.gif') repeat-x top; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; color: #5889c0; } #content .pagination ul li span { display: block; margin: 0 2px; padding: 2px 4px; font-weight: bold; } #content .module h2 { background-color: #ffffff; border-top: 1px solid #e1e1e0; border-bottom: 1px solid #e1e1e0; font-size: 1.3em; font-weight: bold; padding: 7px 15px; color: #161a6e; } #content .module .moduleInner { background-color: #eeeeee; padding: 15px; } #content .present .moduleInner { background: #eeeeee url('images/img_woman_present.jpg') no-repeat 95% 100%; padding-right: 250px; } #content .module .moduleInner .formColumn { display: inline; float: left; width: 475px; } #content .module .moduleInner p { margin-bottom: 12px; } #content .module .moduleInner p.welcome { margin-bottom: 5px; font-size: 1.5em; font-weight: bold; color: #000000; } #content .module .moduleInner h2 { background-color: transparent; border-top: 0; border-bottom: 0; font-size: 1.3em; font-weight: bold; padding: 0 0 10px 0; color: #000000; } #content .module .moduleInner table { width: 800px; margin: 0 -15px 15px -15px; color: #000000; } #content .module .moduleInner table thead th { border-top: 1px solid #e1e1e0; border-bottom: 1px solid #e1e1e0; font-size: 1.1em; font-weight: bold; padding: 8px 7px; } #content .module .moduleInner table tbody td { font-size: 1.1em; padding: 4px 7px; } #content .module .moduleInner table thead th:first-child, #content .module .moduleInner table thead th.first, #content .module .moduleInner table tbody td:first-child, #content .module .moduleInner table tbody td.first { padding-left: 15px; } #content .module .moduleInner table thead th:last-child, #content .module .moduleInner table thead th.last, #content .module .moduleInner table tbody td:last-child, #content .module .moduleInner table tbody td.last { padding-right: 15px; } #content .reviewList { border-top: 1px solid #e1e1e0; } #content .reviewList li { border-bottom: 1px solid #e1e1e0; padding: 12px 0 15px 0; } #content .reviewList li .ratings, #content .reviewList li .review { display: inline; float: left; } #content .reviewList li .ratings { width: 195px; } #content .reviewList li .ratings table { margin: 0; width: 100%; } #content .reviewList li .ratings tbody th, #content .reviewList li .ratings tbody td { font-size: 1em; font-weight: normal; padding: 0 5px 8px 0; } #content .reviewList li .ratings tbody td { padding-left: 50px; } #content .reviewList li .ratings tbody td:last-child, #content .reviewList li .ratings tbody td.last { padding-right: 5px; } #content .reviewList li .ratings tbody td.stars5 { background: url('images/bg_ratings_stars_sprite.gif') no-repeat 0 2px; } #content .reviewList li .ratings tbody td.stars4 { background: url('images/bg_ratings_stars_sprite.gif') no-repeat 0 -20px; } #content .reviewList li .ratings tbody td.stars3 { background: url('images/bg_ratings_stars_sprite.gif') no-repeat 0 -42px; } #content .reviewList li .ratings tbody td.stars2 { background: url('images/bg_ratings_stars_sprite.gif') no-repeat 0 -64px; } #content .reviewList li .ratings tbody td.stars1 { background: url('images/bg_ratings_stars_sprite.gif') no-repeat 0 -86px; } #content .reviewList li .ratings tbody td.stars0 { background: url('images/bg_ratings_stars_sprite.gif') no-repeat 0 -108px; } #content .reviewList li .ratings tbody td.lines5 { background: url('images/bg_ratings_lines_sprite.gif') no-repeat 0 2px; } #content .reviewList li .ratings tbody td.lines4 { background: url('images/bg_ratings_lines_sprite.gif') no-repeat 0 -15px; } #content .reviewList li .ratings tbody td.lines3 { background: url('images/bg_ratings_lines_sprite.gif') no-repeat 0 -32px; } #content .reviewList li .ratings tbody td.lines2 { background: url('images/bg_ratings_lines_sprite.gif') no-repeat 0 -49px; } #content .reviewList li .ratings tbody td.lines1 { background: url('images/bg_ratings_lines_sprite.gif') no-repeat 0 -66px; } #content .reviewList li .ratings tbody td.lines0 { background: url('images/bg_ratings_lines_sprite.gif') no-repeat 0 -83px; } #content .reviewList li .review { padding-left: 15px; width: 530px; } #content .reviewList li .review p { margin-bottom: 8px; } #content .reviewList h3 { padding-bottom: 10px; font-size: 1.1em; font-weight: bold; color: #354d9e; } #content .reviewList h3 span { padding-left: 3px; font-size: 0.9em; font-weight: normal; color: #333333; } #content .reviewList li .review .share { padding-top: 5px; display: inline; float: left; } #content .reviewList li .review .useful { padding-top: 5px; display: inline; float: right; } #content .reviewList li .review .share a img, #content .reviewList li .review .useful a img { display: inline; padding-left: 3px; vertical-align: middle; } #content .tab_container_productInformation .reviewList li { padding: 12px 10px 15px 10px; } #content .tab_container_productInformation .reviewList li .ratings table { margin-top: 3px; } #content .moduleError, #content .moduleUnexError { border: 4px solid #a9000c; width: 962px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #content .moduleUnexError { margin-top: 12px; } #content .moduleError .moduleErrorInner { background: url('images/img_man_shrug_large.jpg') no-repeat 8% 100%; padding: 30px 30px 30px 380px; } #content .moduleUnexError .moduleUnexErrorInner { background: url('images/img_man_shrug_large.jpg') no-repeat 8% 100%; padding: 60px 30px 30px 380px; height: 210px; } #content .moduleError .moduleErrorInner h1, #content .moduleUnexError .moduleUnexErrorInner h1 { margin-bottom: 15px; padding: 0; line-height: 1; } #content .moduleError .moduleErrorInner h2 { margin-bottom: 5px; font-weight: bold; font-size: 1.6em; font-family: futura_extra_bold_condensed, Arial, Helvetica, sans-serif; color: #161a6e; text-transform:uppercase; } #content .moduleError .moduleErrorInner p { margin-bottom: 15px; } #content .moduleUnexError .moduleUnexErrorInner p { font-size: 1.8em; text-transform: uppercase; line-height: 1.5em; color: #161a6e; } #content .moduleError .moduleErrorInner ul { margin-bottom: 25px; } #content .moduleError .moduleErrorInner ul li { margin-bottom: 5px; } #content .moduleError .moduleErrorInner form { background: url('images/bg_searchField_large.gif') no-repeat top left; padding: 4px 3px 2px 3px; height: 26px; width: 326px; } #content .moduleError .moduleErrorInner form .searchField { border: 0; padding: 4px; position: relative; top: -6px; font-size: 1.4em; width: 280px; } #content .moduleMaintenance { background-color: #eeeeee; margin-top: 10px; padding: 12px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; width: 946px; } #content .moduleMaintenance .moduleMaintenanceInner { border: 4px solid #0394b6; padding: 50px 10px 10px 490px; background: url('images/img_man_box.jpg') no-repeat left bottom; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; height: 380px; } #content .moduleMaintenance .moduleMaintenanceInner h1 { line-height: 1em; } #gridContainer { padding: 12px; padding-top: 0; background-color: #eeeeee; } #compare { /*position: relative;*/ position: fixed; bottom: 0; width: 982px; } #compareList { display: none; } .open #compareList { display: block; position: absolute; top: -250px; background: #FFFFFF url('images/img_man_finger.jpg') no-repeat 3% 100%; border: 1px solid #cedeed; border-bottom-width: 0; padding: 7px 7px 0 7px; height: 250px; width: 966px; } #compareToolbar { background-color: #ffffff; border: 1px solid #cedeed; padding: 7px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } #compareToolbarInner { border: 1px solid #ebebeb; background: #d5d4d4 url('images/bg_compareInner.gif') repeat-x top; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } #compareToolbarInner #compareText { display: inline; float: left; padding: 7px 0 8px 0; width: 550px; } #compareToolbarInner .compare0 { background: url('images/bg_compare_0.gif') no-repeat 100% 50%; } #compareToolbarInner .compare1 { background: url('images/bg_compare_1.gif') no-repeat 100% 50%; } #compareToolbarInner .compare2 { background: url('images/bg_compare_2.gif') no-repeat 100% 50%; } #compareToolbarInner .compare3 { background: url('images/bg_compare_3.gif') no-repeat 100% 50%; } #compareToolbarInner .compare4 { background: url('images/bg_compare_4.gif') no-repeat 100% 50%; } #compareText strong { margin-left: 4px; padding: 3px 0 5px 27px; background: url('images/bg_compare_arrow_sprite.gif') no-repeat 0 0; } .open #compareText strong { background: url('images/bg_compare_arrow_sprite.gif') no-repeat 0 -22px; } #compareToolbarInner #compareActions { display: inline; float: right; } #compareToolbarInner #compareActions #compareClear, #compareToolbarInner #compareActions #compareNow { display: inline; float: right; } #compareToolbarInner #compareActions #compareClear a { display: block; padding: 8px 32px 7px 0; background: url('images/btn_bg_compare_clear.gif') no-repeat 85% 50%; font-size: 0.9em; font-weight: bold; text-transform: uppercase; color: #333333; } #compareToolbarInner #compareActions #compareNow a { display: block; padding: 7px 0 0 25px; background: url('images/btn_bg_compare_now.gif') no-repeat top left; font-family: futura_bold, Arial, Helvetica, sans-serif; font-size: 1.1em; color: #ffffff; width: 163px; height: 22px; } #compareToolbarInner #compareActions #compareNow a:hover, #compareToolbarInner #compareActions #compareNow a:focus, #compareToolbarInner #compareActions #compareNow a:active { background-position: 0px -29px; } #emailSignUp { padding: 32px 0 0 182px; height: 44px; background: #ffffff url('images/bg_signUp.gif') no-repeat top left; } #emailSignUp #emailSavings { margin-right: 7px; padding: 2px; width: 310px; } #emailSignUp label { margin-right: 10px; font-family: futura_extra_bold_condensed, Arial, Helvetica, sans-serif; font-size: 1.6em; text-transform:uppercase; color: #161a6e; } #product_toolbar { width: 968px; border-bottom: 3px solid #e9f1f5; } #backtopreviousContainer{ padding: 9px 15px 9px 10px; } #product_share{ padding: 9px 15px 9px 27px; background: transparent url('images/mail_image.PNG') no-repeat 0 90%; } #product_print{ padding: 9px 15px 9px 27px; background: transparent url('/cons/groups/public/documents/web_asset/dev_000506.png') no-repeat 0 90%; } /* ########################################################################### * /* ##### - RESULTS /* ########################################################################### */ #results { } #results .resultsRow .product { display: inline; float: left; position: relative; border: 4px solid #0394b6; background-color: #ffffff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .grid .resultsRow { } .grid .resultsRow .product { margin: 15px 0 0 15px; padding: 5px; width: 164px; min-height: 230px; } .grid .resultsRow .product:first-child { margin-left: 0; } .grid .resultsRow .product .brand h2 { font-weight: bold; font-size: 1.1em; color: #161a6e; } .grid .resultsRow .product .photo { margin: 0 12px 12px 12px; } .grid .resultsRow .product .compare { margin-bottom: 4px; } .grid .resultsRow .product .compare label { position: relative; top: -3px; padding-left: 2px; font-size: 0.9em; font-weight: bold; } .grid .resultsRow .product .info { margin-bottom: 2px; } .grid .resultsRow .product .info .description { color: #161a6e; } .grid .resultsRow .product .purchase { position: absolute; top: 123px; right: 8px; } .grid .resultsRow .product .purchase .price { /*background-color: #ffffff;*/ /*font-family: impact;*/ font-family: compacta_bold_italic, Arial, Helvetica, sans-serif; font-size: 3.4em; color: #000000; text-align: center; line-height: 1; } .grid .resultsRow .product .purchase .add a { display: block; background: #161a6e url('images/btn_bg_addtocart.gif') no-repeat 0px 0px; color: #FFF; font-size: 0.9em; padding: 5px 8px 7px 22px; text-transform: none; } .grid .resultsRow .product .purchase .add a:hover, .grid .resultsRow .product .purchase .add a:focus, .grid .resultsRow .product .purchase .add a:active { background-position: 0px -27px; } .grid .resultsRow .product .purchase .remove { position: absolute; bottom: -43px; right: 0; font-size: 0.9em; font-weight: bold; } .grid .resultsRow .ourpick .flag { position: absolute; top: 0; right: 0; width: 61px; height: 61px; background: url('images/bg_ourPick_grid.gif') no-repeat top right; } .grid .resultsRow .product .quickView { position: absolute; top: 80px; left: 17px; width: 140px; } .grid .resultsRow .product .quickView a { display: block; border: 1px solid #ccc; text-align: center; text-transform: none; color: #000000; } .grid .resultsRow .product .info .model, .grid .resultsRow .product .info .details, .grid .resultsRow .product .rating .reviews, .grid .resultsRow .product .rating .readReviews { display: none; } #compareList .closeList { position: absolute; top: 7px; left: 7px; } #compareList .closeList a { padding-left: 15px; background: url('images/img_cart_remove.gif') no-repeat 0 50%; font-size: 0.9em; font-weight: bold; text-transform: uppercase; } #compareList .grid .resultsRow { padding: 8px 0 0 171px; } #compareList .grid .resultsRow .product { margin: 0 0 0 15px; padding: 5px; width: 164px; min-height: 210px; } #compareList .grid .resultsRow .placeholder1 { background: url('images/bg_compareList1.gif') no-repeat 50% 50%; } #compareList .grid .resultsRow .placeholder2 { background: url('images/bg_compareList2.gif') no-repeat 50% 50%; } #compareList .grid .resultsRow .placeholder3 { background: url('images/bg_compareList3.gif') no-repeat 50% 50%; } #compareList .grid .resultsRow .placeholder4 { background: url('images/bg_compareList4.gif') no-repeat 50% 50%; } #compareList .grid .resultsRow .placeholder1 .brand, #compareList .grid .resultsRow .placeholder1 .photo, #compareList .grid .resultsRow .placeholder1 .info, #compareList .grid .resultsRow .placeholder1 .purchase, #compareList .grid .resultsRow .placeholder1 .remove, #compareList .grid .resultsRow .placeholder2 .brand, #compareList .grid .resultsRow .placeholder2 .photo, #compareList .grid .resultsRow .placeholder2 .info, #compareList .grid .resultsRow .placeholder2 .purchase, #compareList .grid .resultsRow .placeholder2 .remove, #compareList .grid .resultsRow .placeholder3 .brand, #compareList .grid .resultsRow .placeholder3 .photo, #compareList .grid .resultsRow .placeholder3 .info, #compareList .grid .resultsRow .placeholder3 .purchase, #compareList .grid .resultsRow .placeholder3 .remove, #compareList .grid .resultsRow .placeholder4 .brand, #compareList .grid .resultsRow .placeholder4 .photo, #compareList .grid .resultsRow .placeholder4 .info, #compareList .grid .resultsRow .placeholder4 .purchase, #compareList .grid .resultsRow .placeholder4 .remove { display: none; } #compareList .grid .resultsRow .product .brand h2 { padding-bottom: 5px; font-weight: bold; font-size: 1.1em; color: #161a6e; } #compareList .grid .resultsRow .product .purchase { position: absolute; top: 128px; right: 8px; } #compareList .grid .resultsRow .product .info { margin-bottom: 0; } #compareList .grid .resultsRow .product .info .description { font-size: 1.1em; color: #161a6e; } #compareList .grid .resultsRow .product .remove { position: absolute; top: 5px; right: 5px; width: 12px; height: 12px; } .list .resultsRow { } .list .resultsRow .product { margin: 15px 0 0 0; padding: 10px; width: 745px; min-height: 140px; } .list .resultsRow .product .brand h2 { position: absolute; top: 10px; left: 170px; font-weight: bold; font-size: 1.2em; color: #161a6e; } .list .resultsRow .product .photo { position: absolute; top: 10px; left: 10px; } .list .resultsRow .product .compare { position: absolute; right: 33px; top: 100px; } .list .resultsRow .product .compare label { position: relative; top: -3px; padding-left: 2px; font-size: 0.9em; font-weight: bold; } .list .resultsRow .product .info { padding: 20px 150px 0 160px; } .list .resultsRow .product .info .description, .list .resultsRow .product .info .model { font-size: 1.1em; color: #161a6e; } .list .resultsRow .product .info .details { margin-top: 5px; } .list .resultsRow .product .rating { padding: 5px 150px 0 160px; } .list .resultsRow .product .rating .starrating, .list .resultsRow .product .rating .reviews, .list .resultsRow .product .rating .readReviews { display: inline; float: left; } .list .resultsRow .product .rating .reviews { padding: 0 3px; } .list .resultsRow .product .rating .readReviews { border-left: 1px solid #999; padding: 0 3px; } .list .resultsRow .product .purchase { position: absolute; top: 10px; right: 10px; } .list .resultsRow .product .purchase .price { font-family: compacta_bold_italic, Arial, Helvetica, sans-serif; font-size: 3.7em; color: #000000; text-align: center; line-height: 1em; } .list .resultsRow .product .purchase .add { } .list .resultsRow .product .purchase .add a { display: block; background: #161a6e url('images/btn_bg_addtocart.gif') no-repeat top left; color: #FFF; font-size: 0.9em; padding: 5px 8px 7px 22px; text-transform: none; } .list .resultsRow .product .purchase .add a:hover, .list .resultsRow .product .purchase .add a:focus, .list .resultsRow .product .purchase .add a:active { background-position: 0px -27px; } .list .resultsRow .product .purchase .remove { font-size: 0.9em; font-weight: bold; padding: 2px 0 0 11px; } .list .resultsRow .ourpick .flag { position: absolute; top: 0; left: 0; width: 61px; height: 61px; background: url('images/bg_ourPick_list.gif') no-repeat top left; } .list .resultsRow .product .quickView { position: absolute; top: 70px; left: 10px; width: 140px; } .list .resultsRow .product .quickView a { display: block; border: 1px solid #ccc; text-align: center; text-transform: none; color: #000000; } #results .resultsRow .compare, #compareList #results .resultsRow .product { border-color: #a9000c; } #compareList #results .resultsRow .placeholder1, #compareList #results .resultsRow .placeholder2, #compareList #results .resultsRow .placeholder3, #compareList #results .resultsRow .placeholder4 { border-color: #dfe0e0; } /* ########################################################################### * /* ##### - PRODUCTS /* ########################################################################### */ /* Global Elements */ ul.priceList li.strikethrough{ text-decoration: line-through; } ul.priceList li.subnote{ } /* Specific layouts/styles */ .layout_productDescription{ border-right: 1px solid #E1E1E0; padding-bottom: 20px; width: 981px; } .layout_productDescription .module_productDescription{ float: left; width: 755px; margin-right: 18px; } .layout_productDescription .module_productDescription .module_productCarosel{ width: 356px; float: left; margin: 0 20px 0 12px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: #dfe0e0 2px solid; } .layout_productDescription .module_productDescription .module_productDescriptionContent{ width: 363px; float: left; } .module_productDescriptionContent .modelNumber{ font-size: 1.1em; font-weight: bold; margin-bottom: 10px; } .module_productCarosel .carosel_imageContainer{ position: relative; width: 100%; } .module_productCarosel .carosel_imageContainer a.carosel_btnPrevious, .module_productCarosel .carosel_imageContainer a.carosel_btnNext{ background: url(images/btn_sprite_caroselNavigation.gif) no-repeat top left; height: 25px; width: 13px; display: block; text-indent: -9999px; position: absolute; top: 120px; left: 11px; } .module_productCarosel .carosel_imageContainer a.carosel_btnNext{ background-position: top right; left: auto; right: 11px; } .module_productCarosel .carosel_imageContainer a.carosel_btnPrevious:hover, .module_productCarosel .carosel_imageContainer a.carosel_btnPrevious:focus, .module_productCarosel .carosel_imageContainer a.carosel_btnPrevious:active { background-position: bottom left; } .module_productCarosel .carosel_imageContainer a.carosel_btnNext:hover, .module_productCarosel .carosel_imageContainer a.carosel_btnNext:focus, .module_productCarosel .carosel_imageContainer a.carosel_btnNext:active { background-position: bottom right; } .module_productCarosel .carosel_imageContainer .carosel_imageHolder{ width: 273px; height: 273px; margin: 15px 0 0 42px; } .module_productCarosel .carosel_imageContainer .enlarge { position: absolute; top: 130px; left: 120px; } .module_productCarosel .carosel_imageContainer .enlarge a { background: #ebf0ed url('images/btn_bg_enlarge.gif') no-repeat 0 0; padding-left: 23px; } .module_productCarosel ul.carosel_thumbnails{ margin: 15px 42px 25px 42px; } .module_productCarosel ul.carosel_thumbnails li{ -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border: #dfe0e0 2px solid; padding: 2px 3px; margin-right: 3px; } .module_productCarosel ul.carosel_thumbnails li.active{ border-color: #354d9e; } .module_productReviews{ margin: 15px 0; } .module_productReviews ul{ float: right; } .module_productReviews ul li{ margin-left: 5px; border-left: 1px solid #333; padding-left: 5px; } .module_productReviews ul li.first, .module_productReviews ul li:first-child{ margin-left: 0; padding-left: 0; border-left: none; } .module_productStock{ margin: 0 0 15px 0; } .module_productStock select{ width: 138px; border: 1px solid #92b3d4; padding: 2px; } .module_productStock a.button { margin-left: 5px; border: 1px solid #cccccc; } .module_productStock .stockStatus{ font-weight: bold; color: #A9000C; margin-left: 5px; } .module_recommendedProducts{ } .module_recommendedProducts .recommended{ float: left; width: 142px; height: 100px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: #dfe0e0 2px solid; padding: 10px; } .module_recommendedProducts .recommended img.left{ margin: 0 15px 0 0; } .module_recommendedProducts .recommended h3{ font-weight: bold; color: #161a6e; margin-top: 5px; } .module_recommendedProducts .recommendedDivider{ float: left; width: 30px; height: 120px; /*background: url(images/bg_divider_recommended.gif) no-repeat 6px 57px;*/ text-indent: -9999px; } .layout_productDescription .module_productPrice{ width: 195px; float: left; margin-top: 15px; color: #FFF; background: url(images/bg_products_price_arrow.gif) no-repeat 0 35px; } .module_productPrice .contentWrapper{ margin-left: 15px; } .module_productPrice ul.productPrice{ background: #0394b6 url(images/bg_products_price.gif) repeat-x top left; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-radius-top-left: 10px; -webkit-border-radius-top-right: 10px; padding: 10px 15px; } .module_productPrice ul.productPrice .strikethrough{ font-size: 1.2em; } .module_productPrice ul.productPrice .adprice{ font-family: futura_extra_bold_condensed, Arial, Helvetica, sans-serif; font-size: 2.7em; } .module_productPrice form.productWarranty{ background-color: #30b4d3; padding: 15px 15px; text-align: left; } .module_productPrice form.productWarranty label{ display: block; padding-bottom: 5px; font-size: 1.3em; font-weight: bold; } .module_productPrice form.productWarranty .cart{ text-align: center; margin-top: 15px; border-top: 1px solid #45bcd7; padding-top: 10px; } .module_productPrice form.productWarranty .cart .subtotal{ font-family: futura_extra_bold_condensed, Arial, Helvetica, sans-serif; font-size: 2.0em; } .module_productPrice form.productWarranty .cart .btnHolder{ display: inline-block; margin-top: 10px; padding: 5px; background: #2885b5 url('images/bg_addtocart.gif') repeat-x top; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .module_productPrice form.productWarranty hr{ border: #45bcd7 1px solid; margin: 15px -15px 10px -15px; } .module_productPrice form.productWarranty select{ width: 150px; border: 1px solid #92b3d4; padding: 2px; } .module_productPrice ul.productOptions{ background-color: #0394b6; padding: 10px 15px; border-bottom: 1px solid #1fc4ec; } .module_productPrice ul.productOptions li{ margin-top: 10px; } .module_productPrice ul.productOptions li.first, .module_productPrice ul.productOptions li:first-child{ margin-top: 0; padding: 1px 0px; background: #ebf0ed url('images/btn_bg_standard.gif') repeat-x top; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #333; font-weight: bold; } .module_productPrice ul.productOptions li button{ width: 100%; } .module_productPrice ul.productLinks{ -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-radius-bottom-left: 10px; -webkit-border-radius-bottom-right: 10px; padding: 10px 15px; background: #0f8cab url(images/bg_products_links.gif) repeat-x bottom left; border-top: 1px solid #14b7df; } .module_productPrice ul.productLinks a{ color: #FFF; text-decoration: underline; } .layout_productInformation { border-right: 1px solid #E1E1E0; border-bottom: 1px solid #e1e1e0; width: 981px; } .layout_productInformation ul.tabs_productInformation { display: block; padding-left: 197px; border-bottom: 1px solid #e1e1e0; width: 772px; } .layout_productInformation ul.tabs_productInformation li { margin-right: 2px; background-color: #FFF; border: 1px solid #e1e1e0; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; margin-bottom: -1px; } .layout_productInformation ul.tabs_productInformation li.active{ background-color: #EEE; border-bottom: 1px solid #EEE; } .layout_productInformation ul.tabs_productInformation li a{ padding: 7px 15px; display: block; color: #000; font-size: 1.1em; font-weight: bold; } .layout_productInformation ul.tabs_productInformation li.active a{ color: #161A6E; } .layout_productInformation .tab_container_productInformation{ width: 773px; /*height: 543px;*/ float: left; background-color: #f3f3f3; } .layout_productInformation .tab_container_productInformation .tab { padding-bottom: 20px; } .layout_productInformation .module_alternativeProducts h2, .layout_productInformation .tab_container_productInformation h2{ font-size: 1.6em; font-weight: bold; color: #161A6E; padding: 12px 15px 12px 12px; border-bottom: 1px solid #e1e1e0; background-color: #EEE; } .layout_productInformation .tab_container_productInformation .subHeading { padding: 10px; font-size: 1.3em; font-weight: bold; color: #000000; } .layout_productInformation .tab_container_productInformation table{ width: 575px; float: left; margin-top: 1px; } .layout_productInformation .tab_container_productInformation table th, .layout_productInformation .tab_container_productInformation table td{ border-bottom: 1px solid #e1e1e0; border-top: 1px solid #f7f7f7; padding: 7px 12px; vertical-align: top; } .layout_productInformation .tab_container_productInformation table th{ background-color: #EEE; } .layout_productInformation .tab_container_productInformation table td{ background-color: #f3f3f3; } .layout_productInformation .tab_container_productInformation .module_techImages{ width: 168px; float: left; padding: 15px; } #content .tab_container_productInformation .reviewList li .ratings tbody th, #content .tab_container_productInformation .reviewList li .ratings tbody td { background-color: transparent; border-bottom-width: 0; border-top-width: 0; } .layout_productInformation .module_alternativeProducts{ width: 196px; float: left; } .layout_productInformation .module_alternativeProducts h2{ background-color: #FFF; } .layout_productInformation .module_alternativeProducts h3{ font-weight: bold; color: #161a6e; } .module_alternativeProducts ul.alternativeProducts{ margin-left: 12px; } .module_alternativeProducts ul.alternativeProducts li.alternativeProduct{ border-bottom: 1px solid #E1E1E0; padding: 12px 0; } .module_alternativeProducts ul.alternativeProducts ul.priceList{ margin-left: 58px; } /* ########################################################################### * /* ##### - SHOPPING CART /* ########################################################################### */ #content .shopping_cart_header h1 { display: inline; float: left; } .shopping_cart_header .timerMessage { display: inline; float: left; padding-top: 26px; font-size: 1.1em; color: #af111c; } .module_shopping_cart_form { position: relative; background-color: #eeeeee; } .shopping_cart_Form {} .billing_details_module{} .billing_details_wrapper{} .billing_details_left{ display:inline; float:left; z-index:1; width:473px; padding:10px 0px 10px 15px; } .billing_details_left input[type="radio"]{ margin:0 5px 0 0; width:0px; } .ctrlHolder{ margin: 5px 0px; } .billing_details_left #billing_postcode{ width:38px; } .billing_details_left p{ margin: 0px 0px 15px 0px; } .billing_details_left h2{ margin: 0px 0px 5px 10px; } .ctrlHolder label{ display:block; float:left; width:200px; } .ctrlHolder input{ float:left; padding: 2px; width:172px; border:1px solid #92B3D4; } .ctrlHolder textarea{ float:left; padding: 2px; width:172px; border:1px solid #92B3D4; } .ctrlHolder input.error { border: 1px solid #A9000C; } .ctrlHolder input[type="radio"] { margin:0 5px 0 0; border-width: 0; padding: 0; width:auto; } .ctrlHolder .inlineError { clear: left; color: #A9000C; margin-left: 200px; padding-top: 2px; } .ctrlHolder ul{ display: inline; float: left; width: 200px; } #billing_address_2{ margin: 5px 0px 0px 0px; } #personal_info_address_2{ margin: 5px 0px 0px 0px; } #addressbook_address_2{ margin: 5px 0px 0px 0px; } .cart_radio label{ width:180px; } .billing_details_right{ display:inline; float:left; z-index:1; width:471px; padding:10px 0 10px 0; padding-left: 4px; } .billing_details_right .box { border: 1px solid #bbbbbb; padding: 5px; background-color: #ffffff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .billing_details_right .box h2 { margin-bottom: 5px; border: 0; padding: 12px 15px; background-color: #161a6e; font-family: futura_extra_bold_condensed, Arial, Helvetica, sans-serif; font-size: 1.5em; text-transform: uppercase; color: #ffffff; } .billing_details_right .column { display: inline; float: left; border-left:1px solid #EEEEEE; padding-left:10px; } .billing_details_right.box .boxinner { border: 10px solid #eeeeee; padding: 10px; background-color: #ffffff; } .billing_details_right .box .boxinner { background-color:#FFFFFF; border:10px solid #EEEEEE; padding:10px; } .billing_details_right .box .boxinner .first { border: 0; padding: 0; width:208px; } .billing_details_right .box .boxinner h3 { margin-bottom: 3px; font-size: 1.1em; font-weight: bold; color: #161a6e; } .billing_details_right .box .boxinner table { width: 200px; } .billing_details_right .box .boxinner th { padding: 0 0 5px 0; font-size: 1.1em; font-weight: bold; color: #161a6e; } .billing_details_right .box .boxinner td { padding: 0 0 5px 0; font-size: 1.1em; color: #000000; text-align: right; } .billing_details_right h3 { margin-bottom: 10px; font-size: 1.3em; font-weight: bold; color: #000000; } .billing_details_right p { margin-bottom: 5px; } .billing_eSpot{ width:462px; height:170px; margin-top: 15px; border:4px solid #FFFFFF; } .payment_details_module{ } .payment_details_wrapper { padding: 15px; } .payment_details_module h4 { margin-bottom: 8px; font-weight: bold; color: #000; } .form_bold{ font-weight:bold; } #payment_amount{ margin-left: 151px; } .paypal_or_card_payment{ display:inline; float:left; width:476px; } .paypal_or_card_payment a{ margin:5px 0 5px 200px; } .gift_card_payment{ display:inline; float:left; width:476px; padding-top:25px; } .card_payment{ margin-bottom:10px; } .card_payment input{ margin-right:6px; width:0; } .short_label{ width:75px !Important; } .card_payment li{ width:100px; } .gift_card_payment a{ margin:5px 0 5px 0px; } /*.gift_card_payment img{ height: 40px; width: 50px; margin: 20px 10px 0px 19px; border: 2px solid #FFFFFF; }*/ .payment_buttons{ text-align:right; margin-top:15px; } .payment_buttons a{ margin-left:5px; } .number_short{ width:134px !important; } .select_short{ width:60px; border:1px solid #92B3D4; } .select_long{ width:178px; border:1px solid #92B3D4; } .number_prefix{ width: 25px !Important; margin-right: 7px; } .module_shopping_cart_form ul.tabs { display: block; margin-bottom: 15px; border-right: 1px solid #e1e1e0; border-bottom: 1px solid #e1e1e0; background-color: #FFF; /*width: 772px;*/ } .module_shopping_cart_form ul.tabs li{ margin-right: 2px; background-color: #FFF; border: 1px solid #e1e1e0; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; margin-bottom: -1px; } .module_shopping_cart_form ul.tabs li.active{ background-color: #EEE; border-bottom: 1px solid #EEE; } .module_shopping_cart_form ul.tabs li a{ padding: 7px 15px; display: block; color: #999; font-size: 1.4em; font-weight: bold; text-decoration: none; } .module_shopping_cart_form ul.tabs li.active a{ color: #161A6E; } .module_shopping_cart_form h2.billing_details_heading { border-top: 1px solid #e1e1e0; border-bottom: 1px solid #e1e1e0; padding: 7px 15px; background-color: #FFFFFF; font-size: 1.3em; font-weight: bold; text-transform: uppercase; color: #161a6e; } .module_shopping_cart_form h3 { font-size: 1.1em; font-weight: bold; margin: 0 0 10px 0; } em{ color:#FF0000; } .module_shopping_cart_form .tabcontinue { position: absolute; top: 0; right: 15px; } .module_shopping_cart_form .tabcontinue a { display: block; } .module_shopping_cart_form .banner { padding: 0 15px 0 15px; } .module_shopping_cart_form .messages { padding: 0 15px 15px 15px; } .layout_twoColumnLeft .module_shopping_cart_form .messages { padding: 15px; } .module_shopping_cart_form .messages h2 { font-size: 1.5em; font-weight: bold; color: #161a6e; } .module_shopping_cart_form .messages p { font-size: 1.1em; } .cartListHead { margin: 0; border-top: 1px solid #e1e1e0; } .cartListHead th { padding: 8px 0 22px 0; background: url('images/bg_cart_header.gif') repeat-x top; font-size: 1.1em; font-weight: bold; color: #000; vertical-align: top; } .cartListHead .product { padding-left: 15px; width: 380px; } .cartListHead .quantity { width: 96px; } .cartListHead .availability { width: 79px } .cartListHead .priceEach { text-align: right; width: 80px; } .cartListHead .priceTotal { padding-right: 35px; text-align: right; width: 85px; } .cartListHead .alsoLike { background: url('images/bg_also_like.gif') no-repeat top left; text-align: center; width: 212px; font-family: futura_extra_bold, Arial, Helvetica, sans-serif; font-size: 1.1em; text-transform: uppercase; color: #ffffff; } .cartList { margin: 0; border: 0; padding: 0; } .cartList li { padding: 0 0 15px 15px; border-right: 1px solid #e1e1e0; /*background-color: #ffffff;*/ } .cartList li .fullwidth { background: #ffffff url('images/bg_cartListItem.gif') repeat-y left; } .cartList .cartListItem { display: inline; float: left; padding: 10px; width: 727px; border: 4px solid #0394b6; background-color: #ffffff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .cartList .cartListItem thead { display: none; } .cartList .cartListItem tbody td { vertical-align: top; padding-bottom: 10px; } .cartList .cartListItem tbody td.productImage { width: 140px; padding-right: 10px; padding-bottom: 0; } .cartList .cartListItem tbody td.productDetails { width: 206px; } .layout_twoColumnLeft .cartList .cartListItem tbody td.productDetails { width: 356px; } .cartList .cartListItem tbody td.productDetails h2 { font-size: 1.2em; font-weight: bold; color: #161a6e; } .cartList .cartListItem tbody td.productDetails .info .description, .cartList .cartListItem tbody td.productDetails .info .model { font-size: 1.1em; color: #161a6e; } .cartList .cartListItem tbody td.productDetails .info .model { padding-bottom: 7px; } .cartList .cartListItem tbody td.productDetails .info .details { padding-bottom: 7px; } .cartList .cartListItem tbody td.productDetails li { padding: 0; border-right-width: 0; } .cartList .cartListItem tbody td.quantity { padding-left: 10px; width: 86px; } .cartList .cartListItem tbody td.quantity input { width: 18px; margin-right: 3px; border: 1px solid #92b3d4; padding: 2px; text-align: right; } .cartList .cartListItem tbody td.availability { padding-left: 10px; width: 74px; font-size: 1.1em; } .cartList .cartListItem tbody td.priceEach { padding-left: 10px; text-align: right; width: 75px; font-size: 1.1em; } .cartList .cartListItem tbody td.priceTotal { padding-left: 10px; text-align: right; width: 75px; font-size: 1.1em; font-weight: bold; color: #000000; } .cartList .cartListItem tbody td.remove { padding-top: 2px; padding-left: 6px; width: 15px; } .cartList .cartListItem tbody tr.promotion td { border-top: 1px solid #e1e1e0; padding-top: 7px; } .cartList .cartListItem tbody tr.promotion td.productDetails { font-size: 1.1em; font-weight: bold; color: #b7000c; } .cartList .cartListRecommend { display: inline; float: left; } .cartList .cartListRecommend .alternativeProducts { margin-left: 15px; margin-right: 15px; width: 181px; } .cartList .cartListRecommend .alternativeProducts .alternativeProduct { margin: 0; border-right-width: 0; border-bottom: 1px solid #E1E1E0; padding: 12px 0; } .cartList .cartListRecommend .alternativeProducts .last { border-bottom-width: 0; } .cartList .cartListRecommend .alternativeProducts .alternativeProduct h3 { margin-bottom: 0; font-size: 1em; font-weight: bold; color: #161a6e; } .cartList .cartListRecommend .alternativeProducts .alternativeProduct ul.priceList { margin-left: 58px; } .cartList .cartListRecommend .alternativeProducts .alternativeProduct ul.priceList li { padding: 0; border-right-width: 0px; } .cartListFoot1, .cartListFoot2 { margin: 0 0 0 15px; width: 755px; } .cartListFoot1 { border-bottom: 1px solid #e1e1e0; margin-bottom: 5px; } .cartListFoot1 table th.titles, .cartListFoot1 table td.values { padding-bottom: 5px; font-size: 1.2em; color: #000000; } .cartListFoot2 table th.titles, .cartListFoot2 table td.values { padding-bottom: 5px; font-size: 1.2em; font-weight: bold; color: #000000; } .cartListFoot1 table th.titles, .cartListFoot2 table th.titles { padding-left: 477px; width: 158px; } .cartListFoot1 table th.titles .infotip, .cartListFoot2 table th.titles .infotip { position: relative; top: 4px; } .cartListFoot1 table td.values, .cartListFoot2 table td.values { padding-right: 35px; text-align: right; width: 85px; } .cartListFoot3 { margin: 3px 0 0 15px; padding-bottom: 15px; width: 952px; } .cartListFoot3 .total { display: inline; float: left; } .cartListFoot3 .total { padding: 5px 0; background-color: #161a6e; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; width: 755px; } .cartListFoot3 .total table th.titles, .cartListFoot3 .total table td.values { font-size: 1.5em; font-weight: bold; color: #ffffff; } .cartListFoot3 .total table th.titles { padding-left: 477px; width: 158px; } .cartListFoot3 .total table td.values { padding-right: 35px; text-align: right; width: 85px; } .cartListFoot3 .continue { display: inline; float: right; } .cartListFoot3 .continue a { display: inline-block; } .fullwidth .total { width: 952px; } .fullwidth .total table td.values { padding-right: 232px; text-align: right; width: 85px; } .customer_module { background-color: #EEEEEE; margin-top: 12px; padding: 15px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .wave { background: #EEEEEE url('images/img_woman_wave.jpg') no-repeat 95% 0; } .shrug { background: #EEEEEE url('images/img_man_shrug.jpg') no-repeat 80% 100%; } .shrug .moduleInner { background: #eeeeee url('images/img_man_shrug.jpg') no-repeat 90% 0; } .thumbsup { background: #EEEEEE url('images/img_woman_thumbsup.jpg') no-repeat 75% 100%; } .customer_module .column1, .customer_module .column2, .customer_module .column3 { display: inline; float: left; padding-bottom: 5px; } .customer_module .column1 { padding-right: 10px; width: 154px; } .customer_module .column2 { padding-right: 100px; width: 212px; } .customer_module .column3 { width: 279px; } .customer_module h2 { padding-bottom: 5px; font-size: 1.5em; font-weight: bold; color: #000000; } .customer_module p { padding-bottom: 5px; } .customer_module .column3 p { padding-bottom: 12px; } .customer_module .ctrlHolder { margin: 0 0 8px 0; } .customer_module .ctrlHolder label { float: none; padding-bottom: 4px; width: auto; font-size: 1.1em; font-weight: bold; color: #000; } .customer_module .ctrlHolder input { border: 1px solid #aab2bc; padding: 2px; float: none; width: 170px; } .billing_confirmation h2 { border-top: 1px solid #e1e1e0; border-bottom: 1px solid #e1e1e0; padding: 7px 15px; background-color: #FFFFFF; font-size: 1.3em; font-weight: bold; text-transform: uppercase; color: #161a6e; } .billing_confirmation .billing_confirmation_inner { background-color: #EEEEEE; padding: 15px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .billing_confirmation .column { display: inline; float: left; width: 476px; } .billing_confirmation h3 { margin-bottom: 10px; font-size: 1.3em; font-weight: bold; color: #000000; } .billing_confirmation p { margin-bottom: 5px; } .billing_confirmation .ledger { margin-bottom: 15px; } .billing_confirmation .ledger td { vertical-align: top; padding: 3px 5px 3px 0; } .billing_confirmation .ledger .first td { border-top: 1px solid #e1e1e0; } .billing_confirmation .ledger .price { text-align: right; padding: 3px 0 3px 150px; } .billing_confirmation .ledger .total .price { font-weight: bold; } .billing_confirmation .column .box { border: 1px solid #bbbbbb; padding: 5px; background-color: #ffffff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom: 10px; } .billing_confirmation .column .box h2 { margin-bottom: 5px; border: 0; padding: 12px 15px; background-color: #161a6e; font-family: futura_extra_bold_condensed, Arial, Helvetica, sans-serif; font-size: 1.5em; text-transform: uppercase; color: #ffffff; } .billing_confirmation .column .box .boxinner { border: 10px solid #eeeeee; padding: 10px; background-color: #ffffff; } .billing_confirmation .column .box .boxinner .column { border-left: 1px solid #eeeeee; padding-left: 10px; width: 201px; } .billing_confirmation .column .box .boxinner .first { border: 0; padding: 0; width: 212px; } .billing_confirmation .column .box .boxinner h3 { margin-bottom: 3px; font-size: 1.1em; font-weight: bold; color: #161a6e; } .billing_confirmation .column .box .boxinner table { width: 200px; } .billing_confirmation .column .box .boxinner th { padding: 0 0 5px 0; font-size: 1.1em; font-weight: bold; color: #161a6e; } .billing_confirmation .column .box .boxinner td { font-size: 1.1em; color: #000000; text-align: right; padding: 0 0 5px 0; } /* ########################################################################### * /* ##### - ADDRESS BOOK /* ########################################################################### */ #address_Form{ } #address_Form .top{ margin: 0 0 15px 0; border-bottom: 1px solid #e1e1e1; padding: 0 0 10px 0; } #address_Form .top .address { display: inline; float: left; padding-top: 6px; } #address_Form .top .address select { width:379px; } #address_Form .top .buttons { display: inline; float: right; text-align: right; } #address_Form .select_address_details{ margin: 10px 0px 10px 0px; } #address_Form .select_address_details li{ padding-bottom:10px; } #address_Form #billing_postcode{ width:38px; } #address_Form .bottom{ margin: 15px 0px 0px 0px; } #address_Form .bottom a{ float:left; width: 160px; text-align: center; } #address_Form input[type="checkbox"]{ margin: 0px 5px 0px 0px; } /* ########################################################################### * /* ##### PERSONAL INFORMATION /* ########################################################################### */ #personal_info_store_state{ width:87px; } #personal_info_store_location{ width:87px; } .personal_info_contact li{ padding-bottom:10px; } .personal_info_preferences li{ padding-bottom:10px; } /* ########################################################################### * /* ##### SEND US A MESSAGE /* ########################################################################### */ .postcode{ width:38px !Important; } .message_left{ display:inline; float:left; margin: 0px 5px 0px 0px; width:386px; } .message_left textarea{ border:1px solid #92B3D4; float:left; padding:2px; width:172px; } .message_right{ display:inline; float:left; z-index:1; width:379px; padding:10px 0px 0px 0px !Important; padding-left: 4px; } .message_right .box { border: 1px solid #bbbbbb; padding: 5px; background-color: #ffffff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .message_right .box h2 { margin-bottom: 5px !Important; border: 0 !Important; padding: 12px 15px !Important; background-color: #161a6e !Important; font-family: futura_extra_bold_condensed, Arial, Helvetica, sans-serif !Important; font-size: 1.5em !Important; text-transform: uppercase !Important; color: #ffffff !Important; } .message_right .column { display: inline; float: left; border-left:1px solid #EEEEEE; padding-left:10px; } .message_right.box .boxinner { border: 10px solid #eeeeee; padding: 10px; background-color: #ffffff; } .message_right .box .boxinner { background-color:#FFFFFF; border:10px solid #EEEEEE; padding:10px; } .message_right .box .boxinner .first { border: 0; padding: 0; width:143px; } .message_right .box .boxinner h3 { margin-bottom: 3px; font-size: 1.1em; font-weight: bold; color: #161a6e; } .message_right .box .boxinner table { width: 173px !Important; margin: 0px !Important; } .message_right .box .boxinner th { font-size: 1.1em; font-weight: bold; color: #161a6e; } .message_right .box .boxinner td { font-size: 1.1em; color: #000000; text-align: right; } .message_right h3 { margin-bottom: 10px; font-size: 1.3em; font-weight: bold; color: #000000; } .message_right p { margin-bottom: 5px; } /* ########################################################################### * /* ##### - BONUS OFFERS /* ########################################################################### */ .bonus_offer_header{ } .bonus_offer_header h1{ display: inline; float: left; } .bonus_make_claim .intro { display: inline; float: left; width: 80%; } .bonus_make_claim .buttons { display: inline; float: right; width: 20%; text-align: right; } .bonus_offer_details{ border-bottom:1px solid #E1E1E0; border-top:1px solid #E1E1E0; padding: 10px 0px; margin: 10px 0px; } .bonus_offer_details img{ padding: 15px; background-color:#FFFFFF; border:3px solid #BBBBBB; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; display: inline; float:left; margin-right:10px; } .bonus_offer_details div{ display: inline; float:left; width: 560px; } .bonus_offer_details div p a{ font-weight: bold; } .bonus_offer_tool_bar_right{ display: inline; float:right; padding:10px 12px; } .bonus_offer_tool_bar_right ul.horizontal li { display: inline; float: right; } /* ########################################################################### * /* ##### - EMAIL A FRIEND /* ########################################################################### */ #overlayBackground { background-color: #000; z-index: 3000; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -moz-opacity:.70; filter:alpha(opacity=70); opacity:.70; } .closeOverlay { margin-left: 537px; top: 7px; } .closeOverlay a { background: transparent url(/cons/groups/public/documents/web_asset/dev_000776.jpg) no-repeat; padding-left: 15px; font-size: 0.9em; font-weight: bold; text-transform: uppercase; } #emailFriendInner { background-color: #FFFFFF; width: 400px; padding: 13px 10px; margin: 70px auto 0 auto; min-height: 300px; z-index: 3100; position: absolute; top: 70px; left: 230px; } #emailFriendInner #errors { margin-right: 10px; } #emailContent { margin: 10px 0 10px 10px; padding: 0; } #emailContent h3 { color: #161A6E; font-size: 1.4em; font-weight: bold; margin-bottom: 10px; } #emailContent p { margin: 10px 0 10px 0; } #emailContent .emailSend { margin: 10px 10px 0 0; display: inline; float: right; } .redHighlight { color: #A9000C; font-weight: bold; } /* ########################################################################### * /* ##### FOOTER /* ########################################################################### */ #footerWrapper { padding: 10px 0; background-color: #ffffff; } #footer { background: #eeeeee url('images/bg_footer.gif') no-repeat 98% 80%; padding: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #footerInner { background: #f3f3f3 url('images/bg_footerInner.gif') repeat-x top; display: inline; float: left; width: 763px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #footerInner .column { display: inline; float: left; padding-left: 15px; width: 182px; color: #161a6e; } #footerInner .first { width: 162px; } #footerInner .last { width: 177px; } #footerInner .column h2 { font-size: 1.5em; font-weight: bold; padding: 5px 0; } #footerInner .column ul { margin: 6px 0 20px 15px; } #footerInner .column ul li { font-size: .9em; font-weight: bold; padding-bottom: 4px; list-style: disc; } #footer .siteSearch { display: inline; float: left; margin: 5px 0 0 13px; padding: 3px 0 0 20px; background: url('images/bg_searchField.gif') no-repeat top left; width: 154px; height: 20px; } #footerABN { margin: 10px 0 50px 0; text-align: center; font-size: 0.9em; color: #999 ; } /* ########################################################################### * /* ##### CLEARFIX /* ########################################################################### */ /* slightly enhanced, universal clearfix hack */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { display: inline-block; } /* start commented backslash hack \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* stop commented backslash hack */ #storeWrapper { background-color: #FFFFFF; width: 770px; padding: 5px 10px; margin: 58px auto 0 auto; min-height: 100px; z-index: 3100; position: absolute; top: 173px; left: 250px; -moz-opacity:.90; filter:alpha(opacity=90); opacity:.90; } #storeWrapper2 { background-color: #FFFFFF; width: 700px; padding: 5px 5px 0px 10px; /*margin: 75px auto 0 auto;*/ min-height: 260px; z-index: 3100; position: absolute; top: 190px; /*left: 280px;*/ text-align:left; margin-left: 140px; } #storeContent { margin-top: 7px; } #storeContent p { margin-left: 10px; } #storeContent2 { margin-top: 7px; } #storeContent2 p { margin-left: 10px; } #storeSelection { margin: 0px; padding: 0px 15px 0px 15px; /*background-color: #30B4D3;*/ min-height:260px; font-size: 1.1em; color: #000000; } #storeSelection2 { margin: 10px 10px 0px 10px; padding: 10px 15px 0px 15px; /*background-color: #30B4D3;*/ min-height:220px; font-size: 1.1em; color: #000000; } #storeSelection h2 { margin: 0 0 10px 0; padding: 0; font-size: 1.2em; font-weight: bold; } #storeSelection2 h2 { margin: 0 0 10px 0; padding: 0; font-size: 1.2em; font-weight: bold; } #storeSelection .stateselect { display:block; float:left; width:100px; font-weight:bold; font-size:1.2em; font-family: Arial; padding:5px 0px 0px 20px; color: #161A6E; text-align:left !important; } #storeSelection2 .stateselect { display:block; float:left; width:323px; font-weight:bold; font-size:1.2em; font-family: Arial; margin-left:-35px; margin-top:-25px; color: #161A6E; height:270px; } #storeSelection .tableHeading { font-weight:bold; font-size:1.2em; font-family:Arial; padding:5px; line-height:2em; } #storeSelection2 .tableHeading { font-weight:bold; font-size:1.2em; font-family:Arial; padding:5px; line-height:2em; } #storeSelection table { width:350px; margin-left:150px; margin-right:auto; } #storeSelection2 table { width:300px; margin-left:150px; margin-right:auto; } #storeSelection td { width:33%; } #storeSelection2 td { width:100px; } #storeSelection2 .firstcol { width:55px; } #storeSelection #storecolumn, #storeSelection #storecolumn2 { padding-top:5px; } #storeSelection2 #storecolumn, #storeSelection2 #storecolumn2 { padding-top:5px; } /* -----------------------------------------------------------------------------*/ /* 1. FONT CONFIGURATION /* -----------------------------------------------------------------------------*/ @font-face { font-family: futura_bold; src: url('/cons/groups/public/documents/web_asset/dev_000513.eot'); src: local('futura_bold'), url('/cons/groups/public/documents/web_asset/dev_000514.ttf') format('truetype'); } @font-face { font-family: futura_extra_bold; src: url('/cons/groups/public/documents/web_asset/dev_000515.eot'); src: local('futura_extra_bold'), url('/cons/groups/public/documents/web_asset/dev_000516.ttf') format('truetype'); } @font-face { font-family: futura_extra_bold_condensed; src: url('/cons/groups/public/documents/web_asset/dev_000517.eot'); src: local('futura_extra_bold_condensed'), url('/cons/groups/public/documents/web_asset/dev_000518.ttf') format('truetype'); } @font-face { font-family: impact; src: url('/cons/groups/public/documents/web_asset/dev_000521.eot'); src: local('impact'), url('/cons/groups/public/documents/web_asset/dev_000522.ttf') format('truetype'); } @font-face { font-family: compacta_bold_italic; src: url('/cons/groups/public/documents/web_asset/dev_000511.eot'); src: local('compacta_bold_italic'), url('/cons/groups/public/documents/web_asset/dev_000512.ttf') format('truetype'); } @font-face { font-family: CoHead; src: url('/cons/groups/public/documents/web_asset/dev_000713.eot'); src: local('compacta_bold_italic'), url('/cons/groups/public/documents/web_asset/dev_000712.ttf') format('truetype'); }