/* - - - - - - - - - - - - - - - - - - - - - Title : Jane Carr Author : Skywire URL : www.skywire.co.uk Description : Single Spreadsheet for Gziping Created : 13/02/2008 Modified : 04/03/2009 - - - - - - - - - - - - - - - - - - - - - */ /* _________________________________________ ------------------------------------------------------ LAYOUT __________________________________________*/ /* GLOBAL RESETS - http://developer.yahoo.com/yui/reset/ */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,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{font-style:normal;font-weight:normal;} ol,ul{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;} /* CENTER CONTENT - http://d-graff.de/fricca/center.html */ html,body {height:100%;} body {background-color:#000;color:#333;font:100.01%/1.4 Arial,Helvetica,sans-serif;text-align:center; /* horizontal centering for IE Win quirks */} body#bodyHome {line-height:1;overflow:hidden;} #distance {width:1px;height:50%;background:#000 url(/assets/img/loadingAnimation.gif) no-repeat -9000px -9000px;margin-bottom:-326px; /* half of container's height */float:left;} #container { margin:0 auto; position:relative; /* puts container in front of distance */ text-align:left; height:652px; width:940px; clear:left; background-color:#000; padding:0 15px; } /* DIVS */ #navigation {height:120px;} #primaryContent { /* IE min-height fix - http://www.dustindiaz.com/min-height-fast-hack/ */ min-height:417px; height:auto !important; height:417px; background-color:#fff; font-size:10px; position:relative; } #footer { height:115px; background: url(/assets/img/footer_gradient.jpg) repeat-x 0 0; /* much smaller than .gif and no loss of quality */ } /* GLOBALS */ .hide {display:none !important;} .cloak {visibility:hidden !important;} .clear { border: 0; clear: both; display: block; float: none; margin: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; } .btns label { background: url(/assets/img/input_textbox_bg.jpg) repeat-x 0 0; border:1px solid #eee; padding:3px; } .btns label.highlight { background:#fafafa none; border:1px solid #ccc; padding:3px; } #primaryContent .disabled { background:#eee none; color:#eee; } h2.head-replace { height:12px; overflow:hidden; text-indent:-9000px; } img.imgLeft { float:left; margin:0 30px 15px 0; } img.imgRight { float:right; margin:0 0 15px 30px; } a.textLink {color:#999;} a:hover.textLink {color:#ea0f6b;} /* FLEXIBLE FLASH */ body.flexible #container { padding:0; width:100%; position:relative; } body.flexible #navigation { width:940px; margin:0 auto; } body.flexible #primaryContent { height:532px; background-color:#000; min-width:940px; } body.flexible #flashContent{ background-color:#000; color:#fff; width:100%; height:532px; } body#bodyHome #flashContent{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;} body.flexible #footer { display:none; } /* FLEXIBLE CONTENT */ body.flexibleHeight #primaryContent { /* IE min-height fix - http://www.dustindiaz.com/min-height-fast-hack/ */ min-height:417px; height:auto !important; height:417px; } /* _________________________________________ ------------------------------------------------------ NAVIGATION ------------------------------------------------------ __________________________________________*/ /* GENERAL */ #navigation { text-transform:uppercase; position:relative; /* set as container for shoppingBagPreview */ } #navigation ul {font-size:10px;line-height:16px;display:block;} #navigation ul li {float:left;list-style-type: none;display:block;height:6px;overflow:hidden;text-indent:-9000px;} #navigation ul li a {color:#666;text-decoration:none;display:block;height:8px;width:100px;overflow:hidden;margin-left:19px;outline:none;} ul#primaryNav li a {background:url(/assets/img/nav_primary.gif) no-repeat 0 0;} ul#secondaryNav, ul#tertiaryNav {margin-top:14px;} ul.navCollections {margin-left:193px;height:1px;} .saleEnable ul.navCollections {margin-left:53px;} /* wayfarer 0px */ #bodyPressCampaigns .saleEnable ul.navCollections {margin-left:72px;} /* wayfarer 21px */ ul.navCollaborations {margin-left:103px;height:1px;} ul.navCheckout {margin-left:265px;} ul.navPress {margin-left:186px;} ul.navStockists {margin-left:85px;} ul.colourFoot {margin-left:186px;} ul.navScarves {margin-left:275px;} .saleEnable ul.navScarves {margin-left:215px;} ul.navBeach {margin-left:311px;} .saleEnable ul.navBeach {margin-left:288px;} #bodyBuyOnline #secondaryNav, #bodyProductsInfo #secondaryNav {margin-left:225px;} #bodyBuyOnline .saleEnable #secondaryNav, #bodyProductsInfo .saleEnable #secondaryNav {margin-left:202px;} /* buy-online */ #bodyBuyOnline #footer {display:none;} #bodyBuyOnline #navigation ul.collectionFoot {margin-left:68px;} /* wayfarer 21px */ #bodyBuyOnline #navigation ul.colourFoot {margin-left:120px;} #bodyBuyOnline #navigation ul.shapeFoot {margin-left:177px;} #bodyBuyOnline #navigation ul.fabricFoot {margin-left:195px;} /* wayfarer 125px */ #bodyBuyOnline #secondaryNav li a, #bodyProductsInfo #secondaryNav li a {background:url(/assets/img/nav_buyonline.gif) no-repeat 0 0;} #bodyBuyOnline #navigation .collectionFoot li a, ul.navCollections li a {background:url(/assets/img/nav_collections.png) no-repeat 0 0;} ul.navCollaborations li a {background:url(/assets/img/nav_collaborations.gif) no-repeat 0 0;} #bodyBuyOnline #navigation .colourFoot li a {background:url(/assets/img/nav_colour.png) no-repeat 0 0;} #bodyBuyOnline #navigation .shapeFoot li a {background:url(/assets/img/nav_shape.png) no-repeat 0 0;} #bodyBeach #navigation .navBeach li a {background:url(/assets/img/nav_shape.png) no-repeat 0 0;} #bodyScarves #navigation .navScarves li a {background:url(/assets/img/nav_shape.png) no-repeat 0 0;} #bodyBuyOnline #navigation .fabricFoot li a {background:url(/assets/img/nav_fabric.gif) no-repeat 0 0;} ul.navCheckout li a {background:url(/assets/img/nav_checkout.gif) no-repeat 0 0;} ul.navPress li a {background:url(/assets/img/nav_press.gif) no-repeat 0 0;} ul.navStockists li a {background:url(/assets/img/nav_stockists.png) no-repeat 0 0;} /* ul.colourFoot li a {background:url(/assets/img/nav_colour.png) no-repeat 0 0;}*/ /* HOME PAGE LAYERING OVER FLASH - START */ body#bodyHome #container, body#bodyHome #primaryContent {background-color:transparent;} body#bodyHome #container {z-index:1000 !important;} body#bodyHome ul#primaryNav li a {background-image:url(/assets/img/nav_primary.png);} body#bodyHome ul#primaryNav li#pNav-home a {background-image:url(/assets/img/nav_primary_logo.png);} /* HOME PAGE LAYERING OVER FLASH - END */ /* PRIMARY*/ /* home*/ #navigation ul#primaryNav li#pNav-home {width:607px;height:26px;margin:15px 0 19px 327px;} #navigation ul#primaryNav li#pNav-home a {width:295px;height:26px;background: url(/assets/img/nav_primary_logo.gif) no-repeat 0 0;margin:0;} #navigation ul#primaryNav li#pNav-home a:hover{background-position:0 0;} /* link */ #navigation #pNav-about a{width:57px;background-position:0 0;} #navigation #pNav-scarv a{width:50px;background-position:-58px 0;} #navigation #pNav-beach a{width:36px;background-position:-109px 0;} #navigation #pNav-colle a{width:78px;background-position:-146px 0;} #navigation #pNav-colla a{width:101px;background-position:-224px 0;} #navigation #pNav-stock a{width:61px;background-position:-326px 0;} #navigation #pNav-press a{width:35px;background-position:-388px 0;} #navigation #pNav-conta a{width:72px;background-position:-424px 0;} #navigation #pNav-regis a{width:54px;background-position:-496px 0;} #navigation #pNav-help a{width:27px;background-position:-551px 0;} #navigation #pNav-buy a{width:68px;background-position:-585px 0;margin-left:55px;} /* hover */ #navigation #pNav-about a:hover{background-position:0 -8px;} #navigation #pNav-scarv a:hover{background-position:-58px -8px;} #navigation #pNav-beach a:hover{background-position:-109px -8px;} #navigation #pNav-colle a:hover{background-position:-146px -8px;} #navigation #pNav-colla a:hover{background-position:-224px -8px;} #navigation #pNav-stock a:hover{background-position:-326px -8px;} #navigation #pNav-press a:hover{background-position:-388px -8px;} #navigation #pNav-conta a:hover{background-position:-424px -8px;} #navigation #pNav-regis a:hover{background-position:-496px -8px;} #navigation #pNav-help a:hover{background-position:-551px -8px;} #navigation #pNav-buy a:hover{background-position:-585px -8px;} /* current */ #navigation #pNav-about.currentPage a{background-position:0 -16px;} #navigation #pNav-scarv.currentPage a{background-position:-58px -16px;} #navigation #pNav-beach.currentPage a{background-position:-109px -16px;} #navigation #pNav-colle.currentPage a{background-position:-146px -16px;} #navigation #pNav-colla.currentPage a{background-position:-224px -16px;} #navigation #pNav-stock.currentPage a{background-position:-326px -16px;} #navigation #pNav-press.currentPage a{background-position:-388px -16px;} #navigation #pNav-conta.currentPage a{background-position:-424px -16px;} #navigation #pNav-regis.currentPage a{background-position:-496px -16px;} #navigation #pNav-help.currentPage a{background-position:-551px -16px;} #navigation #pNav-buy.currentPage a{background-position:-585px -16px;} /* SECONDARY */ /* collections + buy-online - collection */ /* link */ #navigation #sNav-excap a, #bodyBuyOnline #navigation #es a {width:95px;background-position:0 0;} #navigation #sNav-ilcir a, #bodyBuyOnline #navigation #il a {width:50px;background-position:-95px 0;} #navigation #sNav-nuitb a, #bodyBuyOnline #navigation #nu a {width:83px;background-position:-165px 0;} #navigation #sNav-plein a, #bodyBuyOnline #navigation #pl a {width:77px;background-position:-268px 0;} #navigation #sNav-white a, #bodyBuyOnline #navigation #wr a {width:134px;background-position:-361px 0;} #navigation #sNav-opium a, #bodyBuyOnline #navigation #od a {width:118px;background-position:-495px 0;} #navigation #sNav-parad a, #bodyBuyOnline #navigation #pa a {width:82px;background-position:-615px 0;} #navigation #sNav-sale a {width:27px;background-image:url(/assets/img/nav_buyonline.gif);background-position:-441px 0;} #navigation #sNav-wayfa a, #bodyBuyOnline #navigation #wa a {width:95px;background-position:-697px 0;} /* hover */ #navigation #sNav-excap a:hover, #bodyBuyOnline #navigation #es a:hover {background-position:0 -8px;} #navigation #sNav-ilcir a:hover, #bodyBuyOnline #navigation #il a:hover {background-position:-95px -8px;} #navigation #sNav-nuitb a:hover, #bodyBuyOnline #navigation #nu a:hover {background-position:-165px -8px;} #navigation #sNav-plein a:hover, #bodyBuyOnline #navigation #pl a:hover {background-position:-268px -8px;} #navigation #sNav-white a:hover, #bodyBuyOnline #navigation #wr a:hover {background-position:-361px -8px;} #navigation #sNav-opium a:hover, #bodyBuyOnline #navigation #od a:hover {background-position:-495px -8px;} #navigation #sNav-parad a:hover, #bodyBuyOnline #navigation #pa a:hover {background-position:-615px -8px;} #navigation #sNav-sale a:hover {background-position:-441px -8px;} #navigation #sNav-wayfa a:hover, #bodyBuyOnline #navigation #wa a:hover {background-position:-697px -8px;} /* current */ #navigation #sNav-excap.currentPage a, #bodyBuyOnline #navigation #es a.currentView {background-position:0 -16px;} #navigation #sNav-ilcir.currentPage a, #bodyBuyOnline #navigation #il a.currentView {background-position:-95px -16px;} #navigation #sNav-nuitb.currentPage a, #bodyBuyOnline #navigation #nu a.currentView {background-position:-165px -16px;} #navigation #sNav-plein.currentPage a, #bodyBuyOnline #navigation #pl a.currentView {background-position:-268px -16px;} #navigation #sNav-white.currentPage a, #bodyBuyOnline #navigation #wr a.currentView {background-position:-361px -16px;} #navigation #sNav-opium.currentPage a, #bodyBuyOnline #navigation #od a.currentView {background-position:-495px -16px;} #navigation #sNav-parad.currentPage a, #bodyBuyOnline #navigation #pa a.currentView {background-position:-615px -16px;} #navigation #sNav-sale a.currentView {background-position:-441px -16px;} #navigation #sNav-wayfa.currentPage a, #bodyBuyOnline #navigation #wa a.currentView {background-position:-697px -16px;} /* shopping bag/checkout */ /* link */ #navigation #sNav-shopb a{width:84px;background-position:0 0;} #navigation #sNav-login a{width:33px;background-position:-85px 0;} #navigation #sNav-deliv a{width:52px;background-position:-120px 0;} #navigation #sNav-payme a{width:50px;background-position:-173px 0;} #navigation #sNav-confi a{width:85px;background-position:-224px 0;} /* hover */ #navigation #sNav-shopb a:hover{background-position:0 -8px;} #navigation #sNav-login a:hover{background-position:-85px -8px;} #navigation #sNav-deliv a:hover{background-position:-120px -8px;} #navigation #sNav-payme a:hover{background-position:-173px -8px;} #navigation #sNav-confi a:hover{background-position:-224px -8px;} /* current */ #navigation #sNav-shopb.currentPage a{background-position:0 -16px;} #navigation #sNav-login.currentPage a{background-position:-85px -16px;} #navigation #sNav-deliv.currentPage a{background-position:-120px -16px;} #navigation #sNav-payme.currentPage a{background-position:-173px -16px;} #navigation #sNav-confi.currentPage a{background-position:-224px -16px;} /* collaborations */ /* link */ #navigation #sNav-cdlm a{width:101px;background-position:0 0;} #navigation #sNav-bo a{width:87px;background-position:-101px 0;} #navigation #sNav-lm a{width:41px;background-position:-188px 0;} #navigation #sNav-gos a{width:135px;background-position:-229px 0;} #navigation #sNav-gs a{width:127px;background-position:-364px 0;} #navigation #sNav-fa a{width:101px;background-position:-491px 0;} /* hover */ #navigation #sNav-cdlm a:hover{background-position:0 -8px;} #navigation #sNav-bo a:hover{background-position:-101px -8px;} #navigation #sNav-lm a:hover{background-position:-188px -8px;} #navigation #sNav-gos a:hover{background-position:-229px -8px;} #navigation #sNav-gs a:hover{background-position:-364px -8px;} #navigation #sNav-fa a:hover{background-position:-491px -8px;} /* current */ #navigation #sNav-cdlm.currentPage a{background-position:0 -16px;} #navigation #sNav-bo.currentPage a{background-position:-101px -16px;} #navigation #sNav-lm.currentPage a{background-position:-188px -16px;} #navigation #sNav-gos.currentPage a{background-position:-229px -16px;} #navigation #sNav-gs.currentPage a{background-position:-364px -16px;} #navigation #sNav-fa.currentPage a{background-position:-491px -16px;} /* press */ /* link */ #navigation #sNav-cov a{width:98px;background-position:0 0;} #navigation #sNav-cam a{width:64px;background-position:-99px 0;} #navigation #sNav-rel a{width:95px;background-position:-165px 0;} #navigation #sNav-ima a{width:40px;background-position:-262px 0;} #navigation #sNav-sam a{width:50px;background-position:-303px 0;} #navigation #sNav-tes a{width:81px;background-position:-354px 0;} /* hover */ #navigation #sNav-cov a:hover{background-position:0 -8px;} #navigation #sNav-cam a:hover{background-position:-99px -8px;} #navigation #sNav-rel a:hover{background-position:-165px -8px;} #navigation #sNav-ima a:hover{background-position:-262px -8px;} #navigation #sNav-sam a:hover{background-position:-303px -8px;} #navigation #sNav-tes a:hover{background-position:-354px -8px;} /* current */ #navigation #sNav-cov.currentPage a{background-position:0 -16px;} #navigation #sNav-cam.currentPage a{background-position:-99px -16px;} #navigation #sNav-rel.currentPage a{background-position:-165px -16px;} #navigation #sNav-ima.currentPage a{background-position:-262px -16px;} #navigation #sNav-sam.currentPage a{background-position:-303px -16px;} #navigation #sNav-tes.currentPage a{background-position:-354px -16px;} /* stockists */ /* link */ #navigation #sNav-uk a{width:97px;background-position:0 0;} #navigation #sNav-hk a{width:68px;background-position:-97px 0;} #navigation #sNav-france a{width:45px;background-position:-165px 0;} #navigation #sNav-germany a{width:53px;background-position:-210px 0;} #navigation #sNav-japan a{width:36px;background-position:-263px 0;} #navigation #sNav-uae a{width:21px;background-position:-577px 0;} #navigation #sNav-denmark a{width:53px;background-position:-435px 0;} #navigation #sNav-sweden a{width:45px;background-position:-488px 0;} #navigation #sNav-russia a{width:40px;background-position:-536px 0;} #navigation #sNav-usa a{width:21px;background-position:-600px 0;} #navigation #sNav-ireland a{width:47px;background-position:-622px 0;} #navigation #sNav-all a{width:50px;background-position:-669px 0;} /* hover */ #navigation #sNav-uk a:hover{background-position:0 -8px;} #navigation #sNav-hk a:hover{background-position:-97px -8px;} #navigation #sNav-france a:hover{background-position:-165px -8px;} #navigation #sNav-germany a:hover{background-position:-210px -8px;} #navigation #sNav-japan a:hover{background-position:-263px -8px;} #navigation #sNav-uae a:hover{background-position:-577px -8px;} #navigation #sNav-denmark a:hover{background-position:-435px -8px;} #navigation #sNav-sweden a:hover{background-position:-488px -8px;} #navigation #sNav-russia a:hover{background-position:-536px -8px;} #navigation #sNav-usa a:hover{background-position:-600px -8px;} #navigation #sNav-ireland a:hover{background-position:-622px -8px;} #navigation #sNav-all a:hover{background-position:-669px -8px;} /* current */ #navigation #sNav-uk.currentPage a{background-position:0 -16px;} #navigation #sNav-hk.currentPage a{background-position:-97px -16px;} #navigation #sNav-france.currentPage a{background-position:-165px -16px;} #navigation #sNav-germany.currentPage a{background-position:-210px -16px;} #navigation #sNav-japan.currentPage a{background-position:-263px -16px;} #navigation #sNav-uae.currentPage a{background-position:-577px -16px;} #navigation #sNav-denmark.currentPage a{background-position:-435px -16px;} #navigation #sNav-sweden.currentPage a{background-position:-488px -16px;} #navigation #sNav-russia.currentPage a{background-position:-536px -16px;} #navigation #sNav-usa.currentPage a{background-position:-600px -16px;} #navigation #sNav-ireland.currentPage a{background-position:-622px -16px;} #navigation #sNav-all.currentPage a{background-position:-669px -16px;} /* buy-online */ /* link */ #bodyBuyOnline #navigation #all a, #bodyProductsInfo #navigation #all a {width:50px;background-position:0 0;} #bodyBuyOnline #navigation #colo a, #bodyProductsInfo #navigation #colo a {width:95px;background-position:-50px 0;} #bodyBuyOnline #navigation #coll a, #bodyProductsInfo #navigation #coll a {width:119px;background-position:-145px 0;} #bodyBuyOnline #navigation #shap a, #bodyProductsInfo #navigation #shap a {width:86px;background-position:-264px 0;} #bodyBuyOnline #navigation #fabr a, #bodyProductsInfo #navigation #fabr a {width:90px;background-position:-350px 0;} #bodyBuyOnline #navigation #sale a, #bodyProductsInfo #navigation #sale a {width:27px;background-position:-441px 0;} /* hover */ #bodyBuyOnline #navigation #all a:hover, #bodyProductsInfo #navigation #all a:hover {background-position:0 -8px;} #bodyBuyOnline #navigation #colo a:hover, #bodyProductsInfo #navigation #colo a:hover {background-position:-50px -8px;} #bodyBuyOnline #navigation #coll a:hover, #bodyProductsInfo #navigation #coll a:hover {background-position:-145px -8px;} #bodyBuyOnline #navigation #shap a:hover, #bodyProductsInfo #navigation #shap a:hover {background-position:-264px -8px;} #bodyBuyOnline #navigation #fabr a:hover, #bodyProductsInfo #navigation #fabr a:hover {background-position:-350px -8px;} #bodyBuyOnline #navigation #sale a:hover, #bodyProductsInfo #navigation #sale a:hover {background-position:-441px -8px;} /* current */ #bodyBuyOnline #navigation #all a.currentView{background-position:0 -16px;} #bodyBuyOnline #navigation #colo a.currentView{background-position:-50px -16px;} #bodyBuyOnline #navigation #coll a.currentView{background-position:-145px -16px;} #bodyBuyOnline #navigation #shap a.currentView{background-position:-264px -16px;} #bodyBuyOnline #navigation #fabr a.currentView{background-position:-350px -16px;} #bodyBuyOnline #navigation #sale a.currentView{background-position:-441px -16px;} /* buy-online - colour */ /* link */ #bodyBuyOnline #navigation #black a{width:34px;background-position:0 0;} #bodyBuyOnline #navigation #blue a{width:29px;background-position:-34px 0;} #bodyBuyOnline #navigation #green a{width:37px;background-position:-63px 0;} #bodyBuyOnline #navigation #grey a{width:29px;background-position:-100px 0;} #bodyBuyOnline #navigation #navy a{width:29px;background-position:-129px 0;} #bodyBuyOnline #navigation #orange a{width:45px;background-position:-158px 0;} #bodyBuyOnline #navigation #pink a{width:27px;background-position:-203px 0;} #bodyBuyOnline #navigation #purple a{width:44px;background-position:-230px 0;} #bodyBuyOnline #navigation #red a{width:22px;background-position:-274px 0;} #bodyBuyOnline #navigation #white a{width:35px;background-position:-296px 0;} #bodyBuyOnline #navigation #yellow a{width:43px;background-position:-331px 0;} #bodyBuyOnline #navigation #black a{width:36px;background-position:-374px 0;} #bodyBuyOnline #navigation #cream a{width:37px;background-position:-409px 0;} #bodyBuyOnline #navigation #brown a{width:40px;background-position:-448px 0;} /* hover */ #bodyBuyOnline #navigation #black a:hover{background-position:0 -8px;} #bodyBuyOnline #navigation #blue a:hover{background-position:-34px -8px;} #bodyBuyOnline #navigation #green a:hover{background-position:-63px -8px;} #bodyBuyOnline #navigation #grey a:hover{background-position:-100px -8px;} #bodyBuyOnline #navigation #navy a:hover{background-position:-129px -8px;} #bodyBuyOnline #navigation #orange a:hover{background-position:-158px -8px;} #bodyBuyOnline #navigation #pink a:hover{background-position:-203px -8px;} #bodyBuyOnline #navigation #purple a:hover{background-position:-230px -8px;} #bodyBuyOnline #navigation #red a:hover{background-position:-274px -8px;} #bodyBuyOnline #navigation #white a:hover{background-position:-296px -8px;} #bodyBuyOnline #navigation #yellow a:hover{background-position:-331px -8px;} #bodyBuyOnline #navigation #black a:hover{background-position:-374px -8px;} #bodyBuyOnline #navigation #cream a:hover{background-position:-409px -8px;} #bodyBuyOnline #navigation #brown a:hover{background-position:-448px -8px;} /* current */ #bodyBuyOnline #navigation #black a.currentView{background-position:0 -16px;} #bodyBuyOnline #navigation #blue a.currentView{background-position:-34px -16px;} #bodyBuyOnline #navigation #green a.currentView{background-position:-63px -16px;} #bodyBuyOnline #navigation #grey a.currentView{background-position:-100px -16px;} #bodyBuyOnline #navigation #navy a.currentView{background-position:-129px -16px;} #bodyBuyOnline #navigation #orange a.currentView{background-position:-158px -16px;} #bodyBuyOnline #navigation #pink a.currentView{background-position:-203px -16px;} #bodyBuyOnline #navigation #purple a.currentView{background-position:-230px -16px;} #bodyBuyOnline #navigation #red a.currentView{background-position:-274px -16px;} #bodyBuyOnline #navigation #white a.currentView{background-position:-296px -16px;} #bodyBuyOnline #navigation #yellow a.currentView{background-position:-331px -16px;} #bodyBuyOnline #navigation #black a.currentView{background-position:-374px -16px;} #bodyBuyOnline #navigation #cream a.currentView{background-position:-409px -16px;} #bodyBuyOnline #navigation #brown a.currentView{background-position:-448px -16px;} /* buy-online - shape */ /* link */ #bodyBuyOnline #navigation #pareo a{width:36px;background-position:0 0;} #bodyBuyOnline #navigation #skinny a{width:41px;background-position:-36px 0;} #bodyBuyOnline #navigation #lskinny a{width:75px;background-position:-77px 0;} #bodyBuyOnline #navigation #square a{width:46px;background-position:-152px 0;} #bodyBuyOnline #navigation #cSquare a{width:97px;background-position:-301px 0;} #bodyBuyOnline #navigation #lSquare a{width:84px;background-position:-398px 0;} #bodyBuyOnline #navigation #stole a{width:35px;background-position:-198px 0;} #bodyBuyOnline #navigation #towel a{width:37px;background-position:-233px 0;} #bodyBuyOnline #navigation #wrap a{width:31px;background-position:-270px 0;} #bodyBuyOnline #navigation #diamond a{width:52px;background-position:-741px 0;} /* hover */ #bodyBuyOnline #navigation #pareo a:hover{background-position:0 -8px;} #bodyBuyOnline #navigation #skinny a:hover{background-position:-36px -8px;} #bodyBuyOnline #navigation #lskinny a:hover{background-position:-77px -8px;} #bodyBuyOnline #navigation #square a:hover{background-position:-152px -8px;} #bodyBuyOnline #navigation #cSquare a:hover{background-position:-301px -8px;} #bodyBuyOnline #navigation #lSquare a:hover{background-position:-398px -8px;} #bodyBuyOnline #navigation #stole a:hover{background-position:-198px -8px;} #bodyBuyOnline #navigation #towel a:hover{background-position:-233px -8px;} #bodyBuyOnline #navigation #wrap a:hover{background-position:-270px -8px;} #bodyBuyOnline #navigation #diamond a:hover{background-position:-741px -8px;} /* current */ #bodyBuyOnline #navigation #pareo a.currentView{background-position:0 -16px;} #bodyBuyOnline #navigation #skinny a.currentView{background-position:-36px -16px;} #bodyBuyOnline #navigation #lskinny a.currentView{background-position:-77px -16px;} #bodyBuyOnline #navigation #square a.currentView{background-position:-152px -16px;} #bodyBuyOnline #navigation #cSquare a.currentView{background-position:-301px -16px;} #bodyBuyOnline #navigation #lSquare a.currentView{background-position:-398px -16px;} #bodyBuyOnline #navigation #stole a.currentView{background-position:-198px -16px;} #bodyBuyOnline #navigation #towel a.currentView{background-position:-233px -16px;} #bodyBuyOnline #navigation #wrap a.currentView{background-position:-270px -16px;} #bodyBuyOnline #navigation #diamond a.currentView{background-position:-741px -16px;} /* buy-online - fabric */ /* link */ #bodyBuyOnline #navigation #cotton a{width:44px;background-position:0 0;} #bodyBuyOnline #navigation #chiffon a{width:79px;background-position:-82px 0;} #bodyBuyOnline #navigation #satin a{width:62px;background-position:-161px 0;} #bodyBuyOnline #navigation #twill a{width:60px;background-position:-223px 0;} #bodyBuyOnline #navigation #towelling a{width:62px;background-position:-283px 0;} #bodyBuyOnline #navigation #silkvoile a{width:62px;background-position:-345px 0;} #bodyBuyOnline #navigation #cashsilk a{width:60px;background-position:-407px 0;} #bodyBuyOnline #navigation #wool a{width:32px;background-position:-537px 0;} #bodyBuyOnline #navigation #modal a{width:39px;background-position:-610px 0;} #bodyBuyOnline #navigation #linen a{width:33px;background-position:-719px 0;} /* hover */ #bodyBuyOnline #navigation #cotton a:hover{background-position:0 -8px;} #bodyBuyOnline #navigation #chiffon a:hover{background-position:-82px -8px;} #bodyBuyOnline #navigation #satin a:hover{background-position:-161px -8px;} #bodyBuyOnline #navigation #twill a:hover{background-position:-223px -8px;} #bodyBuyOnline #navigation #towelling a:hover{background-position:-283px -8px;} #bodyBuyOnline #navigation #silkvoile a:hover{background-position:-345px -8px;} #bodyBuyOnline #navigation #cashsilk a:hover{background-position:-407px -8px;} #bodyBuyOnline #navigation #wool a:hover{background-position:-537px -8px;} #bodyBuyOnline #navigation #modal a:hover{background-position:-610px -8px;} #bodyBuyOnline #navigation #linen a:hover{background-position:-719px -8px;} /* current */ #bodyBuyOnline #navigation #cotton a.currentView{background-position:0 -16px;} #bodyBuyOnline #navigation #chiffon a.currentView{background-position:-82px -16px;} #bodyBuyOnline #navigation #satin a.currentView{background-position:-161px -16px;} #bodyBuyOnline #navigation #twill a.currentView{background-position:-223px -16px;} #bodyBuyOnline #navigation #towelling a.currentView{background-position:-283px -16px;} #bodyBuyOnline #navigation #silkvoile a.currentView{background-position:-345px -16px;} #bodyBuyOnline #navigation #cashsilk a.currentView{background-position:-407px -16px;} #bodyBuyOnline #navigation #wool a.currentView{background-position:-537px -16px;} #bodyBuyOnline #navigation #modal a.currentView{background-position:-610px -16px;} #bodyBuyOnline #navigation #linen a.currentView{background-position:-719px -16px;} /* scarves */ /* link */ #bodyScarves #navigation #square a{width:47px;background-position:-152px 0;} #bodyScarves #navigation #cSquare a{width:97px;background-position:-301px 0;} #bodyScarves #navigation #lSquare a{width:84px;background-position:-398px 0;} #bodyScarves #navigation #wrap a{width:31px;background-position:-270px 0;} #bodyScarves #navigation #skinny a{width:42px;background-position:-36px 0;} #bodyScarves #navigation #lskinny a{width:76px;background-position:-77px 0;} #bodyScarves #navigation #stole a{width:36px;background-position:-198px 0;} #bodyScarves #navigation #diamond a{width:52px;background-position:-741px 0;} #bodyScarves #navigation #sale a{width:27px;background-image:url(/assets/img/nav_buyonline.gif);background-position:-441px 0;} /* hover */ #bodyScarves #navigation #square a:hover{background-position:-152px -8px;} #bodyScarves #navigation #cSquare a:hover{background-position:-301px -8px;} #bodyScarves #navigation #lSquare a:hover{background-position:-398px -8px;} #bodyScarves #navigation #wrap a:hover{background-position:-270px -8px;} #bodyScarves #navigation #skinny a:hover{background-position:-36px -8px;} #bodyScarves #navigation #lskinny a:hover{background-position:-77px -8px;} #bodyScarves #navigation #stole a:hover{background-position:-198px -8px;} #bodyScarves #navigation #diamond a:hover{background-position:-741px -8px;} #bodyScarves #navigation #sale a:hover{background-position:-441px -8px;} /* beach */ /* link */ #bodyBeach #navigation #pareo a{width:79px;background-position:-483px 0;} #bodyBeach #navigation #towel a{width:79px;background-position:-562px 0;} #bodyBeach #navigation #chiffon a{width:100px;background-position:-641px 0;} #bodyBeach #navigation #sale a{width:27px;background-image:url(/assets/img/nav_buyonline.gif);background-position:-441px 0;} /* hover */ #bodyBeach #navigation #pareo a:hover{background-position:-483 -8px;} #bodyBeach #navigation #towel a:hover{background-position:-562px -8px;} #bodyBeach #navigation #chiffon a:hover{background-position:-641px -8px;} #bodyBeach #navigation #sale a:hover{background-position:-441px -8px;} /* SHOPPING BAG */ #shoppingBagPreview { display:block; background-color:#fff; position:absolute; top:31px; right:55px; z-index:100; font-size:10px; } #shoppingBagPreview a#previewLink { position:absolute; color:#fff; top:0; right:0; background-color:#000; width:150px; height:14px; text-decoration:none; text-align:right; outline:none; } #shoppingBagPreview a#previewLink:hover { color:#ccc; text-decoration:underline; } #shoppingBagPreview a#closeLink { position:absolute; color:#ccc; bottom:2px; left:96px; background:#fff url(/assets/img/close.gif) no-repeat 2px -14px; border:1px solid #999; width:12px; height:12px; text-indent:-9000px; overflow:hidden; outline:none; } #shoppingBagPreview a#closeLink:hover { background-color:#000; background-position:2px -38px; } ul#shoppingBagPreviewItems { position:absolute; top:0; left:0; width:104px; background-color:#111; border:1px solid #222; padding:2px; z-index:9000; } ul#shoppingBagPreviewItems li { text-indent:0; width:52px; height:52px; } ul#shoppingBagPreviewItems li a { display:block; width:52px; height:52px; padding:1px; background-color:#000; text-decoration:none; border:none; margin:0; } ul#shoppingBagPreviewItems li a:hover { background-color:#ea0f6b; } ul#shoppingBagPreviewItems li a img { border:none; } ul#shoppingBagPreviewItems li a:hover img { } /* _________________________________________ ------------------------------------------------------ FOOTER ------------------------------------------------------ __________________________________________*/ /* CHECKOUT FOOTER */ #checkoutFooter { position:absolute; left:30px; bottom:30px; width:880px; height:12px; overflow:hidden; } #checkoutFooter li {display:block;} #checkoutFooter li a { display:block; height:12px; line-height:12px; background: url(/assets/img/roll/roll_shop_bag.gif) no-repeat 0 0; text-indent:-9000px; } #checkoutFooter #checkoutLinks li {float:left;padding-right:15px;} #checkoutFooter #checkoutLinks li a {} #checkoutFooter #checkoutProcess li {float:right;padding-left:15px;} #checkoutFooter #checkoutProcess li a {} li#check-bac a{width:29px;background-position:0 0;} li#check-del a{width:83px;background-position:-71px 0;} li#check-ret a{width:93px;background-position:-201px 0;} li#check-edi a{width:99px;background-position:-333px 0;} li#check-con a{width:117px;background-position:-496px 0;} li#check-che a{width:59px;background: url(/assets/img/roll/btn_checkout_link_roll.gif) no-repeat 0 0;} li#check-bac a:hover{background-position:0 -12px;} li#check-del a:hover{background-position:-71px -12px;} li#check-ret a:hover{background-position:-201px -12px;} li#check-edi a:hover{background-position:-333px -12px;} li#check-con a:hover{background-position:-496px -12px;} li#check-che a:hover{background-position:0px -12px;} li#check-comp {text-indent:-9000px;width:263px;background: url(/assets/img/txt/txt_complete.gif) no-repeat 15px 0;} /* _________________________________________ ------------------------------------------------------ PRODUCTSTABLE ------------------------------------------------------ __________________________________________*/ /* SHOPPING BAG TABLE */ table#shopingBagTable { text-transform:uppercase; width:880px; margin:30px 0 50px 30px; font-family:'Trebuchet MS',Arial,Helvetica,sans-serif; line-height:14px; font-size:11px; } table#shopingBagTable .subTotal td {padding-top:30px;} table#shopingBagTable a {color:#999;} table#shopingBagTable a:hover {color:#333;} table#shopingBagTable caption {display:none;} table#shopingBagTable thead {display:none;} table#shopingBagTable td {padding:2px 5px;} .totalValue, .totalTitle, .prodEdit {text-align: right;} #finalTotal {font-weight:bold;} .prodData { vertical-align:top; } .prodData td, .prodSubtitles .prodImg { border-bottom:1px solid #999; } .prodData input { border:1px solid #999; font-size:11px; line-height:11px; padding: 1px 5px; text-align:center; width:25px; height:14px; font-family:'Trebuchet MS',Arial,Helvetica,sans-serif; margin-left:5px; } .prodData input:focus { border-color:#666; } table#shopingBagTable .prodData td.prodQuan { padding-top:0; } .prodSubtitles { color:#aaa; vertical-align:bottom; } .prodSubtitles td.prodImg a {width:108px;height:108px;} .prodSubtitles img { width:108px; height:108px; } #shopingBagTable .prodSubtitles .prodImg {padding-top:0;padding-bottom:0;line-height:0px;} .prodSubtitles .prodImg a {display:block;} #productNotes { position:relative; left:30px; top:-100px; width:450px; } #productNotes p { overflow:hidden; text-indent:-9000px; height:12px; background-repeat:no-repeat; } #txt-promo { background-image: url(/assets/img/txt/txt_promo.gif); width:326px; height:12px; margin-bottom:10px; } #txt-tax { background-image: url(/assets/img/txt/txt_tax.gif); width:407px; height:12px; } .prodEdit input { border:0; height:auto; width:auto; padding:0; margin:0; } .prodEdit a { display:block; width:45px; height:12px; overflow:hidden; text-align:left; text-indent:-9000px; float:right; background: url(/assets/img/roll/roll_remove.gif) no-repeat 0 0; } .prodEdit a:hover {background-position: 0 -12px;} #bodyShoppingBag #empty {background: url(/assets/img/bg_empty_bag.jpg) no-repeat 100% 100%;height:417px;} #bodyShoppingBag #empty a {text-indent:-9000px;display:block;text-transform:uppercase;height:50px;width:344px;color:#333;background: url(/assets/img/txt/txt_shopempty.gif) no-repeat 0 0;} #bodyShoppingBag #empty a#emptyLink1 {height:40px;} #bodyShoppingBag #empty a#emptyLink2 {margin-top:20px;background-position:0 -40px;} .empty #primaryContent, .empty #footer { background-color:black; margin-left:55px; width:830px; } .empty #footer {background:url(/assets/img/footer_gradient_empty.jpg) no-repeat 100% 0 !important;} #cvv-wrap {padding:30px;text-transform:uppercase;} #cvv-wrap #lefty, #cvv-wrap #righty {width:420px;float:left;} #cvv-wrap #lefty {padding-right:40px;} #cvv-wrap #righty {} #bodyCVV h2 { background: url(/assets/img/head/heading_checkout.gif) no-repeat 0 -469px; margin-bottom:15px; } #bodyCVV h2#whereisit {background-position:0 -485px;margin-top:20px;} #bodyCVV h4 {font-weight:bold;} /* _________________________________________ ------------------------------------------------------ LOGIN ------------------------------------------------------ __________________________________________*/ #bodyLogin #primaryContent p {margin:0 0 5px 0;line-height:20px;text-transform:uppercase;color:#999;} #bodyLogin #primaryContent p a {color:#999;} #bodyLogin #primaryContent p a:hover {color:#000;} #bodyLogin #primaryContent p label {display:block;width:120px;height:20px;line-height:20px;text-transform:uppercase;color:#666;float:left;} #bodyLogin #primaryContent p label span {} #bodyLogin #primaryContent p input {display:block;float:left;} #bodyLogin #primaryContent p input.textInput, #bodyLogin #primaryContent p select {border:1px solid #999;width:240px;height:14px;line-height:14px;padding:2px 5px;font-size:11px;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;} #bodyLogin #primaryContent p input.textInput {background: url(/assets/img/input_textbox_bg.jpg) repeat-x 0 0;} #bodyLogin #primaryContent p input.textInput:focus {border-color:#666;} #bodyLogin #primaryContent p select {height:20px;line-height:20px;padding:0;text-transform:none;width:auto;} #bodyLogin #primaryContent p option {height:20px;line-height:20px;padding:1px 0px 1px 1px;} #bodyLogin #primaryContent p#p-submit {} #bodyLogin #primaryContent p#p-submit input {float:right;position:relative;left:95px;;top:0;} .col1 { width:410px; float:left; } .col2 { width:375px; float:left; } #form-login { padding:30px 0 10px; margin:0 30px 15px; border-bottom:1px solid #000; } #form-login h2 { background: url(/assets/img/head/heading_checkout.gif) no-repeat; width:186px; margin-bottom:15px; } #form-create { padding:0 30px 55px; } #form-create h2 { background: url(/assets/img/head/heading_checkout.gif); background-position:0 -12px; width:140px; margin-bottom:15px; } #bodyLogin #primaryContent p#p-new-hearabout label {width:180px;} #bodyLogin #primaryContent p#p-new-hearabout input {width:180px;} #bodyLogin #primaryContent p#p-new-mailing label {width:355px;} #bodyLogin #primaryContent p#p-new-postcode #postcode {width:75px;} /* Password Forgotten */ #bodyPasswordForgotten #primaryContent {background: #fff url(/assets/img/bg_request_pass.jpg) no-repeat 100% 100%;} #bodyPasswordForgotten #footer {background-image: url(/assets/img/footer_gradient_pass.jpg);} #password_forgotten { padding:30px 470px 55px 30px; height:220px; } #password_forgotten p { text-transform:uppercase; margin-bottom:10px; } #password_forgotten h2 { background: url(/assets/img/head/heading_checkout.gif) no-repeat; background-position:0 -122px; width:140px; margin-bottom:15px; } #bodyPasswordForgotten #primaryContent p label {display:block;width:60px;height:20px;line-height:20px;text-transform:uppercase;color:#666;float:left;} #bodyPasswordForgotten #primaryContent p label span {} #bodyPasswordForgotten #primaryContent p input {display:block;float:left;} #bodyPasswordForgotten #primaryContent p input.textInput, #bodyPasswordForgotten #primaryContent p select {border:1px solid #999;width:240px;height:14px;line-height:14px;padding:2px 5px;font-size:11px;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;} #bodyPasswordForgotten #primaryContent p input.textInput {background: url(/assets/img/input_textbox_bg.jpg) repeat-x 0 0;} /* Create Account Success */ #bodyCreateAccountSuccess #primaryContent {background: #fff url(/assets/img/bg_create_account.jpg) no-repeat 100% 100%;} #bodyCreateAccountSuccess #primaryContent div.accountBlurb {padding:30px 470px 0 30px;height:267px;} #bodyCreateAccountSuccess #primaryContent h2.head-replace { background: url(/assets/img/head/heading_checkout.gif) no-repeat; background-position:0 -140px; width:140px; margin-bottom:15px; } #bodyCreateAccountSuccess #primaryContent p { text-transform:uppercase; margin-bottom:10px; } #bodyCreateAccountSuccess #footer {background-image: url(/assets/img/footer_gradient_created.jpg);} /* Account */ #bodyAccount #primaryContent h2.head-replace { background: url(/assets/img/head/heading_checkout.gif) no-repeat; background-position:0 -155px; width:140px; margin-bottom:15px; } #bodyAccount #primaryContent h3 { text-transform:uppercase; } #bodyAccount #primaryContent ul {} #bodyAccount #primaryContent ul li { list-style-type: square; padding-left:5px; margin-left:20px; } #bodyAccount #primaryContent ul li a { display:block; } #bodyAccount #primaryContent ul li a:hover { background-color:#eee; } /* 404 */ #bodyError404 #primaryContent h2.head-replace { background: #000 url(/assets/img/head/heading_checkout.gif) no-repeat; background-position:0 -514px; width:102px; margin-bottom:20px; margin-left:84px; } #bodyError404 #primaryContent {background-color:#000;} #bodyError404 #footer {background-image:none;} #bodyError404 #primaryContent #sorry { text-align:center; color:#999999; text-transform:uppercase; padding:100px 335px 0; } #bodyError404 #primaryContent #sorry p { margin-bottom:10px; } #bodyError404 #primaryContent img { float:left; margin:30px 0 0 30px; } #bodyError404 #primaryContent #sorry a#returnhome { display:block; color:#fff; width:270px; height:30px; overflow:hidden; text-indent:-9000px; background: #000 url(/assets/img/roll/roll_returnhome.gif) no-repeat 46px 9px; margin-top:5px; } #bodyError404 #primaryContent #sorry a#returnhome:hover {background-position:46px -32px} #bodyError404 #primaryContent #sorry a {color:#EA0F6B;text-decoration:none;} #bodyError404 #primaryContent #sorry a:hover {color:#fff;text-decoration:underline;} /* Account Edit */ #bodyAccountEdit #primaryContent h2.head-replace { background: url(/assets/img/head/heading_checkout.gif) no-repeat; background-position:0 -188px; width:150px; margin-bottom:15px; } /* Account Order History */ #bodyAccountHistory #primaryContent h2.head-replace { background: url(/assets/img/head/heading_checkout.gif) no-repeat; background-position:0 -205px; width:150px; margin-bottom:15px; } /* Account Order History Info */ #bodyAccountHistoryInfo #primaryContent h2.head-replace { background: url(/assets/img/head/heading_checkout.gif) no-repeat; background-position:0 -220px; width:150px; margin-bottom:15px; } /* Account Newsletters */ #bodyAccountNewsletters #primaryContent h2.head-replace { background: url(/assets/img/head/heading_checkout.gif) no-repeat; background-position:0 -233px; width:190px; margin-bottom:15px; } /* _________________________________________ ------------------------------------------------------ ERRORS ------------------------------------------------------ __________________________________________*/ div.messageStack {display:block;background:#000;color:#fff;font-weight:bold;text-transform:uppercase;padding:5px;margin:0 0 10px 0;text-align:center;} div.messageStack ul.messageStackError {} div.messageStack ul.messageStackError li.messageStackError {} /* _________________________________________ ------------------------------------------------------ PRODUCTINFO ------------------------------------------------------ __________________________________________*/ /* LAYOUT */ body#bodyProductsInfo #primaryContent { overflow: hidden; height:540px !important; background: #fff url(/assets/img/footer_gradient_prod.jpg) repeat-x 0 100%; /* much smaller than .gif and no loss of quality */ } body#bodyProductsInfo #footer {display:none;} form#cart_quantity{} body#bodyProductsInfo div#col-prodInfo { width:215px; float:right; display:inline; /* The IE Doubled Float-Margin Bug - http://www.positioniseverything.net/explorer/doubled-margin.html */ margin:30px 30px 0 0; color:#666; } body#bodyProductsInfo div#col-prodInfo #infoHolder {height:115px;overflow:hidden;} body#bodyProductsInfo div#col-thumbImg { width:218px; float:left; display:inline; /* The IE Doubled Float-Margin Bug - http://www.positioniseverything.net/explorer/doubled-margin.html */ margin:30px 0 0 30px; } body#bodyProductsInfo div#col-mainImg { width:417px; float:left; display:inline; /* The IE Doubled Float-Margin Bug - http://www.positioniseverything.net/explorer/doubled-margin.html */ height:532px; margin:0 0 0 15px; } body#bodyProductsInfo div#col-mainImg #flashcontent {line-height:1px;} div#col-thumbImg ul {} div#col-thumbImg ul li {float:left;overflow:hidden;} div#col-thumbImg ul li a {display:block;overflow:hidden;position:relative;border:1px solid #fff;} div#col-thumbImg ul li a img {display:block;} div#col-thumbImg ul#thumbs {height:218px;position:relative;overflow:hidden;} div#col-thumbImg ul#thumbs li {width:109px;height:109px;float:left;} div#col-thumbImg ul.fiveImages li {position:absolute !important;float:none !important;} div#col-thumbImg ul.fiveImages li#t1 {top:0;left:0;} div#col-thumbImg ul.fiveImages li#t2 {top:0;left:0;} div#col-thumbImg ul.fiveImages li#t3 {top:0;left:109px;} div#col-thumbImg ul.fiveImages li#t4 {top:109px;left:0;} div#col-thumbImg ul.fiveImages li#t5 {top:109px;left:109px;} div#col-thumbImg ul#thumbs li a {width:107px;height:107px;outline:none;} div#col-thumbImg ul#thumbs li a img {width:107px;height:107px;} /* for reflections */ div#col-thumbImg ul#complete {overflow:hidden;} div#col-thumbImg ul#complete li {float:right;padding-left:1px;} div#col-thumbImg ul#complete li a {outline:none;border:0;} div#col-thumbImg ul#complete li a div {height:200px !important;} div#col-thumbImg ul#complete li a a img {display:none;} /* For IE */ div#col-thumbImg ul#complete li a a img.reflected {display:block;} /* For IE */ div#col-thumbImg ul#complete li a div canvas {background-color:#000;height:85px !important;} div#col-thumbImg ul#complete li img.reflected {padding-bottom:60px;} div#col-thumbImg ul#complete li#t3c {padding:0;} #col-prodInfo {text-transform:uppercase;} div#col-prodInfo ul#prodColours {height:105px;overflow:hidden;} div#col-prodInfo ul#prodColours li {float:left;overflow:hidden;width:40px;height:40px;padding-right:13px;padding-bottom:5px;} div#col-prodInfo ul#prodColours li a {width:36px;height:36px;display:block;padding:1px;border:1px solid #ddd;outline:none;} div#col-prodInfo ul#prodColours li a:hover {border:1px solid #bbb;} div#col-prodInfo ul#prodColours li a img{width:36px;height:36px;} div#col-prodInfo ul#prodColours li.currentitem a {border:1px solid #999;} #primaryContent p.txt-replace { background-repeat:no-repeat; height:12px; overflow:hidden; text-indent:-9000px; } #primaryContent p#view-tip { background-image:url(/assets/img/txt/txt_otherimages.gif); height:12px; margin:7px 0; background-position:39px 0; } body#bodyProductsInfo .head-replace { height:12px; overflow:hidden; text-indent:-9000px; background:url(/assets/img/head/heading_product.gif) no-repeat 84px 0; } body#bodyProductsInfo #col-thumbImg .head-replace {margin-top:13px;margin-bottom:5px;} body#bodyProductsInfo #col-prodInfo .head-replace {background-position:0 -15px;margin-bottom:5px;} body#bodyProductsInfo p.roll-replace a { display:block; overflow:hidden; height:12px; background-repeat:no-repeat; text-indent:-9000px; } body#bodyProductsInfo p#contShop a {background-image:url(/assets/img/roll/btn_contshopping_link_roll.gif);background-position:0 0;} body#bodyProductsInfo p#contShop a:hover {background-position:0 -12px;} body#bodyProductsInfo p#zoom-current-image a {background-image:url(/assets/img/roll/btn_zoom_link_roll.gif);background-position:133px 0; outline:none;} body#bodyProductsInfo p#zoom-current-image a:hover {background-position:133px -12px;} body#bodyProductsInfo ul#prod-sub {margin-bottom:16px;} body#bodyProductsInfo ul#prod-sub li {padding:0 0 2px;} body#bodyProductsInfo ul#prod-sub li a { overflow:hidden; display:block; width:140px; height:12px; text-decoration:none; color:#999; background: #fff url(/assets/img/roll/roll_prodsub_links_roll.gif) no-repeat 0 0; text-indent:-9000px; } body#bodyProductsInfo ul#prod-sub li a:hover {color:#333;} body#bodyProductsInfo ul#prod-sub li#sub-wear a {background-position:0px 0px} body#bodyProductsInfo ul#prod-sub li#sub-wear a:hover {background-position:-159px 0px} body#bodyProductsInfo ul#prod-sub li#sub-friend a {background-position:0px -15px} body#bodyProductsInfo ul#prod-sub li#sub-friend a:hover {background-position:-159px -15px} body#bodyProductsInfo ul#prod-sub li#sub-care a {background-position:0px -31px} body#bodyProductsInfo ul#prod-sub li#sub-care a:hover {background-position:-159px -31px} body#bodyProductsInfo ul#prod-sub li#sub-return a {background-position:0px -46px} body#bodyProductsInfo ul#prod-sub li#sub-return a:hover {background-position:-159px -46px} body#bodyProductsInfo ul#prod-sub li#sub-ship a {background-position:0px -61px} body#bodyProductsInfo ul#prod-sub li#sub-ship a:hover {background-position:-159px -61px} #bodyProductsInfo h2#prodName { font-weight:bold; font-size:10px; color:#333; line-height:14px; margin-bottom:5px; } #bodyProductsInfo p#prodPrice {margin-bottom:5px;} #bodyProductsInfo p#prodPriceSpecial {margin-bottom:3px;color:#ed2c7d;font-size:10px !important;} body#bodyProductsInfo div#col-prodInfo p { line-height:14px; font-size:9px; } body#bodyProductsInfo p#addtobag {height:26px;overflow:hidden;} body#bodyProductsInfo a#outofStock {display:block;position:relative;left:0;top:-10px;text-indent:-9000px;text-align:left;height:30px;width:215px;overflow:hidden;} body#bodyProductsInfo a#outofStock span{position:absolute;top:0;left:0;height:30px;width:215px;background: url(/assets/img/txt/txt_outofstock.gif) no-repeat 0 0;} #bodyForwardToAFriend #primaryContent {background-color:#000;width:830px;margin-left:55px;} #bodyForwardToAFriend #footer {background-image:none;} #bodyForwardToAFriend h2 {background:url(/assets/img/head/heading_checkout.gif) no-repeat 0 -535px;margin-bottom:20px;} #bodyForwardToAFriend #tellForm {padding-top:0px;} #bodyForwardToAFriend #tellForm .formMessage {margin-bottom:15px;text-indent:-9000px;height:7px;width:278px;overflow:hidden;background: url(/assets/img/txt/txt_forward.gif) no-repeat 0 0;} #bodyForwardToAFriend #tellForm .formWarningMessage {margin-bottom:15px;text-indent:-9000px;height:19px;width:344px;overflow:hidden;background: url(/assets/img/txt/txt_contact_failed.gif) no-repeat 0 0;} #bodyForwardToAFriend #tellForm .formSuccessMessage {margin-bottom:15px;text-indent:-9000px;height:7px;width:344px;overflow:hidden;background: url(/assets/img/txt/txt_contact_sent.gif) no-repeat 0 0;} #bodyForwardToAFriend #prodForward {width:416px;height:417px;position:absolute;top:0;right:0;} #bodyForwardToAFriend #col-mainImg {width:416px;height:532px;position:absolute;top:0;right:0;} #bodyForwardToAFriend #prodForward img {width:416px;height:417px;} #bodyForwardToAFriend #tellForm p { color:#999999; line-height:20px; margin:0pt 0pt 5px; text-transform:uppercase; } #bodyForwardToAFriend #tellForm p label { color:#999; display:block; float:left; height:20px; line-height:20px; text-transform:uppercase; width:120px; background: url(/assets/img/head/heading_forms_forward.gif) no-repeat 0 0; text-indent:-9000px; } #bodyForwardToAFriend #tellForm #p-name label {background-position:0px 6px;} #bodyForwardToAFriend #tellForm #p-email label {background-position:0px -16px;} #bodyForwardToAFriend #tellForm #p-friendName label {background-position:0px -36px;} #bodyForwardToAFriend #tellForm #p-friendEmail label {background-position:0px -55px;} #bodyForwardToAFriend #tellForm #p-message label {background-position:0px 75px;} #bodyForwardToAFriend #tellForm p input { display:block; float:left; } #bodyForwardToAFriend #tellForm p input.textInput { /* background:transparent url(/assets/img/input_textbox_bg.jpg) repeat-x 0 0; */ } #bodyForwardToAFriend #tellForm p input.textInput, #bodyForwardToAFriend #tellForm p select { color:#fff; border:1px solid #000; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-size:11px; height:14px; line-height:14px; padding:2px 5px; width:240px; background-color:#333; text-transform:uppercase; } #bodyForwardToAFriend #tellForm p textarea { /* background:transparent url(/assets/img/input_textbox_bg.jpg) repeat-x 0 0; */ border:1px solid #000; color:#fff; font-family:'Trebuchet MS',Arial,sans-serif; font-size:11px; height:120px; line-height:14px; padding:2px; text-transform:none; width:245px; background-color:#333; text-transform:uppercase; } #bodyForwardToAFriend #tellForm p input.textInput:focus, #bodyForwardToAFriend #tellForm p textarea:focus {border-color:#666666;} #bodyForwardToAFriend #tellForm #p-termsConditions {width:250px;line-height:14px;padding-left:120px;padding-bottom:20px;} #bodyForwardToAFriend #tellForm #p-termsConditions a {color:#ea0f6b;text-decoration:none;} #bodyForwardToAFriend #tellForm #p-termsConditions a:hover {color:#333;text-decoration:underline;} #bodyForwardToAFriend #tellForm .missingFieldwarning label {color:#fff;} #bodyForwardToAFriend #tellForm .missingFieldwarning input, #bodyForwardToAFriend #tellForm .missingFieldwarning textarea {border:1px solid #666 !important;} /* _________________________________________ ------------------------------------------------------ DELIVERY ------------------------------------------------------ __________________________________________*/ /* CHECKOUT DELIVERY */ #bodyCheckoutShipping div#col-left, #bodyCheckoutShipping div#col-right, #bodyCheckoutShippingAddress div#col-left, #bodyCheckoutShippingAddress div#col-right { float:left; text-transform:uppercase; color:#999999; } #bodyCheckoutShipping div#col-left, #bodyCheckoutShippingAddress div#col-left{ width:360px; margin: 30px 0 0 30px; } #bodyCheckoutShipping div#col-right, #bodyCheckoutShippingAddress div#col-right{ width:470px; margin: 30px 30px 0 50px; } .shiptitle { display:block; } span.radioHolder { display:block; width:20px; float:left; } div#col-right .drop { position:absolute; bottom:75px; right:140px; } div#col-left .drop { position:absolute; bottom:75px; left:30px; background: url(/assets/img/giftwrap.jpg) no-repeat 100% 0; width:366px; } div#col-left .drop p { width:250px; } #giftmessage, #comments { width:360px; height:80px; border:1px solid #747474; padding:2px; font: 11px/14px 'Trebuchet MS',Arial,sans-serif; color:#666; margin-top:10px; text-transform:none; background:transparent url(/assets/img/input_textbox_bg.jpg) repeat-x 0 0; } #giftmessage:focus, #comments:focus { border-color:#333; } p.customerAddress { margin:10px 0 0 0; color:#888; } #p-addGiftWrap input {float:left;margin-right:5px;} #p-addGiftWrap label {font-weight:bold;cursor:pointer;} #bodyCheckoutShipping #col-left h2 { background: url(/assets/img/head/heading_checkout.gif) no-repeat; background-position:0 -27px; width:360px; margin-bottom:15px; } #bodyCheckoutShipping #col-right h2 { background: url(/assets/img/head/heading_checkout.gif) no-repeat; background-position:0 -40px; width:360px; margin-bottom:15px; } #bodyCheckoutShipping #col-left .drop h2 { background: url(/assets/img/head/heading_checkout.gif) no-repeat; background-position:0 -247px; width:94px; margin-bottom:15px; } #bodyCheckoutShipping #col-right .drop h2 { background: url(/assets/img/head/heading_checkout.gif) no-repeat; background-position:0 -48px; width:360px; margin-bottom:15px; } .shiptitle { font-weight:bold; } #bodyCheckoutShippingAddress #col-left h2 { background: url(/assets/img/head/heading_checkout.gif) no-repeat; background-position:0 -264px; width:360px; margin-bottom:15px; } #bodyCheckoutShippingAddress #col-right h2 { background: url(/assets/img/head/heading_checkout.gif) no-repeat; background-position:0 -281px; width:360px; margin-bottom:15px; } #bodyCheckoutShippingAddress #col-right h2#add-book {background-position:0 -292px;margin-top:20px;} #bodyCheckoutShippingAddress #col-left p, #bodyCheckoutShippingAddress #col-right p{ margin:10px 0pt 0pt; } #bodyCheckoutShippingAddress #primaryContent p#cur-addr {color:#888;padding-left:20px;text-transform:none;} #bodyCheckoutShippingAddress #primaryContent p.prev-addr {margin-top:5px;text-transform:none;clear:both;} #bodyCheckoutShippingAddress #primaryContent p.prev-addr input {display:block;float:left;margin:2px 10px 7px 0;} #bodyCheckoutShippingAddress #primaryContent p.prev-addr label {display:block;cursor:pointer;} #bodyCheckoutShippingAddress #primaryContent p.prev-addr label:hover {color:#666;} #bodyCheckoutShippingAddress #new-address-fields {padding-top:10px;} #bodyCheckoutShippingAddress #new-address-fields p { color:#999999; line-height:20px; margin:0pt 0pt 5px; text-transform:uppercase; } #bodyCheckoutShippingAddress #new-address-fields p label { color:#666666; display:block; float:left; height:20px; line-height:20px; text-transform:uppercase; width:100px; } #bodyCheckoutShippingAddress #new-address-fields p input { display:block; float:left; } #bodyCheckoutShippingAddress #new-address-fields p input.textInput, #bodyCheckoutShippingAddress #new-address-fields p select { border:1px solid #999999; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-size:11px; height:14px; line-height:14px; padding:2px 5px; width:247px; } #bodyCheckoutShippingAddress #new-address-fields p input.textInput { background:transparent url(/assets/img/input_textbox_bg.jpg) repeat-x 0 0; } #bodyCheckoutShippingAddress #new-address-fields p input.textInput:focus {border-color:#666;} #bodyCheckoutShippingAddress #new-address-fields p select { height:20px; line-height:20px; padding:0pt; text-transform:none; width:auto; } #bodyCheckoutShippingAddress #new-address-fields p#p-new-postcode #postcode { width:75px; } form#checkout_address {padding-bottom:50px;} /* _________________________________________ ------------------------------------------------------ PAYMENT ------------------------------------------------------ __________________________________________*/ #bodyCheckoutPayment div#col-left, #bodyCheckoutPayment div#col-right , #bodyCheckoutPaymentAddress div#col-left, #bodyCheckoutPaymentAddress div#col-right { float:left; text-transform:uppercase; color:#999999; padding-bottom:50px; } #bodyCheckoutPayment div#col-left, #bodyCheckoutPaymentAddress div#col-left { width:360px; margin: 30px 0 0 30px; } #bodyCheckoutPayment div#col-right, #bodyCheckoutPaymentAddress div#col-right { width:470px; margin: 30px 30px 0 50px; } #bodyCheckoutPayment #col-left h2, #bodyCheckoutPaymentAddress #col-left h2 { background: url(/assets/img/head/heading_checkout.gif) no-repeat; background-position:0 -311px; width:360px; margin-bottom:15px; } #bodyCheckoutPaymentAddress #col-left h2 {background-position:0 -356px;} #bodyCheckoutPayment #col-left h2#promo-vouch {background-position:0 -322px;margin-top:40px;} #bodyCheckoutPayment #col-right h2, #bodyCheckoutPaymentAddress #col-right h2 { background: url(/assets/img/head/heading_checkout.gif) no-repeat; background-position:0 -342px; width:360px; margin-bottom:15px; } #bodyCheckoutPaymentAddress #col-right h2 {background-position:0 -369px;} p.otheader {display:none;} #bodyCheckoutPayment a {color:#999;} #bodyCheckoutPayment a:hover {color:#ea0f6b;} #bodyCheckoutPayment #checkout_payment_gift p { color:#999999; line-height:20px; margin:0pt 0pt 5px; text-transform:uppercase; } #bodyCheckoutPayment #checkout_payment_gift p label { color:#666666; display:block; float:left; height:20px; line-height:20px; text-transform:uppercase; width:90px; } #bodyCheckoutPayment #checkout_payment_gift p input { display:block; float:left; margin-top:4px; /* Just applied to input images */ } #bodyCheckoutPayment #checkout_payment_gift p input.textInput{ border:1px solid #999999; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-size:11px; height:14px; line-height:14px; padding:2px 5px; width:100px; margin-right:5px; margin-top:0; } #bodyCheckoutPayment #checkout_payment_gift p input.textInput { background:transparent url(/assets/img/input_textbox_bg.jpg) repeat-x 0 0; } #bodyCheckoutPayment #checkout_payment_gift p input.textInput:focus {border-color:#666;} #bodyCheckoutPayment #checkout_payment p { color:#999999; line-height:20px; margin:0pt 0pt 5px; text-transform:uppercase; } #bodyCheckoutPayment #checkout_payment p label { color:#666666; display:block; float:left; height:20px; line-height:20px; text-transform:uppercase; width:100px; } #bodyCheckoutPayment #checkout_payment p#tc {padding-top:10px;} #bodyCheckoutPayment #checkout_payment p#tc label {width:300px;} #bodyCheckoutPayment #checkout_payment p#tc input {margin-top:2px;} #bodyCheckoutPayment #checkout_payment p a.cvvPop, #bodyCheckoutPayment #checkout_payment p .note {display:block;float:left;margin-left:10px;} #bodyCheckoutPayment #checkout_payment p input { display:block; float:left; } #bodyCheckoutPayment #checkout_payment p input.textInput, #bodyCheckoutPayment #checkout_payment p select { border:1px solid #999999; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-size:11px; height:14px; line-height:14px; padding:2px 5px; width:210px; } #bodyCheckoutPayment #checkout_payment p input.textInput { background:transparent url(/assets/img/input_textbox_bg.jpg) repeat-x 0 0; } #bodyCheckoutPayment #checkout_payment p input.textInput:focus {border-color:#666;} #bodyCheckoutPayment #checkout_payment p select { height:20px; line-height:20px; padding:0pt; text-transform:none; width:auto; } #bodyCheckoutPayment #checkout_payment #cc_cvv, #bodyCheckoutPayment #checkout_payment #cc_issue, #bodyCheckoutPayment #checkout_payment #protx_direct_cc_cvv, #bodyCheckoutPayment #checkout_payment #protx_direct_cc_issue { width:75px; } #bodyCheckoutPayment #checkout_payment #cc_cvv, #bodyCheckoutPayment #checkout_payment #protx_direct_cc_cvv { margin-right:10px; } #bodyCheckoutPayment #checkout_payment p#cards { margin:20px 0 0 0; padding:0; background: url(/assets/img/bg_cards.gif) no-repeat 0 0; height:29px; width:319px; text-indent:-9000px; } #bodyCheckoutPaymentAddress #col-right h2#add-book {background-position:0 -292px;margin-top:20px;} #bodyCheckoutPaymentAddress #col-left p, #bodyCheckoutPaymentAddress #col-right p{ margin:10px 0pt 0pt; } #bodyCheckoutPaymentAddress #primaryContent p#cur-addr {color:#888;padding-left:20px;text-transform:none;} #bodyCheckoutPaymentAddress #primaryContent p.prev-addr {margin-top:5px;text-transform:none;clear:both;} #bodyCheckoutPaymentAddress #primaryContent p.prev-addr input {display:block;float:left;margin:2px 10px 7px 0;} #bodyCheckoutPaymentAddress #primaryContent p.prev-addr label {display:block;cursor:pointer;} #bodyCheckoutPaymentAddress #primaryContent p.prev-addr label:hover {color:#666;} #bodyCheckoutPaymentAddress #new-address-fields {padding-top:10px;} #bodyCheckoutPaymentAddress #new-address-fields p { color:#999999; line-height:20px; margin:0pt 0pt 5px; text-transform:uppercase; } #bodyCheckoutPaymentAddress #new-address-fields p label { color:#666666; display:block; float:left; height:20px; line-height:20px; text-transform:uppercase; width:100px; } #bodyCheckoutPaymentAddress #new-address-fields p input { display:block; float:left; } #bodyCheckoutPaymentAddress #new-address-fields p input.textInput, #bodyCheckoutPaymentAddress #new-address-fields p select { border:1px solid #999999; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-size:11px; height:14px; line-height:14px; padding:2px 5px; width:247px; } #bodyCheckoutPaymentAddress #new-address-fields p input.textInput { background:transparent url(/assets/img/input_textbox_bg.jpg) repeat-x 0 0; } #bodyCheckoutPaymentAddress #new-address-fields p input.textInput:focus {border-color:#666;} #bodyCheckoutPaymentAddress #new-address-fields p select { height:20px; line-height:20px; padding:0pt; text-transform:none; width:auto; } #bodyCheckoutPaymentAddress #new-address-fields p#p-new-postcode #postcode { width:75px; } /* _________________________________________ ------------------------------------------------------ CONFIRMATION ------------------------------------------------------ __________________________________________*/ #bodyCheckoutConfirmation table#shopingBagTable { margin-bottom:0; } #bodyCheckoutConfirmation #confirm-footer { padding:0 30px 70px 30px; text-transform:uppercase; margin-top:30px; } #bodyCheckoutConfirmation #confirm-footer a { display:block; float:left; background: url(/assets/img/roll/btn_edit.gif) no-repeat 0 0; width:33px; height:12px; text-indent:-9000px; margin:-2px 0 0 3px; outline:none; overflow:hidden; } #bodyCheckoutConfirmation #confirm-footer a:hover {background-position:0 -12px;} #bodyCheckoutConfirmation #confirm-footer p {clear:both;} #bodyCheckoutConfirmation #confirm-footer #totals {float:right;} #bodyCheckoutConfirmation #confirm-footer #totals span {display:block;padding:0 0 1px;font-size:11px;} #bodyCheckoutConfirmation #confirm-footer #totals .totalValue {float:right;width:80px;} #bodyCheckoutConfirmation #confirm-footer #totals .totalTitle {float:left;width:115px;text-align:left;} #bodyCheckoutConfirmation #confirm-footer #totals .ot_total {margin-top:10px;font-weight:bold;} #bodyCheckoutConfirmation #confirm-footer #totals .ot_total .totalTitle { background: url(/assets/img/txt/txt_total.gif) no-repeat 0px 2px; height:14px; overflow:hidden; text-align:left; text-indent:-9000px; } #bodyCheckoutConfirmation #confirm-footer #totals .ot_total .totalValue {color:#000;font-size:12px;} #bodyCheckoutConfirmation #totals, #bodyCheckoutConfirmation #del-adr, #bodyCheckoutConfirmation #bill-adr, #bodyCheckoutConfirmation #pay-details, #bodyCheckoutConfirmation #del-type, #bodyCheckoutConfirmation #con-comments, #bodyCheckoutConfirmation #con-giftwrap { width:200px; float:left; padding:0 20px 30px 0; } #bodyCheckoutConfirmation #pay-details { padding-right:0; width:220px; } #bodyCheckoutConfirmation #totals {float:right;padding-right:0;} #bodyCheckoutConfirmation h3.head-replace { height:12px; overflow:hidden; text-indent:-9000px; background: url(/assets/img/head/heading_checkout.gif) no-repeat; margin-bottom:10px; float:left; } #bodyCheckoutConfirmation #del-adr h3 {background-position:0 -382px;width:124px;} #bodyCheckoutConfirmation #del-type h3 {background-position:0 -426px;width:95px;} #bodyCheckoutConfirmation #bill-adr h3 {background-position:0 -397px;width:114px;} #bodyCheckoutConfirmation #pay-details h3 {background-position:0 -411px;width:116px;} #bodyCheckoutConfirmation #con-comments h3 {background-position:0 -441px;width:161px;} #bodyCheckoutConfirmation #con-giftwrap h3 {background-position:0 -455px;width:92px;} #bodyCheckoutConfirmation #confirm-footer #del-type p {position:relative;top:0;left:-9000px;} #bodyCheckoutConfirmation #confirm-footer #del-type p .shiptitle {position:relative;top:-14px;left:9000px;font-weight:normal;} #bodyCheckoutConfirmation #confirm-footer #del-type p .shiptime, #bodyCheckoutConfirmation #confirm-footer #del-type p .shipprice {display:none;} #bodyCheckoutSuccess #primaryContent, #bodyCheckoutSuccess #footer { width:830px; margin-left:55px; } #bodyCheckoutSuccess #primaryContent {background: #000 url(/assets/img/bg_checkout_success.jpg) no-repeat 100% 100%;} #bodyCheckoutSuccess #footer {background: url(/assets/img/footer_gradient_checksuccess.jpg) no-repeat 100% 0;} #bodyCheckoutSuccess p {text-transform:uppercase;} #bodyCheckoutSuccess #thanks { float:left; text-transform:uppercase; color:#999999; width:355px; margin: 30px 0 0 0; } #bodyCheckoutSuccess #thanks h2.head-replace { background:transparent url(/assets/img/head/heading_checkout.gif) no-repeat scroll 0pt -505px; margin-bottom:15px; height:9px; width:183px; } #bodyCheckoutSuccess #thanks a {color:#ea0f6b;} #bodyCheckoutSuccess #thanks a:hover {color:#333;} #bodyCheckoutSuccess img { float:left; margin: 30px 0 0 30px; } /* _________________________________________ ------------------------------------------------------ THICKBOX ------------------------------------------------------ __________________________________________*/ /* global settings needed for thickbox */ *{padding: 0; margin: 0;} /* thickbox specific link and font settings */ #TB_window {font: 12px Arial, Helvetica, sans-serif;color: #333333;} #TB_secondLine {font: 10px Arial, Helvetica, sans-serif;color:#666666;} #TB_window a:link {color: #eee;} #TB_window a:visited {color: #eee;} #TB_window a:hover {color: #fff;} #TB_window a:active {color: #eee;} #TB_window a:focus{color: #eee;} /* thickbox settings */ #TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; } .TB_overlayMacFFBGHack {background: url(/assets/img/macFFBgHack.png) repeat;} .TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; } #TB_window { position: fixed; background: transparent; z-index: 102; color:#000000; display:none; text-align:left; top:50%; left:50%; } #TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; } #TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left; } #TB_closeWindow{ height:25px; padding:11px 25px 10px 0; float:right; } #TB_closeAjaxWindow{ margin-bottom:1px; text-align:left; float:right; } #TB_ajaxWindowTitle{ float:left; padding:7px 0 5px 10px; margin-bottom:1px; } #TB_title{ background-color:transparent; color:#eee; height:27px; } #TB_ajaxContent{ clear:both; padding:30px; overflow:auto; text-align:left; line-height:1.4em; background-color:#fff; } #TB_ajaxContent.TB_modal{ padding:15px; } #TB_ajaxContent p{ padding:5px 0px 5px 0px; } #TB_load{ position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ } #TB_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; } #TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; } #TB_closeWindowButton { text-align:left; float:right; display:block; text-indent:-9000px; width:10px; background:#FFFFFF url(/assets/img/close.gif) no-repeat 2px -14px; border:1px solid #999999; height:12px; width:12px; color:#CCCCCC; outline: none; overflow:hidden; } #TB_closeWindowButton:hover { background-color:#000; background-position:2px -38px; } /* Custom Styles */ #TB_window {width:830px !important;height:460px !important;margin-left:-415px !important;margin-top:-230px !important;} #TB_window #TB_title {position:absolute;} #TB_window #TB_title #TB_ajaxWindowTitle {display:none;} #TB_window #TB_title #TB_closeAjaxWindow {color:#000;} #TB_window #TB_title #TB_closeAjaxWindow a {position:absolute;top:0;right:0;} @media screen and (-webkit-min-device-pixel-ratio:0) { #TB_window #TB_title #TB_closeAjaxWindow a {right:0;} } #TB_window #TB_ajaxContent {width:770px !important;height:400px !important;padding:30px !important;padding-top:60px !important;overflow:hidden;text-transform:uppercase;} #TB_window #TB_ajaxContent {background: #000 url(/assets/img/nav_primary_logo.gif) no-repeat 50% 10px;color:#fff;} #TB_window #TB_ajaxContent #TB_scroll {height:370px;overflow-y:scroll;padding:0 10px 5px 0;} #TB_window #TB_ajaxContent #col-left {width:415px;float:left;padding-bottom:10px;} #TB_window #TB_ajaxContent #col-right {width:305px;float:left;clear:right;padding-bottom:10px;} #TB_window #TB_ajaxContent #col-right.col-right-wide {width:355px;} #TB_window #TB_ajaxContent h1 {font-size:12px;font-weight:bold;padding:5px 0;} #TB_window #TB_ajaxContent h2 {font-size:10px;font-weight:bold;padding:5px 0;} #TB_window #TB_ajaxContent h3 {font-size:10px;font-weight:bold;padding:2px 0;} #TB_window #TB_ajaxContent h4 {font-size:9px;font-weight:bold;padding:0;} #TB_window #TB_ajaxContent p {font-size:9px;padding:0 0 5px;color:#eee;line-height:14px;} #TB_window #TB_ajaxContent p strong, #TB_window #TB_ajaxContent p .wordmark {font-weight:bold;} #TB_window #TB_ajaxContent p a {color:#ccc;text-decoration:underline;} #TB_window #TB_ajaxContent p a:hover {color:#fff;} #TB_window #TB_ajaxContent ul {padding-bottom:5px;} #TB_window #TB_ajaxContent li {font-size:9px;padding:0;color:#eee;line-height:12px;} /* _________________________________________ ------------------------------------------------------ BUYONLINE ------------------------------------------------------ __________________________________________*/ #bodyBuyOnline #primaryContent { min-height:496px; height:auto !important; height:496px; background:#FFFFFF url(/assets/img/footer_gradient.jpg) repeat-x 0 100%; overflow:hidden; } #scrollBtns { display:none; } body.js #scrollBtns { display:block; position:absolute; top:0; left:0; } body.js #scrollBtns a {outline:none;display:block;width:20px;height:27px;text-indent:-9000px;position:absolute;background:url(/assets/img/bg_buyonline_arrow.gif) no-repeat 0 0;top:300px;} body.js #scrollBtns #buyStart {left:-15px;background-position:-20px 0;} body.js #scrollBtns #buyStart:hover {background-position:-20px -27px;} body.js #scrollBtns #buyEnd {left:965px;} body.js #scrollBtns #buyEnd:hover {background-position:0 -27px;} #scroller { height:23px; background-color:#000; } #bodyStockists #scroller { position:absolute; left:377px; top:0; height:417px; width:16px; background:#000 url(/assets/img/bg_slider_stockists_bg.gif) repeat-y 0 0; } body.js #scroller {background:#000 url(/assets/img/bg_slider.gif) repeat-x 0 0;} #scroller #sliderthumb {display:none;} #bodyStockists #scroller #sliderthumb {display:block;height:70px;width:16px;position:relative;} body.js #scroller #sliderthumb {display:block;height:23px;width:70px;position:relative;} body.js #scroller div img { cursor:e-resize; position:absolute; top:0; left:0; } #primaryContent #imageBox {padding:0 15px 0 25px;} body.js #primaryContent #imageBox {padding:0 5px;position:absolute;top:23px;left:0;} #primaryContent #imageBox ul {width:auto !important;padding-bottom:124px;} #primaryContent #imageBox li { margin-right:5px; float:left; overflow:hidden; width:174px; height:174px; } #primaryContent #imageBox li a {display:block;width:174px;height:174px;overflow:hidden;} ul#boFoot {width:599px;height:24px;display:block;position:absolute;left:193px;bottom:126px;text-indent:-9000px;} ul#boFoot li {float:left;} ul#boFoot li a {outline:none;height:24px;display:block;overflow:hidden;background:url(/assets/img/bg_buyonline_footer.gif) repeat-x 0 0;} ul#boFoot li#all a {width:75px;} ul#boFoot li#all a:hover {background-position:0 -48px;} ul#boFoot li#all a.currentView {background-position:0 -24px;} ul#boFoot li#colo a {width:130px;background-position:-75px 0;} ul#boFoot li#colo a:hover {background-position:-75px -48px;} ul#boFoot li#colo a.currentView {background-position:-75px -24px;} ul#boFoot li#coll a {width:155px;background-position:-205px 0;} ul#boFoot li#coll a:hover {background-position:-205px -48px;} ul#boFoot li#coll a.currentView {background-position:-205px -24px;} ul#boFoot li#shap a {width:115px;background-position:-360px 0;} ul#boFoot li#shap a:hover {background-position:-360px -48px;} ul#boFoot li#shap a.currentView {background-position:-360px -24px;} ul#boFoot li#fabr a {width:124px;background-position:-475px 0;} ul#boFoot li#fabr a:hover {background-position:-475px -48px;} ul#boFoot li#fabr a.currentView {background-position:-475px -24px;} ul#boFoot2 {width:387px;height:24px;display:block;position:absolute;left:287px;bottom:105px;text-indent:-9000px;} #container ul.colourFoot {width:700px;left:120px;} #container ul.shapeFoot {width:570px;left:233px;} #container ul.fabricFoot {width:724px;left:233px;} ul#boFoot2 li {float:left;} ul#boFoot2 li a {outline:none;height:24px;display:block;overflow:hidden;background:url(/assets/img/bg_buyonline_footer2.gif) repeat-x 0 0;} #container ul.colourFoot li a {background:url(/assets/img/bg_buyonline_footer2c.gif) repeat-x 0 0;} #container ul.shapeFoot li a {background:url(/assets/img/bg_buyonline_footer2s.gif) repeat-x 0 0;} #container ul.fabricFoot li a {background:url(/assets/img/bg_buyonline_footer2f.gif) repeat-x 0 0;} ul#boFoot2 li#es a {width:80px;} ul#boFoot2 li#es a:hover {background-position:0 -48px;} ul#boFoot2 li#es a.currentView {background-position:0 -24px;} ul#boFoot2 li#il a {width:80px;background-position:-80px 0;} ul#boFoot2 li#il a:hover {background-position:-80px -48px;} ul#boFoot2 li#il a.currentView {background-position:-80px -24px;} ul#boFoot2 li#nu a {width:115px;background-position:-160px 0;} ul#boFoot2 li#nu a:hover {background-position:-160px -48px;} ul#boFoot2 li#nu a.currentView {background-position:-160px -24px;} ul#boFoot2 li#pl a {width:112px;background-position:-272px 0;} ul#boFoot2 li#pl a:hover {background-position:-272px -48px;} ul#boFoot2 li#pl a.currentView {background-position:-272px -24px;} ul#boFoot2 li#black a {width:65px;} ul#boFoot2 li#black a:hover {background-position:0 -48px;} ul#boFoot2 li#black a.currentView {background-position:0 -24px;} ul#boFoot2 li#blue a {width:55px;background-position:-65px 0;} ul#boFoot2 li#blue a:hover {background-position:-65px -48px;} ul#boFoot2 li#blue a.currentView {background-position:-65px -24px;} ul#boFoot2 li#green a {width:65px;background-position:-120px 0;} ul#boFoot2 li#green a:hover {background-position:-120px -48px;} ul#boFoot2 li#green a.currentView {background-position:-120px -24px;} ul#boFoot2 li#grey a {width:55px;background-position:-185px 0;} ul#boFoot2 li#grey a:hover {background-position:-185px -48px;} ul#boFoot2 li#grey a.currentView {background-position:-185px -24px;} ul#boFoot2 li#navy a {width:90px;background-position:-240px 0;} ul#boFoot2 li#navy a:hover {background-position:-240px -48px;} ul#boFoot2 li#navy a.currentView {background-position:-240px -24px;} ul#boFoot2 li#orange a {width:75px;background-position:-330px 0;} ul#boFoot2 li#orange a:hover {background-position:-330px -48px;} ul#boFoot2 li#orange a.currentView {background-position:-330px -24px;} ul#boFoot2 li#pink a {width:50px;background-position:-405px 0;} ul#boFoot2 li#pink a:hover {background-position:-405px -48px;} ul#boFoot2 li#pink a.currentView {background-position:-405px -24px;} ul#boFoot2 li#purple a {width:70px;background-position:-455px 0;} ul#boFoot2 li#purple a:hover {background-position:-455px -48px;} ul#boFoot2 li#purple a.currentView {background-position:-455px -24px;} ul#boFoot2 li#red a {width:45px;background-position:-525px 0;} ul#boFoot2 li#red a:hover {background-position:-525px -48px;} ul#boFoot2 li#red a.currentView {background-position:-525px -24px;} ul#boFoot2 li#white a {width:60px;background-position:-570px 0;} ul#boFoot2 li#white a:hover {background-position:-570px -48px;} ul#boFoot2 li#white a.currentView {background-position:-570px -24px;} ul#boFoot2 li#yellow a {width:70px;background-position:-630px 0;} ul#boFoot2 li#yellow a:hover {background-position:-630px -48px;} ul#boFoot2 li#yellow a.currentView {background-position:-630px -24px;} ul#boFoot2 li#lskinny a {width:110px;} ul#boFoot2 li#lskinny a:hover {background-position:0 -48px;} ul#boFoot2 li#lskinny a.currentView {background-position:0 -24px;} ul#boFoot2 li#pareo a {width:65px;background-position:-110px 0;} ul#boFoot2 li#pareo a:hover {background-position:-110px -48px;} ul#boFoot2 li#pareo a.currentView {background-position:-110px -24px;} ul#boFoot2 li#skinny a {width:65px;background-position:-175px 0;} ul#boFoot2 li#skinny a:hover {background-position:-175px -48px;} ul#boFoot2 li#skinny a.currentView {background-position:-175px -24px;} ul#boFoot2 li#square a {width:75px;background-position:-240px 0;} ul#boFoot2 li#square a:hover {background-position:-240px -48px;} ul#boFoot2 li#square a.currentView {background-position:-240px -24px;} ul#boFoot2 li#stole a {width:60px;background-position:-315px 0;} ul#boFoot2 li#stole a:hover {background-position:-315px -48px;} ul#boFoot2 li#stole a.currentView {background-position:-315px -24px;} ul#boFoot2 li#towel a {width:65px;background-position:-375px 0;} ul#boFoot2 li#towel a:hover {background-position:-375px -48px;} ul#boFoot2 li#towel a.currentView {background-position:-375px -24px;} ul#boFoot2 li#wrap a {width:55px;background-position:-440px 0;} ul#boFoot2 li#wrap a:hover {background-position:-440px -48px;} ul#boFoot2 li#wrap a.currentView {background-position:-440px -24px;} ul#boFoot2 li#cotton a {width:115px;} ul#boFoot2 li#cotton a:hover {background-position:0 -48px;} ul#boFoot2 li#cotton a.currentView {background-position:0 -24px;} ul#boFoot2 li#chiffon a {width:110px;background-position:-115px 0;} ul#boFoot2 li#chiffon a:hover {background-position:-115px -48px;} ul#boFoot2 li#chiffon a.currentView {background-position:-115px -24px;} ul#boFoot2 li#satin a {width:90px;background-position:-225px 0;} ul#boFoot2 li#satin a:hover {background-position:-225px -48px;} ul#boFoot2 li#satin a.currentView {background-position:-225px -24px;} ul#boFoot2 li#twill a {width:90px;background-position:-315px 0;} ul#boFoot2 li#twill a:hover {background-position:-315px -48px;} ul#boFoot2 li#twill a.currentView {background-position:-315px -24px;} ul#boFoot2 li#towelling a {width:93px;background-position:-405px 0;} ul#boFoot2 li#towelling a:hover {background-position:-405px -48px;} ul#boFoot2 li#towelling a.currentView {background-position:-405px -24px;} /* _________________________________________ ------------------------------------------------------ HELP ------------------------------------------------------ __________________________________________*/ #bodyHelp #primaryContent, #bodyHelp #footer, #bodyRegister #primaryContent, #bodyRegister #footer, #bodyContactUs #primaryContent, #bodyContactUs #footer, #bodyStockists #primaryContent, #bodyStockists #footer, #bodyPressReleases #primaryContent, #bodyPressReleases #footer { width:830px; margin-left:55px; background-color:black; } #bodyHelp #primaryContent {background: url(/assets/img/bg_help.jpg) no-repeat 100% 100%;} #bodyRegister #primaryContent {background: url(/assets/img/bg_register.jpg) no-repeat 100% 100%;} #bodyContactUs #primaryContent {background: url(/assets/img/bg_contact.jpg) no-repeat 100% 100%;} #bodyStockists #primaryContent {background: url(/assets/img/bg_stockists3.jpg) no-repeat 100% 100%;} #bodyCollaborations #primaryContent {background-image:none;} #bodyCollaborations a#collabDetails {position:absolute;top:345px;left:55px;display:block;width:181px;height:9px;overflow:hidden;background: url(/assets/img/details.gif) no-repeat 0 -9px;} #bodyCollaborations a#collabDetails:hover {background-position: 0 0;} #bodyPressReleases #primaryContent {background: url(/assets/img/bg_releases.jpg) no-repeat 100% 100%;} /* reflections */ #bodyHelp #footer {background: url(/assets/img/bg_help_footer.jpg) no-repeat 100% 0;} #bodyRegister #footer {background: url(/assets/img/bg_register_footer.jpg) no-repeat 100% 0;} #bodyContactUs #footer {background: url(/assets/img/bg_contact_footer.jpg) no-repeat 100% 0;} #bodyStockists #footer {background: url(/assets/img/bg_stockists_footer3.jpg) no-repeat 100% 0;} #bodyCollaborations #footer {background-image:none;} #bodyPressReleases #footer {background: url(/assets/img/bg_releases_footer.jpg) no-repeat 100% 0;} #bodyHelp #primaryContent h2 {margin-bottom:15px;background: url(/assets/img/head/heading_checkout.gif) no-repeat 0 0;} #bodyHelp #primaryContent h2#aq {background-position: 0 -554px;} #bodyHelp #primaryContent h2#pay {background-position: 0 -569px;} #bodyHelp #primaryContent h2#sec {background-position: 0 -585px;} #bodyHelp #primaryContent h2#com {background-position: 0 -600px;} #bodyHelp #primaryContent h2#or {background-position: 0 -615px;} #bodyHelp #primaryContent h2#pr {background-position: 0 -628px;} #bodyHelp #primaryContent ul {margin-bottom:20px;text-transform:uppercase;color:#999;} #bodyHelp #primaryContent #col-left {float:left;width:360px;padding-right:55px;} #bodyHelp #primaryContent #col-right {float:left;width:380px;} #bodyHelp #primaryContent a { color:#999; text-decoration:none; } #bodyHelp #primaryContent a:hover {color:#fff;} #bodyHelp #primaryContent li#intro a {color:#fff;} #bodyHelp #primaryContent li#intro a:hover {text-decoration:underline;} #bodyContactUs #primaryContent, #bodyRegister #primaryContent { height:417px; overflow:hidden; } #bodyRegister h2 { background: url(/assets/img/head/heading_checkout.gif) no-repeat 0 -654px; text-indent:-9000px; height:10px; margin-bottom:15px; } #bodyStockists #primaryContent li#intro a {color:#fff;} #bodyRegister #primaryContent #col-left, #bodyContactUs #primaryContent #col-left, #bodyStockists #primaryContent #col-left {float:left;width:360px;padding-right:55px;} #bodyStockists #primaryContent ul {margin-bottom:20px;text-transform:uppercase;color:#999;} #bodyStockists #primaryContent li {margin-bottom:10px;font-size:9px;} #bodyStockists #primaryContent h2 {color:#FFF;} #bodyCollaborations #primaryContent #col-left, #bodyPressReleases #primaryContent #col-left { width:375px; background: url(/assets/img/bg_lines.gif) repeat 0 25px; min-height:379px; height:auto !important; height:379px; } #bodyRegister #primaryContent #col-left p#intro { background: url(/assets/img/txt/txt_register.gif) no-repeat 0 0; text-indent:-9000px; height:20px; overflow:hidden; margin-bottom:20px; } #bodyContactUs h2 { background: url(/assets/img/head/heading_checkout.gif) no-repeat 0 -641px; text-indent:-9000px; height:10px; overflow:hidden; margin-bottom:15px; } #bodyContactUs #primaryContent #col-left p#intro { background: url(/assets/img/txt/txt_contact.gif) no-repeat 0 0; text-indent:-9000px; height:46px; margin-bottom:20px; } #primaryContent #col-left p.failed { background: url(/assets/img/txt/txt_contact_failed.gif) no-repeat 0 0 !important; height:19px !important; } #primaryContent #col-left p.sent { background: url(/assets/img/txt/txt_contact_sent.gif) no-repeat 0 0 !important; height:6px !important; } form.standardForm {} form.standardForm p {margin-bottom:7px;} form.standardForm p.warning input.text, form.standardForm p.warning textarea, form.standardForm p.warning select {color:#000;background-color:#ddd;font-weight:bold;} form.standardForm p.complete input.text, form.standardForm p.complete textarea, form.standardForm p.complete select {background-color:#222;color:#444;} form.standardForm label {float:left;display:block;width:115px;text-transform:uppercase;color:#999;line-height:20px;height:20px;text-indent:-9000px;background: url(/assets/img/head/heading_forms.gif) no-repeat 0 0;} #p-titleName label {background-position:0 6px;} #p-firstName label {background-position:0 -14px;} #p-lastName label {background-position:0 -36px;} #p-email label {background-position:0 -56px;} #p-tel label {background-position:0 -76px;} #p-street label {background-position:0 -136px;} #p-town label {background-position:0 -156px;} #p-county label {background-position:0 -176px;} #p-postal label {background-position:0 -196px;} #p-country label {background-position:0 -216px;} #p-enqtype label {background-position:0 -96px;} #p-message label {background-position:0 -116px;} form.standardForm .right-column {display:block;float:left;width:280px;} /* Contact Us + Register Fix */ form#contact .right-column, form#register .right-column {width:245px;} form.standardForm input.text, form.standardForm textarea {border:1px solid #000!important;text-transform:uppercase;width:256px;border:0;background-color:#333;font-family:Arial,Helvetica,sans-serif;color:#eee;font-size:11px;padding:3px 2px;} form#contact input.text, form#contact textarea, form#register input.text, form#register textarea {width:220px;} form.standardForm textarea {height:110px;} form.standardForm .text:focus, form.standardForm textarea:focus {border:1px solid #666 !important;} form.standardForm select {text-transform:uppercase;width:260px;border:0;background-color:#333;font-family:Arial,Helvetica,sans-serif;color:#eee;font-size:11px;padding:3px 2px;} form#register select, form#contact select {width:225px;} form.standardForm select option {padding:0px 2px;} form.standardForm p#p-submit {text-align:right;padding-top:13px;} form.standardForm p#p-submit #submit {padding-right:20px;} #p-terms a {outline:none;margin-top:18px;display:block;width:341px;height:21px;overflow:hidden;background: url(/assets/img/roll/roll_terms.gif) no-repeat 0 0;text-indent:-9000px;} #p-terms a:hover {background-position:0 -21px;} #bodyCollaborations h2 { background: url(/assets/img/head/heading_checkout.gif) no-repeat 0 -671px; text-indent:-9000px; height:10px; overflow:hidden; margin-bottom:15px; } #bodyPressReleases h2 { background: url(/assets/img/head/heading_checkout.gif) no-repeat 0 -686px; text-indent:-9000px; height:10px; overflow:hidden; margin-bottom:15px; } ul#basicList {border-top:1px solid #000;position:relative;top:-1px;left:0;} ul#basicList li {padding-bottom:1px;display:block;overflow:hidden;height:25px;position:relative;} ul#basicList li a {text-indent:-9000px;background: url(/assets/img/head/head_collaborations.gif) no-repeat 0 0;outline:none;display:block;overflow:hidden;height:25px;background-color:#000;text-transform:uppercase;text-decoration:none;position:relative;top:0;left:0;} #bodyPressReleases ul#basicList li a {background: url(/assets/img/head/head_releases.png) no-repeat 0 0;} ul#basicList li a:hover {} ul#basicList li a span {position:absolute;top:9px;right:0;width:28px;height:6px;overflow:hidden;background: url(/assets/img/roll/roll_read.gif) no-repeat 0 0;} ul#basicList li a:hover span {background-position:0 -6px;} ul#basicList li#c1 a {background-position:0 9px;} ul#basicList li#c2 a {background-position:0 -13px;} ul#basicList li#c3 a {background-position:0 -34px;} ul#basicList li#c4 a {background-position:0 -56px;} ul#basicList li#c5 a {background-position:0 -77px;} ul#basicList li#r1 a {background-position:0 9px;} ul#basicList li#r2 a {background-position:0 -13px;} ul#basicList li#r3 a {background-position:0 -34px;} ul#basicList li#r4 a {background-position:0 -56px;} ul#basicList li#r5 a {background-position:0 -77px;} ul#basicList li#r6 a {background-position:0 -98px;} ul#basicList li#r7 a {background-position:0 -122px;} ul#basicList li#r8 a {background-position:0 -144px;} ul#basicList li#r9 a {background-position:0 -167px;} ul#basicList li#r10 a {background-position:0 -189px;} #bodyCollaborations #primaryContent p, #bodyPressReleases #primaryContent p { background: #000 url(/assets/img/txt/txt_note.gif) no-repeat 0 0; padding:0 0 17px 0; width:375px; height:21px; overflow:hidden; text-indent:-9000px; } #registerTop { display:block; font-size:10px; position:absolute; right:54px; top:25px; z-index:100; height:17px; width:104px; } #registerTop p {height:17px;overflow:hidden;line-height:17px;} #registerTop p label {display:none;} #registerTop input#emailTop {text-transform:uppercase;float:left;width:75px;height:13px;padding:1px 2px;border:1px solid #999;margin:0;background-color:#000;font-size:10px;color:#ccc;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;} body#bodyHome #registerTop input#emailTop {background-color:transparent;} #registerTop input#submitTop {padding:0;margin:0;} #registerTop p.warning input#emailTop {background-image:none !important;color:#fff;} #regMessage { position:absolute; top:30px; right:162px; display:block; height:7px; overflow:hidden; text-indent:-9000px; } .regSent {width:122px;background: #000 url(/assets/img/txt/txt_registerTop_success.gif) no-repeat 0 0;right:56px !important;} .regFailed {width:131px;background: #000 url(/assets/img/txt/txt_registerTop_invalid.gif) no-repeat 0 0;} #bodyPressSamples h2 { background:url(/assets/img/head/heading_checkout.gif) no-repeat scroll 0 -701px; height:10px; margin-bottom:15px; text-indent:-9000px; } #bodyPressSamples h2.images { background-position:0 -717px; } #bodyPressSamples #primaryContent p#intro { background:transparent url(/assets/img/txt/txt_samples.gif) no-repeat 0 0; height:7px; margin-bottom:20px; overflow:hidden; text-indent:-9000px; } #bodyPressSamples #primaryContent p.imagesIntro { background-image:url(/assets/img/txt/txt_images.gif) !important; } #bodyPressSamples p.failed { background: url(/assets/img/txt/txt_contact_failed.gif) no-repeat 0 0 !important; height:19px !important; } #bodyPressSamples p.sent { background: url(/assets/img/txt/txt_contact_sent.gif) no-repeat 0 0 !important; height:6px !important; } #bodyPressSamples #primaryContent, #bodyPressSamples #footer { background-color:black; background-image:none; margin-left:55px; width:830px; } #bodyPressSamples #col-left, #bodyPressSamples #col-right { width:395px; float:left; display:inline; } form#samples p {margin-top:1px;margin-bottom:5px;} form#samples label {background:url(/assets/img/head/heading_forms_samples.gif) no-repeat 0 0;width:135px;} form#samples textarea {height:110px;} form#samples textarea#address {height:169px;} form#samples .right-column {width:260px;} #bodyPressSamples #p-journalist label {background-position:0 5px;} #bodyPressSamples #p-freelance {margin:0px;} #bodyPressSamples #p-freelance .right-column {margin-left:135px;display:inline;} #bodyPressSamples #p-freelance input {float:left;display:inline;} #bodyPressSamples #p-freelance label {background-position:5px -18px;} #bodyPressSamples #p-publication label {background-position:0 -36px;} #bodyPressSamples #p-tel label {background-position:0 -56px;} #bodyPressSamples #p-email label {background-position:0 -75px;} #bodyPressSamples #p-story label {background-position:0 -97px;} #bodyPressSamples #p-still label {background-position:0 -116px;} #bodyPressSamples #p-collection label {background-position:0 -137px;} #bodyPressSamples #p-samples label {background-position:0 -157px;} #bodyPressSamples #p-delivery label {background-position:15px -176px;} #bodyPressSamples #p-delivery .right-column label, #bodyPressSamples #p-delivery .right-column input {float:left;} #bodyPressSamples #p-delivery label#delivery_01l {width:90px;background-position:5px -198px;} #bodyPressSamples #p-delivery label#delivery_02l {width:90px;background-position:5px -218px;} #bodyPressSamples #p-issue label {background-position:15px -236px;} #bodyPressSamples #p-deadline label {background-position:15px -255px;} #bodyPressSamples #p-date label {background-position:15px -275px;} #bodyPressSamples #p-address label {background-position:15px -295px;} #bodyPressSamples #p-terms {margin-left:15px;} #bodyPressSamples p#p-submit #submit {padding:0;} /* _________________________________________ ------------------------------------------------------ JQUERY.TOOLTIP ------------------------------------------------------ __________________________________________*/ #tooltip { position: absolute; z-index: 3000; border: 1px solid #000; background-color: #000; padding: 3px; opacity: 0.70; } #tooltip h3, #tooltip div { margin: 0; } #tooltip h3 { font-size:9px; color:#fff; text-transform:uppercase; font-weight:bold; font-family:'Trebuchet MS',Arial,Helvetica,sans-serif } /* _________________________________________ ------------------------------------------------------ SKYWIRE LOGO ------------------------------------------------------ __________________________________________*/ div.skywireLogo { z-index:1000; position:absolute; bottom:10px; right:10px; text-align:left; width:37px; height:13px; outline:none; } a.skywireLogo { z-index:1000; background:url(/assets/img/logo.png) no-repeat 0 0; text-align:left; text-indent:-9000px; font-size:10px; display:block; width:37px; height:13px; outline:none; } a.skywireLogo:hover {background-position:0 -13px;} /*------------------------------------------------------ CREDITS LOGO ------------------------------------------------------ __________________________________________*/ div.credits { z-index:1000; position:absolute; bottom:14px; right:55px; text-align:left; width:47px; height:6px; outline:none; overflow:hidden; } a.credits { z-index:1000; background:url(/assets/img/credits.png) no-repeat 0 0; text-align:left; text-indent:-9000px; font-size:10px; display:block; width:47px; height:6px; outline:none; overflow:hidden; } a.credits:hover {background-position:0 -6px;} /* home page specific problems with overlay */ #TB_overlay {z-index:1001;} #TB_window {z-index:1002;} #TB_window #TB_title {width:100%;} #TB_window #TB_ajaxContent h2.credits { background:none; height:auto; text-indent:0; font-size:11px; margin:0; } #creditsSecond { position:absolute; left:500px: } /*------------------------------------------------------ PRESS ------------------------------------------------------ __________________________________________*/ #bodyPressCoverage #scroller {display:none;} #bodyPressCoverage #primaryContent {background:#000;} #bodyPressCoverage.js #scroller {display:block;position:absolute;top:0;right:22px;width:20px;height:428px;background:url(/assets/img/bg_slider_vert.gif) repeat-y 100% 0;} #bodyPressCoverage #scroller #sliderthumb {display:block;width:20px;height:85px;} #bodyPressCoverage #scroller #sliderthumb img {cursor:row-resize;} #bodyPressCoverage #pressContainer {height:auto;overflow:hidden;position:relative;} #bodyPressCoverage.js #pressContainer {height:464px;} #bodyPressCoverage #pressContainer #imageBox {position:static;padding:0;} #bodyPressCoverage.js #pressContainer #imageBox {padding:0;} #bodyPressCoverage #pressContainer #imageBox #ulBox {padding:0 0 0 55px;} #bodyPressCoverage #pressContainer #imageBox #ulBox li {height:116px;width:122px;margin:0 20px 0 0;background:url(/assets/img/loadingAnimation.gif) no-repeat 50% 33px;} #bodyPressCoverage #pressContainer #imageBox #ulBox li a {display:block;} #bodyPressCoverage #pressNote {text-indent:-9000px;display:block;width:166px;margin-left:-88px;height:8px;position:absolute;bottom:-20px;left:50%;background:url(/assets/img/bg_pressnote.gif) no-repeat 0 0;} #bodyPressCoverage #footer {background:none;height:50px;} #bodyPressCoverage #TB_window {background-color:transparent;} #bodyPressCoverage #TB_window #TB_title {margin-top:41px;z-index:1001;} #bodyPressCoverage #TB_window #TB_ajaxContent { background:transparent; padding:0 !important; height:auto !important; width:auto !important; margin-top:38px; } #bodyPressCoverage #TB_window #TB_ajaxContent img {} #bodyPressCoverage #TB_window #TB_ajaxContent p {background:#000;} #bodyPressCoverage #TB_window #TB_ajaxContent p span {display:block;background:#000;} #bodyPressCoverage #TB_window #TB_ajaxContent #imgHolder {text-align:center;background:transparent;position:relative;} #bodyPressCoverage #TB_window #TB_ajaxContent #imgHolder img {padding:20px 10px;background:#000 url(/assets/img/loadingAnimation.gif) no-repeat 50% 50%;} #bodyPressCoverage #TB_window #TB_ajaxContent #itemTitle {position:absolute;bottom:13px;left:10px;color:#fff;} #bodyPressCoverage #TB_window #TB_ajaxContent #itemDate {position:absolute;bottom:13px;right:10px;} #bodyPressCoverage #TB_window #TB_ajaxContent #itemDate a {color:#fff;text-decoration:none;}