/****************************************** AQUATOGS ******************************************/ /* ***** GENERAL *********************************************************** */ html{margin:0px; padding:0px; height:100%; } body{margin:0px; padding:0px;height:100%;font-size:11px; font-family: Tahoma, Arial, Verdana; background: url(../img/bgMain.jpg) no-repeat left top; color:#666666;} img{border:0px;} .clear{ clear:both; } .floatRight{ float:right; } /* columns */ #content { width:600px; } #oneColumnContent {float:left; display:inline; padding: 10px 25px 10px 45px; width:690px; } /* ***** LAYOUT *********************************************************** */ #container{float:left; display: inline; width:100%; margin:0px; padding:0px;} #site{float:left;display: inline;width:1000px;} #headerBG{background: url(../img/header/bgHeader.jpg) repeat-x 0px 0px;} #header{position:relative; top:0px; left:0px; height:176px; margin-bottom:4px; background: url(../img/header/bgHeaderSea.jpg) no-repeat 0px 0px;} #header ul{margin:0px;} #leftNav{float:left; position:relative; width:183px; background: url(../img/leftNav/bgLeftNav.gif) repeat-y left; display:inline;} #mainContent{float:left; display:inline; width:600px; height:100%;margin-left:8px; } #rightColumn{float:left; display:inline; width:159px; height:100%;margin:0;text-align:center;} #footer{float:left; width:100%; height:134px; background: url(../img/bgFooter.jpg) no-repeat left top;} #footerBG{float:left; width:100%;background: url(../img/bgFooterTile.jpg) repeat-y left bottom;} /* form */ fieldset{border:0px; margin:0px; padding:0px;} label{margin:0px; padding:0px;} input{font-size:11px; padding:2px;} select{font-size:11px; padding:1px; margin:0px; color:#666666;} /* tags */ h1{margin:0px; padding:0px;} h2{margin:0px; padding:0px;} h3{margin:0px; padding:0px;} h4{margin:0px; padding:0px;} p{margin:0px; padding:0px;} ul{margin:0px; padding:0px;} li{margin:0px; padding:0px;} a{font-family: Tahoma, Arial, Verdana; margin:0px; padding:0px; text-decoration:none;} /* text content */ /*#content p, #mainContent p, #oneColumnContent p { padding: 0px 0px 7px 5px; margin:0px 0 5px 0; }*/ /* breadcrumb trail */ #breadcrumb { height:25px; padding-left:5px; line-height:25px; color:#b6b3af; } #breadcrumb a { text-decoration:none; color:#b6b3af;} #breadcrumb .on { font-weight: bold; } /* headings */ h1.swirl1 { font-size:11px; text-transform:uppercase; color:#FFFFFF; padding: 0;text-indent: 34px; margin:1px 0 0 0; height:28px; line-height:27px; background:url(/common/img/contentHeadBg.gif) no-repeat; } h2.swirl1 { font-size:11px; text-transform:uppercase; color:#FFFFFF; padding: 0;text-indent: 34px; margin:1px 0 0 0; height:28px; line-height:27px; background:url(/common/img/contentHeadBg.gif) no-repeat; } h1.swirl2{position:relative;font-size:11px; color:#fff; padding-left:35px; padding-top:2px; text-transform: uppercase; background: url(../img/swirls/h2Swirl2.gif) no-repeat left top; height:27px; line-height:27px;} h1.loginHeader { width: 737px; font-size:11px; text-transform:uppercase; color:#FFFFFF; padding: 0 0 0 40px; margin:1px 0 0 0; height:28px; line-height:27px; background:url(/common/img/login/loginHeadBg.gif) no-repeat; } h2.loginTitles { font-size:11px; color:#FFFFFF; padding: 0px 0 15px 10px; margin:4px 0 0 0; height:28px; line-height:27px; } h2.box { font-size:12px; color:#1d5470; padding: 5px 0 15px 15px; margin:0 0 0 0; height:28px; line-height:27px; } .checkoutSubContent h3 { padding: 15px 0 0 0; margin: 0px 0px 0px 0px; font-size:11px; font-weight: bold; clear: both; } .swirlFloatL{float:left; width:580px;font-size:11px; text-transform:uppercase; color:#FFFFFF; padding: 0;text-indent: 34px; margin:1px 0 0 0; height:28px; line-height:27px; background:url(/common/img/swirls/h2Swirl.gif) no-repeat;} /* banners */ .banner ul { margin:0px; padding:0px; } .banner ul li { color:#ffffff; margin-bottom:2px; } .banner a:link, .banner a:visited, .banner a:active { text-decoration: none; color:#f2a344; } .banner a:hover { text-decoration: underline; } .needHelpBuying { height:113px; width:592px; background:url(/common/img/banners/needHelpBuying.jpg) no-repeat; margin-top: 10px; padding: 0; position: relative;} .needHelpBuying ul { margin:0px; padding-left:0px; position: absolute; top: 50px; left: 128px; list-style: disc inside;} .needHelpBuying ul li { color:#ffffff; margin-bottom:2px; } .needHelpBuying a:link, .needHelpBuying a:visited, .needHelpBuying a:active { text-decoration: none; color:#f2a344; } .needHelpBuying a:hover { text-decoration: underline; } .needHelpBuyingSmall { height:152px; width:297px; background:url(/common/img/banners/helpBuyingSmall.jpg) no-repeat left top; float:left; padding: 0; position: relative;} .needHelpBuyingSmall ul { margin:0px; padding-left:0px; position: absolute; top: 60px; left: 30px; width:170px;list-style: disc inside;} .needHelpBuyingSmall ul li { color:#ffffff; margin-bottom:2px; } .needHelpBuyingSmall a:link, .needHelpBuying a:visited, .needHelpBuying a:active { text-decoration: none; color:#f2a344; } .needHelpBuyingSmall a:hover { text-decoration: underline; } .howCanWeHelp { height:113px; width:592px; background:url(/common/img/banners/howCanWeHelp.jpg) no-repeat; margin-top: 10px; padding: 0; position: relative;} .howCanWeHelp ul { margin:0px; padding-left:0px; position: absolute; top: 50px; left: 175px; list-style: disc inside;} .howCanWeHelp ul li { color:#ffffff; margin-bottom:2px; } .howCanWeHelp a:link, .howCanWeHelp a:visited, .howCanWeHelp a:active { text-decoration: none; color:#f2a344; } .howCanWeHelp a:hover { text-decoration: underline; } .safeSecure { height:113px; width:593px; background:url(/common/img/banners/safeSecure.gif) no-repeat; margin: 10px 0 0 1px; padding: 0; position: relative;} .safeSecure a:link, .safeSecure a:visited, .safeSecure a:active { text-decoration: none; color:#f2a344; } .safeSecure a:hover { text-decoration: underline; } ul.safeSecure_left { margin:0px; padding-left:0px; position: absolute; top: 50px; left: 30px; list-style: disc inside;} ul.safeSecure_left li { color:#ffffff; margin-bottom:2px; } ul.safeSecure_right { margin:0px; padding-left:0px; position: absolute; top: 50px; left: 200px; list-style: disc inside;} ul.safeSecure_right li { color:#ffffff; margin-bottom:2px; } /* button text */ /* button positioning */ div.buttonBillingPostcode { position:absolute; top:-25px; /*left:190px*/ right:20px; height: 25px; width:118px } div.buttonCheckoutBack { float:right; height: 25px; width:68px; padding: 0px 2px 0px 0px; } div.buttonVerifyEditAddress { float:right; height: 25px; width: 139px; padding: 0px 20px 0px 0px; } div.buttonVerifyEditCard { float:right; height: 25px; width: 139px; padding: 0px 20px 0px 0px; } div.buttonSubscribe{position:absolute; left:90px; top:60px;} div.topNavGo{position:absolute; top:5px; left:350px;width:48px;} div.topNavView{position:absolute; top:72px; left:637px;width:58px;} div.topNavCheckout{position:absolute; top:72px; left:695px;width:85px;} div.leftNavGo{position:absolute; top:65px; left:100px; width:70px;} div.leftNavSubscribe{position:relative; top:5px; left:90px; width:77px;} div.frontLeftCol{position:absolute; left:15px; top:135px; width:76px;} div.frontRightCol{position:absolute; left:500px; top:135px; width:76px;} div.buttonCasual{position:absolute; width:49px; left:32px; top:156px;} div.buttonLuggage{position:absolute; width:49px; left:32px; top:154px;} div.buttonSpecials{position:absolute; width:49px; left:32px; top:160px;} div.subcatView{position:absolute; left:83px; width:46px; top:4px;z-index:5;} div.relatedView{position:absolute; left:72px; width:46px; top:4px;z-index:5;} div.catFilterGo {position:absolute; top:8px; right:170px; width:47px;} div.buttonProdBasket{position:absolute; left:215px; top:50px;} div.buttonProdBasketNoOption{position:absolute; left:220px; top:15px;} div.freeMoreInfo{float:left; display:inline; margin:0 0 0 12px;} /* account buttons */ div.buttonAccountCreate { position:absolute; top:10px; left:145px; height: 26px; width: 139px; } div.buttonAccountLogin { position:absolute; top:-47px; left:250px; height: 26px; width: 78px; } div.buttonAccountCreate2 { position:absolute; top:-30px; left:385px; height: 26px; width: 139px; } div.buttonCheckoutCreate { position:absolute; top:-47px; left:250px; height: 26px; width: 78px; } div.buttonCheckoutLogin { position:absolute; top:-47px; left:250px; height: 26px; width: 78px; } div.buttonAccountDetails { float:right; height: 30px; padding: 20px 10px 0px 0px; } div.buttonBillingDel { float:right; height: 30px; padding: 20px 20px 0px 0px; } div.buttonAccountSubmit { float:right; height: 25px; padding: 0px 2px 0px 0px; } /* basket */ div.buttonBasketYes { position:absolute; top:21px; left:35px; width:48px; } div.buttonBasketNo { position:absolute; top:21px; left:100px; width:48px; } div.buttonBasketEdit { float:right; height: 25px; padding: 0px 2px 0px 0px; } div.buttonBasketAcc { float:right; height: 25px; padding: 0px 2px 0px 0px; margin:0 30px 0px 0;} div.buttonBasketPrint { float:right; height: 25px; padding: 0px 2px 0px 0px; } div.buttonBasketFreeEdit { height: 25px; width:48px; padding: 5px 0px 0px 0px; } div.buttonBasketKeepShopping { float:Left; height: 25px; width:98px; padding: 9px 0px 0px 18px; } div.buttonBasketUpdate { float:Left; height: 25px; width: 108px; padding:9px 0px 0px 18px; } div.buttonBasketClear { float:Left; height: 25px; width: 108px; padding: 9px 0px 0px 18px; } div.buttonBasketProceed { float:right; height: 46px; width: 173px; padding: 0px 0px 0px 18px; } /* checkout buttons */ div.buttonCheckoutContinue { float:right; height: 25px; width:68px; padding: 0px 2px 0px 0px; color:#000000 } div.buttonAddDiscount {height: 25px; width:68px; padding: 0; position:absolute; top:0px; left:205px;} div.buttonApplyDiscount {height: 25px; width:120px; padding: 0; position:absolute; bottom:5px; right:0px;} .buttonAddDiscount a { width:58px; height:25px; background:url(../img/buttons/addDiscountButton.gif) no-repeat top; line-height:24px; text-align:center;} .buttonAddDiscount a:hover { background:url(../img/buttons/addDiscountButton.gif) no-repeat bottom;} .buttonApplyDiscount a {width:120px; height:25px; background:url(../img/buttons/applyDiscountButton.gif) no-repeat top; line-height:24px; text-align:center;} .buttonApplyDiscount a:hover { background:url(../img/buttons/applyDiscountButton.gif) no-repeat bottom;} /* free product */ div.freeProductConfirmOptions { position:absolute; top:-40px; left:322px; width:118px; } a.buttontext, a:link.buttonText, a:visited.buttonText, a:active.buttonText{display:block; color:#fff;font-weight: bold; text-decoration:none; line-height:23px; height:25px; text-align:center;} a.buttontext22, a:link.buttonText22, a:visited.buttonText22, a:active.buttonText22{display:block; color:#fff;font-weight: bold; text-decoration:none; line-height:22px; height:22px; text-align:center;} .buttonTextBrown { color:#82725f; display:block; font-weight: normal; text-decoration:none; line-height:24px; height:26px; text-align:center; } a:hover.buttontext{text-decoration:none; } a.buttontext20{display:block; color:#fff;font-weight: bold; text-decoration:none; line-height:21px; height:21px; text-align:center; } a:hover.buttontext20{text-decoration:none; } .subcatButtonText{display:block; color:#fff; font-weight: bold;text-decoration:none; text-align:center;height:20px; line-height:19px; } /* button backgrounds and widths */ /* button rollovers */ a.catViewAll{background: url(../img/buttons/button106pxCat.gif) no-repeat left top; width:106px;} a:hover.catViewAll{background-position: 0px -30px;} a.button68px { width:68px; height:25px; background:url(/common/img/buttons/button68pxOrange.gif) no-repeat top; line-height:24px; text-align:center;} a:hover.button68px { background:url(/common/img/buttons/button68pxOrange.gif) no-repeat bottom;} a.button77px { width:77px; height:25px; background:url(/common/img/buttons/button77pxOrange.gif) no-repeat top; line-height:24px; text-align:center;} a:hover.button77px { background:url(/common/img/buttons/button77pxOrange.gif) no-repeat bottom;} a.button89px { width:89px; height:25px; background:url(/common/img/buttons/button89pxOrange.gif) no-repeat top; line-height:24px; text-align:center;} a:hover.button89px { background:url(/common/img/buttons/button89pxOrange.gif) no-repeat bottom;} a.button98px { width:98px; height:25px; background:url(/common/img/buttons/button98pxOrange.gif) no-repeat top; line-height:24px; text-align:center;} a:hover.button98px { background:url(/common/img/buttons/button98pxOrange.gif) no-repeat bottom;} a.button108px { width:108px; height:25px; background:url(/common/img/buttons/button108pxOrange.gif) no-repeat top; line-height:24px; text-align:center;} a:hover.button108px { background:url(/common/img/buttons/button108pxOrange.gif) no-repeat bottom;} a.button118px { width:118px; height:25px; background:url(/common/img/buttons/button118pxOrange.gif) no-repeat top; line-height:24px; text-align:center;} a:hover.button118px { background:url(/common/img/buttons/button118pxOrange.gif) no-repeat bottom;} a.button118pxLightBlueBg { width:118px; height:25px; background:url(/common/img/buttons/button118pxLightBlueBg.gif) no-repeat top; line-height:24px; text-align:center;} a:hover.button118pxLightBlueBg { background:url(/common/img/buttons/button118pxLightBlueBg.gif) no-repeat bottom;} a.button129px { width:129px; height:25px; background:url(/common/img/buttons/button129pxOrange.gif) no-repeat top; line-height:24px; text-align:center;} a:hover.button129px { background:url(/common/img/buttons/button129pxOrange.gif) no-repeat bottom;} a.button139px { width:139px; height:25px; background:url(/common/img/buttons/button139pxOrange.gif) no-repeat top; line-height:24px; text-align:center;} a:hover.button139px { background:url(/common/img/buttons/button139pxOrange.gif) no-repeat bottom;} a.button139pxLightBlueBg { width:139px; height:25px; background:url(/common/img/buttons/button139pxLightBlueBg.gif) no-repeat top; line-height:24px; text-align:center;} a:hover.button139pxLightBlueBg { background:url(/common/img/buttons/button139pxLightBlueBg.gif) no-repeat bottom;} a.button158px { width:158px; height:25px; background:url(/common/img/buttons/button158pxOrange.gif) no-repeat top; line-height:24px; text-align:center;} a:hover.button158px { background:url(/common/img/buttons/button158pxOrange.gif) no-repeat bottom;} a.button181px { width:181px; height:25px; background:url(/common/img/buttons/button181pxOrange.gif) no-repeat top; line-height:24px; text-align:center;} a:hover.button181px { background:url(/common/img/buttons/button181pxOrange.gif) no-repeat bottom;} a.topNavGo{background: url(../img/buttons/topNavGo.gif) no-repeat left top;} a:hover.topNavGo{background-position: 0px -25px;} a.topNavView{background: url(../img/buttons/topNavView.gif) no-repeat left top;} a:hover.topNavView{background-position: 0px -25px;} a.topNavCheckout{background: url(../img/buttons/topNavCheckout.gif) no-repeat left top;} a:hover.topNavCheckout{background-position: 0px -25px;} a.leftNavGo{background: url(../img/buttons/leftNavGo.gif) no-repeat left top; line-height:23px; height: 23px;} a:hover.leftNavGo{background-position: 0px -23px; height:23px;} a.leftNavSubscribe{background: url(../img/buttons/leftNavSubscribe.gif) no-repeat left top; line-height:23px; height:25px;} a:hover.leftNavSubscribe{background-position: 0px -23px; height:25px;} a.button76pxBorderBlue{background: url(../img/buttons/button76pxBorderBlue.gif) no-repeat left top; } a:hover.button76pxBorderBlue{background-position: 0px -30px;} a.buttonLifeJacketView{background: url(../img/buttons/buttonLifeJacketView.gif) no-repeat left top; } a:hover.buttonLifeJacketView{background-position: 0px -30px;} a.buttonWatchView{background: url(../img/buttons/buttonWatchView.gif) no-repeat left top; } a:hover.buttonWatchView{background-position: 0px -30px;} a.button49pxWhite{background: url(../img/buttons/button49pxWhite.gif) no-repeat left top; } a:hover.button49pxWhite{background-position: 0px -26px;} a.button49pxBlue{background: url(../img/buttons/button49pxBlue.gif) no-repeat left top; } a:hover.button49pxBlue{background-position: 0px -26px;} a.button49pxLBlue{background: url(../img/buttons/button49pxLBlue.gif) no-repeat left top; } a:hover.button49pxLBlue{background-position: 0px -26px;} a.buttonProdBasket { width:125px; height:25px; background:url(/common/img/buttons/buttonProdBasket.gif) no-repeat top; line-height:23px; text-align:center; text-indent:12px; color:#164d68;} a:hover.buttonProdBasket{background-position: 0px -50px; color:#fff;} a.freeMoreInfo{width:75px; height:25px; background:url(/common/img/buttons/button72pxMoreInfo.gif) no-repeat top; line-height:23px; text-align:center;} a:hover.freeMoreInfo{background-position:0px -30px;} a.button50pxGreyBg { width:50px; height:25px; background:url(/common/img/buttons/button50pxGreyBg.gif) no-repeat top; line-height:22px; text-align:center;} a:hover.button50pxGreyBg { background-position:bottom; } a.button48pxMaroon { width:48px; height:25px; background:url(/common/img/buttons/button48pxMaroon.gif) no-repeat top; line-height:22px; text-align:center;} a:hover.button48pxMaroon { background-position:bottom; } a.button98px { width:98px; height:25px; background:url(/common/img/buttons/button98pxOrange.gif) no-repeat top; line-height:24px; text-align:center;} a:hover.button98px { background-position:bottom; } a.button108px { width:108px; height:25px; background:url(/common/img/buttons/button108pxOrange.gif) no-repeat top; line-height:24px; text-align:center;} a:hover.button108px { background-position:bottom; } a.buttonAccountDetails100px { width:100px; height:29px; background:url(/common/img/buttons/buttonAccountDetails100px.gif) no-repeat top; line-height:24px; text-align:center;} a.buttonAccountDetails100pxFaded { width:100px; height:29px; background:url(/common/img/buttons/buttonAccountDetails100pxFa.gif) no-repeat top; line-height:24px; text-align:center;} a:hover.buttonAccountDetails100pxFaded { background-position:bottom; } a.buttonBillingDel142px { width:142px; height:29px; background:url(/common/img/buttons/buttonBillingDel142px.gif) no-repeat top; line-height:24px; text-align:center;} a:hover.buttonAccountDetails142px { background-position:bottom; } a.buttonBillingDel142pxFaded { width:142px; height:29px; background:url(/common/img/buttons/buttonBillingDel142pxFaded.gif) no-repeat top; line-height:24px; text-align:center;} a:hover.buttonBillingDel142pxFaded { background-position:bottom; } a.buttonProceedCheckout { width:155px; height:46px; display: block; color:#fff;font-weight: bold; text-decoration:none; background:url(/common/img/buttons/buttonProceedCheckout.gif) no-repeat left top; line-height:42px; text-align:left; padding-left:20px; padding-right:0px;} a:hover.buttonProceedCheckout { background-position: left bottom; } a.buttonCheckoutContinue { width:155px; height:46px; display: block; color:#fff;font-weight: bold; text-decoration:none; background:url(/common/img/buttons/buttonProceedCheckout.gif) no-repeat left top; line-height:42px; text-align:left; padding-left:25px; padding-right:0px;} a:hover.buttonCheckoutContinue { background-position: left bottom; } a.buttonCheckoutConfirm { width:155px; height:46px; display: block; color:#fff;font-weight: bold; text-decoration:none; background:url(/common/img/buttons/buttonProceedCheckout.gif) no-repeat left top; line-height:42px; text-align:left; padding-left:40px; padding-right:0px;} a:hover.buttonCheckoutConfirm { background-position: left bottom; } a.buttonContinueShopping { width:155px; height:46px; display: block; color:#fff;font-weight: bold; text-decoration:none; background:url(/common/img/buttons/buttonProceedCheckout.gif) no-repeat left top; line-height:42px; text-align:left; padding-left:25px; padding-right:0px;} a:hover.buttonContinueShopping { background-position: left bottom; } a.buttonTextBlack, a:link.buttonTextBlack, a:visited.buttonTextBlack, a:active.buttonTextBlack{display:block; color:#000000;font-weight: normal; text-decoration:none; line-height:24px; height:26px; text-align:center;} a.button139pxAccountCreate { width:139px; height:25px; background:url(/common/img/buttons/button139pxAccountCreate.gif) no-repeat top; line-height:24px; text-align:center;} a:hover.button139pxAccountCreate { background:url(/common/img/buttons/button139pxAccountCreate.gif) no-repeat bottom;} a.button78pxAccountLogin { width:78px; height:26px; background:url(/common/img/buttons/button77pxAccountLogin.gif) no-repeat top; line-height:24px; text-align:center;} a:hover.button78pxAccountLogin { background:url(/common/img/buttons/button77pxAccountLogin.gif) no-repeat bottom;} /* used to force button to right side of div */ .buttonFloatContainer { position:relative; height:25px; padding:0px 0px 0px 0; margin-top:5px; margin-bottom: 5px; line-height: 25px; text-align: right;} .buttonFloatContainerLink a:link, .buttonFloatContainerLink a:visited, .buttonFloatContainerLink a:active { color:#1a5378; text-decoration: underline; } /* ***** REUSABLE TABLES *********************************************************** */ /* reusable and expandable box */ .boxL { background:url(/common/img/reusableTables/boxL.gif) repeat-y left; margin-top: 5px; } .boxR { background:url(/common/img/reusableTables/boxR.gif) repeat-y right; } .boxTL { background:url(/common/img/reusableTables/boxTL.gif) no-repeat top left; } .boxTR { background:url(/common/img/reusableTables/boxTR.gif) no-repeat top right; } .boxBL { background:url(/common/img/reusableTables/boxBL.gif) no-repeat bottom left; } .boxBR { background:url(/common/img/reusableTables/boxBR.gif) no-repeat bottom right; position:relative; padding-bottom:10px; } .boxBlueBg { background:url(/common/img/reusableTables/boxBlueBg.gif) no-repeat bottom; } .boxBR p { margin: 0px 0px 0px 0px; padding: 0px 15px 20px 15px } .boxFreeStarBg { background:url(/common/img/reusableTables/boxFreeStarBg.gif) no-repeat 4px 4px; } /* reusable background section for basket */ .basketTopLeft { background:url(/common/img/basket/basketTopLeft.gif) no-repeat top left; } .basketTopRight { background:url(/common/img/basket/basketTopRight.gif) no-repeat top right; } .basketLeft { background:url(/common/img/basket/basketLeft.gif) repeat-y left; } .basketRight { background:url(/common/img/basket/basketRight.gif) repeat-y right; } .basketBottomLeft { background:url(/common/img/basket/basketBottomLeft.gif) no-repeat bottom left; } .basketBottomRight { background:url(/common/img/basket/basketBottomRight.gif) no-repeat bottom right; } /* ***** SPANS ***** */ .noBG {background: none;} .marginLeft90px {margin-left:90px;} .marginLeft80px {margin-left:80px;} .marginLeft70px {margin-left:70px;} .marginLeft65px {margin-left:65px;} .margLeft7px { margin-left:7px; } .margTop25px { margin-top:25px; } .marginAuto { margin: 0 auto; } .noMarg { margin: 0px; } .paddingTop5px {padding-top:5px;} .pad9px { padding-top:5px; } .padLeft1px { padding-left:1px; } .padLeft10px { padding-left:10px; } .padLeft15px { padding-left:15px; } .padLeft14px { padding-left:14px; } .padRight10px { padding-right:10px; } .padTop25px { padding-top:25px; } .padTop5px { padding-top:5px; } .padTop4px { padding-top:4px; } .padTop10px { padding-top:10px; } .padBottom10px { padding-top:10px; } .padTopBottom5px { padding: 5px 0px; } .noPad { padding:0px; } .pad5px { padding:5px; } /* ***** aligning ***** */ .alignCenter { text-align: center; } .alignLeft { text-align: left; } /* ***** widths ***** */ .width50px { width:50px; } .width110px { width:110px; } .width120px { width:120px; } .width590 { width:590px; } .width597 { width:597px; } .width690 { width:690px; } .width300 { width:300px; } /* ***** clear ***** */ .clearBoth { clear: both; } .clear5 { clear: both; height: 5px; line-height: 5px; } .clear10 { clear: both; height: 10px; line-height: 10px; } .clear20 { clear: both; height: 20px; line-height: 20px; } /* ***** floats ***** */ .floatRight { float:right; } .floatLeft { float:left; } /* ***** standard style classes ***** */ .bold { font-weight:bold; } .noBold { font-weight: normal; } .brightMaroon { color:#bd1c1c; } a.brightMaroon { color:#bd1c1c; text-decoration: none; } .darkMaroon { color:#8d0606; } .darkMaroonBold { color:#8d0606; font-weight:bold } .lightMaroon { color:#cc928d; } .lightGrey { color: #948f89 } .white { color:#FFFFFF; } .whiteBold { color:#FFFFFF; font-weight:bold; } .lightTeal { color:#2b7aa0; } .darkTeal { color:#2f7091; } .darkerTeal { color:#1d5470; } .darkerTeal a {color:#1d5470; text-decoration: underline;} .darkerTeal a:hover {text-decoration: none;} /* ***** OUTER TEMPLATE *********************************************************** */ /* ***** HEADER *********************************************************** */ .mainLogo {position:relative; top:25px; left:25px; } #headerSecure {position:absolute; left:410px; top:63px; background: url(../img/header/bgSecureShopping.gif) no-repeat left; width:368px; height:38px; } /* ***** MINI NAV *********************************************************** */ ul#miniNav {position:absolute; top:30px; left:344px; margin:0px; padding:0 0 0 15px; background: url(../img/header/bgMiniNav.gif) no-repeat left top; width:440px; height:27px;} ul#miniNav li {display:inline; line-height:27px; height:27px; margin:0px; padding:0 18px 0 18px;} ul#miniNav li a, ul#miniNav li a:link, ul#miniNav li a:active, ul#miniNav li a:visited{color:#fff; text-decoration:none;} ul#miniNav li a:hover {text-decoration:underline;} ul#miniNav li {background: url(../img/header/bgMiniNavItem.gif) no-repeat left;} /*ul#miniNav li.miniNavLogin {background: url(../img/header/bgMiniNavItem2.gif) no-repeat left;} ul#miniNav li.miniNavHelp {background: url(../img/header/bgMiniNavItem3.gif) no-repeat left;} ul#miniNav li.miniNavContact {background: url(../img/header/bgMiniNavItem4.gif) no-repeat left;}*/ /* ***** BASKET ************************************************************ */ #header #navBasket {width:360px; position:absolute; top:75px; left:430px; padding-left:20px; background: url(../img/topNav/bgBasket.gif) no-repeat left;} /* ***** DELIVERY ***** */ #headerDelivery {position:absolute; left: 800px; top:30px; background: url(../img/header/bgDelivery.gif) no-repeat left top; height: 63px; width:159px;} #headerDelivery h3 {position:relative; left:45px; top:10px; font-size:12px; color:#fff;width:114px;} #headerDelivery p {position:relative; left:45px; top:10px; color:#f8b86c; height:12px; line-height:12px; width:114px;} #headerDelivery h4 {position:relative; height:19px;line-height:19px; left:45px; top:12px; font-size:12px; color:#fff;width:114px;} #headerDelivery a {position:relative; color:#f8b86c; font-size:10px; line-height:12px; font-weight: bold;left:45px; top:0px;width:114px; text-decoration:none;} #headerDelivery a:hover {text-decoration:underline;} /* ***** EURO DELIVERY ***** */ #headerEuroDelivery {position:absolute; left: 800px; top:30px; background: url(../img/header/bgEuroDelivery.gif) no-repeat left top; height: 59px; width:159px;} #headerEuroDelivery p { color:#FFFFFF; } /* ***** UK DELIVERY ***** */ #ukDelivery {position:absolute; left:790px; top:116px; background: url(../img/header/bgUkDelivery.gif) transparent no-repeat left top; height: 57px; width:159px;} #ukDelivery h3 {position:relative; left:45px; top:4px; font-size:12px; color:#fff;width:114px;} #ukDelivery p {position:relative; left:45px; top:4px; color:#f8b86c; height:12px; line-height:12px; width:114px;} #ukDelivery h4 {position:relative; height:19px;line-height:19px; left:45px; top:4px; font-size:12px; color:#fff;width:114px;} #ukDelivery a {position:relative; color:#f8b86c; font-size:10px; line-height:12px; font-weight: bold;left:45px; top:0px;width:114px; text-decoration:none;} #ukDelivery a:hover {text-decoration:underline;} /* ***** TOP BAR ***** */ #topBar {width:778px; height:57px; position:absolute; top:113px; left:0px; background: url(../img/topNav/bgTopNav.gif) no-repeat left top;} #topBar label {color:#fff; font-weight: bold; font-size:10px;} #navSearch {position:relative; top:8px; left:18px;width:360px;} #navSearch input {border:1px solid #4b83a3; width:120px; background-color:#94b7c7; color:#fff;font-size:10px;height:13px; padding:1px 2px 1px 4px;} #navSearch select {border:1px solid #4b83a3; width:150px; background-color:#94b7c7; color:#fff; font-size:10px; padding:0px 2px 0px 0;} #navBasket label{font-size:11px; font-weight:bold; color:#FFF;} #navBasket input.basketItems{border:1px solid #4b83a3; width:30px;background-color:#94b7c7; font-size:10px; color:#fff; margin-right:6px; height:12px;padding:1px 2px 1px 4px;} #navBasket input.basketTotal{border:1px solid #4b83a3; width:60px;background-color:#94b7c7; font-size:10px;color:#fff;height:12px;padding:1px 2px 1px 4px;} /* ***** HEADER FILTER ***** */ #headerFilterMain {width:275px; height:22px; display:block; position:absolute; float:left; top:7px; left:499px;} .headerFilterMen {width:48px; height:19px; display:block; position:relative; float:left; top:1px; margin-left:2px;} a.headerFilterMen{width:48px; height:19px; background: url(../img/headerfilter/headerfilter_men.gif) no-repeat left top;} a:hover.headerFilterMen{background-position:bottom;} .headerFilterWomen {width:67px; height:19px; display:block; position:relative; float:left; top:1px; margin-left:2px;} a.headerFilterWomen{width:67px; height:19px; background: url(../img/headerfilter/headerfilter_women.gif) no-repeat left top;} a:hover.headerFilterWomen{background-position:bottom;} .headerFilterAll {width:32px; height:19px; display:block; position:relative; float:left; top:1px; margin-left:2px;} a.headerFilterAll{width:32px; height:19px; background: url(../img/headerfilter/headerfilter_all.gif) no-repeat left top;} a:hover.headerFilterAll{background-position:bottom;} #headerFilterMain .Active{background-position:bottom;} .headerDivider {width:2px; height:21px; display:block; position:relative; float:left; top:1px; margin-left:7px; background-image:url(../img/headerfilter/headerfilter_divider.gif);} a.buttontext21{display:block; color:#fff;font-weight: bold; text-decoration:none; line-height:17px; height:19px; text-align:left; text-indent:6px; } /* ***** TOP NAV *********************************************************** */ #topNav {position:absolute; top:32px; left:15px; width: 778px; height:24px;margin-left: 0px; } #topNav li { display: block; text-transform:capitalize; display: inline; padding: 0 22px 0 22px; margin: 0px; line-height: 24px; height:24px; background: url(/common/img/topNav/navDivider.gif) no-repeat right; } #topNav li a {font-size:10px;color:#fff; font-weight: bold;line-height:24px;height:24px;text-decoration:none; background: url(../img/topNav/navIcon.gif) no-repeat left; padding-left:20px;} #topNav li a:hover {text-decoration:underline;} /* ***** LEFT NAV *********************************************************** */ #leftNav h2 {font-size:10px; color:#fff; text-transform: capitalize; padding-left:15px; height:27px; line-height:25px; background-color: #fff; background: url(../img/leftNav/leftNavHead.gif) no-repeat left top;} #leftNav h2 a {text-decoration:none;color:#fff; padding-left:15px;background: url(../img/leftNav/bgDarkArrow.gif) no-repeat left;} #leftNav h2 a:hover {text-decoration:underline;} #leftNav ul li a {text-decoration:none;} #leftNav ul li a:hover {text-decoration:underline;} #leftNav ul {list-style:none;} #leftNav ul li {padding:5px 0 6px 0;background: url(../img/leftNav/bgDots.gif) no-repeat bottom; position:relative; } #leftNav ul li a {display:block; padding:0 0 2px 32px; color:#004f86;font-weight: bold;background: url(../img/leftNav/bgBullet.gif) no-repeat 12px 0px;} #leftNav ul ul {padding-left:0px; padding-top:0px;} #leftNav ul li ul li {padding:2px 0 2px 0; line-height:14px;background:none;} #leftNav ul li ul li a {display:block; line-height:14px;color:#004f86;padding:0 0 1px 32px; font-weight:normal; background: url(../img/leftNav/bgArrow.gif) no-repeat 15px 4px;} #leftNav ul li a.navOn {background: #fff url(../img/leftNav/bgBulletWhite2.gif) no-repeat 12px 0px;} #leftNav ul li ul li a.navOn {background: #fff url(../img/leftNav/bgArrowWhite.gif) no-repeat 15px 4px;} .bgType {background: url(../img/leftNav/bgType.gif) no-repeat left top;} a.brandsViewAll{position:absolute; left:20px; top:68px;padding-left:15px; color:#004f86; font-size:10px; text-decoration:none;background: url(../img/leftNav/bgArrow.gif) no-repeat left;} a:hover.brandsViewAll{text-decoration:underline;} /* ***** BRAND SELECT ***** */ #leftNav fieldset.leftNavBrand {display:block; background: url(../img/leftNav/bgBrand.gif); height:67px;} #leftNav fieldset.leftNavBrand select {position:relative; left:15px; top:12px; width:150px;border:1px solid #4b83a3;} /* ***** NEWSLETTER ***** */ #leftNav fieldset.leftNavNews {display:block; position:relative; margin-top:-2px; background: url(../img/leftNav/bgNewsletter.gif) no-repeat left top; height:164px; background-color:#fff;} #leftNav fieldset.leftNavNews input {position:relative; top:10px; left:15px; margin-bottom:6px; width:135px; border:1px solid #a5acb2; color:#666666; padding-left:10px;} #leftNav fieldset.leftNavNews p {margin:0px; padding:0px; position:relative; top:10px; left:15px; width:160px; color:#165278;font-weight: bold; font-size:11px;} #leftNav fieldset.leftNavNews p.newsMoreInfo {margin-top:5px;} #leftNav fieldset.leftNavNews p.newsMoreInfo a {color:#165278; text-decoration:none;} #leftNav fieldset.leftNavNews p.newsMoreInfo a:hover {text-decoration:underline;} .leftNavNoBg {padding:2px 0 0 0; margin-top:-3px; background:none; background-color:#fff;} .leftNavNoBg h2 {margin-top:4px;} .sideThawte {position:relative;height:124px; width:182px;background: url(../img/leftNav/bgSecure.gif) no-repeat left;} .sideDelivery {position:relative; padding:20px 0; background: url(../img/iconFreeDelivery.gif) no-repeat left; background-color:#fff; height:37px;} .sideDelivery h3 {position:relative; color:#005493; left:45px; top:0px; font-size:12px; line-height:12px; width:125px;} .sideDelivery p {position:relative; left:45px; top:0px; font-size:10px; line-height:10px;color:#f8b86c; font-weight: bold; width:114px;} .sideDelivery a {position:relative; color:#f8b86c; font-size:10px; line-height:12px; font-weight: bold;left:45px; top:0px;width:114px; text-decoration:none;} .sideDelivery a:hover {text-decoration:underline;} /* ***** RIGHT COLUMN ***** */ #rightColumn .placeholder {position:relative; width:159px; height:229px; margin-bottom:10px;} a.rightLink{color:#c2c3c3;text-decoration:none;padding-left:12px; line-height:14px; background: url(../img/iconArrowRedWhite.gif) no-repeat left;} a:hover.rightLink{text-decoration:underline;} .rightLogo{margin-bottom:10px;} .rightLogo a.rightImage{display:block;} /* ***** FOOTER ***** */ a.madLink{color:#cecdcd; display:block; width:120px; position:relative; top:70px; left: 15px; text-decoration:none; } a:hover.madLink{text-decoration:underline;} p.copy{color:#cecdcd; display:block; width:620px; text-align:center; position:relative; left:170px;top:50px;} #footer ul{list-style:none; position:relative; top:42px; left:170px; width:650px;} #footer ul li{display:inline; padding:0 5px 0 18px; line-height:20px;} #footer ul li a{color:#fff;text-decoration:none;} #footer ul li a:hover{text-decoration:underline;} #footer ul li.bullet1{background: url(../img/footer/bullet1.gif) no-repeat left;} #footer ul li.bullet2{background: url(../img/footer/bullet2.gif) no-repeat left;} #footer ul li.bullet3{background: url(../img/footer/bullet3.gif) no-repeat left;} #footer ul li.bullet4{background: url(../img/footer/bullet4.gif) no-repeat left;} #footer ul li.bullet5{background: url(../img/footer/bullet5.gif) no-repeat left;} #footer ul li.bullet6{background: url(../img/footer/bullet6.gif) no-repeat left;} #footer ul li.bullet7{background: url(../img/footer/bullet7.gif) no-repeat left;} /* ***** PRICE BOXES ***** */ .bluePriceShadowL{position:relative; height:21px; background: url(../img/prices/bgPriceBlueShadowL.gif) no-repeat left top;} .bluePriceShadowR{position:relative; height:21px; line-height:19px; color:#fff; font-weight: bold;background: url(../img/prices/bgPriceBlueShadowR.gif) no-repeat right top;} .bluePriceSpecialL{position:relative; height:21px; background: url(../img/prices/bgPriceBlueSpecialL.gif) no-repeat left top;} .bluePriceSpecialR{position:relative; height:21px; line-height:19px; color:#fff; font-weight: bold;background: url(../img/prices/bgPriceBlueSpecialR.gif) no-repeat right top;} .bluePriceWhiteL{position:relative; height:22px; background: url(../img/prices/bgPriceBlueWhiteL.gif) no-repeat left top;} .bluePriceWhiteR{position:relative; height:22px; line-height:21px; color:#fff; font-weight: bold;background: url(../img/prices/bgPriceBlueWhiteR.gif) no-repeat right top;} .blueWhitePrice{position:relative; height:22px; line-height:21px; color:#fff; font-weight: bold;background: url(../img/prices/bgPriceBlueWhite.gif) no-repeat left top;} /* HOME PAGE */ h1.swirl{position:relative;font-size:11px; color:#fff; padding-left:35px; text-transform: uppercase; background: url(../img/swirls/h2Swirl.gif) no-repeat left top; height:27px; line-height:27px;} h2.swirl{font-size:11px; color:#fff; padding-left:35px; margin-top:10px; text-transform: uppercase; background: url(../img/swirls/h2Swirl.gif) no-repeat left top; height:27px; line-height:27px;} /* ***** content boxes ****/ .sailingSpecial{position:relative; width:594px; height:119px; margin-bottom:2px; background: url(../img/main/bgSailingSpecial.jpg) no-repeat left top;} .sailingSpecial .specialOne{position:absolute; left:10px; top:4px; width:80px;text-align:center;} .sailingSpecial .specialTwo{position:absolute; left:115px; top:4px; width:80px;text-align:center;} .sailingSpecial .specialThree{position:absolute; left:210px; top:4px; width:135px;text-align:center;} .sailingSpecial p{position:relative; top:75px; left:25px; color:#135579;font-weight: bold;} .sailingSpecial p span{color:#960909;} .sailingSpecialLink{position:absolute; top:96px; left:358px;} a.sailingAll{color:#1c638e; text-decoration:none; padding:0 15px 0 10px;background: url(../img/iconArrowRed.gif) no-repeat right;} a:hover.sailingAll{text-decoration:underline;} /* **** casual clothing *****/ .casualClothing{position:relative; width:597px; height:181px; margin-bottom:10px; background: url(../img/main/bgCasualClothing.jpg) no-repeat left top;} .casualClothing ul{position:absolute; left:260px; top:12px; list-style:none;} .casualClothing ul li{font-size:12px; width:90px;color:#1c6284; background: url(../img/iconArrowRed.gif) no-repeat left; padding:3px 0 3px 15px;} .casualClothing ul li a{color:#1c6284; text-decoration:none;} .casualClothing ul li a:hover{text-decoration:underline;} .casualClothing .prodOffer1{left:361px; top:1px;} .casualClothing .prodOffer2{left:471px; top:1px;} .casualClothing .prodOffer1 .productImg, .casualClothing .prodOffer2 .productImg{top:44px;} .casualClothing .blueWhitePrice{position:absolute;top:134px; width:73px; left:20px;} .luggage{position:relative; width:590px; height:178px; margin-bottom:3px; background: url(../img/main/bgLuggage.jpg) no-repeat left top;} .luggageSavings{position:absolute; width:75px; height:77px; top:30px; left:305px;} .luggageOne{position:absolute; left:15px; top:0px; width:110px; height:178px; text-align:center;} .luggageTwo{position:absolute; left:135px; top:0px; width:110px; height:178px; text-align:center;} .luggageOne h3 strong, .luggageTwo h3 strong{color:#195576; font-size:11px;font-weight: bold; padding:0px; margin:0px;} .luggageOne a.luggageName, .luggageTwo a.luggageName{position:relative; z-index:1;display:block; top:0px; width:110px; height:30px; color:#195576;font-size:10px;font-weight: normal;} .luggageOne a:hover.luggageName, .luggageTwo a:hover.luggageName{text-decoration:none;} .luggageOne .luggageImg, .luggageTwo .luggageImg{position:absolute; display:block; width:110px; left:0px;height:115px; top:30px; background: url(../img/main/bgLuggageProduct.gif) no-repeat center top;} .luggageOne .luggageImg img, .luggageTwo .luggageImg img{position:relative; top:14px;} .luggageOne .bluePriceShadowL, .luggageTwo .bluePriceShadowL{position:absolute;top:134px; width:70px; left:20px;} /**** SMALLER CONTENT SECTIONS ****/ .contentRow{position:relative; height: 162px; margin:5px 0 5px 0;} .contentRowLeft h2, .contentRowRight h2{padding:0 0 0 35px;font-size:11px;line-height:26px; color:#fff;font-weight: bold; text-transform:uppercase;} .contentRowLeft p{position:relative; top:104px; left:180px; color:#135579;font-weight: bold; line-height:32px;} .contentRowRight p{position:relative; top:104px; left:16px; color:#135579;font-weight: bold; line-height:32px;} .contentRowLeft p span, .contentRowRight p span{color:#960909;} .contentRowLeft{float:left; width:293px; height:162px;} .contentRowRight{float:left; display:inline; margin-left:5px;width:293px; height:162px;} .marineFootwear{background: url(../img/main/bgMarineFoot.jpg) no-repeat left top;} .lifeJackets{background: url(../img/main/bgLifeJackets.jpg) no-repeat left top;} .sailingWatches{background: url(../img/main/bgWatches.jpg) no-repeat left top;} .sunglasses{background: url(../img/main/bgSunglasses.jpg) no-repeat left top;} /* ***** SPECIAL BOXES *********************************************************** */ .prodOffers4{position:relative; height:202px;background: url(../img/offers/bgSpecial4.gif) no-repeat left top;} /* ***** SET GENERAL PRODUCT SETTINGS ***** */ .prodOffer1, .prodOffer2, .prodOffer3, .prodOffer4{position:absolute; width:110px; height:178px; top:5px;text-align:center; } .prodOffer1 h3 strong, .prodOffer2 h3 strong, .prodOffer3 h3 strong, .prodOffer4 h3 strong{color:#195576; font-size:11px;font-weight: bold; padding:0px; margin:0px;} .prodOffer1 a.productName, .prodOffer2 a.productName, .prodOffer3 a.productName, .prodOffer4 a.productName{position:relative; display:block; top:0px; width:110px; height:30px; color:#195576;font-size:10px;font-weight: normal;} .prodOffer1 a:hover.productName, .prodOffer2 a:hover.productName, .prodOffer3 a:hover.productName, .prodOffer4 a:hover.productName{text-decoration:none;} .prodOffer1 a.productImg, .prodOffer2 a.productImg, .prodOffer3 a.productImg, .prodOffer4 a.productImg{position:absolute; display:block; width:110px; left:0px;height:115px; top:48px;} .prodOffer1{left:15px;} .prodOffer2{left:165px;} .prodOffer3{left:315px;} .prodOffer4{left:455px;} .prodOffer1 .bluePriceSpecialL, .prodOffer2 .bluePriceSpecialL, .prodOffer3 .bluePriceSpecialL, .prodOffer4 .bluePriceSpecialL{position:absolute;top:140px; width:70px; left:20px;} /* ***** CATEGORY PAGE *********************************************************** */ .categoryHead{position:relative; height:42px; background: url(../img/category/bgCategoryHead.gif) no-repeat left top;} .categoryHead fieldset{position:relative; left:30px; top:12px;} .categoryHead fieldset img{position:relative; top:0px;} .categoryHead fieldset input{border:1px solid #4b83a3; padding:2px 0 0 4px; margin:0 8px 0 12px; height:15px; width:130px;} .categoryHead fieldset select{padding:0 0 0 2px; margin:-0; height:17px; width:145px;} .categoryHeadBox{position:relative; left:4px; background: url(../img/category/bgCategoryBox.gif) no-repeat left top; height:57px; padding-left:40px;} .categoryHeadBox.footwear{ height:52px; padding-top:5px; padding-left:45px; padding-right:20px; } .categoryHeadBox.footwear a{ padding:0 4px 0 4px; text-decoration: none; } .categoryHeadBox img{position:relative; vertical-align:middle; top:3px;} .categoryRow{position:relative; height:152px;} .categoryItem{float:left; cursor:pointer; position:relative; height:152px; width:297px;background: url(../img/category/bgNoPreview.gif) no-repeat left top;} .categoryItem h3{font-size:11px;height:33px; line-height:35px; color:#fff; padding-left:35px;} .categoryItem p{position:absolute; width:150px; left:140px; top:41px; line-height:16px; color:#0d4d67;} .categoryItem a{position:relative; top:80px; left:135px;} .categoryItem h3 a,.categoryItem h3 a:active,.categoryItem h3 a:visited{position:relative; top:0px; left:0px; color:white; text-decoration: none;} .categoryItem h3 a:hover{text-decoration: underline;} /* ***** CONTACT PAGE *********************************************************** */ /* ***** contact boxes for address tel and email ***** */ #contactBg { position: relative; height:195px; width:597px; background:url(/common/img/contactBg.jpg) no-repeat; } #contactBg .contactBox { width:170px; top:70px; } #contactBg .contactPost { position:absolute; left:16px; } #contactBg .contactPhone { position:absolute; left:214px; } #contactBg .contactEmail { position:absolute; left:410px; } #contactBg .contactEmail a { color: #666; font-size: 11px; font-weight: normal; text-decoration: underline;} #contactBg .contactEmail a:hover {text-decoration: none;} /* ***** contact form styling ***** */ #contactForm { padding: 30px 0 30px 35px; margin:0px; border:0px; } #contactForm .contactFormLeft { width:250px; position:relative; } #contactForm .contactFormRight { width:250px; position:absolute; top:30px; right:35px; } #contactForm form { display: inline; } #contactForm label { font-weight: bold; font-family: Arial, Helvetica, sans-serif; } #contactForm input { margin: 1px 0 4px 0; padding: 2px; border: 1px solid #b2b6bc; /*height:18px;*/ width:250px; color:#666666; font-size:11px; font-family: tahoma, Arial; } #contactForm textarea { margin: 1px 0 4px 0; padding: 2px; border: 1px solid #b2b6bc; width:250px; height:130px; color:#666666; font-size:11px; font-family: tahoma, Arial; } #contactForm select { margin: 1px 0 4px 0; padding: 2px; border: 1px solid #b2b6bc; width:256px; /*height:18px;*/ color:#666666; font-size:11px; font-family: tahoma, Arial; } #contactForm .enquirySubmit { border:0px; position:absolute; right:0px; top:160px; color:#FFFFFF; } /* ***** contact abd sign in form positioning ***** */ #contactForm dl, #contactBg dl { margin: 0px 0 0 0; } #contactForm dt, label, #contactBg dt, labe { color:#27607d; font-weight:bold; } #contactForm dd, #contactForm li, #contactBg dd, #contactBg li { margin: 0px; padding: 0px; line-height: 16px; margin: 0 0 3px 0 } /* **** THANKS PAGE **** */ .contactThanks{padding-top:82px; padding-left:160px; text-align:center; width:295px;} .contactThanks h3{line-height:18px; padding:10px 0; font-size:12px;} .contactThanks p{padding-bottom:80px; } /* ***** SUBCAT PAGE *********************************************************** */ /*#filterTop { position:relative; background: url(../img/subcat/subcatFilter.gif) no-repeat left top; height:62px; margin-bottom:10px; }*/ #filterTop { position:relative; background:url(../img/subcat/subcatFilter-updated.gif) no-repeat left top; height:76px; margin-bottom:10px; } #filterTop fieldset{ position:relative; left:30px; top:18px; } #filterTop fieldset img { margin-left:-15px; position:relative; top:0px; } #filterTop fieldset input { border:1px solid #4b83a3; padding:0 0 0 4px; margin:0 8px 0 4px; height:15px; width:114px; } #filterTop fieldset p{position:absolute; top:2px; line-height:15px; left:410px;vertical-align:middle;font-weight: bold; color:#fff;} #filterTop fieldset p img{vertical-align:middle;} #filterTop fieldset p span{padding:0 5px;} #filterTop fieldset label { color:#fff; margin-left:-15px; width:30px; display:inline-block; position:relative; z-index:100; } #filterTop .sortBy { position:absolute; top:22px; right:10px; } #filterTop .sortBy p { font-weight: normal; color:#fff; float: left; display: inline; font-size:0.9em; } #filterTop .sortBy span {padding:0 8px 0 3px; font-weight: bold;} #filterTop .filterNav { position:absolute; top:58px; left:125px; vertical-align:middle; } #filterTop .filterNav p, #filterTop .filterNav a{float:left; display: inline;} #filterTop .filterNav img{float:left; display: inline; vertical-align:middle; padding-top:4px; margin-left:8px;} #filterTop .filterNav a{text-decoration:none; color:#566871;font-weight: bold; padding-right:2px; float:left; display: inline;} #filterTop .filterNav a:hover{text-decoration:underline;} #filterTop .filterNav a.navOn{text-decoration:underline;} #filterTop .filterNav .pageNo{float:left; display: inline; margin:0 50px;} #filterTop .filterNav .next{margin-left:4px;} #filterTop .filterNav .previous{margin-left:5px;} #filterTop .filterNav p.viewAll{width:60px;position:absolute; left:390px; } #filterTop .filterNav p.viewAll a{font-weight: normal;} #filterTop ul.genderFilter { width:150px; height:30px; float:left; position:absolute; left:280px; top:14px; list-style:none; } #filterTop ul.genderFilter li { margin-right:7px; } #filterTop ul.genderFilter li, #filterTop ul.genderFilter li a { float:left; } #filterTop ul.genderFilter li a { height:30px; display:block; text-indent:-9999em; background:url(/common/img/search/gender-filter.png) no-repeat 0 0; } #filterTop ul.genderFilter li.male, #filterTop ul.genderFilter li.male a { width:37px; background-position:0 -14px; } #filterTop ul.genderFilter li.male a:hover { background-position:0 -69px; } #filterTop ul.genderFilter li.male.active a { background-position:0 -124px; } #filterTop ul.genderFilter li.female, #filterTop ul.genderFilter li.female a { width:37px; background-position:-37px -14px; } #filterTop ul.genderFilter li.female a:hover { background-position:-37px -69px; } #filterTop ul.genderFilter li.female.active a { background-position:-37px -124px; } #filterTop ul.genderFilter li.unisex, #filterTop ul.genderFilter li.unisex a { width:46px; background-position:-74px -14px; } #filterTop ul.genderFilter li.unisex a:hover { background-position:-74px -69px; } #filterTop ul.genderFilter li.unisex.active a { background-position:-74px -124px; } img.subLogoHenri{position:absolute; left:480px; top:4px;} img.subLogoGill{position:absolute; left:520px; top:2px;} img.subLogoMusto{position:absolute; left:500px; top:-3px;} div.subcatFilterGo { position:absolute; top:16px; right:130px; width:47px; } #filterBottom{position:relative; text-align:center;height:22px; line-height:20px; width:570px; margin:0 0 0 10px; padding:0; background: url(../img/filter/filterBottom.gif) no-repeat left top;} .filterBottomContainer {margin-left: 115px;} #filterBottom p, #filterBottom a{float:left; display: inline;} #filterBottom img{float:left; display: inline; vertical-align:middle; padding-top:7px; margin-left:8px;} #filterBottom a{text-decoration:none; color:#566871;font-weight: bold; padding-right:2px;} #filterBottom a:hover{text-decoration:underline;} #filterBottom a.navOn{text-decoration:underline;} #filterBottom .pageNo{float:left; display: inline; margin:0 50px;} #filterBottom .next{margin:0 0 0 4px;} #filterBottom .previous{margin:0 0 0 5px;} #filterBottom p.viewAll{width:60px;position:absolute; left:505px; } #filterBottom p.viewAll a{font-weight: normal;} .subcatHeader{height:80px;} .subcatHeader p{position:relative; top:25px; left:25px;font-size:14px; width:180px; text-align:center; color:#fff;font-weight: bolder;} .subcatHeader p span{color:#ff0000;} .subcatHeader p a,.subcatHeader p a:active, .subcatHeader p a:visited { color:#fff;text-decoration:none; } .subcatHeader p a:hover { text-decoration:underline; } .subcatHeaderRight{height:80px;} .subcatHeaderRight p{position:relative; top:22px; left:400px;font-size:14px; width:180px; text-align:center; color:#323334;font-weight: bolder;} .subcatHeaderRight p span{color:#b30611;} .subcatDefault{background: url(../img/subcat/subcatHeader1.gif) no-repeat left top;} .subcatGill{background: url(../img/subcat/subcatHeaderGill.jpg) no-repeat left top;} .subcatHenri{background: url(../img/subcat/subcatHeaderHenri.jpg) no-repeat left top;} .subcatMusto{background: url(../img/subcat/subcatHeaderMusto.jpg) no-repeat left top;} .subcatLogo {position:absolute; top:214px; left:0px; z-index:15; width: 143px; text-align: center;} .gillLogoSmall {position:absolute; top:214px; left:47px; z-index:15;} .henriLogoSmall {position:absolute; top:214px; left:23px; z-index:15;} .mustoLogoSmall {position:absolute; top:214px; left:45px; z-index:15;} #subcat{background: url(../img/subcat/bgSubcat.gif) repeat-x left top; width:588px; background-color:#EBF6FB; padding-bottom: 0px;} #subcat .itemRow{height: 305px;} #subcat .itemRow .item{float:left; position:relative; display:inline;width:150px; height:280px;margin-left:36px;text-align:center; } #subcat .itemRow .item h2 {font-size:11px; padding:0 1px;font-weight:normal; height:47px;color:#195576; line-height:14px;} #subcat .itemRow .item h2 strong{font-size:10px;font-weight: bold; color:#195576;} #subcat .itemRow .item h2 a{color:#195576; text-decoration:underline;} #subcat .itemRow .item h2 a:hover{text-decoration:none;} #subcat .itemRow .item p.wasPrice{color:#000;} #subcat .itemRow .item p.wasPrice span{padding-left:5px;color:#990710;} #subcat .itemRow .itemImg{display:block;position:relative; height:192px; padding-right:6px;background: url(../img/subcat/bgSubcatItem.png) no-repeat left top; z-index:0;} #subcat .itemRow .itemImgExc{position:relative; height:192px;padding-right:7px;background: url(../img/subcat/bgSubcatItemExc.png) no-repeat left top;} #subcat .itemRow .itemImgExc p{color:#000;margin-top:11px;padding-right:2px;} #subcat .itemRow .itemImg img, #subcat .itemRow .itemImgExc img{padding-top:7px;} .bgSubcatTop{height:18px; margin-bottom:8px;background: url(../img/subcat/subCatTop.png) no-repeat left top;} .bgSubcatBottom{height:27px; margin-top:-18px;background: url(../img/subcat/subCatBottom.png) no-repeat left top;} .itemPrice{position:relative; margin:0;line-height:28px;height:28px;font-weight: bold; color:#fff; font-size:12px; text-align:left; padding-left:20px;} .itemPrice span{font-weight:normal; font-size:10px;} .itemPriceContainerBlue, .itemPriceContainerRed, .itemPriceContainerYellow {position:relative; left:6px;padding:0px; margin:0px;} .itemPriceContainerBlue .itemPrice{background: url(../img/subcat/bgPriceBlue.png) no-repeat top left;} .itemPriceContainerBlue a.subcatButtonText, .relatedPriceBlue a.subcatButtonText{background: url(../img/buttons/button46pxBlue.gif) no-repeat left top;} .itemPriceContainerBlue a:hover.subcatButtonText, .relatedPriceBlue a:hover.subcatButtonText{background-position: 0px -30px;} .itemPriceContainerRed .itemPrice{background: url(../img/subcat/bgPriceRed.png) no-repeat top left;} .itemPriceContainerRed a.subcatButtonText, .relatedPriceRed a.subcatButtonText{background: url(../img/buttons/button46pxRed.gif) no-repeat left top;} .itemPriceContainerRed a:hover.subcatButtonText, .relatedPriceRed a:hover.subcatButtonText{background-position: 0px -30px;} .itemPriceContainerRed124 {position: absolute; left:-7px; top: 136px; padding:0px; margin:0px;} .itemPriceContainerRed124 .itemPrice {background: url(../img/subcat/bgPriceRed124.png) no-repeat top left; width: 114px; padding-left: 10px;} .itemPriceContainerRed124 a.subcatButtonText {background: url(../img/buttons/button46pxRed.gif) no-repeat left top;} .itemPriceContainerRed124 a:hover.subcatButtonText {background-position: 0px -30px;} div.subcatView124 {position:absolute; left:73px; width:46px; top:4px;z-index:5;} .prodOffers4 p.wasPrice{color:#000; position: absolute; bottom:-13px; left:10px; width: 90px; text-align: center;} .prodOffers4 p.wasPrice span{color:#990710;} .itemPriceContainerYellow .itemPrice{background: url(../img/subcat/bgPriceYellow.png) no-repeat top left;} .itemPriceContainerYellow a.subcatButtonText, .relatedPriceYellow a.subcatButtonText{background: url(../img/buttons/button46pxOrange.gif) no-repeat left top;} .itemPriceContainerYellow a:hover.subcatButtonText, .relatedPriceYellow a:hover.subcatButtonText{background-position: 0px -30px;} .clearanceStrip{display:block;position:absolute; top:47px; left: 8px;width:135px; height:160px; background: url(../img/subcat/clearance.gif) no-repeat right top; z-index:5;} .specialStrip{display:block;position:absolute; top:47px; left: 8px;width:135px; height:160px; background: url(../img/subcat/special.gif) no-repeat right top; z-index:10;} .clearanceStripSmall{display:block;position:absolute; top:46px; left: 15px;width:80px; height:89px; background: url(../img/subcat/clearance.gif) no-repeat right top; z-index:5;} .specialStripSmall{display:block;position:absolute; top:46px; left: 15px;width:80px; height:89px; background: url(../img/subcat/special.gif) no-repeat right top; z-index:10;} .noStrip{display:block;position:absolute; top:47px; left: 8px;width:135px; height:160px; z-index:10;} .subcatImgLink{display:block;position:relative; z-index:4;} a.whiteLink, a.whiteLink:visited, a.whiteLink:active { color:white; text-decoration: none; } a.whiteLink:hover { color:white; text-decoration:underline; } .swirl a.whiteLink, .contentRowRight h2 a.whiteLink, .contentRowLeft h2 a.whiteLink, .categoryItem h3 a{ display:block; } /* *************************************************** SEARCH PAGE ********************************************** */ #searchFilter {position:relative;background: url(../img/search/searchFilter.gif) no-repeat left top; width: 593px; height: 109px; margin-bottom:10px;} #searchFilterEmpty {position:relative;background: url(../img/search/searchFilterEmpty.gif) no-repeat left top; width: 593px; height: 91px; margin-bottom:10px;} #searchFilter fieldset, #searchFilterEmpty fieldset {position:relative; left:89px; top:13px; width: 350px; height: 60px;} #searchFilter fieldset input, #searchFilterEmpty fieldset input {border:1px solid #4b83a3; padding:1px 0 0 4px; margin:0 10px 16px 0px; height:15px; width:154px; float: left; display: inline;} #searchFilter fieldset select, #searchFilterEmpty fieldset select {border:1px solid #4b83a3; padding:0 0 0 4px; margin:0 10px 16px 0px; /*height:16px;*/ width:160px; float: left; display: inline;} #searchFilter .sortBy, #searchFilterEmpty .sortBy {position:absolute; top:14px; right:20px;} #searchFilter .sortBy p, #searchFilterEmpty .sortBy p {font-weight: normal; color:#fff; float: left; display: inline;} #searchFilter .sortBy span, #searchFilterEmpty .sortBy span {padding:0 8px 0 3px; font-weight: bold;} a.ascending_button_on:link, a.ascending_button_on:visited, a.ascending_button_on:hover, a.ascending_button_on:active { background-image:url(/common/img/search/ascending_button-update.gif); background-repeat: no-repeat; background-position: -15px -15px; width: 15px; height: 15px; float: left; display: inline; margin-right: 5px; } a.ascending_button_off, a.ascending_button_off:link, a.ascending_button_off:visited, a.ascending_button_off:active { background-image:url(/common/img/search/ascending_button-update.gif); background-repeat: no-repeat; background-position: 0 0; width: 15px; height: 15px; float: left; display: inline; margin-right: 5px; } a.ascending_button_off:hover { background-position: -15px 0; } a.descending_button_on, a.descending_button_on:link, a.descending_button_on:visited, a.descending_button_on:hover, a.descending_button_on:active { background-image: url(/common/img/search/ascending_button-update.gif); background-repeat: no-repeat; background-position: 0 0; width: 15px; height: 15px; float: left; display: inline; margin-right: 5px; } a.descending_button_off, a.descending_button_off:visited, a.descending_button_off:active, a.descending_button_off:link { background-image: url(/common/img/search/ascending_button-update.gif); background-repeat: no-repeat; background-position: 0 -15px; width: 15px; height: 15px; float: left; display: inline; margin-right: 5px; } a.descending_button_off:hover { background-position:0 -15px; } #searchFilter .filterNav{position:absolute; top:92px; left:125px; vertical-align:middle;} #searchFilter .filterNav a{float:left; display: inline;} #searchFilter .filterNav img{float:left; display: inline; vertical-align:middle; padding-top:4px; margin-left:8px;} #searchFilter .filterNav a{text-decoration:none; color:#566871;font-weight: bold; padding-right:2px;} #searchFilter .filterNav a:hover{text-decoration:underline;} #searchFilter .filterNav a.navOn{text-decoration:underline;} #searchFilter .filterNav .pageNo{float:left; display: inline; margin:0 50px;} #searchFilter .filterNav .next {margin-left:4px;} #searchFilter .filterNav .previous {margin-left:5px;} #searchFilter .filterNav p.viewAll{width:60px;position:absolute; left:390px; } #searchFilter .filterNav p.viewAll a{font-weight: normal;} .page_desc {width: 567px;margin: 15px 6px 0 11px; } .page_desc img {margin: 0 0 8px 0;} .page_desc h2.page_desc_header,h1.page_desc_header {color: #707070;font-size: 11px;font-weight: bold;margin: 0 0 10px 0; padding: 0;} .page_desc h2 {color: #707070;font-size: 11px;font-weight: bold;margin: 0 0 2px 0; padding: 0;} .page_desc p {color: #707070;font-size: 11px;font-weight: normal;margin: 0 0 15px 0; padding: 0;line-height: 16px;text-align: justify;} div.searchFilterGo {position:absolute; top:44px; right:104px; width:47px;} .searchFilterGo a {background: url(/common/img/buttons/searchGoButton.gif) no-repeat;} .searchFilterGo a:hover {background-position: 0px -25px;} #search {background: url(../img/subcat/bgSubcat.gif) repeat-x left top; width:588px; background-color:#EBF6FB; padding: 0 0 10px 0;} #search .itemRow {height: 325px;} #search .itemRow .item {float:left; position:relative; display:inline;width:162px; height:300px;margin-left:26px;text-align:center; } #search .itemRow .itemImg {position:relative; width: 162px; height:182px; padding: 0; margin-top: 10px; background: url(../img/png/bgSubCatProd.png) no-repeat left top;} #search .itemRow .itemImg img {margin-top: 16px;} #search .itemRow .item h2{font-size:10px; padding:0;font-weight:bold; height:35px;color:#195576; line-height:14px; text-transform: uppercase;} #search .itemRow .item h2 a{color:#195576; text-decoration:none;} #search .itemRow .item h2 a:hover {text-decoration: underline;} .searchPrice { margin: 0;line-height:16px;height:16px;font-weight: bold; color:#fff; font-size:12px; text-align: center; } .searchPrice span {font-size: 9px;font-weight: normal;} .searchPriceBlue {width: 118px; height: 17px; background-color: #327aa1; border: 1px solid #fff; margin: 0 0 5px 0;} .searchPriceRed {width: 118px; height: 17px; background-color: #960909; border: 1px solid #fff; margin: 0 0 5px 0;} .searchPriceOrange {width: 118px; height: 17px; background-color: #ec8f20; border: 1px solid #fff; margin: 0 0 5px 0;} #search .searchWasPrices {width: 162px;height: 30px;text-transform: uppercase;text-align: center;line-height: 8px;margin: 0;padding: 0;} #search p.wasPrice{color:#000; margin: 0; } #search p.rrpPrice{color:#000; margin: 0; } #search p.savePrice{color:#0e5674; margin: 0; } .clearance_offer_corner {position:absolute; top: 9px; right: 10px;width:73px; height:48px; background: url(../img/search/clearance_offer.gif) no-repeat right top; z-index:10;} .special_offer_corner {position:absolute; top: 9px; right: 10px;width:73px; height:48px; background: url(../img/search/special_offer.gif) no-repeat right top; z-index:10;} .searchEmptyBg { background: url(../img/search/searchEmptyBg.gif) no-repeat; width: 587px; height: 83px; margin: 15px 0 15px 0; padding-top: 58px; position: relative; } .searchEmptyBg p {color: #990101;font-weight: bold;text-align: center;margin: 0; padding: 0; /*position: absolute;top: 58px;left: 108px;*/ width: 587px;} /* *************************************************** BRANDS PAGES ********************************************** */ #brandFilter {position:relative;background: url(../img/subcat/subcatFilter.gif) no-repeat left top; height:62px; margin-bottom:10px;} #brandFilter fieldset{position:relative; left:36px; top:11px;} #brandFilter fieldset img{ float: left; display: inline; margin-top: 4px;} #brandFilter fieldset input{border:1px solid #4b83a3; padding:1px 0 0 4px; margin:0 0 15px 10px; height:15px; width:104px; float: left; display: inline;} #brandFilter fieldset select {border:1px solid #4b83a3; padding:0px 0 0 4px; margin:0 0 15px 10px; /*height:16px;*/ width:110px; float: left; display: inline;} #brandFilter .sortBy {position:absolute; top:14px; right:20px;} #brandFilter .sortBy p {font-weight: normal; color:#fff; float: left; display: inline;} #brandFilter .sortBy span {padding:0 8px 0 3px; font-weight: bold;} div.brandFilterGo {position:absolute; top:8px; right:234px; width:47px;} div.brandFilterBottomGo {position:absolute; top:29px; right:155px; width:47px;} a.subcatGoButton { width:34px; height:23px; line-height:21px; background:url(/common/img/subcat/btn-go.jpg) no-repeat; } a.subcatGoButton:hover { background-position: 0px -23px; } .filterNav {position:absolute; top:43px; left:125px; vertical-align:middle;} .brandsFilterNav {position:absolute; top:4px; left:125px; vertical-align:middle;} .filterNav p, .brandsFilterNav p {float:left; display: inline;} .filterNav img, .brandsFilterNav img {float:left; display: inline; vertical-align:middle; padding-top:4px; margin-left:8px;} .filterNav a, .brandsFilterNav a {text-decoration:none; color:#566871;font-weight: bold; padding-right:2px; float:left; display: inline;} .filterNav a:hover, .brandsFilterNav a:hover {text-decoration:underline;} .filterNav a.navOn, .brandsFilterNav a.navOn {text-decoration:underline;} .filterNav .pageNo, .brandsFilterNav .pageNo {float:left; display: inline; margin:0 50px;} .filterNav .next, .brandsFilterNav .next {margin-left:4px;} .filterNav .previous, .brandsFilterNav .previous {margin-left:5px;} .filterNav p.viewAll, .brandsFilterNav p.viewAll {width:60px;position:absolute; left:390px; } .filterNav p.viewAll a, .brandsFilterNav p.viewAll a {font-weight: normal;} #brands {background: url(../img/subcat/bgSubcat.gif) repeat-x left top; width:588px; background-color:#EBF6FB; padding: 0 0 10px 0;} #brands .brandsRow {height: 138px; padding: 0 10px 0 10px; margin: 0 0 15px 0;} #brands .brandsRow .brand {float:left; display:inline;width:185px; height:138px;margin:0;text-align:center; background: url(../img/brands/brandBox.png) no-repeat; } .brandImgOuter {width: 185px;height: 110px;margin: 0;position: relative;} .brandImgContainer {width: 175px;height: 101px;vertical-align: middle;top: 5px;left: 5px;position: absolute;text-align: center;} .brandImgContainer img {vertical-align: middle;} h2.brandName {width: 185px;height: 25px;line-height: 25px;margin-top: 2px;text-align: center;position: relative;} h2.brandName a, h2.brandName a:visited, h2.brandName a:active, h2.brandName a:link { color: #fff; font-size: 11px; font-weight: bold; text-decoration: none; text-transform: capitalize; } h2.brandName a:hover { color: #fff; text-decoration: underline; } .brandDescBox {background: url(../img/brands/brandDescBox.gif) no-repeat;width: 595px;height: 172px;margin: 0;position: relative;} .brandDescBoxImg {width: 175px;height: 101px;position: absolute;top: 36px;left: 30px;} .brandDesc {width: 290px;height: 100px;margin: 0; padding: 0;position: absolute;top: 17px;right: 23px;} .brandDesc p {color: #3d7395;font-size: 11px;font-weight: normal;line-height: 16px;margin: 0 0 5px 0; padding: 0;} .brandDesc p span{font-weight: bold;} .brandDesc p a {color: #3d7395; font-weight: bold; text-decoration: underline;} .brandDesc p a:hover {text-decoration: none;} div.brandViewButton {position:absolute; bottom:20px; right:186px; width:128px;} .brandViewButton a {background: url(/common/img/buttons/brandViewButton.gif) no-repeat;} .brandViewButton a:hover {background-position: 0px -25px;} #brands {background: url(../img/subcat/bgSubcat.gif) repeat-x left top; width:588px; background-color:#EBF6FB; padding: 0 0 10px 0;} #brands .brandRangeRow {height: 188px; padding: 0 37px 0 10px; margin: 0 0 15px 0;} #brands .brandRangeRow .brandRange {float:left; display:inline;width:143px;padding:0 5px 0 5px; height:188px;margin:0 0 0 27px;text-align:center; background: url(../img/brands/brandRangeBox.png) no-repeat; } .brandRangeImgOuter {width: 143px;height: 158px;margin: 0;position: relative;} .brandRangeImgContainer {width: 125px;height: 149px;vertical-align: middle;top: 5px;left: 9px;position: absolute;text-align: center;} .brandRangeImgContainer img {vertical-align: middle;} h2.brandRangeLink {width: 143px;height: 27px;line-height: 13px;margin-top: 2px;text-align: center;position: relative;} h2.brandRangeLink a, h2.brandRangeLink a:visited, h2.brandRangeLink a:active, h2.brandRangeLink a:link { color: #fff; font-size: 11px; font-weight: bold; text-decoration: none; text-transform: capitalize; width: 143px;height: 27px; display:block } h2.brandRangeLink a:hover { color: #fff; text-decoration: underline; } .brandFilterBg {background: url(../img/brands/brandFilterBg.gif) no-repeat;width: 593px;height: 64px;margin: 0;position: relative;} .brandFilterBg select {border:1px solid #4b83a3; padding:0px 0 0 4px; margin:0; /*height:16px;*/ width:110px; position: absolute; bottom: 13px; left: 270px;} /* ********************************************ERROR PAGES ********************************************** */ #bgError{background: url(../img/error/bgError.gif) no-repeat left top; height:150px; margin:10px 0 8px 0; position: relative;} #bgError h2{position:relative; top:50px; left:100px; color:#000; font-size:11px;} .bgErrorText {color: #373636;font-size: 11px;font-weight: bold;text-align: center;line-height: 18px;position: absolute;top: 60px;left: 90px;} .bgErrorText a, .bgErrorText a:visited, .bgErrorText a:active, .bgErrorText a:link {color: #373636;text-decoration: underline;} .bgErrorText a:hover {color: #373636;text-decoration: none;} /* ******************************************** PRODUCT PAGE ********************************************** */ #product{background: url(../img/product/bgProduct.gif) repeat-x left top; background-color:#EBF6FB;width:588px; margin-top:2px;} .productTop{background: url(../img/product/bgTop.gif) no-repeat left top;} .productBottom{background: url(../img/product/bgBottom.gif) no-repeat left bottom; height:385px;} .productImages{position:relative; float:left; display:inline; margin:20px 0 0 20px;width:220px;} .prodMain{position:relative; height:268px; background: url(../img/product/bgMainImage.png) no-repeat left top;} .prodMain img{position:relative; left:12px; top:12px; width:179px;height:214px;} .prodMain p a{position:relative; display:block;top:30px; left:50px; color:#fff; text-decoration:none; width:130px; } .prodOffer{position:absolute; display:block; width:71px; height:70px; top:-15px; left:-10px;background: url(../img/product/bgMainImageOffer.png) no-repeat left top; z-index:10;} .extraImages{text-align:center; margin-top:7px; padding-right:16px;} .extraImages img{border:1px solid #9cb0bb; margin-right:3px;width:43px;height:51px;border:1px solid #a5b9c3;} .productDetails{position:relative; float:left; width:340px; margin-top:20px;} .productDetails h1{float:left;color:#000; font-size:12px;font-weight: bold; width:230px;/*height:20px;*/ line-height:20px;} .brandLogo{float:right; height:22px; vertical-align:top;} .productDots{position:relative; float:left; width:340px;height:4px;background: url(../img/product/dots.gif) repeat-x left bottom;} .productInfo{float:left; display:inline;} .productInfo ul{padding:0px; list-style:none;margin:10px 0 0 5px; } .productInfo ul li{background: url(../img/account/cubeBullets.gif) no-repeat left 0px; margin:0px; padding:0 0 0 15px; line-height:16px; color:#135b7e;} .productPrice{position:absolute; top:215px; left:0px; background-color:#3a80a4; width:348px;} .productPriceTop{background: url(../img/product/bgPriceTop.gif) no-repeat left top;} .productPriceBottom{background: url(../img/product/bgPriceBottom.gif) no-repeat left bottom;padding:10px 0 0px 10px; height:45px;} .productPrice p.price{font-weight: bold;color:#fff; line-height:18px; } .productPrice p.price span{font-size:16px;font-weight: bold;} .productPrice p.wasPrice{color:#d0d1d1; width:160px; text-align:left;} .productPrice p.wasPrice span{color:#ec8f20; padding-left:5px;} .productPrice fieldset{position:absolute; left:180px; top:3px;} .productPrice fieldset label{color:#fff; font-weight:normal; } .productPrice fieldset input{width:25px; height:14px; text-align:center; padding:2px; border:2px solid #184364; color:#6c6c6c; margin-top:2px;} .productPrice fieldset select{margin-top:2px;} .productAvail{position:absolute; left:10px; top:275px; color:#164d68;} .productAvail span{font-weight: bold;} ul.prodLinks{position: absolute; left:10px; top:295px; list-style:none;} ul.prodLinks li{display:inline; background: url(../img/iconArrowRed.gif) no-repeat left; padding-left:12px; padding-right:10px;color:#164d68;} ul.prodLinks li a{color:#164d68; text-decoration:none;} ul.prodLinks li a:hover{text-decoration:underline;} .productTxt{margin-left:20px;color:#707070;width:568px;} .productTxt h2{line-height:20px; height:25px;font-size:11px; margin:10px 20px 5px 0; font-weight: bold; background: url(../img/product/dots.gif) repeat-x left bottom;} .productTxt p { margin:5px 0 5px 0; } .productSpecialStrip{display:block;position:absolute; top:0px; right: 0px;width:95px; height:50px; background: url(../img/subcat/special.gif) no-repeat left top; z-index:10;} .productClearanceStrip{display:block;position:absolute; top:0px; right: 0px;width:95px; height:50px; background: url(../img/subcat/clearance.gif) no-repeat left top; z-index:10;} /**** TECH SPECS ****/ .techSpecs{float:left; margin:5px 0 10px 0; display:inline;} .techSpecs table{border-collapse:collapse; width:560px; margin-bottom:20px;} .techSpecs table tr td{padding:4px 0;background-color:#d4e7f0; border-top:1px solid #f2f2ee; vertical-align:top;} .techSpecs table tr td.techSpecLeft{border-left:1px solid #f2f2ee;font-weight: bold;width:180px;background: url(../img/account/cubeBullets.gif) no-repeat 4px 2px #d4e7f0;padding-left:20px;} .techSpecs table tr td.techSpecRight{border-right:1px solid #f2f2ee;} .techSpecs table tr.altRow td{background-color:#fff; border-left:0px; border-right:0px;} /**** PRODUCT PAGE + OPTIONS ****/ .productDetails h2{float:left; width:230px; font-size:11px; color:#ab0909; font-weight:normal;} #product.freeItemHeight .productBottom{height:450px;} #productOptions .productPrice{top:180px;} #productOptions .productPriceBottom{padding-top:4px; height:85px;} #productOptions fieldset{position:relative; float:left; display:inline; margin-right:12px;left:0px; top:0px;} #productOptions .prodOptions{float:left; display:inline; width:338px; margin-bottom:5px;} #product.freeItemHeight ul.prodLinks{top:365px;} .productAvailOptions{position:absolute; left:10px; top:275px; color:#164d68;} .productAvailOptions span{font-weight: bold;} .freeItem{position:absolute; top:295px; left:10px;} .freeItem h3{font-size:11px; line-height:18px; color:#8f0b12;font-weight: bold;} .freeItem h3 span{color:#000;} .freeStar{display:block; float:left; margin-top:5px;} .freeProdImg{float:left; height:80px; width:73px;margin-left:15px; margin-top:5px; padding-top:6px; text-align:center; background: url(../img/product/freeProdImg.gif) no-repeat left top;} .freeSave{float:left; width:140px; margin:10px 0 0 10px; } .freeSave p{color:#114e6d; margin-top:10px;} .freeSave p.freeChoice{color:#9c9d9e;} .prodColours{text-align:center; margin-top:5px; padding-right:20px;} .prodColours img{border: 1px solid #fff; width:20px; height:16px;} /**** PRODUCT REVERSE ****/ .productBottomOffer{float:left;background: url(../img/product/bgBottom.gif) no-repeat left bottom; width:589px; padding-bottom:25px; } .productReverse{position:relative; float:left;width:588px; margin-top:-24px;background-color:#E8F5FA;} .productReverse h2{background: url(../img/product/offerStar.gif) no-repeat left top; height:40px; line-height:40px; padding-left:80px; font-size:12px;color:#3b87ae;} .productReverse h2 span{color:#000;} .freeProduct{float:left; display:inline; margin:10px 0 0 30px;width:110px; height:200px; text-align:center; } .freeProductImg{padding-top:11px;background: url(../img/product/bgFreeProd.gif) no-repeat left top; width:101px; height:128px; } .freeProduct h3{height:30px;margin:0px; padding:0px;font-size:11px; text-transform:capitalize; color:#195475; width:105px;} /*************************************************** NEWS PAGES **************************************************************/ .news_container {margin: 0 10px 0 18px; padding: 10px 0 1px 0; position: relative;} .news_container h2 {margin: 0 0 1px 16px; padding: 0;color: #2b2b2b;font-size: 11px;font-weight: bold;} .news_container h2 a {color: #2b2b2b;font-size: 11px;font-weight: bold; text-decoration: none;} .news_container h2 a:hover {text-decoration: underline;} .news_container h1.articleHeader {margin: 15px 0 15px 16px; padding: 0;color: #2b2b2b;font-size: 11px;font-weight: bold;} .news_container h3 {margin: 5px 0 7px 0; padding: 0;color: #27607d;font-size: 11px;font-weight: bold; background: url(../img/iconArrowRedWhite.gif) no-repeat center left; height: 16px; line-height: 15px; text-indent: 16px; width: 300px} .news_container p {margin: 0 5px 15px 16px; padding: 0;color: #666666;font-size: 11px;font-weight: normal;line-height: 16px;} .news_container p a {margin: 0; padding: 0;color: #666666;font-size: 11px;font-weight: normal; text-decoration: underline;} .news_container p a:hover {text-decoration: none;} .readMoreNews {float: right;display: inline;} /************************************************ RELATED PRODUCTS **************************************************************/ #relatedProducts{float:left; position:relative;width:588px; height:324px; background: url(../img/relatedProducts/bgRelated.gif) no-repeat left top;} .relatedProduct{float:left; position:relative; display:inline;width:130px; text-align:center; margin-top:30px; margin-left:15px;} #relatedProducts h2 strong{font-size:10px;font-weight: bold; color:#195576;} #relatedProducts h2{font-size:11px; padding:0 1px;font-weight:normal; height:47px;color:#195576; line-height:14px;} #relatedProducts h2 a{color:#195576; text-decoration:underline;} #relatedProducts h2 a:hover{text-decoration:none;} #relatedProducts p.wasPrice{width:124px;color:#000;} #relatedProducts p.savePrice{width:124px; color:#990710} #relatedProducts .itemImg{position:relative; height:136px; padding-right:6px;background: url(../img/relatedProducts/bgItemImg.png) no-repeat left top; z-index:0;} #relatedProducts .itemImg img, #subcat .itemRow .itemImgExc img{padding-top:6px;} .relatedPriceBlue, .relatedPriceRed, .relatedPriceYellow{position:relative; left:0px;padding:0px; margin:0px;} .relatedPriceBlue .itemPrice{padding-left:10px;text-align:left;background: url(../img/relatedProducts/bgPriceBlue.png) no-repeat left top;} .relatedPriceRed .itemPrice{padding-left:10px;text-align:left;background: url(../img/relatedProducts/bgPriceRed.png) no-repeat left top;} .relatedPriceYellow .itemPrice{padding-left:10px;text-align:left;background: url(../img/relatedProducts/bgPriceYellow.png) no-repeat left top;} .relatedClearance{position:absolute; top:48px; left: 2px;width:120px; height:130px; background: url(../img/relatedProducts/clearanceStrip.gif) no-repeat right top; z-index:10;} .relatedSpecial{position:absolute; top:48px; left: 2px;width:120px; height:130px; background: url(../img/relatedProducts/specialStrip.gif) no-repeat right top; z-index:10;} .relatedNoStrip{position:absolute; top:48px; left: 2px;width:120px; height:130px; z-index:10;} /************************************************ CUSTOMER SERVICES **************************************************************/ .deliveryTable { width: 597px; } .deliveryTable tr th { height: 36px; background-image: url(../img/bg_tableTop.png); font-size: 11px; font-weight: bold; color: #27607d; padding-bottom: 0!important; } .deliveryTable tr td { height: 29px; background-image: url(../img/bg_tableRow.png); background-repeat: no-repeat; font-size: 11px; color: #666; text-align: center; padding-bottom: 0!important; } .deliveryTable tr.tableBottom td { background: url(../img/bg_tableBottom.png) left top no-repeat; height: 11px; } .deliveryTable tr th.country, .deliveryTable tr td.country, .deliveryTable tr.tableBottom td.country { width: 179px; padding-left: 28px; background-position: left top; text-align: left; } .deliveryTable tr th.country { width: 177px; padding-left: 30px; } .deliveryTable tr td.country p { float: left; padding: 5px 0 0 9px; } .deliveryTable tr td.country img { float: left; padding-top: 0; } .deliveryTable tr.tableTop td { height: 32px; } .deliveryTable tr.tableTop td.country p { padding: 7px 0 0 9px; } .deliveryTable tr.tableTop td.country img { padding-top: 2px; } .deliveryTable tr th.price, .deliveryTable tr td.price, .deliveryTable tr.tableBottom td.price { width: 105px; background-position: -207px top; } .deliveryTable tr th.time, .deliveryTable tr td.time, .deliveryTable tr.tableBottom td.time { width: 127px; background-position: -312px top; } .deliveryTable tr th.courier, .deliveryTable tr td.courier, .deliveryTable tr.tableBottom td.courier { width: 153px; padding-right: 5px; background-position: -439px top; } /************************************************ SITEMAP **************************************************************/ ul.sitemap {padding:0px; list-style:none;margin:10px 0 0 5px; } ul.sitemap li{background: url(../img/account/cubeBullets.gif) no-repeat left 0px; margin:0px; padding:0 0 0 15px; line-height:17px; color:#135b7e;font-weight:bold;} ul.sitemap li a{color:#135b7e; text-decoration:none;} ul.sitemap li a:hover{text-decoration:underline;} ul.sitemap ul{list-style:none; margin:3px 0; } ul.sitemap li ul li{ font-weight:normal; } .left {float:left;}