/***************************************/ /* Import page styles for v5+ browsers */ /* *************************************/ /* 1. Remove this to left align the site */ /* Start styles_centre.css */ /********************************************/ /* start styles to centre content (remove */ /* import for these styles and delete this */ /* document if the site should be */ /* left-aligned) */ /********************************************/ body {text-align: center; /* centres content in ie4/5 */} #wrapper, #checkoutwrapper {margin:0 auto; padding:0; text-align: left;} #col-two-three {text-align: left; /* ie4 fix needed due to float:right; */} /* End styles_centre.css */ /* 2. Set the column and row dimension */ /* Start styles_layout.css */ /***************************************/ /* STRUCTURAL ELEMENTS */ /***************************************/ /***************************************/ /* if no right column required, remove */ /* #col-three and #col-two then put */ /* content in #col-two-three */ /***************************************/ /***********************************************/ /* #wrapper = #col-one + 10px + #col-two-three */ /***********************************************/ #wrapper, #checkoutwrapper {width:920px;} #content-default_nocolthree, #content-default, #content-search, #content-norecord, #content-checkout, #content-myaccount, #content-3dsecure{background:#fff url(../images/bg_colone.gif) repeat-y left bottom; clear:both;} * html #content-default_nocolthree, * html #content-default, * html #content-search, * html #content-norecord, * html #content-checkout, * html #content-myaccount, * html #content-3dsecure {width:100%; overflow:hidden;} #checkout .checkoutR, #checkout .Lcat_basketcolumn, #col-one, #myacc-col-one, #checkout .Lcat_orcfcolonetwo, #checkout .Lcat_orcfcolone, #checkout .Lcat_orfncolone, #content-3dsecure .Lcat_orcfcolone {width:183px; float:left; background:url(../images/bg_colone_gradient.jpg) no-repeat left 107px; position:relative; top:-18px} #content-default_nocoltwothree #col-one {background:none;top:0px;} /*************************************************/ /* #col-two-three = #col-two + 10px + #col-three */ /*************************************************/ #col-two-three, #col-two-no-three, #checkout .checkoutL, #myacc-col-two, #secure {width:727px; float:right; padding:0 5px;} #col-two{width:570px; float:left; padding-left:5px;} #col-three {width: 145px; float: right;} * html #col-three {width: 140px; float: right;} /*#col-two-no-three {width: 734px; float: right; margin-right:3px;}*/ #footer {float:right; width: 100%; clear: both; margin: 0 0 20px 0; padding: 6px 0; text-align: center;} /* previous/continue buttons floated left/right within #buttons div */ #buttons {padding: 5px;} /* hack */ html*#checkout .checkoutL { *margin:0 -11px 0 0; /* IE 6 */ } /* this is for above css, please do not remove */ #abcdef { } /* */ /* IE 7 */ *:first-child+html #checkout .checkoutL { margin:0 !important; } /* End styles_layout.css */ /* 3. Fonts, styles and sizes if > 0px */ /* Start styles_typography.css */ /****************/ /* GLOBAL FONTS */ /****************/ body {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 76%; font-style: normal; font-weight: normal;} /*************/ /* FONT SIZE */ /*************/ h1 {font-size: 1.5em;} h2 {font-size: 1.3em;} h4 {font-size: 1.1em;} #home p.intro, #productdetail .price, #package .price {font-size: 1.2em;} h3, #home p.intro2 {font-size: 1.1em;} p, #categorylist .featprods .moreinfo, #categorylist ul.categories h2, #collate h3 {font-size: 1em;} /* IE IE 5 - 6 - see "html > body table.wizrtable th" below */ table.wizrtable th {font-size: 90%;} table.wizrtable td {font-size: 80%;} /* END IE 5 - 6 */ .featcats ul p, .featprods ul h2, .featprods ul h3, .featprods ul p.invtdesc2, .featprods ul p.was, .featprods ul p.moreinfo, #categorylist ul.categories .moreinfo, #productlist .nostock, #productlist .release, ul.products h2, ul.products p.invtdesc2, ul.products p.was, ul.products p.more, #productdetail ol, #package ol, #collate, #term {font-size: 0.9em;} ul.products h2, ul.products p, .featprods ul h2, .featprods ul p {font-size: 0.95em;} input, select, textarea {font-family: Arial, Helvetica, Verdana, sans-serif; } /* IE7 - Moz */ html > body table.wizrtable th, html > body table.wizrtable td {font-size: 1.1em;} /***************/ /* FONT WEIGHT */ /***************/ .bold, #home p.intro2, .featcats ul p, .featprods ul p.price, #categorylist .price, #productlist .price, #productlist .moreinfo, #productdetail .price, #productdetail ol .em, #package .price, #package ol .em, #collate .viewall, table.wizrtable th, #searchresults h4 span.primarysearchtext, #searchresults h4 span.totalresults, #searchresults h4 span.correctedquery {font-weight: bold;} label, table.wizrtable td, .deliveryrate h3, #searchresults h4 {font-weight: normal;} /**************/ /* FONT STYLE */ /**************/ #collate .viewall {font-style: italic;} /*******************/ /* TEXT DECORATION */ /*******************/ a, .featcats ul h2 a, .featcats ul h2 a:hover, .featcats ul p a, .featcats ul p a:hover, .featprods ul h2 a, #categorylist ul.categories h2 a, #categorylist ul h2 a:hover, ul.products h2 a {text-decoration: none;} a:hover, .featprods ul h2 a:hover, ul.products h2 a:hover {text-decoration: underline;} /**************/ /* TEXT ALIGN */ /**************/ .psel {text-align: center;} #checkoutwrapper, table.wizrtable th {text-align: left;} /* End styles_typography.css */ /* 4. This controls global colors. */ /* Start styles_color.css */ /********/ /* TEXT */ /********/ body, a:hover {color: #333;} #admin, #admin a, #noscript, #noscript a, .featcats ul h2 a, .featcats ul h2 a:hover, .featcats ul p a, .featcats ul p a:hover, .invisible {color: #FFF;} a, .featcats ul p, .featprods ul h2 a, .featprods ul h2 a:hover, .featprods ul p, ul.products h2 a, ul.products h2 a:hover, ul.products p {color: #001B31;} .error, #atbmsg, .required, .itemsLoaded, .totalLoaded {color: #F00;} /***************/ /* BACKGROUNDS */ /***************/ .error, #atbmsg, table.wizrtable, table.wizrtable th, #categorylist .icatldesc, #categorylist ul.categories, #categorylist ul.categories .image, #productlist ul.products li, #iacc ul.featprods li, #searchresults .prods ul li, #col-two-no-three, #myacc-col-two {background-color: #fff;} #admin, #admin a, #noscript, #noscript a {background-color: #F00;} .featcats ul li {background-color: #999;} /***********/ /* BORDERS */ /***********/ h1 {border-color: #000;} fieldset {border-color: transparent;} .featcats ul li {border-color: #666;} .featcats ul h2 {border-bottom-color:#FFF;} #productlist ul.products li, #iacc ul.featprods li, #searchresults .prods ul li {border-color: #5E5E5E;} table.wizrtable, table.wizrtable th {border-color: #FFF;} /* End styles_color.css */ /* For category styles use the */ /* appropriate css. e.g vanilla has 5 */ /* categories: Home, Music, DVD, Games, */ /* and Downloads for each section */ /* a unique css is called check the */ /* source code to find it. */ /* 5. This sets the default html elements */ /* Start styles_default.css */ body {margin: 0; padding: 0; background:url(../images/bg_body.jpg) left top; behavior:url(/content/ebiz/mackays/resources/js/csshover.htc);} h1, h2, h3 {margin: 0 0 .5em 0; padding: 0;} /*h1 {border-bottom-style: solid; border-bottom-width: 1px;}*/ p {margin: .5em 0; padding: 0;} a img {border:none;} /***********/ /* LISTS */ /***********/ ul {margin: 0; padding: 0; list-style: none;} /***********/ /* FORMS */ /***********/ form {display: inline; margin: 0;} input, select {vertical-align: middle;} radio, checkbox {vertical-align: middle; float: left; width: 10%;} legend {display: none;} fieldset {margin: 0; border-style: solid; border-width: 0; margin-bottom: 1em; clear: both; padding: 0 6px 6px 10px;} fieldset label {float: left; width: 33%;} fieldset div div {clear: none; float: left; width: 33%;} fieldset div {clear: both;} /********************/ /* COMMON CLASSES */ /********************/ .first {border-left: 0;} .hide {display: none;} .left {float: left;} .right {float: right;} .clear-all {clear: both; height: 0; line-height: 0; font-size: 0;} .re-waiHide {position:absolute;left:0px;top:-500px;width:1px;height:1px;overflow:hidden;} /**clearing classes**/ .clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix{display:inline-block;} /*Hides from IE-mac \*/ * html .clearfix{height:1%;} .clearfix{display:block;} /*End hide from IE-mac*/ /* End styles_default.css */ /* 6. This is specific to the DHTML popup window */ /* Start dhtmlwindow.css */ /*****************************************************/ /* The styles below deal with the DHTML popup window */ /* ***************************************************/ iframe#contentframe {margin:0; padding:0; width:100%; height: 100%} .dhtmlwindow{position: absolute;visibility: hidden;background-color: #fff;} /*CSS for Drag Handle*/ .drag-handle{border: 1px solid #666;padding: 1px;text-indent: 3px;font-weight: bold;font-size: 1.2em;background-color: #ccc;color: #fff;cursor: move;overflow: hidden;width: auto;position: relative;z-index:2;} * html .drag-handle { /* for IE/Win - lines up divs, only IE because seeing this causes overlaps when fonts scaled in non IE */ /*width:442px;*/ } /* needed to sit in between header of dhtmlwindow and background - because IE shows select fields always on top */ /* you may want to increase the height value if the drag-handle height increases */ iframe#headerframe{z-index:1;width:100%;height:30px;position:absolute;top:0px;left:0px;} /*CSS for controls (min, close etc) within Drag Handle*/ .drag-handle .drag-controls{position: absolute;right: 1px;top: 2px;cursor: hand;cursor: pointer;z-index:2;} /*CSS for Content Display Area div*/ .drag-contentarea{border-left: 1px solid #666;border-right: 1px solid #666;border-bottom: 1px solid #666;color: black;height: 150px;padding: 0;overflow: auto;position: relative;z-index:2;background: #fff url(../images/dataloading.gif) no-repeat center center;} .drag-statusarea, .drag-resizearea{display:none;} /****************************************/ /* ADDED TO BASKET PARENT POPUP MESSAGE */ /* **************************************/ #tabaddedmsg {display:none; position:absolute; top:126px; left:543px; border:1px solid #999; background-color:#ccc; color:black; width:200px; padding:0 5px; z-index:1;} #tabaddedmsg .text {float:left;width:175px;} #tabaddedmsg img {padding-top:5px;} /* End dhtmlwindow.css */ /******************************************/ /* The styles below deal with the content */ /* area of the document */ /* ****************************************/ /* admin elements */ #admin {margin: 0; padding: .5em 0;} #admin a {text-decoration: underline;} /*no javascript*/ #noscript {margin: 0; padding: .5em 0;} #noscript a {text-decoration: underline;} /* Shared with checkout */ #buttons {overflow: hidden; /* must now supply a width value for this to work */ width: 98%;} /* Communication option */ .smsbox, .thirdpartybox {} /*************/ /* HOME PAGE */ /*************/ #home .banner {background: url(../images/welcomebanner.gif) no-repeat left top; width: 390px; height: 120px;} #home h1 {/*IE 5.5 box model hack*/ width: 390px; padding: 0.8em; border: 0; overflow: hidden; voice-family: "\"}\""; voice-family: inherit; width: 360px;} html > body #home h1 { /* IE7 - Moz */ width: 360px; /*End box model hack*/} #home p.intro {width: 390px; padding: 0;} #home p.intro2 {clear: both; padding-top: 10px;} /**************************/ /* FEATPRODS PRODUCT LIST */ /**************************/ .ts_productlist {margin:0 0 0 7px;} * html .ts_productlist {margin:0 0 0 7px; float:right;} .ts_productlist .Ltopsellers{margin:0 0 10px 0 !important;} .ts_productlist .rightnavtopseller {background-color:#EFEFEF;} .ts_productlist h2 {height:25px; width:138px; text-indent:-5000px; background:url(../images/hdsearch_bestsellef.gif) no-repeat left top; margin-bottom:10px;} .ts_productlist ul {color:#001B31;width:138px; background-color:#EFEFEF;text-align:center;padding:0;margin:0;list-style:none;} .ts_productlist ul .image { margin:0 0 5px 0; min-height:115px;} * html .ts_productlist ul .image {height:115px;} .ts_productlist ul li {padding:0 0 5px 0;} .ts_productlist ul li .invtname {margin:0;padding:0 5px 0 5px;} .ts_productlist ul li .invtname a { font-size:0.8em;} .ts_productlist ul li .invtname a:hover { text-decoration:none;color:#001B31;} .ts_productlist ul li .price , .ts_productlist ul li .priceatt { height:14px; color: #001B31; margin:0;padding:0;font-size : 0.9em; font-weight:bold;} .ts_productlist ul li .pricered , .ts_productlist ul li .priceattred{ height:14px; color: red; margin:0;padding:0;font-size : 0.9em; font-weight:bold;} .ts_productlist ul li .priceform { height:14px; color: #001B31; font-weight:normal;text-transform:lowercase;margin:0;padding:0;} .ts_productlist ul li .was , .ts_productlist ul li .wasattr { color: #001B31;margin:0;padding:0;font-size : 0.9em; font-weight:normal;text-transform:lowercase;} .ts_productlist ul li .overlay {margin-top:-120px !important; margin-top/**/:-123px; margin-left:73px; height:120px !important; height/**/:123px;} * html .ts_productlist ul li .overlay {position:relative;} .sp_productlist {margin:0 0 0 7px;} * html .sp_productlist {margin:0 0 0 7px; float:right;} .sp_productlist .Lspotlights{margin:0 0 10px 0 !important;} .sp_productlist .rightnavspotlight {background-color:#EFEFEF;} .sp_productlist h2 {height:25px; width:138px; text-indent:-5000px; background:url(../images/hdsearch_editorchoice.gif) no-repeat left top; margin-bottom:10px;} .sp_productlist ul {color:#001B31;width:138px; background-color:#EFEFEF;text-align:center;padding:0;margin:0;list-style:none;} .sp_productlist ul .image { margin:0 0 5px 0; min-height:115px;} * html .sp_productlist ul .image {height:115px;} .sp_productlist ul li {padding:0 0 5px 0;} .sp_productlist ul li .invtname {margin:0;padding:0 5px 0 5px;} .sp_productlist ul li .invtname a { font-size:0.8em;} .sp_productlist ul li .invtname a:hover { text-decoration:none;color:#001B31;} .sp_productlist ul li .price , .sp_productlist ul li .priceatt { height:14px; color: #001B31; margin:0;padding:0;font-size : 0.9em; font-weight:bold;} .sp_productlist ul li .pricered , .sp_productlist ul li .priceattred { height:14px; color: red; margin:0;padding:0;font-size : 0.9em; font-weight:bold;} .sp_productlist ul li .priceform { height:14px; color: #001B31; font-weight:normal;text-transform:lowercase;margin:0;padding:0;} .sp_productlist ul li .was , .sp_productlist ul li .wasattr { color: #001B31;margin:0;padding:0;font-size : 0.9em; font-weight:normal;text-transform:lowercase;} .sp_productlist ul li .overlay {margin-top:-120px !important; margin-top/**/:-123px; margin-left:73px; height:120px !important; height/**/:123px;} * html .sp_productlist ul li .overlay {position:relative;} .fp_productlist {margin:0 0 0 7px;} * html .fp_productlist {margin:0 0 0 7px; float:right;} .fp_productlist .rightnavfeatprods {background-color:#EFEFEF; margin:0 0 10px 0 !important;} .fp_productlist h2 {height:25px; width:138px; text-indent:-5000px; background:url(../images/hdsearch_advertise.gif) no-repeat left top; margin-bottom:10px;} .fp_productlist ul {color:#001B31;width:138px; background-color:#EFEFEF;text-align:center;padding:0;margin:0;list-style:none;} .fp_productlist ul .image { margin:0 0 5px 0; min-height:115px;} * html .fp_productlist ul .image {height:115px;} .fp_productlist ul li {padding:0 0 5px 0;} .fp_productlist ul li .invtname {margin:0;padding:0 5px 0 5px;} .fp_productlist ul li .invtname a { font-size:0.8em;} .fp_productlist ul li .invtname a:hover { text-decoration:none;color:#001B31;} .fp_productlist ul li .price , .fp_productlist ul li .priceatt { height:14px; color: #001B31; margin:0;padding:0;font-size : 0.9em; font-weight:bold;} .fp_productlist ul li .pricered , .fp_productlist ul li .priceattred { height:14px; color: red; margin:0;padding:0;font-size : 0.9em; font-weight:bold;} .fp_productlist ul li .priceform { height:14px; color: #001B31; font-weight:normal;text-transform:lowercase;margin:0;padding:0;} .fp_productlist ul li .was , .fp_productlist ul li .wasattr { color: #001B31;margin:0;padding:0;font-size : 0.9em; font-weight:normal;text-transform:lowercase;} .fp_productlist ul li .overlay {margin-top:-120px !important; margin-top/**/:-123px; margin-left:73px; height:120px !important; height/**/:123px;} * html .fp_productlist ul li .overlay {position:relative;} /***************************/ /* FEATPRODS SEARCH RESULT */ /***************************/ #content-search #col-three .featprodslocayta {color:#001B31;margin:0 0 0 7px;width:138px;background-color:#EFEFEF;} #content-search #col-three .featprodslocayta h2 {background:url(../images/hdsearch_advertise.gif) no-repeat left top; width:138px; height:25px; text-indent:-5000px;} #content-search #col-three .featprodslocayta ul { text-align:center;padding:0;margin:0;list-style:none;} #content-search #col-three .featprodslocayta ul li .image { margin:0 0 5px 0; min-height:115px;} * html #content-search #col-three .featprodslocayta ul li .image { margin:0 0 5px 0;position:relative; height:115px;} *:first-child+html #content-search #col-three .featprodslocayta ul li .image { margin:0 0 5px 0;position:relative; height:115px;} #content-search #col-three .featprodslocayta ul li {padding:0 0 5px 0;} #content-search #col-three .featprodslocayta ul li .invtname {margin:0;padding:0 5px 0 5px;} #content-search #col-three .featprodslocayta ul li .invtname a { font-size:0.8em;} #content-search #col-three .featprodslocayta ul li .invtname a:hover { text-decoration:none;color:#001B31;} #content-search #col-three .featprodslocayta ul li .price, #content-search #col-three .featprodslocayta ul li .priceatt { height:14px; color: #001B31; margin:0;padding:0;font-size : 0.9em; font-weight:bold;} #content-search #col-three .featprodslocayta ul li .pricered, #content-search #col-three .featprodslocayta ul li .priceattred { height:14px; color: red; margin:0;padding:0;font-size : 0.9em; font-weight:bold;} #content-search #col-three .featprodslocayta ul li .priceform { height:14px; color: #001B31; font-weight:normal;text-transform:lowercase;margin:0;padding:0;} #content-search #col-three .featprodslocayta ul li .was , #content-search #col-three .featprodslocayta ul li .wasattr { color: #001B31;margin:0;padding:0;font-size : 0.9em; font-weight:normal;text-transform:lowercase;} #content-search #col-three .featprodslocayta ul li .overlay {margin-top:-120px !important; margin-top/**/:-123px; margin-left:73px; height:120px !important; height/**/:123px;} * html #content-search #col-three .featprodslocayta ul li .overlay {position:relative;} *:first-child+html #content-search #col-three .featprodslocayta ul li .overlay {position:relative;} /*****************/ /* CATEGORY LIST */ /*****************/ .categorynameanddescriptio div{width:385px;height:278px;float:left;} .Lcatdesc div h2, .Lcatdesc div h3{display:none;} #categorylist .catlist { font-size:1.2em;} #categorylist p.catlist a.menuFontNonSelected {color:#001B31;} #categorylist #productlist .catlist, #categorylist #productlist .catpromobanner{display:none;} .Lcat_catlistmaincategory .featprods{float:left;} .Lcatdesc h1 {padding: 0; margin: 0; border: none;} #categorylist h3 {margin: 0 0 0 10px; clear: both;} #categorylist img {border: none;} #categorylist .price {padding: 0; margin: 0;} #categorylist .icatldesc {padding:5px 5px 0 5px; margin:5px 0 0 0; float:left; color:#001B31;} #categorylist .icatsdesc {padding:5px; margin:0 0 5px 0; float:left; color:#001B31;} #categorylist .icatldesc h1 , #categorylist .icatsdesc h1 {font-size:1.0em; font-weight:normal;} /**************************/ /*TEMPLATES CATEGORY_LIST */ /**************************/ #categorylist ul.categories {clear:both;} #categorylist ul.categories li {width: 239px; float: left; background: #e9e9e9 url(../images/icatname.gif) no-repeat; padding:5px 0 0 0; margin:0 5px 0 0; height:70px; min-height: 70px;} #categorylist ul.categories h2 {padding: 4px 10px; margin: 0;} #categorylist ul.categories .image {float: right; padding: 10px; margin-top: 1px;} #categorylist ul.categories p {padding: 10px 10px 0 10px;} /******************************/ /*TEMPLATES NEW CATEGORY_LIST */ /******************************/ #categorylist .categorybannerbox { float:left;margin:0;padding:0;width:360px;} #categorylist ul.categorieslist {float:left;margin:0 0 0 10px;width:355px;} #categorylist ul.categorieslist li { float:left;margin:0;padding:0;text-align:center;width:118px;} #categorylist ul.categorieslist .image {padding: 10px; margin-top: 1px;} #categorylist ul.categorieslist h1 {margin:0;padding:0;} #categorylist ul.categorieslist h2 a { color: #001B31; margin: 0;font-size : 0.7em; font-weight:bold;} #categorylist ul.categorieslist h2 a:hover{ color: #001B31;} /*#categorylist ul.categories .moreinfo { /* 1st = mozila/firefox - 2nd = ie5 - 3rd = ie6/win */ /*width:239px !important; width:200px; width/**/:/**//*200px; } #categorylist ul.categories .moreinfo a {padding-right: 10px; background: url(../images/arrow.gif) no-repeat right 3px;}*/ #categorylist .catspotlight ul {border:1px solid #999;width:250px;margin:0 15px 0 0;} *html #categorylist .catspotlight ul{margin:0 13px 0 0;} #categorylist .catspotlight h2{display:none;} #categorylist .catspotlight ul h3{margin:0;text-transform:capitalize;} /***************************/ /*TEMPLATES SUBCATEGORYLIST*/ /***************************/ #categorylist .promotionbannerbox {margin:0 0 5px 0;} .subcateright {float:left;margin:0 0 0 10px;width:355px;} .subcatbestseller , .subcateditorchoice, .subcatbestsellerld {float:left;margin:0 0 7px 0;padding:0;width:355px;} .subcatnewarrival {float:left;margin:0;padding:0;width:355px;} /*BEST SELLER , NEW ARRIVAL , EDITOR CHOICE*/ .bestseller , .newarrival , .catseditorchoice {float:left;} .bestseller h1 , .newarrival h1 , .catseditorchoice h1, .subcatbestsellerld h1 {margin:0;} .bestseller ul , .newarrival ul , .catseditorchoice ul {float:left;width:355px;} .bestseller ul li , .newarrival ul li , .catseditorchoice ul li { float:left;margin:0;padding:0;text-align:center;width:118px;} .bestseller h1.bestsellerhd {display:none;} .subcatbestsellerld .bestseller h1{display:none;} .subcatbestsellerld .bestseller h1.bestsellerhd {display:block;} .bestseller ul li .image , .newarrival ul li .image , .catseditorchoice ul li .image {padding:7px 0 5px 0; min-height:115px;} * html .bestseller ul li .image , * html .newarrival ul li .image , * html .catseditorchoice ul li .image {height:115px;} .bestseller ul li .details p.price , .bestseller ul li .details p.priceatt , .newarrival ul li .details p.price , .newarrival ul li .details p.priceatt , .catseditorchoice ul li .details p.price , .catseditorchoice ul li .details p.priceatt { height:14px; color: #001B31; margin: 0;font-size : 0.9em; font-weight:bold;} .bestseller ul li .details p.pricered , .bestseller ul li .details p.priceattred , .newarrival ul li .details p.pricered , .newarrival ul li .details p.priceattred , .catseditorchoice ul li .details p.pricered , .catseditorchoice ul li .details p.priceattred { height:14px; color: red; margin: 0;font-size : 0.9em; font-weight:bold;} .bestseller ul li .details span.priceform , .newarrival ul li .details span.priceform , .catseditorchoice ul li .details span.priceform { color: #001B31; font-weight:normal;text-transform:lowercase;} .bestseller ul li .details p.was , .newarrival ul li .details p.was , .catseditorchoice ul li .details p.was { height:14px; color: #001B31; margin: 0;font-size : 0.9em; font-weight:normal;text-transform:lowercase;} .bestseller ul li .details p.icatsname , .newarrival ul li .details p.icatsname , .catseditorchoice ul li .details p.icatsname {font-size:0.8em;line-height:1.1em; margin: 0 2px 0 2px; padding: 0;} .bestseller ul li .details p.icatsname a , .newarrival ul li .details p.icatsname a , .catseditorchoice ul li .details p.icatsname a { color: #001B31; margin: 0; font-weight:normal;} .bestseller ul li .details p.icatsname a:hover , .newarrival ul li .details p.icatsname a:hover , .catseditorchoice ul li .details p.icatsname a:hover{ color: #001B31; } .bestseller ul li .overlay , .newarrival ul li .overlay , .catseditorchoice ul li .overlay {margin-top:-120px !important; margin-top/**/:-123px; margin-left:73px; height:120px !important; height/**/:123px;} * html .bestseller ul li .overlay , * html .newarrival ul li .overlay , * html .catseditorchoice ul li .overlay{position:relative;} /***************************/ /*CATEGORY NAME - Lcattree */ /***************************/ #categoryname h1 {padding:0;margin:0;border:0;} #categoryname .catname { width:560px;float:left;padding:0;margin:10px 0 10px 3px;text-transform:lowercase;} #categoryname .catname a {font-size:1.3em;color: #001B31;} #categoryname .catnamekids { width:725px;float:left;padding:0;margin:10px 0 10px 3px;text-transform:lowercase;} #categoryname .catnamekids a {font-size:1.3em;color: #001B31;} #categoryname .catnamecollection { width:725px;float:left;padding:0;margin:10px 0 10px 3px;text-transform:lowercase;} #categoryname .catnamecollection a {font-size:1.3em;color: #001B31;} #categoryname p.catlist a.menuFontNonSelected {color:#001B31; padding: 0 15px 0 0;} #categoryname .treehome {display:none;} /**************************/ /*TEMPLATES CATEGORY_KIDS */ /**************************/ #categorylist ul.categorieskids {clear:both;float:left;} #categorylist ul.categorieskids li {width:180px; float: left; margin:0 1px 5px 0; height:170px; min-height: 170px;} #categorylist ul.categorieskids h2 {display:none;} #categorylist ul.categorieskids .image {float: right;} #categorylist ul.categorieskids p {padding: 10px 10px 0 10px;} #categorylist ul.categorieskids .moreinfo {display:none;} /******************************/ /*TEMPLATES SUBSHOPCOLLECTION */ /******************************/ #categorylist ul.subshopcollection {clear:both;float:left;} #categorylist ul.subshopcollection li {width:180px; float: left; margin:0 1px 5px 0; } #categorylist ul.subshopcollection h2 {display:none;} #categorylist ul.subshopcollection .image {float: right;} #categorylist ul.subshopcollection p.icatldesc { font-size: 0.9em; padding: 0; float: left; text-align: center; width: 180px;} #categorylist ul.subshopcollection .moreinfo {display:none;} /*****************************/ /*TEMPLATES MAINCATEGORYLIST */ /*****************************/ #categorylist .categorybannerboxmain {width: 727px; float: left;} #categorylist .categorybannerboxleft {width: 541px; float: left;} #categorylist .categorybannerboxright{width: 182px; float: right;} .bannerbox1 {margin-bottom:3px;} html* .bannerbox1 {margin-bottom:3px !important; margin-bottom/**/:/**/0px;} *:first-child+html .bannerbox1 {margin-bottom:0px !important;} .bannerspotlight ul.submaincategory li {margin-bottom:0;} html* .bannerspotlight ul.submaincategory li {margin-bottom:3px !important; margin-bottom/**/:/**/0px;} *:first-child+html .bannerspotlight ul.submaincategory li {margin-bottom:0px !important;} .shortdesc{ float:left; width:702px; font-size:0.9em; padding:0; margin:5px 0 0 0; padding:0 15px 0 15px;} /******************************/ /*TEMPLATES CATEGORY_BOUTIQUE */ /******************************/ #categorylist_boutique .categorybannerboxmain {width: 727px; float: left; background-color:#000000;} #categorylist_boutique .boutiquebanner {width: 727px; float: left;margin:0;} #categorylist_boutique .boutiquesdesc {float:left; padding:10px; background: url(../images/line_category_boutique.gif) no-repeat left bottom; width:700px;} #categorylist_boutique .boutiquesdesc h1{ color:#fff; font-size:1.0em; font-weight:normal;} #categorylist_boutique .icatldesc {background-color:#000000;float:left;padding:10px;width:707px;} #categorylist_boutique .icatldesc h1{ color:#fff; font-size:1.0em; font-weight:normal;} .editorchoiceboutique {width:726;background-color:#000000;} /******************/ /* Promotion Area */ /******************/ .promotionarea {float:left;width:727px;margin:5px 0 5px 0;} *:first-child+html .promotionarea {float:left;width:727px;margin:10px 0 5px 0 !important;} .promotionarea .Linternalimage {float:left;margin-bottom:3px;width:363px;} #promotionAreaFrame {float:left; height:100px; margin-right:4px; width:359px; border:none;} .footerpromoarea {float:left; width:727px; margin:5px 0 5px 0;} .footerpromoarea .Linternalimage {float:left;margin-bottom:3px;width:363px;} /*****************/ /* PRODUCT LISTS */ /*****************/ #productlist {float:left;width:570px;} #productlist .catename {font-size: 1.6em; color:#001B31;font-weight: bold;margin:10px 0 5px 0;padding:0;} #productlist ul.products li {width:180px; float: left; margin:8px 5px 0 0;} #productlist ul.products li .imageproductlist {margin:0 0 5px 0; min-height:230px; text-align:center;} * html #productlist ul.products li .imageproductlist {height:230px;} #productlist ul.products li .details {text-align:center; width:170px;} #productlist ul.products li .details h2 {font-size:0.9em;font-weight:normal;} #productlist ul.products li .overlay{margin-top:-237px !important; margin-top/**/:-240px;margin-left:133px;height:237px !important; height/**/:240px;} * html #productlist ul.products li .overlay{position:relative;} #productlist ul.products .details .price , #productlist .attrproducts .priceatt { height:14px; color: #001B31; margin:0;padding:0;font-size : 0.9em; font-weight:bold;} #productlist ul.products .details .pricered , #productlist .attrproducts .priceattred { height:14px; color: red; margin:0;padding:0;font-size : 0.9em; font-weight:bold;} #productlist ul.products .details .priceform { height:14px; color: #001B31; font-weight:normal;text-transform:lowercase;margin:0;padding:0;} #productlist ul.products .details .was {color: #001B31;margin:0;padding:0;font-size : 0.9em; font-weight:normal;text-transform:lowercase;} #productlist .pdxtpromotext , #productlist .pdxtaddeddetail , #productlist .pdxtmorecolours {color:#001B31;text-align:center;margin:0;padding:0;font-size : 0.9em; font-weight:normal;} #productlist .icatsdesc , #productlist .icatldesc {padding:5px; margin:5px 0 5px 0; float:left; color:#001B31;} #productlist .icatsdesc h1 , #productlist .icatldesc h1 {font-size:1.0em; font-weight:normal;} #productlist .linebottom {border-bottom:1px solid #CCCCCC;float:left;margin:0pt;padding:0pt;width:100%;} #productlist .linetop {border-top:1px solid #CCCCCC;float:left;margin:0pt;padding:0pt;width:100%;} /*****************/ /* Product Empty */ /*****************/ .productempty {float:left;margin:10px 0 0 10px;} /********/ /* psel */ /********/ .psel {width:570px;margin: 10px 0;clear:both;text-align:right;} html* .pseltop .psel {width:570px;margin: 25px 0 10px 0 !important;clear:both;text-align:right;} *:first-child+html .pseltop .psel {width:570px;margin: 25px 0 10px 0 !important;clear:both;text-align:right;} .psel a.next {background: url(../images/bullet_nextselect.gif) no-repeat right 4px;text-decoration:none;padding:0 10px 0 10px;} .psel a.previous {background: url(../images/bullet_previousselect.gif) no-repeat left 4px;text-decoration:none;padding:0 10px 0 10px;} .psel a.pselall {background: url(../images/bullet_nextselect.gif) no-repeat right 4px;text-decoration:none;padding:0 10px 0 15px;} .psel .pnumber a {text-decoration:underline;} .psel .pnumber-search a {text-decoration:underline;} .psel a:hover {text-decoration:none; color: #001B31;} .plpsel.pseltop {width: 100%; float: left;border-bottom:1px solid #CCCCCC;margin:0;padding:0;} html* .plpsel.pseltop {margin:-15px 0 0 0;margin/**/:/**/-15px 0 0 0;padding/**/:/**/0;} .plpsel.pselbtm {margin:10px 0 0 0;padding:0;border-top:1px solid #CCCCCC;width: 100%; float: left;} .searchpsel.searchpseltop {width: 100%; float: left;border-top:1px solid #CCCCCC;margin:0;padding:0;} .searchpsel.searchpselbtm {margin:10px 0 0 0;padding:0;border-top:1px solid #CCCCCC;width: 100%; float: left;} /*******************/ /* PRODUCT DETAILS */ /*******************/ #productdetail {margin:0 0 0 4px;padding: 6px 0 0 0; width: 720px;} #productset li #productdetail {margin:0;} .productdetailleft {float: left;width:298px; padding-right: 3px;} .productdetailleft .overlay {margin-top:-372px !important;margin-top/**/:-372px;margin-left:220px;height:372px !important;height/**/:372px;} * html .productdetailleft .overlay {position:relative;} .productdetailleft .invtmedia {text-align:center; min-height:370px;} * html .productdetailleft .invtmedia {height:370px;} .productdetailleft .invtmedia p {height: 178px;} .productdetailleft .imagewareandenlarge{width:280px; height:20px; padding:2px 0 0 5px; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; text-align:center; margin:10px 0 0 0;} .productdetailleft .imagewareandenlarge a#zoom_link {text-transform:lowercase; font-size:1.2em; background: url(../images/enlarge.gif) no-repeat left top; padding:0 0 0 25px; margin:0 0 0 -5px; } .productdetailleft .imagewareandenlarge a#imgpopuplink_alt {text-transform:lowercase; font-size:1.2em; background: url(../images/enlarge.gif) no-repeat left top; padding:0 0 0 25px; margin: 0 0 0 -10px; } .productdetailleft .imagewareandenlarge a#viewnextimage {background: url(../images/iconnext.gif) no-repeat left top; text-transform:lowercase; font-size:1.2em; padding:0 0 0 30px; margin:0 0 0 15px;} .productdetailleft .imagewareandenlarge a {text-decoration:none;} .productdetailleft .hdcolouravailable {color:#001B31;width:298px;margin:5px 0 5px 0;padding:0;font-size:1.3em;font-weight:bold;} .productdetailleft #colouravailable {width:298px;} .productdetailleft .also_img {width:298px;} .productdetailleft .also_img img { margin:0 15px 0 0;} .productdetailleft .viewmorecolours { height:11px;background: url(../images/bg_viewcolour.gif) no-repeat center top;border-bottom:1px solid #d6d6d6;text-align:center;margin-top:10px;} .productdetailleft .viewmorecolours a { font-size:0.75em;padding:0 0 0 10px;} .productdetailleft .viewmorecolours a:hover { text-decoration:none;} html* .productdetailleft .viewmorecolours {height:11px;background/**/:/**/url(../images/bg_viewcolour.gif) no-repeat center 4px;border-bottom:1px solid #d6d6d6;text-align:center;margin:10px 0 0 0;padding/**/:/**/0 0 0 10px;} html* .productdetailleft .viewmorecolours a { font-size:0.75em;padding/**/:/**/0;margin/**/:/**/0;} *:first-child+html .productdetailleft .viewmorecolours {height:14px;background: url(../images/bg_viewcolour.gif) no-repeat center 4px;border-bottom:1px solid #d6d6d6;margin-top:10px;} *:first-child+html .productdetailleft .viewmorecolours a {font-size:0.75em;} .productdetailleft #alternativeimages {width:290px;float:left;} .productdetailleft .hdalternatives {color:#001B31; width:280px;margin:5px 0 5px 0;padding:0;font-size:1.3em;font-weight:bold;} .productdetailleft #alternativeimages img {margin:0;padding:0;} .productdetailright {float:left; width:418px; padding:0 0 6px 0; margin:0; color:#001B31;} .productdetailright .section1 {float:left; width:417px; border-bottom:1px solid #d6d6d6; padding:0 0 5px 0;} .productdetailright h1 {float:left; font-size:1.45em; border:none; float:left; width:405px; margin:0 0 5px 0;} .productdetailright .skuandprint {float:left; width:417px; margin:0; padding:0;} .productdetailright h3 {float:left; width:335px; font-weight:normal; font-size:0.9em; margin:0; padding:0;} .productdetailright .skunumber {font-size:1em; font-weight:normal; color:#999999; margin:0; padding:0;} .productdetailright .print {float:left; width:70px; height:13px; margin:0; padding:0;} .productdetailright .pdxtcolour {float:left; font-weight:bold; padding:0 0 5px 0; width:417px;} .productdetailright .pdxtpromotext {float:left;margin:5px 0 0 0;font-size:0.9em;} .productdetailright .desc {float:left; border-bottom:1px solid #d6d6d6; margin:10px 0 5px 0; padding-bottom:7px; font-size:1em; width:417px;} .productdetailright #tabshortdescription .invtdesc1 {font-weight:bold; float:left; width:400px; margin:0; padding:5px; font-size:0.9em;} .productdetailright #tabshortdescription .invtdesc2 {font-weight:bold; float:left; width:400px; margin:0; padding:5px; font-size:0.9em;} *html .productdetailright #tabshortdescription .invtdesc1 {font-weight:bold; float:left; width:400px; margin:0; padding:5px; font-size:0.9em;} *html .productdetailright #tabshortdescription .invtdesc2 {font-weight:bold; float:left; width:400px; margin:0; padding:5px; font-size:0.9em;} .productdetailright .priceanddropdown {float:left; border-bottom:1px solid #d6d6d6; padding:0 0 5px 0;width:417px;} .productdetailright .widthprice {width:417px; float:left;} .productdetailright .productattribute {display:none;} .productdetailright .widthdropdown {clear:both; width:417px; margin:0; padding:0;} .productdetailright .widthdropdown fieldset {margin:0; padding:0;} .productdetailright .widthdropdown fieldset div {margin:0; padding:0;} .productdetailright .widthdropdown label {float:left; font-weight:bold; width:35px; margin:8px 0 0 0; font-size:0.9em; color:#001B31;} .productdetailright .widthdropdown select {margin:3px 0 0 0; font-size:0.9em; color:#001B31;} .productdetailright .widthdropdown select option {color:#001B31;} .productdetailright .widthpriceatt {width:417px;float:left; margin:0; padding:0;} .productdetailright .pricered , .productdetailright .priceattred {float:left;width:417px; color:red; margin:0; padding:0; font-size:2.15em; font-weight:bold;} .productdetailright .priceblue {float:left;width:417px; color:#001B31; margin:0; padding:0; font-size:2.15em; font-weight:bold;} .productdetailright .pricenow {min-width:100px;float:left; color:#001B31; text-transform:lowercase; margin:5px 5px 0 0; padding:0; font-size:0.8em; font-weight:bold;border:1px solid pink;} .productdetailright .priceform {float:left; color:#001B31; text-transform:lowercase; margin:5px 5px 0 -5px; padding:0; font-size:0.8em; font-weight:bold;border:1px solid blue;} #productset .productdetailright p.price {font-size:2.15em;} #productset .productdetailright .pricenow {font-size:1em;} #productset .productdetailright .priceform {font-size:0.8em;} #productset .productdetailright .invtdesc1 {font-weight:bold; float:left; width:400px; margin:5px 0 10px 0; padding:0; font-size:0.9em;} #productset .productdetailright .invtdesc2 {font-weight:normal; float:left; width:400px; margin:0 0 5px 0; padding:0; font-size:0.9em;} .productdetailright .save , .productdetailright .was , .productdetailright .wasattr {width:auto; color:#001B31; margin:5px 5px 0 0; padding:0; font-size:0.9em; font-weight:normal; text-transform:lowercase; float:left;} .productdetailright .release , .productdetailright .eta , .productdetailright .instock , .productdetailright .outofstock {float:left; font-weight:bold; width:417px !important; font-size:0.9em; margin:5px 0 5px 0;} .productdetailright .emailmebuttns {margin:5px 0 5px 0;} *html .productdetailright .release , *html .productdetailright .eta , *html .productdetailright .instock , *html .productdetailright .outofstock {font-weight:bold; width:417px !important; font-size:0.9em; margin:5px 0 5px 0;} *html .productdetailright .emailmebuttns {margin:5px 0 5px 0;font-size:0em !important;} *:first-child+html .productdetailright .release , *:first-child+html .productdetailright .eta , *:first-child+html .productdetailright .instock , *:first-child+html .productdetailright .outofstock {font-weight:bold; width:417px !important; font-size:0.9em; margin:5px 0 5px 0;} *:first-child+html .productdetailright .emailmebuttns {margin:5px 0 5px 0; font-size:0em !important; } /******************/ /* New Price */ /******************/ .labelandvalueprice {text-transform:lowercase;font-size:2.15em;font-weight:bold;} .newpriceattblue {color:#001B31;} .waspriceandsaveprice {display:inline;width:100%;overflow:hidden;} .labelandvaluewasprice {text-transform:lowercase; font-size:0.9em; font-weight:normal;margin-right:10px;display:inline;} .labelandvaluesaveprice {text-transform:lowercase; font-size:0.9em; font-weight:normal;display:inline;} .labelandvalueprice .minwas {font-size:0.415em; font-weight:normal;color:#001B31;float:left;} /******************/ .productdetailright .iconandcateavailable {width:417px;float:left; border-bottom:1px solid #d6d6d6; margin:0 0 5px 0; padding-bottom:5px;} .productdetailright .allicons {float:left; width:245px; font-size:1em; color:#001B31;} .productdetailright #prod-detail-icon {padding:3px 0 5px 0;} #productset .productdetailright #prod-detail-icon {padding:3px 0 5px 0;} .productdetailright #prod-detail-icon a:hover {text-decoration:none;} .productdetailright #prod-detail-icon span {font-size:1.2em;} .productdetailright .available_in {float:left;margin:10px 0 5px 5px;width:400px;} *html .productdetailright .available_in {float:left;margin:10px 0 5px 2px;width:400px;} .productdetailright .hdalsoavailable {width:160px;margin:5px 0 5px 0;padding:0;font-size:1.3em;font-weight:bold;color:#001B31;} .productdetailright .available_in img {margin:0 3px 3px 0;} .productdetailright .linkalsoavailable {width:auto; float:left;} .productdetailright .linkalsoavailable a {font-weight:bold; color:#001B31;} .productdetailright .linkalsoavailable a:hover { text-decoration:none; color:#001B31;} #productdetail .msgaddproduct, #productdetail #msgaddproductset {font-size:1.0em;color:#001B31;font-weight:normal;} #productdetail .msgaddproduct span {font-size:1.0em;color:#001B31;font-weight:bold;} #productdetail .add , #productdetail .preorder {display: block; padding: 5px 0; margin:0; float:left;} *html #productdetail .add , *html #productdetail .preorder {display: block; padding:0 !important; margin:0 !important; float:left;} *:first-child+html #productdetail .add , *:first-child+html #productdetail .preorder{display: block; padding:0 !important; margin:0 !important; float:left;} #productdetail .buy {display: block;} #productdetail ol {list-style-image:none;list-style-position:outside;list-style-type:none;margin:0; padding:0;} #productdetail h2 {margin: 0; padding: 0;} #productdetail ol .em {margin: 0; padding: 0;} #emailmeback {float:left; border-top:1px solid #ccc; margin:-12px 0 0 0; padding:5px 0 0 0; width:417px;} #emailmeback h1 {font-size:0.9em;font-weight:bold;} #emailmeback .textemailme {font-size:0.9em;width:410px;} #emailmeback .inputtextemailme {float:left;width:315px;padding:2px 0 0 0;} html* #emailmeback .inputtextemailme {float:left;width:310px !important;width/**/:/**/310px;padding:0;} *:first-child+html #emailmeback .inputtextemailme {float:left;width:315px !important;padding:0;} #emailmeback .inputtextemailme label {font-size:0.9em;font-weight:bold;} #emailmeback .inputtextemailme input {width:190px;} html* #emailmeback .inputtextemailme input {width:190px !important;width/**/:/**/185px;} *:first-child+html #emailmeback .inputtextemailme input {width:190px !important;} #emailmeback #emailmebuttons {float:left;width:90px;} .productdetailright #thankyou {float:left;border-top:1px solid #ccc;margin:-12px 0 0 0;width:417px;padding:0;} html* .productdetailright #thankyou {float:left;border-top:1px solid #ccc;margin:-12px 0 0 0;width:417px;padding:5px 0 0 0;} *:first-child+html .productdetailright #thankyou {float:left;border-top:1px solid #ccc;margin:-12px 0 0 0;width:417px;padding:5px 0 0 0;} .productdetailright #thankyou h1 {font-size:0.9em;font-weight:bold;} .productdetailright #thankyou p {font-size:0.9em;} .productdetailright #thankyou p a#back_link {display:none;} #closeEmail {top:7px; left:360px; position:relative; width:100px;} html* #closeEmail {top:5px; left:-220; position:relative; width:100px;} *:first-child+html #closeEmail {top:7px; left:360px; position:relative; width:100px;} *html #popupcontent_panel.yui-panel .bd {border:1px solid #343434 !important;width:auto;} #popupcontent #emailmeback {float:left;border:none;margin:0;padding:0;width:448px;} #popupcontent_panel_h .pricesize , #popupcontent_panel_h .emailpic {display:none;} #popupcontent #emailmeback .textemailme {font-size:0.9em;width:440px;} #popupcontent #emailmeback .inputtextemailme {float:left;width:350px;padding:2px 0 0 0;} #popupcontent #emailmeback .inputtextemailme input {width:225px;} /***************/ /* PRODUCT SET */ /***************/ .print2 {position:relative;} .print2 img {display:none;} .print2 a {background: url(../images/printpage.gif) no-repeat left top; width:70px;height:13px;display:block; text-indent:-5000px; margin:0;padding:0; position:absolute; right:0; top:37px;} #productset {margin:0; padding:0;} #productset .featprods h2 {display:none;} #productset .featprods ul {margin:0; padding:0; width:720px;} #productset .featprods ul li {clear:both; margin:0; padding:0; width:720px; border:none;} #productset #prod-detail-icon {padding:0; margin:0;} #productset .labelandvalueprice {font-size:1.82em;} #addAllProduct {background:#EFEFEF; margin-top:10px; width:720px;} #addAllProduct h2 {background:#001B31 url(../images/hdr_addallitems.gif) no-repeat left top; color:#fff; font-size: 1em;padding: 0 0 0 0;margin:0 0;width:720px; height:24px; text-indent:-50000px;} #addAllProduct #allThumb ul {margin:7px 0 7px 0;padding:0;} #addAllProduct #allThumb ul li {margin:0; padding:0 5px 5px 0px; float:left;} #separateImage {float:left; padding:50px 7px 0 2px;} #allPrice {float:left; padding:40px 0 0 7px; font-size:2.2em; color:#001B31;} #allPrice span {font-weight:bold; padding:0 0 0 10px;} #allButton {float:right; text-align:right; width:180px; margin:50px 0 0 0;} #allButton .add {float:right; *float:none; margin: 0 3px 0 0; padding:0;} #allButton .addallText {clear:both; font-size:0.9em; margin:0px 7px 10px 0; padding:0;} /*email me back*/ #productset #emailmeback {float:left;margin:0;padding:0px 0pt 7px;width:417px;border-top:none; border-bottom:1px solid #cccccc;} #productset #emailmeback .textemailme {font-size:0.9em;} #productset #emailmeback .inputtextemailme {float:left; width:315px;padding:2px 0 0 0;} html* #productset #emailmeback .inputtextemailme {float:left;width:310px !important;width/**/:/**/310px;padding:0;} *:first-child+html #productset #emailmeback .inputtextemailme {float:left;width:315px !important;padding:0;} #productset #emailmeback .inputtextemailme label {font-size:0.9em;font-weight:bold;} #productset #emailmeback .inputtextemailme input {width:180px; font-size:0.9em;} html* #productset #emailmeback .inputtextemailme input {width:180px !important;width/**/:/**/175px;} *:first-child+html #productset #emailmeback .inputtextemailme input {width:180px !important;} #productset #emailmeback #emailmebuttons {float:left;width:90px;} #productset #thankyou {border-bottom:1px solid #CCCCCC;float:left; margin:-12px 0 5px 0;width:417px;padding:0 0 7px 0;} #productset #thankyou h1 {font-size:0.9em;font-weight:bold;} #productset #thankyou p {font-size:0.9em;} #productset #thankyou p a#back_link {display:none;} #productset .closeEmailme {top:7px; left:370px; position:relative; width:100px;} html* #productset .closeEmailme {top:5px; left:-150; position:relative; width:100px;} *:first-child+html #productset .closeEmailme {top:7px; left:370px; position:relative; width:100px;} /************************************************/ /* TAB READ REVIEW, WRITE REVIEW, TELL A FRIEND */ /************************************************/ .tabdetail{margin:30px 0 10px 0;font-size:0.9em;color:#001B31;clear:both;} .tablink div{display:inline;margin:0px;padding:0px;} .tablink div a {float:none;margin-top:2px;} .tablink div img {padding-right:2px;} .tab_info {background-color:#ffffff; border:1px solid #031E33; margin:0; min-height:250px; padding:0; width:700px;} *html .tab_info {height:250px;background-color:#ffffff; border:1px solid #031E33; margin:0; padding:0; width:700px;} .tab_info #reviewDiv4 , .tab_info #reviewDiv6 {width: 688px; padding:5px; margin:12px 0 0 0; color:#001B31; overflow:hidden;} /************************/ /* Tell a friend POP-up */ /************************/ .yui-overlay, .yui-panel-container {z-index:3 !important;} .yui-overlay, .enlarge {z-index:3 !important;} #popupcontent_panel.yui-panel {background-color:transparent;border:none;width:auto;} #popupcontent_panel.enlarge {background-color:transparent;border:none;width:auto;} #popupcontent_panel.yui-panel .hd {background-color:#001B31;} #popupcontent_panel #buttons {width:430px !important;} #popupcontent_panel.yui-panel .hd .tl {background:url(../images/popup_hd_tl.png) repeat scroll 0% !important;height:20px;left:0;position:absolute;top:0;width:8px;} #popupcontent_panel.yui-panel .hd .tr {background:transparent url(../images/popup_hd_tr.png) repeat scroll 0% !important;height:20px;position:absolute;right:0;top:0;width:8px;} #tellafriend {width:440px; color:#001B31;font-size:0.9em;} #tellafriend h1 {display:none;} #tellafriend fieldset {margin:0px;padding:0px 0px 5px 0px;} #tellafriend fieldset label{width:130px;} #tellafriend fieldset input{width:160px; color:#001B31;} #tellafriend fieldset input#name{margin-bottom:5px; color:#001B31;} #tellafriend fieldset input#email{margin-bottom:5px; color:#001B31;} #tellafriend fieldset input#field2 , #tellafriend fieldset label#field2 {display:none;} #tellafriend fieldset select#field6{margin-bottom:20px; color:#001B31;} #tellafriend fieldset textarea{margin:5px 0 0 0; width:300px; height:100px; color:#001B31;font-size:0.97em;} #tellafriendthankyou p {color:#001B31 !important;font-size:0.9em !important;} #tellafriendthankyou p a#back_link {display:none !important;} #emailinstockthankyou p {color:#001B31 !important;font-size:0.9em !important;} #emailinstockthankyou p a#back_link {display:none !important;} /*************************/ /* PRODUCT DETAILS LAYER */ /*************************/ .layer {text-align: left; padding:10px;} /*this is needed to override the style_centre css which centres the layer content */ iframe#tabiframe {border:1px solid #666;width:650px;height:400px;position:absolute;top:0;left:0;z-index:1;} #productdetail_layer h1 {padding: 0 6px 6px 10px; margin: 0; border: none;} #productdetail_layer .invtmedia {float:left; margin: 15px 15px 15px 0;} #productdetail_layer .invtmedia img {width: 178px;} #productdetail_layer .invtmedia p {height: 178px;} #productdetail_layer .pricing {margin-top:15px;margin-left:200px;width:200px;} #productdetail_layer .pricing fieldset {clear:none;} #productdetail_layer .add {display: block; padding: 5px 0; cursor:pointer;} #productdetail_layer .buy {display: block; cursor:pointer;} #productdetail_layer ol {margin-top: 0; padding-top: 0;} #productdetail_layer h2 {margin: 0; padding: 0;} #productdetail_layer ol .em {margin: 0; padding: 0;} #productdetail_layer .grid {display: none;} /***************/ /* ACCESSORIES */ /***************/ #productdetail .iaccandrecently {width:720px;} #productdetail #iacc {width:auto; margin:0; padding:10px 0 10px 0; float:left;} #productdetail #iacc h2 {display:none;} #productdetail #iacc .featprods {margin:0;padding:0;float:left;} #productdetail #iacc .featprods ul {margin:0;padding:0;float:left;} #productdetail #iacc .featprods ul li {float: left;width: 170px; padding:0; margin: 0;text-align:center;} #productdetail #iacc .featprods ul li .overlay {margin-top:-115px !important; margin-top/**/:-118px; margin-left:73px; height:115px !important; height/**/:118px;} * html #productdetail #iacc .featprods ul li .overlay {position:relative;} #productdetail #iacc ul li .details h3 {margin:0;padding:0 5px 0 5px;font-size:0.9em; font-weight:normal;} #productdetail #iacc ul li .details h3 a:hover { text-decoration:none;color:#001B31;} #productdetail #iacc ul li .details .price , #productdetail #iacc ul li .details .priceatt { height:14px; color: #001B31; margin:0;padding:0;font-size : 0.9em; font-weight:bold;} #productdetail #iacc ul li .details .pricered , #productdetail #iacc ul li .details .priceattred { height:14px; color: red; margin:0;padding:0;font-size : 0.9em; font-weight:bold;} #productdetail #iacc ul li .details .priceform { height:14px; color: #001B31; font-weight:normal;text-transform:lowercase;margin:0;padding:0;} #productdetail #iacc ul li .details .was { color: #001B31;margin:0;padding:0;font-size : 0.9em; font-weight:normal;text-transform:lowercase;} /***************/ /* SUBSTITUTES */ /***************/ #productdetail #substitute {width:auto; margin:0; padding:10px 0 10px 0; float:left;} #productdetail #substitute h2 {display:none;} #productdetail #substitute .featprods {margin:0;padding:0;float:left;} #productdetail #substitute .featprods ul {margin:5px 0 0 0;padding:0;float:left;} #productdetail #substitute .featprods ul li {float: left;width: 170px; padding:0; margin: 0;text-align:center;} #productdetail #substitute .featprods ul li .overlay {margin-top:-115px !important; margin-top/**/:-118px; margin-left:73px; height:115px !important; height/**/:118px;} * html #productdetail #substitute .featprods ul li .overlay {position:relative;} #productdetail #substitute ul li .details h3 {margin:0;padding:0 5px 0 5px;font-size:0.9em; font-weight:normal;} #productdetail #substitute ul li .details h3 a:hover { text-decoration:none;color:#001B31;} #productdetail #substitute ul li .details .price , #productdetail #substitute ul li .details .priceatt { height:14px; color: #001B31; margin:0;padding:0;font-size : 0.9em; font-weight:bold;} #productdetail #substitute ul li .details .pricered , #productdetail #substitute ul li .details .priceattred { height:14px; color: red; margin:0;padding:0;font-size : 0.9em; font-weight:bold;} #productdetail #substitute ul li .details .priceform { height:14px; color: #001B31; font-weight:normal;text-transform:lowercase;margin:0;padding:0;} #productdetail #substitute ul li .details .was { color: #001B31;margin:0;padding:0;font-size : 0.9em; font-weight:normal;text-transform:lowercase;} /***************/ /* related */ /***************/ #productdetail #relatedbasket {width:auto; margin:0;padding:10px 0 10px 0;float:left;} #productdetail #relatedbasket h2 {display:none;} #productdetail #relatedbasket ul {margin:0;padding:0;float:left;} #productdetail #relatedbasket ul li {float: left;width: 170px; padding:0; margin: 0;text-align:center;} #productdetail #relatedbasket ul li .details h3 {margin:0;padding:0 5px 0 5px;} #productdetail #relatedbasket ul li .details h3 a { font-size:0.9em;} #productdetail #relatedbasket ul li .details h3 a:hover { text-decoration:none;color:#001B31;} #productdetail #relatedbasket ul li .details .price, #productdetail #relatedbasket ul li .details .priceatt { height:14px; color: #001B31; margin:0;padding:0;font-size : 0.9em; font-weight:bold;} #productdetail #relatedbasket ul li .details .pricered, #productdetail #relatedbasket ul li .details .priceattred { height:14px; color: red; margin:0;padding:0;font-size : 0.9em; font-weight:bold;} #productdetail #relatedbasket ul li .details .priceform { height:14px; color: #001B31; font-weight:normal;text-transform:lowercase;margin:0;padding:0;} #productdetail #relatedbasket ul li .details .was { color: #001B31;margin:0;padding:0;font-size : 0.9em; font-weight:normal;text-transform:lowercase;} #productdetail #relatedbasket ul li .overlay {margin-top:-115px !important; margin-top/**/:-118px; margin-left:73px; height:115px !important; height/**/:118px;} * html #productdetail #relatedbasket ul li .overlay {position:relative;} /***********/ /* PACKAGE */ /***********/ #package {position: relative; background: url(../images/invtnametop.gif) no-repeat left top; padding-top: 6px;} #package h1 {background: url(../images/invtnamebottom.gif) no-repeat left bottom; padding: 0 6px 6px 10px; margin: 0; border: none;} #package .invtmedia {margin: 15px 0;} #package .invtmedia img {width: 178px;} #package .invtmedia p {height: 178px;} #package form {position: absolute; top: 60px; left: 190px;} #package .add {display: block; padding: 5px 0;} #package .buy {display: block;} #package ol {margin-top: 0; padding-top: 0;} #package h2 {margin: 0; padding: 0;} #package ol .em {margin: 0; padding: 0;} /******************/ /* SEARCH RESULTS */ /******************/ .categoriessdesc , .categoriesldesc {padding:5px; margin:5px 0 5px 0; float:left; color:#001B31;width:560px;} .categoriessdesc h1 , .categoriesldesc h1 {font-size:1.0em; font-weight:normal;} .refinementdivider {/* avoid collapsing divs - especially ns6 (pc) */ line-height: 10px; font-size: 0; clear: both; height: 10px;} #searchresults h1 {color:#001B31;font-size:1.6em;margin:0;padding:5px 0 5px 4px;text-decoration:none;text-transform:lowercase;width:548px;} #searchresults h4 {margin:5px 0 5px 5px;} #term { margin:0 4px 2px 3px; padding: 5px 0 5px 0; border-bottom:1px solid #24394B;} #collate { margin:5px 4px 2px 3px; padding: 5px 0 5px 0; border-bottom:1px solid #24394B;} #collate ul, #term p {padding: 0 10px 10px 5px;} #collate h3 { background:url(../images/bt_removecollation.gif) no-repeat left 4px; margin-left:5px; padding:0 0 0 10px;font-size:1em;} #collate .termtext {margin-left: 15px;font-size:1em;} #collate .viewall {margin-left: 15px;text-decoration:underline;font-weight: normal;font-size:0.8em;} #collate .viewall a {text-decoration:underline;} #collatedresult {margin:0;padding:0;} #term h2 {background:url(../images/hd_yoursearchby.gif) no-repeat 0 top;height:23px;margin:0pt;padding:0pt;text-indent:-5000px;} #collate h2 {background:url(../images/hd_refinesearch.gif) no-repeat 5px top; height: 23px; margin: 0; padding: 0;text-indent:-5000px; } #term .refine-text {padding:0 0 0 5px;font-weight: bold;font-size:1em;} #term a.refine-remove {text-decoration:underline;padding:0 2px 0 2px;} #searchresults .sort form {float:left;display:none;} #searchresults .sort h2{width:200px;display:none;} #searchresults #switcher {float:right;text-align:left;margin-right:10px !important;margin:2px 5px 5px 0;width:130px;} #searchresults #switcher img{vertical-align:middle;margin:0 3px 0 4px;} #searchresults .prods{clear:both;margin-left:3px;} #content-search .promotionbannerbox, #content-search .categorybannerbox, #content-search .promotionbannerbox img, #content-search .categorybannerbox img{width:570px;min-width:570px;} #searchresults p#atbmsg{display:none;} .pad #categoryname {display:none;} #searchresults .prods ul li {width:134px; float: left; margin:8px 5px 5px 0; border:1px solid #CCC;} #searchresults .prods ul .imagelocayta {margin:0 0 5px 0; text-align:center; min-height:135px;} * html #searchresults .prods ul .imagelocayta {height:135px;} #searchresults .prods ul .imagelocayta img {width:90px; height:115px;padding-top:20px;} #searchresults .prods ul .details .prodpdxt{float:left;} #searchresults .prods ul .details {float:left;text-align:left; width:125px;padding-left:7px;padding-top:15px;padding-bottom:0;} html*#searchresults .prods ul .details {padding-bottom:0;padding-top:0;} /* IE 7 */ *:first-child+html #searchresults .prods ul .details { padding-bottom:0; padding-top:15px; } #searchresults .prods ul .details:not(:root:root) { padding-bottom:0; padding-top:15px;} /*safari*/ #searchresults .prods ul .details h2 {font-size:0.9em;font-weight:normal;} #searchresults .prods ul li .overlay{margin-top:-140px !important; margin-top/**/:-240px;margin-left:87px;height:140px !important; height/**/:240px;} * html #searchresults .prods ul li .overlay{position:relative;} #searchresults .prods ul .details .price , #searchresults .attrproducts .priceatt { color: #001B31; margin:0;padding:0;font-size : 0.9em; font-weight:bold;} #searchresults .prods ul .details .pricered , #searchresults .attrproducts .priceattred { color: red; margin:0;padding:0;font-size : 0.9em; font-weight:bold;} #searchresults .prods ul .details .priceform { color: #001B31; font-weight:normal;text-transform:lowercase;margin:0;padding:0;} #searchresults .prods ul .details .was {color: #001B31;margin:0;padding:0 0 7px 0;font-size : 0.9em; font-weight:normal;text-transform:lowercase;} html*#searchresults .prods ul .details .was {padding:0 0 7px 0;} #searchresults .prods ul .details .was:not(:root:root) { padding-bottom:7px;} /*safari*/ #searchresults .pdxtpromotext {color:#001B31;text-align:left;margin:0;padding:0 0 7px 0;font-size : 0.9em; font-weight:normal;} #searchresults .pdxtaddeddetail {color:#001B31;text-align:left;margin:0;padding:0 0 7px 0;font-size : 0.9em; font-weight:normal;} #searchresults .pdxtmorecolours {color:#001B31;text-align:left;margin:0;padding:0 0 7px 0;font-size : 0.9em; font-weight:normal;} /*****************/ /* STORE LOCATOR */ /*****************/ #storelocatorresults {margin:0 0 0 0; color:#001B31;} #storelocatorresults p, #storelocatorresults h3, #storelocatorresults li, #storelocatorresults a {color:#001B31;} #storedetails ul li div {display: inline; margin-right: 20px; width: 33%;} #storedetails h3 {padding-top: 15px;} #storelocatorresults h3 {padding-top: 25px; font-weight:normal;} #storefinderMain fieldset {margin: 0; padding: 0;} #storelocatorresults .detailstore {float:left; width:320px; margin-left:3px;} #storelocatorresults .imagestore {float:right; margin:70px 0 30px 0;} #storelocatorresults h1 {background:url(../images/hdr_storedelivery.gif) no-repeat left top; width:122px; height:16px; margin:10px 0 30px 0; text-indent:-5000px;} #storelocatorresults fieldset.storefinder_zipc {margin-top:20px;} #storelocatorresults fieldset.storefinder_zipc p {clear:both; background:url(../images/txtor.gif) no-repeat 20px 35px; width:17px; height:12px; padding:35px 0 10px 50px; text-indent:-5000px;} * html #storelocatorresults fieldset.storefinder_zipc p {background:url(../images/txtor.gif) no-repeat 20px 10px; padding:10px 0 10px 50px;} *:first-child + html #storelocatorresults fieldset.storefinder_zipc p {background:url(../images/txtor.gif) no-repeat 20px 10px; padding:10px 0 10px 50px;} #storelocatorresults fieldset.storefinder_zipc label {width:140px;float:left;} #storelocatorresults fieldset.storefinder_zipc input {width:148px;} #storelocatorresults fieldset.storefinder_zipc select {font-size:1em;} #storelocatorresults #storecontent input.right {float:none; margin:12px 0 7px 0; padding:0;} #storelocatorresults #buttons {width:320px; margin:15px 0 0 1px; padding:0;} #storelocatorresults #buttons input.right {margin-top:0;} #storelocatorresults #storecontent {margin:15px 0 0 0; font-weight:bold;} #storelocatorresults #storecontent p {font-weight:normal;} #storelocatorresults #storecontent h2 {margin:15px 0 5px 0; font-size:1em;} #storelocatorresults .detailstore #storecontent ul {list-style: disc; margin:0; padding:0 0 0 15px;} #storelocatorresults .detailstore #storecontent ul li {font-weight:normal; margin:0; padding:3px 0 0 0;} #storelocatorresults #storecontent ul li a {text-decoration:underline;} #storelocatorresults #storecontent ul li a:hover {text-decoration:underline;} #storelocatorresults #storenotfound {font-weight:bold; margin:20px 0 0 0;} #col-two-no-three .checkoutR {display:none;} #storelocatorresults #storecontent p.viewlocation {margin:10px 0 0 3px;} #storelocatorresults #storecontent a.viewlocation {text-decoration:underline; font-weight:bold;} /*******************************/ /* INTERNATIONAL STORE LOCATOR */ /*******************************/ #internationalstorelocator fieldset {margin: 0; padding: 5px 0 0 0;} #internationalstorelocator fieldset label {width: 30%;} #internationalstorelocator fieldset div div {width: 70%;} #state_dropdown, #city_dropdown {display:inline;} #statelabel, #citylabel {color:#999;} #internationalstorelocator .formerror {color:#f00;font-weight:bold;display:block;padding:2px 0;} ul.stores {clear: both; margin: 0; padding: 0; width: 398px;} ul.stores li {overflow:hidden; width: 398px; border-bottom:1px solid #ccc; padding:5px 0;} ul.stores li.first {border-top:1px solid #ccc;} ul.address li, ul.contactdetails li {border:none; padding:0; font-size:0.9em;} ul.stores .details {float: right; width: 310px;} ul.stores .details a {font-weight:bold;} ul.stores .image {float: left;} /********************/ /* GIFT CERTIFICATE */ /********************/ #giftcertificate {margin-left:7px;} #giftcertificate fieldset div {padding-bottom: 5px;} #giftcertificate fieldset {margin: 0; padding: 0;} #giftcertificate h4 {margin: 5px 0; padding: 0;} #giftcertificate h1 {background:url(../images/hdr_giftcer.gif) no-repeat left top; width:116px; height:20px; margin:10px 0 15px 0; text-indent:-5000px;} #giftcertificate p {margin-top:5px;} #giftcertificate #buttons {margin-bottom:20px;} #giftcertificate textarea {font-size:1em;} /******************/ /* REFER A FRIEND */ /******************/ #referfriend fieldset div {padding-bottom: 5px;} #referfriend fieldset {margin: 0; padding: 0;} /******************/ /* Quick Shop */ /******************/ #quickshop fieldset{margin:20px 0 0 0;} #quickshop fieldset div{margin:0 0 5px 0;} /* GRID-LIST VIEW SWITCHER */ #listview {display:none;} #gridview {display:inline;} /******************/ /* FOOTER LINKS */ /******************/ /******************/ /* ALSO AVAILABLE*/ /******************/ /**********/ /*REVIEW*/ /**********/ /******************/ /*LAST VIEW ITEMS*/ /*****************/ /*#showRVI {margin: 10px 0 5px 20px; float: left; width: 600px;} ul#rvilist li {float: left;}*/ /*move to element*/ .attribute_size {margin: 0 0 0 180px;} /****************/ /*FOOTER BANNER*/ /****************/ /*#footerbannerbox{position:relative;bottom:0;margin:10px 0 0 0;text-align:center;}*/ #footerbannerbox {float: right; margin:10px 4px 10px 0; width:727px;} * html #footerbannerbox {margin:10px 2px 10px 0;} #footerbannerboxhome {float: right; margin:10px 0 10px 0; width:727px;} div.infopages {border:0;} /*div.myaccpredictor div.details h3 {height: 60px;}*/ .topnavcategories {float: left;} #guidedcat {float: left;} .parentcategoryname{text-transform: lowercase;} #metatitle, #metadescription, #metakeywords {display: none;} .morecolours {text-decoration: underline;} /********/ /* Slider */ /*******/ #slider {/* set the container width to a high number so we are able to "slide" using overflow:hidden*/width:727px; float:left;} #slider .slidewrapper {width:620px; margin:6px 0 0 0; position:relative; float:left; overflow:hidden;} #slider .slidewrapper ul#slidelist li {float:left;} #slider .slide {float:left; top:0px; position:relative; cursor:pointer;} #slider .btn {width: 16px; float: left; border: solid 1px white;} #slider h2 {text-align:center;} #slider h2 {width: 100%; height: 16px; position: relative; margin: 0; padding: 0; overflow: hidden;} #slider h2 span {position: absolute; width: 100%; height: 100%;} .editorchoice #slider h2 span {background: url(../images/hdr_editorschoice_pink.gif) no-repeat left top; position: absolute; width: 100%; height: 100%;} .editorchoiceboutique #slider h2 span {background: url(../images/hdr_editorschoice_black.gif) no-repeat left top; position: absolute; width: 100%; height: 100%;} .editorchoice, .editorchoiceboutique {float:left; width:726; height:171px;padding-top: 15px;} .editorchoice {background-color: #fff;} .editorchoiceboutique {background-color: #000;} .featprodsslider {} .featprodsslider h2.icatname {display: none;} .featprodsslider ul {width: 100%; overflow: hidden; clear: both; width:5000px;} .featprodsslider ul li {float: left; width: 104px; padding: 5px 0; margin: 0;} *html .featprodsslider ul li {padding-bottom: 2px} .featprodsslider ul .details {display: none;} .featprodsslider ul .image {} .featprodsslider ul .image a {float: left; height: 125px; width: 98px; border: 1px solid #ccc;} .featprodsslider ul .image img {border-width: 5px 4px !important; border-style: solid !important; border-color: #fff !important;} /**************/ /* Static Content */ /**************/ .staticContent {padding:0 0 0 10px; color: #001B31;} .staticContent h1 {font-size:2em; font-weight:normal; margin:0; padding:0;} .staticContent .gray2 {color:#999;} .staticContent .black {color:#000;} .static-content {padding:0 0 0 9px;margin:0;} /***************/ /* Email Signup */ /**************/ .emailSignupWrapper {padding: 7px;} .emailSignupWrapper p {padding: 10px 0;} .emailSignupWrapper div#buttons {padding: 10px 0; width:100%;} .emailSignupWrapper div p {padding:0;} /**********/ /* Other */ /**********/ #popups {background-color:#ffffff; text-align:left;margin:10px 10px 0px 15px;padding:0;text-align:left;width:775px; color:#001B31;} html* #popups {background-color:#ffffff; margin:10px 10px 0 10px !important; width:775px !important; margin/**/:/**/10px 10px 0px 5px; width/**/:/**/765px; padding:0; text-align:left; color:#001B31;} *:first-child+html #popups {background-color:#ffffff; text-align:left; margin:10px 10px 0 0 !important; padding:0; text-align:left; width:765px !important; color:#001B31;} #popups a {text-decoration:underline;} #popups a:hover {text-decoration:underline;} #popups .close {clear:both;text-align:center; margin:10px 0 0 0; padding-bottom:15px;} #enlarged img{text-align:center !important;} #imghide {text-align:center;} #imgshow {text-align:center !important;} #help {margin:5px 0 10px 7px; color:#001B31;} #help h1 {text-transform:lowercase; color:#001B31; font-size:1.7em;} #help h3 {margin-top:10px;} #contentpopup {margin:10px 10px 0 15px;text-align:left; } #contentpopup h1 {font-size:2.0em;} #contentpopup .gray2{color:#999999;} #contentpopup .detailpopup {font-size:1.0em;color:#001B31; } #quickshop {width:717px; margin:5px 0 30px 10px; color:#001B31; font-size:0.9em;} #quickshop h1 {font-size:1.65em; color:#001B31; font-weight:normal; margin:0 0 15px -1px; padding:0; text-transform:lowercase;} #quickshop table.wizrtable {width:710px;margin:10px 0 0 0;padding:0; border-width: 0; border-spacing: 0; border-style: none; border-collapse: collapse;} #quickshop table.wizrtable th {margin:0 0 0 0; padding:0 0 0 0; font-size:1.2em; text-transform:lowercase; background:url(../images/bg_table.gif) repeat-x left top; height:25px;} #quickshop table.wizrtable td {font-size:1em; margin:0 0 0 0; padding:5px 0 0 0;} #quickshop table.wizrtable td input {width:20px; text-align:center; font-size:1em;} #quickshop table.wizrtable td select {font-size:1em;} #quickshop fieldset div input {font-size:1em;} #quickshop #buttons {padding:0; margin:15px 0 0 0; width:715px;} #quickshop #buttons a { display:block; width:130px; height:30px; font-size:0.00001em; background:url(../images/bt_searchagain.gif) no-repeat left top;} #quickshop #buttons a.right {width:135px;} #promotionalarea .Linternalimage {margin:5px 0 0 0;} /*for landing page in search result*/ .ftstorylist {float: left; font-size:0.95em;padding:0 0 0 8px;} .yourshopping , .customerservice , .helpthissite , .giftservice , .ftimagebasket , .ftimagecar , .ftimagecard {float: left;font-size:0.95em;} .yourshopping {width:140px;} .customerservice,.giftservice {width:125px;} .helpthissite {width:145px;} .ftimagebasket {margin-right:30px;} .ftimagecar , .ftimagecard {margin-right:15px;} ul.storylist {list-style:none;margin:0;padding:0;} ul.storylist li a {text-decoration:none;} ul.storylist li a:hover {text-decoration:underline;} .setmargincar {margin-top:10px;} .setmargincard {margin-top:3px;} /************/ /* norecord */ /************/ #norecord {width:727px; margin:0 0 10px 0;} #norecord h1 {margin:0 0 10px 10px;} #norecord p {margin:0 0 5px 10px;} /*********************/ /* Outfit Caregory */ /*********************/ .outfitprods li {clear:both; padding:0 0 10px 0; border-bottom:1px solid #d6d6d6;} .outfitprods .outfitimage {float:left; width:130px; margin:10px 0 0 0;} * html .outfitprods .outfitimage {float:left; width:130px; margin:20px 0 0 0;} .outfitprods .outfitdetails {float:left; width:215px; margin:10px 0 0 0px;} * html .outfitprods .outfitdetails {float:left; width:215px; margin:20px 0 0 0px;} .outfitprods .outfitdetails h1 {float:none; font-size:1.2em; border:none; margin:0 0 5px 0;} .outfitprods .outfitdetails h3 {float:none; width:200px; font-weight:normal; font-size:0.9em; margin:0 0 0 0px !important; padding:0 0 0 0;} .outfitprods .outfitdetails .skunumber {font-size:1em; font-weight:normal; color:#999999; margin:0; padding:0 0 0 0;} .outfitprods .outfitdetails p.price {margin-top:10px !important; font-size:0.9em;} .outfitprods .outfitdropdownandstock {float:left; width:auto; margin:0;} .outfitprods .widthprice {width:auto; float:left;} .outfitprods .widthpriceatt {width:auto; float:left; margin:0; padding:0;} .outfitprods .widthdropdown {clear:both; width:auto; margin:0; padding:0;} .outfitprods .widthdropdown fieldset {margin:0; padding:0;} .outfitprods .widthdropdown fieldset div {margin:0; padding:0;} .outfitprods .widthdropdown label {float:left; font-weight:bold; width:35px; margin:8px 0 0 0; font-size:0.9em; color:#001B31; text-transform:lowercase;} .outfitprods .widthdropdown select {margin:3px 0 0 0; font-size:0.9em; color:#001B31;} .outfitprods .widthdropdown select option {color:#001B31;} .outfitprods .labelandvalueprice {font-size:2.15em} .outfitprods .pricered {width:auto; color: red; padding:0; margin:0; font-size:2.15em; font-weight:bold;} .outfitprods .price , .outfitprods .priceatt {width:200px; height:14px; padding:5px 0 0 0; text-transform:lowercase;} .outfitprods .pricenow {float:left; padding:0 5px 0 0; text-transform:lowercase;} .outfitprods .priceform {float:left; margin:0;padding:0; text-transform:lowercase;} .outfitprods .save , .outfitprods .was , .outfitprods .wasattr {width:200px; color: #001B31; margin:0 0 0 0; padding:0; font-size : 0.9em; font-weight:normal; text-transform:lowercase;} .outfitprods .add {margin:15px 0 0 0;} .outfitprods .release , .outfitprods .eta , .outfitprods .instock , .outfitprods .outofstock {font-weight:bold; width:auto; margin:5px 0 5px 0; font-size:0.9em;} .outfitprods .emailmebuttns img {margin:15px 0 0 0;} * html .outfitprods .release , * html .outfitprods .eta , * html .outfitprods .instock , * html .outfitprods .outofstock {font-weight:bold; width:auto !important; margin:5px 0 0 0; text-transform:lowercase;} * html .outfitprods .emailmebuttns {margin:0 0 0 0;font-size:0em !important;} * html .outfitprods .emailmebuttns img {margin:15px 0 0 0;} *:first-child+html .outfitprods .release , *:first-child+html .outfitprods .eta , *:first-child+html .outfitprods .instock , *:first-child+html .outfitprods .outofstock {font-weight:bold; width:auto !important; margin:5px 0 0 0;} *:first-child+html .outfitprods .emailmebuttns {margin:0 0 0 0; font-size:0em !important;} *:first-child+html .outfitprods .emailmebuttns img {margin:15px 0 0 0;} /*email me back*/ .outfitprods #emailmeback {float:left;margin:0;padding:5px 0 0 0;width:350px; } .outfitprods #emailmeback .textemailme {font-size:0.9em;width:350px;} .outfitprods #emailmeback .inputtextemailme {float:left; width:245px;padding:2px 0 0 0;} html* .outfitprods #emailmeback .inputtextemailme {float:left;width:240px !important;width/**/:/**/240px;padding:0;} *:first-child+html .outfitprods #emailmeback .inputtextemailme {float:left;width:245px !important;padding:0;} .outfitprods #emailmeback .inputtextemailme label {font-size:0.9em;font-weight:bold;} .outfitprods #emailmeback .inputtextemailme input {width:110px; font-size:0.9em;} html* .outfitprods #emailmeback .inputtextemailme input {width:110px !important;width/**/:/**/105px;} *:first-child+html .outfitprods #emailmeback .inputtextemailme input {width:90px !important;} .outfitprods #emailmeback #emailmebuttons {float:left;width:90px;} .outfitprods #thankyou {border-top:1px solid #CCCCCC;float:left; margin:0;width:345px;padding:5px 0 0 0;} .outfitprods #thankyou h1 {font-size:0.9em;font-weight:bold;} .outfitprods #thankyou p {font-size:0.9em;} .outfitprods #thankyou p a#back_link {display:none;} .outfitprods .closeEmailme {top:15px; left:300px; position:relative; width:100px;} html* .outfitprods .closeEmailme {top:5px; left:-150; position:relative; width:100px;} *:first-child+html .outfitprods .closeEmailme {top:15px; left:300px; position:relative; width:100px;} /*********************/ /* Social Networking */ /*********************/ .socialandtellfriend {float:left;border-bottom:1px solid #D6D6D6;padding:5px 0;} #Lsocialnetworking {float:left;padding-bottom:10px;width:417px;} .tellafriend {float:left;margin:0 0 4px 0;} .tellafriend a#tellafriend_link {color:#001B31;font-size:1.3em;font-weight:bold;margin:0 0 5px 0;} /****************/ /*PRODUCT GRID*/ /****************/ .tbhdselectsize{ margin:10px 0 0 0; padding:0; text-align:center;width:422px;} * html .tbhdselectsize{ margin:10px 0 0 0; padding:0; text-align:center;width:417px;} *:first-child+html .tbhdselectsize{ margin:10px 0 0 0; padding:0; text-align:center;width:423px;} a:hover {text-decoration:none !important;} .bgselectsize {background:url(../images/hd_selectsize.gif) no-repeat left top;float:left;width:422px; padding:0 ; margin:0; background-color:#001B31; height:29px;text-indent:-5000px;} * html .bgselectsize {background:url(../images/hd_selectsize.gif) no-repeat left top;float:left;width:417px; padding:0 ; margin:0; background-color:#001B31; height:29px;text-indent:-5000px} *:first-child+html .bgselectsize {background:url(../images/hd_selectsize.gif) no-repeat left top;float:left;width:423px; padding:0 ; margin:0; background-color:#001B31; height:29px;text-indent:-5000px} .sizeguide a{float:right; margin:-17px 5px 0 0; text-align:right;} #grid {width:auto; float:left; padding:0;} /******************/ /*PRODUCT GRID NEW*/ /******************/ .tbselectsize {background-color:#F4F9FB;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;border-top:1px solid #CCCCCC;float:left;padding:0 0 10px;text-align:center;width:420px;} * html .tbselectsize {background-color:#F4F9FB;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;border-top:1px solid #CCCCCC;float:left;padding:0 0 10px;text-align:center;width:415px;} *:first-child+html .tbselectsize {background-color:#F4F9FB;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;border-top:1px solid #CCCCCC;float:left;padding:0 0 10px;text-align:center;width:421px;} /*COLOR,SIZE*/ .widthheadsize , .widthdetailsize {float:left;width:420px;} * html .widthheadsize , * html .widthdetailsize {float:left;width:415px;} *:first-child+html .widthheadsize , *:first-child+html .widthdetailsize {float:left;width:420px;} .widthheadsize ul#headsize {display:inline;float:left;width:420px;} * html .widthheadsize ul#headsize {display:inline;float:left;width:415px;} *:first-child+html .widthheadsize ul#headsize {display:inline;float:left;width:420px;} .widthheadsize ul#headsize li.hdselectsize {display:inline;float:left;font-size:0.9em;font-weight:bold;padding:10px 0 0 2px;width:67px;} * html .widthheadsize ul#headsize li.hdselectsize {display:inline;float:left;font-size:0.9em;font-weight:bold;padding:10px 0 0 2px;width:65px;} *:first-child+html .widthheadsize ul#headsize li.hdselectsize {display:inline;float:left;font-size:0.9em;font-weight:bold;padding:10px 0 0 2px;width:67px;} /*PRICE*/ .widthdetailsize ol#detailsize {display:inline;float:left;margin:0 0 0 7px;width:413px;} * html .widthdetailsize ol#detailsize {display:inline;float:left;margin:0 0 0 6px;width:400px;} *:first-child+html .widthdetailsize ol#detailsize {display:inline;float:left;margin:0 0 0 7px;width:413px;} /*RT133100*/ .widthdetailsize ol#detailsize li.detailselectsize {border:1px solid #AFB1B1;display:inline;float:left;font-weight:bold;min-height:33px;margin:0 5px 0 0;padding:0;width:61px;} * html .widthdetailsize ol#detailsize li.detailselectsize {border:1px solid #AFB1B1;display:inline;float:left;font-weight:bold;min-height:33px;margin:0 4px 0 0;padding:0;width:60px;} *:first-child+html .widthdetailsize ol#detailsize li.detailselectsize {border:1px solid #AFB1B1;display:inline;float:left;font-weight:bold;min-height:33px;margin:0 5px 0 0;padding:0;width:61px;} /*RT133100*/ .widthdetailsize ol#detailsize li.detailselect_addbasket {border:1px solid #AFB1B1;display:inline;float:left;font-weight:bold;min-height:33px;margin:0 5px 0 0;padding:0;width:61px;} * html .widthdetailsize ol#detailsize li.detailselect_addbasket {border:1px solid #AFB1B1;display:inline;float:left;font-weight:bold;min-height:33px;margin:0 4px 0 0;padding:0;width:60px;} *:first-child+html .widthdetailsize ol#detailsize li.detailselect_addbasket {border:1px solid #AFB1B1;display:inline;float:left;font-weight:bold;min-height:33px;margin:0 5px 0 0;padding:0;width:61px;} .detailselectsize {cursor:default; background-color:#E2E4E4;} .detailselect_addbasket {cursor:pointer; background-color:#E2E4E4;} /*RT133100*/ a.bginstock {background:url(../images/img_instock3.gif) no-repeat; display:block !important; height:19px; margin:0 0 0 23px; width:17px;} /*RT133100*/ a.bgoutofstock {background:url(../images/img_outofstock3.gif) no-repeat; display:block !important; height:19px; margin:0 0 0 23px; width:17px; cursor:default;} a.bgpreorder {background:url(../images/img_preorder3.gif) no-repeat; display:block !important; height:17px; margin:0 0 0 23px; width:17px;} /*RT133100*/ *html a.bginstock {background:url(../images/img_instock3.gif) no-repeat; display:block !important; height:19px; margin:0; width:17px;} /*RT133100*/ *html a.bgoutofstock {background:url(../images/img_outofstock3.gif) no-repeat; display:block !important; height:19px; margin:0; width:17px;cursor:default;} *html a.bgpreorder {background:url(../images/img_preorder3.gif) no-repeat; display:block !important; height:17px; margin:0; width:17px;} /*RT133100*/ *:first-child+html a.bginstock {background:url(../images/img_instock3.gif) no-repeat; display:block !important; height:19px; margin:0; width:17px;} /*RT133100*/ *:first-child+html a.bgoutofstock {background:url(../images/img_outofstock3.gif) no-repeat; display:block !important; height:19px; margin:0; width:17px;cursor:default;} *:first-child+html a.bgpreorder {background:url(../images/img_preorder3.gif) no-repeat; display:block !important; height:17px; margin:0; width:17px;} .statusinstock span.bginstock1 {background:url(../images/img_instock1.gif) no-repeat; display:block; float:left; height:17px; width:17px;} .statusoutofstock span.bgoutofstock1 {background:url(../images/img_outofstock1.gif) no-repeat; display:block; float:left; height:19px; width:17px;} .statuspreorder span.bgpreorder1 {background:url(../images/img_preorder1.gif) no-repeat; display:block; float:left; height:17px; width:17px;} .changecolorgray {background-color:#999999 !important;} /*RT133100*/ .changecolorgray a.bginstock {background:url(../images/img_instock2.gif) no-repeat; display:block !important; height:19px; margin:0 0 0 23px; width:17px;} /*RT133100*/ .changecolorgray a.bgoutofstock {background:url(../images/img_outofstock2.gif) no-repeat; display:block !important; height:19px; margin:0 0 0 23px; width:17px; cursor:default;} .changecolorgray a.bgpreorder {background:url(../images/img_preorder2.gif) no-repeat; display:block !important; height:17px; margin:0 0 0 23px; width:17px;} /*RT133100*/ *html .changecolorgray a.bginstock {background:url(../images/img_instock2.gif) no-repeat; display:block !important; height:19px; margin:0; width:17px;} /*RT133100*/ *html .changecolorgray a.bgoutofstock {background:url(../images/img_outofstock2.gif) no-repeat; display:block !important; height:19px; margin:0; width:17px; cursor:default;} *html .changecolorgray a.bgpreorder {background:url(../images/img_preorder2.gif) no-repeat; display:block !important; height:17px; margin:0; width:17px;} /*RT133100*/ *:first-child+html .changecolorgray a.bginstock {background:url(../images/img_instock2.gif) no-repeat; display:block !important; height:19px; margin:0; width:17px;} /*RT133100*/ *:first-child+html .changecolorgray a.bgoutofstock {background:url(../images/img_outofstock2.gif) no-repeat; display:block !important; height:19px; margin:0; width:17px; cursor:default;} *:first-child+html .changecolorgray a.bgpreorder {background:url(../images/img_preorder2.gif) no-repeat; display:block !important; height:17px; margin:0; width:17px;} li.detailselectsize .pricesize {margin:0; padding:0; display:block !important;} li.detailselectsize .pricesize a:hover {color:#001B31;} li.detailselectsize .emailme a:hover {color:#001B31;} li.detailselectsize .imagesize {margin:0; padding:0; display:block !important;} li.detailselectsize .prodoutofstock {margin:0; padding:0; display:block !important;} li.detailselectsize .emailme {margin:0; padding:0; display:block !important} li.detailselectsize .emailme span.emailtext{display:none !important;} /*RT133100*/ li.detailselectsize .emailpic {margin:0 0 7px 0; padding:0;*display:block;} /*RT133100*/ li.detailselect_addbasket .pricesize {margin:0; padding:0; display:block !important;} li.detailselect_addbasket .pricesize a:hover {color:#001B31;} li.detailselect_addbasket .emailme a:hover {color:#001B31;} li.detailselect_addbasket .imagesize {margin:0; padding:0; display:block !important;} li.detailselect_addbasket .prodoutofstock {margin:0; padding:0; display:block !important;} li.detailselect_addbasket .emailme {margin:0; padding:0; display:block !important} li.detailselect_addbasket .emailme span.emailtext{display:none !important;} li.detailselect_addbasket .emailpic {margin:0; padding:0;} .widthkeyselectsize {background-color:#F4F9FB;border-bottom:1px solid #CCCCCC;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;float:left;padding:0 0 10px;text-align:left;width:420px;} * html .widthkeyselectsize {background-color:#F4F9FB;border-bottom:1px solid #CCCCCC;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;float:left;padding:0;text-align:left;width:415px;} *:first-child+html .widthkeyselectsize {background-color:#F4F9FB;border-bottom:1px solid #CCCCCC;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;float:left;text-align:left;width:421px;padding:0 0 5px 0;} .widthkeyselectsize .linetop {border-top:1px solid #CCCCCC;float:left;line-height:0.1em;margin:0 0 5px 7px;padding:0;text-align:left;width:406px;} * html .widthkeyselectsize .linetop {border-top:1px solid #CCCCCC;float:left;line-height:0.1em;margin:0 0 5px 3px;padding:0;text-align:left;width:400px;} *:first-child+html .widthkeyselectsize .linetop {border-top:1px solid #CCCCCC;float:left;line-height:0.1em;margin:0 0 5px 7px;padding:0;text-align:left;width:403px;} .textkey {float:left;margin:0 0 0 7px;width:auto;} * html .textkey {float:left;margin:0 0 0 3px;width:auto;} *:first-child+html .textkey {float:left;margin:0 0 0 7px;width:auto;} .keyselectsize {float:left;width:385px;padding-bottom:5px;} .keyselectsize .statusinstock {float:left;font-size:0.9em;height:auto;margin:0 0 5px 7px;width:105px;} .keyselectsize .statusoutofstock {float:left;font-size:0.9em;height:auto;margin:0 0 5px 0px;width:85px;} .keyselectsize .statusemailme {float:left;font-size:0.9em;height:auto;margin:0 0 5px 5px;width:100px;} .keyselectsize .statuspreorder {float:left;font-size:0.9em;height:auto;margin:0 0 5px 0px;width:75px;} .keyselectsize .statusimg {float:left;width:17px;} .keyselectsize .statustextinstock {float:left;padding:0 0 0 5px;width:80px;} .keyselectsize .statustextoutofstock {float:left;padding:0 0 0 5px;width:60px;} .keyselectsize .statustextemailme {float:left;padding:0 0 0 10px;width:70px;} .keyselectsize .statustextpreorder {float:left;padding:0 0 0 5px;width:50px;} /****************************/ /* PRODUCT INFORMATION TAB */ /****************************/ #informationtab {border-bottom:1px solid #CCCCCC; float:left; clear:both; margin:5px 0 0 0; padding:0 0 5px 0; width:417px;} *html #informationtab {border-bottom:1px solid #CCCCCC; float:left; clear:both; margin:5px 0 0 0; padding:0 0 5px 0; width:415px;} #informationtab .yui-content {width:415px; border:1px solid #CCCCCC; float:left; min-height:120px; margin-top:-1px;} *html #informationtab .yui-content {width:415px; border:1px solid #CCCCCC; float:left; height:120px; margin-top:-1px;} #informationtab ul.yui-nav {height:25px; margin:0; width:100%; z-index:1; position:relative;} #informationtab ul.yui-nav li {padding:0; margin:0; float:left} #informationtab ul.yui-nav li a {display:block; height:26px; text-indent:-5000px; outline:0; background-position: left 2px; background-repeat:no-repeat; position:relative; z-index:2;} #informationtab ul.yui-nav li.tab1 a {width:73px; background-image:url(../images/tabdesc.gif);} #informationtab ul.yui-nav li.tab2 a {width:112px; background-image:url(../images/tabfabriccomposition.gif);} #informationtab ul.yui-nav li.tab3 a {width:74px; background-image:url(../images/tabwashguide.gif);} #informationtab ul.yui-nav li.tab4 a {width:54px; background-image:url(../images/tabdelivery.gif);} #informationtab ul.yui-nav li.tab5 a {width:51px; background-image:url(../images/tabreturns.gif);} #informationtab ul.yui-nav li.tab1 a:hover , #informationtab ul.yui-nav li.tab2 a:hover , #informationtab ul.yui-nav li.tab3 a:hover , #informationtab ul.yui-nav li.tab4 a:hover , #informationtab ul.yui-nav li.tab5 a:hover , #informationtab ul.yui-nav li.selected a {background-position:0 -29px;} #tabfabriccomposition p , #tabwashguide p , #tabreturns p {float:left;font-size:0.9em;font-weight:bold;margin:0;padding:5px;width:auto;} #tabdelivery {float:left;font-size:0.9em;font-weight:bold;margin:0;padding:5px;width:auto;} #tabdelivery p {margin:0;padding:0;} #tabdelivery ul {float:left;} #tabdelivery ul li {background:url(../images/bulletcatname.gif) no-repeat left 2px; float:left; margin:5px 0 0 5px; padding:0 0 0 10px; width:380px;} /*****************/ /* PRODUCT TAB */ /*****************/ #productstab {float:left; clear:both; margin:25px 0 0 0; padding:0 0 5px 0; width:720px;} *html #productstab {float:left; clear:both; margin:25px 0 0 0; padding:0 0 5px 0; width:710px;} #productstab .yui-content {width:720px; border:1px solid #CCCCCC; float:left; min-height:120px; margin-top:-1px;} *html #productstab .yui-content {width:715px; border:1px solid #CCCCCC; float:left; height:120px; margin-top:-1px;} #productstab ul.yui-nav {height:25px; margin:0; width:100%;} #productstab ul.yui-nav li {padding:0; margin:0; float:left} #productstab ul.yui-nav li a {display:block; height:26px; text-indent:-5000px; outline:0; background-position: left 2px; background-repeat:no-repeat; position:relative; z-index:2;} #productstab ul.yui-nav li.tab1 a {width:84px; background-image:url(../images/tabgetthelook.gif);} #productstab ul.yui-nav li.tab2 a {width:105px; background-image:url(../images/tabwerecommend.gif);} #productstab ul.yui-nav li.tab3 a {width:103px; background-image:url(../images/tabrecently.gif);} #productstab ul.yui-nav li.tab4 a {width:103px; background-image:url(../images/tabproductreviews.gif);} #productstab ul.yui-nav li.tab1 a:hover , #productstab ul.yui-nav li.tab2 a:hover , #productstab ul.yui-nav li.tab3 a:hover , #productstab ul.yui-nav li.tab4 a:hover , #productstab ul.yui-nav li.selected a {background-position:0 -29px; z-index:1; position:relative;} .phonenotxt{margin:5px 0px 0px 7px;font-weight:bold;-padding-bottom:10px;} *:first-child+html .phonenotxt {padding-bottom:5px; !important;} /*RT133100*/ .currencyconverter{ float:left; margin:0 5px; width:160px; } .currencyconverter a{ color:#fff; } .currencyconverter a:hover{ text-decoration:underline; } #detailsize .pricesize .convertedprice{ display:block; } /*RT133100*/ #chooseCur{float:left; margin:0 5px; color:#ffffff; cursor:pointer;} #chooseCur span#btnCur{} #chooseCur span#btnCur img{position:relative; top:1px; _top:3px;} *:first-child+html #chooseCur span#btnCur img{position:relative; top:0px;} #chooseCur a{color:#ffffff;} #chooseCur a:hover{text-decoration:underline;} @media screen and (-webkit-min-device-pixel-ratio:0) { #chooseCur span#btnCur img{top: 2px;} }