body{ font-family:Arial; font-size:12px; color:#524f4b; } /*********************************************************************************/ /*********************** basic header footer content layout **********************/ /*********************************************************************************/ body{} #PageWrapper{ width:auto; } #Header{ position:relative; z-index:1000; border-bottom:#ccc solid 1px; height:182px; margin-bottom:37px;} #Header .inner{ height:106px; } #Header #Logo{ left:0; top:0px;} #Header #Logo a { } #Header #Logo a span{ display:none; } #PageWrapper .TopPageBanner { background-color: #e23c3c;line-height: 1;padding: 17px 10px;text-align: center;color: #fff;font-size: 1.5em;letter-spacing: 2px;margin-bottom: 4px; } #Header, #Content, #Footer{ clear:both; } #Header .inner, #Content .inner, #Footer .inner{ position:relative; width:943px; margin:auto; } #Content .inner{ min-height:400px; height: auto !important; height:400px; } #Navigation{ position:absolute; top:137px; left:0; height:27px; line-height:27px; z-index:2; width:644px; } a{ color:#333;} h1,h2,h3,h4,h5, .title{ } /* sprite */ #ProductDetails .skuSelection .colourSelection a, .skuSelection .sizeSelection a, #Zoom, .selectors .selection a{ background:url(/images/LinensandMore/sprite-1.png) no-repeat 0 0;} /* text colour */ h1,h2,h3,h4,h5, #BreadCrumb span.breadcrumb, #BreadCrumb a, #RelatedProducts .price, .cartTitle, .cartEmpty, .title, .voucherInner span.message { color:#000; } /* background & border colour */ #TabSystem div.tab,#CheckoutLogin .existingCustomer,#CheckoutLogin .newCustomer,#CheckoutSummary,#CheckoutPayment,#CheckoutAddressDetails{ border:none; } /****************************** footer ******************************/ #Footer .nav{ margin-bottom:10px; } #Footer .nav a{ color:#000; text-decoration:none; text-transform:capitalize; text-decoration:none; } #Footer .nav .seperator{ padding:5px 12px;} #Footer .site{ float:right;} #Footer .inner{ padding:10px 0 5px 0; overflow:hidden; } #Footer .youtube, #Footer .facebook, #Footer .twitter{ padding-top:4px; } #Footer .facebook, #Footer .instagram { height:19px; width:19px;float: right;margin-left: 10px; } #Footer .facebook:hover, #Footer .instagram:hover { opacity: 0.8;} #Footer .facebook { background: url('/images/facebook.svg') no-repeat 0 0;background-size: 19px 19px; } #Footer .instagram { background: url('/images/instagram.svg') no-repeat 0 0;background-size: 19px 19px;} #Footer .twitter{ background-position:0 -28px; height:15px; width:19px; position:absolute; right:25px; } #Footer .twitter:hover{ background-position:0 0; } #Footer .youtube:hover{ background:none; } #Footer .youtube{ display:none; } #Footer .content{ width:700px; /* margin:auto; */ line-height:20px; /* font-size:11px; */} #Footer .content .site{ float:left; margin-right:25px; } #Footer .content .creator{ clear:left; text-align:center; position:absolute; right:0; top:38px; } #Footer .content .creator a{ color:#999; text-decoration:none; } #Footer .newsletterSignUp{ width:545px; overflow:hidden; float:left; display:none; } #Footer .newsletterSignUp .title{ font-size:12px; float:left; line-height:20px; margin-right:10px;} #Footer .newsletterSignUp .text{ width:175px; } #Footer .newsletterSignUp span.label{ display:none; } #Footer .newsletterSignUp div.email{ width:188px; float:left; } #Footer .newsletterSignUp div.actions{ float:left; } #Footer .newsletterSignUp ul li { display:block; float:left; width:auto; text-align:left; margin-right:17px; } #SearchWrapper{ top:70px; right:0; width:289px; position:absolute; } /* background & border colour */ #TabSystem div.tab,#CheckoutLogin .existingCustomer,#CheckoutLogin .newCustomer,#CheckoutSummary {background:none;border:none;} /*********************************************************************************/ /********************************* components ************************************/ /*********************************************************************************/ /****************************** css / pager modifer ******************************/ div.cssChanger{ position:fixed; right:5px; top:5px; z-index:5000; background:url(/images/icons/opacity90.png); border:solid 1px #ccc; padding:3px; padding:10px; border: solid 1px #ccc; } div.cssChanger a.btnAction{ padding:0 5px; } div.cssChanger a.btnAction:hover{ text-decoration:underline;} div.cssChanger.modified{ border:solid 1px #F00; } div.cssChanger.modified .btnAction, div.cssChanger.modified .btnAction span{ color:#F00;} /****************************** login box ******************************/ #LoginBox .message{ color:#f00; } #LoginBox .tblLogin td.forgot input { display: none; } #LoginBox .tblLogin td.forgot { text-align: left; } #LoginBox .tblLogin td.login { text-align: right; } #LoginBox .tblLogin td.login a.btnAction{ float:right;} #LoginBox .tblLogin .forgot input { display:none; } #LoginBox td.field{ width:200px;} #LoginBox input.text{ width:200px;} #LoginBox #RegisterLink{ padding-bottom:10px;} /****************************** panel loader ******************************/ .panelLoader{ margin:0 0 10px 0; background:#969696; padding:5px 25px; border-radius:5px; border:solid 1px #000; } .panelLoader *{ color:#fff; } .panelLoader a.view{ background:url(/images/icons/magnifier.png) no-repeat 0 0; font-size: 0; left: 7px; line-height: 0; padding: 16px 16px 0; position: relative; top: 4px; } .panelLoader p{ font-weight:bold; color:#fff; } .panelLoader table{ width:100%; margin-top:10px; } .panelLoader table tfoot td{ border:none; } .panelLoader table tfoot .btnAction{ float:right; } .panelLoader th{ font-weight:bold;} .panelLoader .txt { text-align:right; } .panelLoader td, .panelLoader th{ padding:3px 5px; border-bottom:ridge 2px #B7B7B7; } .panelLoader td input[type=text]{ width:30px; color:#000; text-align:center; padding:0; } .panelLoader option,.panelLoader select{ color:#000; } .panelLoader select{ width:40px; } .panelLoader .title{ font-size:12px; font-weight:normal; } .sitePanels.minimised table{ display:none; } .panelLoader .title .icon{ display:none; float:right; background:none; height:16px; width:16px; text-align:center; line-height:16px; color:#fff; background-color:#000; border-radius:8px; font-size:16px; font-weight:bold; cursor:pointer; } .sitePanels.minimised .expand{ display:block; } .sitePanels.expanded .expand{ display:none; } .sitePanels.expanded .minimise { display:block; line-height: 13px; } .sitePanels.modified .panelLoader{ border-color:#F00; } .sitePanels.modified .panelLoader .btnAction{ background:#F00; margin-right:0; } .sitePanels.modified .panelLoader .btnAction span{ color:#FFF; font-weight:bold; background:none; margin-right:0; } .sitePanels .panel{ padding-bottom:10px; } .sitePanels .panel .panelTitle{border:solid 1px #ccc; padding:5px; border-radius:5px 5px 0 0; border-bottom:none; background:url("/images/icons/bg-grad.gif") repeat-x scroll 0 0 transparent;} .sitePanels .panel .panelTitle span{ background:url(/images/icons/flag_green.png) no-repeat 5px 0px; padding-left:30px; text-transform:uppercase; font-weight:bold; display:block; height:16px; line-height:16px; } .sitePanels .panel .panelText{ padding:5px; border:solid 1px #ccc; padding:5px; border-radius: 0 0 5px 5px; border-top:none;} .sitePanels .panel.orange .panelTitle span{ background-image:url(/images/icons/flag_orange.png); } .sitePanels .panel.red .panelTitle span{ background-image:url(/images/icons/flag_red.png); } .sitePanels .panel.blue .panelTitle span{ background-image:url(/images/icons/flag_blue.png); } .sitePanels .panel.yellow .panelTitle span{ background-image:url(/images/icons/flag_yellow.png); } .sitePanels .panel.purple .panelTitle span{ background-image:url(/images/icons/flag_purple.png); } /***************************** password reset ****************************/ #PasswordReset a.btnAction{ float:right;} /****************************** breadcrumbs ******************************/ #BreadCrumb{ float:none; height:29px; line-height:29px; margin-left:0px; margin-top:10px; border-bottom:solid 1px #ccc; margin-bottom:10px; } #BreadCrumb .breadcrumb{text-decoration:none; font-family:Arial; font-size:11px; text-transform:capitalize; } #BreadCrumb span.breadcrumb{ width:20px; padding:0 0 0 3px; } #BreadCrumb span.last{ background:none; overflow:visible; text-indent:0; width:auto; } .prodCatList #BreadCrumb{ padding-bottom:20px;} .prodCatList #BreadCrumb *{ position:relative; top:20px; } /****************************** nav tabs ******************************/ #NavTabs, #NavTabs .loggedIn{} #NavTabs{ top:104px; overflow:hidden; right:0; width:260px; font-size:11px;} #NavTabs a{ /* text-decoration:none; */ } #NavTabs li{ padding: 0 0 0 4px; } #NavTabs a span{} #NavTabs ul li{ float:right; display:inline; margin:0; zoom:1; } #NavTabs ul li{ margin:0 5px;} #NavTabs ul li.one{ margin-left:0;} .checkout #NavTabs, .cart #NavTabs{ display:none; } /****************************** main buttons ******************************/ /* div a.btnAction,#MainCartNav a.checkout, #MainCartNav a.continue, input.replace, #SideCart .actions a{ background-color:#000; color:#fff; float:left; text-transform:uppercase; text-decoration:none; } div .btnAction span, #MainCartNav a span, #SideCart .actions a span { padding:0 6px; display:block; font-weight:bold; float:left; height:20px; line-height:20px; white-space:nowrap; } div .btnAction:hover span, #MainCartNav a:hover span { color:#ccc; } div .btnAction:hover, #MainCartNav a:hover, #SideCart .actions a:hover{ color:#ccc; } */ div a.btnAction,#MainCartNav a.checkout, #MainCartNav a.continue, input.replace, #SideCart .actions a{ background:url( /images/LinensandMore/linensandmore-sprite-sheet.png ) no-repeat; color:#fff; float:left; text-transform:uppercase; text-decoration:none; } div .btnAction span, #MainCartNav a span, #SideCart .actions a span { background:url( /images/LinensandMore/linensandmore-sprite-sheet.png ) no-repeat; padding:0 6px; display:block; font-weight:bold; float:left; white-space:nowrap; margin-right:-4px; background-position:right -21px; height:19px; padding:0 9px; line-height:19px; } #Products div a.btnAction { background:url( /images/LinensandMore/linensandmore-sprite-sheet-addToCart.png ) no-repeat; } div .btnAction:hover span, #MainCartNav a:hover span { color:#ccc; } div .btnAction:hover, #MainCartNav a:hover, #SideCart .actions a:hover{ color:#ccc; } .newsletterSignUp .submit, .newsletterSignUp .submit span { background:url( /images/LinensandMore/linensandmore-sprite-sheet.png ) no-repeat; } .newsletterSignUp .submit { bottom:0px; height:19px; background-position: 0 0; color:#fff;} .newsletterSignUp .submit span { margin-right:-4px; background-position:right -21px; height:19px; padding:0 9px; line-height:19px; } .Submit, .Submit span { background:url( /images/LinensandMore/linensandmore-sprite-sheet.png ) no-repeat; } .Submit { bottom:0px; height:19px; background-position: 0 0; color:#fff;} .Submit span { margin-right:-4px; background-position:right -21px; height:19px; padding:0 9px; line-height:19px; color:#fff;} .saveDetails, .saveDetails span { background:url( /images/LinensandMore/linensandmore-sprite-sheet.png ) no-repeat; } .saveDetails { bottom:0px; height:19px; background-position: 0 0; color:#fff; background-color:#fff !important;} .saveDetails span { margin-right:-4px; background-position:right -21px; height:19px; padding:0 9px; line-height:19px; color:#fff;} /* .prodCatList .list .detail .addToCart, .prodCatList .list .detail .addToCart span {background:url( /images/LinensandMore/CES-sprite-sheet.png ) 0 -9999px no-repeat;} .prodCatList .list .detail .addToCart { position:absolute; bottom:0px; right:25%; height:28px; background-position: 0 0;} .prodCatList .list .detail .addToCart span { margin-right:-6px; background-position:right -29px; height:28px; padding:0 20px; line-height:28px;} */ /****************************** tab system ******************************/ #TabSystem{ } #TabSystem #Menu{ height:30px; } #TabSystem #Menu ul li{ padding:5px 20px 4px; float:left; border:solid 1px #c1c1c1; border-bottom:none; border-left:none; background-color:#eee; } #TabSystem #Menu ul li.first{ border-left:solid 1px #c1c1c1; } #TabSystem #Menu ul li.active{ padding-bottom:5px; background:#fff; } #TabSystem #Menu ul li a{ color:#000; font-size: 11px; text-transform:uppercase; text-decoration:none; letter-spacing:1px; } #TabSystem #Menu ul li a span{ } #TabSystem #Menu ul li a:hover{ } #TabSystem #Menu ul li a:active{ } #TabSystem #Menu ul li.active a.active{ font-weight:bold; } #TabSystem div.tab{ padding:11px 24px; min-height:350px; height:auto !important; height:350px; display:none; color:#666; border:solid 1px #c1c1c1; } #TabSystem div.active{ display:block; } #ProductTabs #TabSystem #Menu{ height:20px;} #ProductTabs #TabSystem #Menu ul li{ padding: 5px 15px 5px 0; border:none; background:none; } #ProductTabs #TabSystem #Menu ul li.active a span{ text-decoration:none; } #ProductTabs #TabSystem #Menu ul li a{ cursor:default; } #ProductTabs #TabSystem div.tab{ padding:5px 0; background:none; border:none; min-height:70px; height:auto !important; height:70px;} span.error,span.ValidateError, .validationSummary, .errorMessage{ color:#F00; } p.error{ clear:both; } /****************************** tool tip ******************************/ #ToolTip {background:url("/images/tt_left.gif") no-repeat scroll left top transparent;display:block;position:absolute; z-index:10000;} #ToolTipTop {background:url("/images/tt_top.gif") no-repeat scroll right top transparent;display:block;height:5px;margin-left:5px;overflow:hidden;} #ToolTipCont {background:none repeat scroll 0 0 #666666;color:#FFFFFF;display:block;margin-left:5px;padding:2px 12px 3px 7px;} #ToolTipBot {background:url("/images/tt_bottom.gif") no-repeat scroll right top transparent;display:block;height:5px;margin-left:5px;overflow:hidden;} /****************************** search box ******************************/ #SearchBox{ height:28px; } #SearchBox div.field{ float: left; width: 262px; margin-right:0px; height:25px; } #SearchBox div.actions{ float:left; background-position:right 0; } #SearchBox div.actions a{ float:left; height:19px; background:url( /images/LinensandMore/linensandmore-sprite-sheet.png ) no-repeat; line-height:19px; text-transform:uppercase; color:#fff; text-decoration:none;} #SearchBox div.actions a span { background:url( /images/LinensandMore/linensandmore-sprite-sheet.png ) no-repeat; display:block; font-weight:bold; margin-right:-4px; background-position:right -21px; height:19px; padding:0 5px; line-height:19px; } /****************************** slippery sidecart ******************************/ #SideCartWrapper{ top:134px; width:285px; right:0; } #SlideCart{ } #SideCart .itemSummary, #SideCart .emptyMessage{ } #SideCart .emptyMessage{ } #SideCart .itemSummary{ height:25px; line-height:25px; text-align:right; position:relative; padding-right:70px;} #SideCart .itemSummary *{color:#000; } #SideCart .itemSummary .count{ font-style:italic; } #SideCart .itemSummary .count span{ padding:0 10px 0 5px; } #SideCart .itemSummary .count label{ font-weight:bold; font-style:normal; font-family:"Myriad Pro", Arial;} #SideCart .itemSummary .price{ display:none;} #SideCart .itemSummary a{ text-decoration:none; text-transform:uppercase; font-style:normal;} #SideCart .itemSummary a span{ font-family:"Myriad Pro", Arial; font-weight:bold; } #SideCart .itemSummary .checkout{ padding-left:5px; position:absolute; right:0; margin-top: 3px;} #SideCart .itemSummary .checkout a { background:#fff; } #SideCart .itemSummary .checkout span{ /* color:#fff; */background:#fff; color:#000;} #SideCart .itemSummary .cart{ padding-right:5px;} #SideCart .emptyCart { text-align:right; } #SideCart .itemSummary a { background:#fff; } #SideCart .item { overflow:hidden; position:relative; padding:5px 0 0; border-top: 1px solid #EEE; } #SideCart .item .details { width:170px; float:left; margin-bottom:4px; } #SideCart .item .image{ min-height:92px; border:solid 1px #ccc; width:auto; margin:0px 0 0px; float:left; width:66px; margin-right:10px; margin-bottom:4px;} #SideCart .item .details a.link{ color:#000; float:left; margin-bottom:5px; font-family:"Myriad Pro", Arial; text-decoration:none; } #SideCart .item .details a.link span{ font-weight:bold; font-size:12px; text-transform:uppercase; } #SideCart .item .details .colour, #SideCart .item .details .size{ float:left; clear:left; width:100%; } #SideCart .item .details .label{ float:left; width:50px; } #SideCart .item .detail{ float:left; clear:left; width:100%; } #SideCart .item .detail .quantity{ float:left; width:25px;} #SideCart .item .detail .atSymbol{ float:left; width:25px; text-align:left; } #SideCart .item .promotion{ clear:both; background-color:#EEE; padding:0 5px; } #SideCart .item .detail .price{ float:left; width:110px; } #SideCart .item .detail .replaced .regular{ text-decoration:line-through; padding-right:5px; } #SideCart .item .detail .replaced span{ white-space:nowrap; display:block;} #SideCart .totals { border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; clear: both; margin: 5px 0 0; } #SideCart .totals div { clear: both; height: 18px; } #SideCart .totals span.label { float: left; padding-left: 10px; } #SideCart .totals span.value { float: right; padding-right: 10px; } #SideCart .actions{ padding:5px 0; overflow:hidden; width:100%; } #SideCart .actions .checkout{ float:right; margin-right: 4px; } #SlideCartLiner{ top:-9999px; width:285px; } #SlideCartLiner .cartContent{ border:solid 1px #ccc; border-top:none; padding:5px; } #SlideCartLiner .remove{ position:absolute; right:0; top:5px;} #SideCart #SideCartItemAdded{ color: #333333; font-family:'Myriad Pro', Arial; font-weight: bold; left: -17px; position: absolute; text-transform: uppercase; top: 5px; } /****************************** cycler ******************************/ .cycleWrapper{ position:relative; margin-bottom:5px;} .cycleWrapper .cycle { height:420px; overflow:hidden; position:relative;} .cycleWrapper .cycle .item{ height:420px;} .cycleWrapper .cycle img{ position:relative;} .cycleWrapper .nav{ position:absolute; top:50%; z-index:50; width:100%; } .cycleWrapper .nav a{ width:37px; height:50px; position:absolute; display:block; overflow:hidden; text-indent:-99px; background:url("/images/icons/lookbook-nav.png") repeat scroll 0 0 transparent } .cycleWrapper .nav a.pause{ display:none; } .cycleWrapper .nav a.prev{ background-position:0 0; } .cycleWrapper .nav a.next{ background-position:0 -52px; right:0; } .cycleWrapper .adminSettings{ position:absolute; right:0; z-index:50; background-color:#ccc; padding:5px 10px; width:200px; overflow:hidden; border:solid 1px #ccc;} .cycleWrapper .adminSettings p{ overflow:hidden;} .cycleWrapper .adminSettings span{ float:left;} .cycleWrapper .adminSettings select{ float:right; width:100%; } .cycleWrapper .adminSettings .row{ overflow:hidden; } .cycleWrapper .adminSettings .dimensions input{ width:90%; } .cycleWrapper .adminSettings .row .col1{ float:left; width:50%; } .cycleWrapper .adminSettings .row .col2{ float:right; width:50%; } .cycleWrapper .adminSettings .row.actions{ padding-top:5px; } .cycleWrapper.modified .adminSettings{ border:solid 1px #F00; } .cycleWrapper.modified .btnAction span{ color:#F00;} /************************** send to friend **************************/ #SendToFriend{ clear:left; min-height:400px; height:auto !important; height:400px; } #SendToFriend h3{font-weight:normal; } #SendToFriend .image{ width:220px; float:left; min-height:300px; } #SendToFriend .details td{ padding:3px 0; background:none !important; border:none; } #SendToFriend .details .label{ padding-right:15px; vertical-align:top; width:100px; } #SendToFriend .details td.field{ width:152px;} #SendToFriend .details input.text{ width:150px; display:block; } #SendToFriend .details textarea{ width:150px; height:100px; font-family:Arial; font-size:12px; } #SendToFriend .btnAction{ float:right;} #SendToFriend .success span{ display:block;} /************************** js sitewide popups **************************/ .jsSitePanel { background:url("/images/icons/bg-grad.gif") repeat-x scroll 0 0 transparent; min-height:400px; padding:0 10px 10px 10px; } .jsSitePanel h2{ height:45px; line-height:45px; margin-bottom:10px;} .popup { background:url("/images/icons/bg-grad.gif") repeat-x scroll 0 0 transparent; padding:0 10px 10px 10px; } .popup h2,.popup h3{ height:45px; line-height:45px; margin-bottom:10px;} .popup .btnAction{ display:block; margin-right:10px; } /********************** rate shopping experience ***********************/ #RateExperience textarea{ width:100%; height:90px; } #RateExperience h2{ padding-left:10px;} #RateExperience .row{ padding:5px 10px; overflow:hidden; } #RateExperience .row.shopping{ padding-top:25px; padding-bottom:25px; } #RateExperience .rbs{ position:relative; overflow:hidden; padding:15px 0 30px; } #RateExperience .rbs .rate{ position:absolute; top:0px; font-weight:bold; } #RateExperience .rbs table{ width:100%;} #RateExperience .rbs table label{ position:relative; left:-15px; top:20px; } #RateExperience .rbs table td{ text-align:center;} #RateExperience .rbs .least{ left:0; } #RateExperience .rbs .most{ right:0; } #RateExperience .actions { padding-right:0; padding-left:0; } #RateExperience .actions a{ float:right; } /****************************** navigation ******************************/ /* #Navigation{ line-height:15px; } #Navigation ul.rmHorizontal li.rmLast{ border:none; } #Navigation ul.rmHorizontal li.rmItem li{ border:none; height:auto; } #Navigation ul.rmHorizontal div.rmSlide{ padding-top:5px;} #Navigation ul.rmHorizontal div.rmSlide ul{ padding:0px 0; background:#fff; } #Navigation ul.rmHorizontal div.rmSlide span{ width:auto;} #Navigation ul.rmHorizontal div.rmSlide li.rmItem{ background:none; height:25px; line-height:25px;} #Navigation ul.rmHorizontal div.rmSlide li.rmItem a{ padding:0 5px 0 0; background:none; margin-right:-0; } #Navigation ul.rmHorizontal div.rmSlide li.rmItem a span{ font-weight:normal; text-transform:capitalize;} #Navigation ul.rmHorizontal div.rmSlide li.rmItem a span{ background:none; left:0; padding:0;} #Navigation ul.rmHorizontal div.rmSlide li.rmItem a:hover{ } #Navigation ul li{ float:left; padding:0 6px 0 2px; cursor:pointer; } #Navigation ul li a{ float:left; text-transform:uppercase; font-size:12px; text-decoration:none; padding:0; cursor:pointer; color:#333; font-family: Arial; } /* mega menu */ #Navigation ul li{ float:left; cursor:pointer; } #Navigation ul li a{ float:left; text-transform:uppercase; font-size:12px; text-decoration:none; padding:0; cursor:pointer; color:#000; font-family: Arial; display:block; } #Navigation ul li a span{ color:#000; white-space:nowrap;} #Navigation ul.level2, #Navigation ul.level1 .slide{ display:none; left:0px; top:27px; position:absolute; background:#eee; opacity:0.9; padding:8px 0px;} #Navigation ul.level1 .expandy:hover .slide{ display:block; } #Navigation ul.level1 .expandy .slide .level2{ width:198px; position:static; display:block; float:left; } #Navigation ul.level1 .expandy .slide .group1, .group2 { /* border-left:1px solid #fff; */ } #Navigation .l2{ float:none; } #Navigation ul.level1 .regular:hover ul{ display:block; } #Navigation ul.level1 li.l1{padding:0 30px 0 0; position:relative;} #Navigation ul.level2 li.l2{ border-left:1px solid #fff; } #Navigation ul.level2 li.l2 a.l2{ padding:2px 20px 2px 20px;} #Navigation ul.level3 li.l3 a.l3{ padding:2px 20px 2px 20px;} #Navigation ul.level2 li.l2 a.l2:hover, #Navigation ul.level3 li.l3 a.l3:hover{ background:#fff; } #Navigation ul.level2 li.l2 a.l2, #Navigation ul.level3 li.l3 a.l3{ height:20px; line-height:20px; display:block;} #Navigation ul.level2 li.l2 a.l2 span{ text-transform:capitalize; font-weight:bold;} #Navigation ul.level3 li.l3 a.l3 span{ text-transform:capitalize; font-weight:normal;} /****************************** stockists ******************************/ #StoreFinder{ padding:0 0 20px 0; overflow:hidden;} #StoreFinder .hoursDetails{ display:none; } #StoreFinder .sitePanel h2{ display:block; } #StoreFinder h2{ display:none;} #StoreFinder .title{margin:0 0 10px;} #StoreFinder .regionList{ float:left; width:200px; padding-left:0; overflow:hidden; border:none;} #StoreFinder #StoreInfo.storeInfo{ float:right; width:400px; } #StoreFinder .region{ /* padding-top:5px; */ cursor:pointer; } #StoreFinder .region span{display:block; } #StoreFinder .first{ padding-top:0;} #StoreFinder .region span{ font-size:14px; font-weight:bold;} #StoreFinder .secondTier .location{ padding-left:5px; float:left; width:300px;} #StoreFinder .secondTier .location .details{ display:none; } #StoreFinder .secondTier .city{ cursor:pointer; background:url(/images/icons/icon-arrow-blue.gif) no-repeat 125px -64px; } #StoreFinder .secondTier .city.arrow{ background-position:125px 5px; } #StoreFinder .secondTier span{ font-weight:bold; display:block; /* padding:2px 0px; */ color: #314363;} #StoreFinder .secondTier .level3 span{ font-weight:normal;} #StoreFinder .addressDetails, .storeInfo .hoursDetails{ padding:0 0 10px;} #StoreFinder span{ display:block; margin:2px 0; } #StoreFinder a{ display:block; /* margin:2px 0; */ text-decoration:none; padding:2px 0px; } #StoreFinder .regionLink.selected{ font-weight:bold; color:#314363; } #StoreFinder #Map{ clear:left; float:left; width:100%; } #StoreFinder #Directions{ clear:left; margin-top:10px; } #StoreFinder #Directions span { display:inline; } #StoreFinder #UserInput { overflow:hidden; margin-bottom:15px; display:none; } #StoreFinder #UserInput input{ float:left; } #StoreFinder #UserInput a{ float:right; margin-right:5px; } #StoreFinder #UserInput a span{ margin:0 -5px 0 0; } #StoreFinder #UserInput p.msg{ padding-top:10px; float:left; clear:left; color:#BF0000; } #StoreFinder #UserInput div.help{ padding-bottom:4px; } #StoreFinder .googleMap{ width:100%; height:300px;} #StoreFinder #StoreInfo div.details{ float:left; width:370px;} #StoreFinder div#SecondTier { float: left; width: 290px; } #StoreFinder .image{ float:right; width:300px;} #StoreFinder .locationItem { /* padding-bottom:5px; */ overflow:hidden; } #StoreFinder .secondTier .selected div.details, #StoreFinder .secondTier .selected div.level3{ font-style:italic; padding-left:7px; } /****************************** the look ******************************/ #OutFits a.update{ margin-right:10px;} #OutFits .trend input.rank{ width:25px;} #OutFits .trend{ border-bottom: dotted 1px #666; overflow:hidden; padding-bottom:20px; margin-bottom:20px; position:relative; } #OutFits .trend .image{ width:80px; float:left; } #OutFits .trend .detail{ width:295px; float:right; } #OutFits .trend .detail h2{ font-size: 14px; margin:0; font-weight:bold;} #OutFits .trend .detail p.price{ font-size:14px; color:#000; padding-top:0;} #OutFits .trend .dropdown{ width:100%; overflow:hidden; padding-bottom:10px; } #OutFits .trend .dropdown span.label{ color:#666; float:left; margin-right:10px;} #OutFits .trend .dropdown select{ float:left; width:200px; } #OutFits .trend .checkbox p.qty{ float:right; margin-right:24px; } #OutFits .trend .checkbox p.qty label{ line-height:20px; } #OutFits .trend .checkbox input.text{ width:20px; text-align:center; float:right; margin-left:5px;} #OutFits .trend .message{ position:absolute; right:25px; bottom:2px; font-weight:bold; text-transform:capitalize; display:none;} #OutFits .btnAction { float:right; } #OutFits .totals{ float:left; width: 200px; font-size:12px; } #OutFits .totals .items{ font-weight:bold; color:#000;} #OutFits.admin .trend .actions{ position:relative; overflow:hidden; } #OutFits.admin .trend .actions a{ position:absolute; right:0; top:5px;} #OutFits.admin .pickMainImage{ float:left; margin:10px 0; } #OutFits.admin .items{ clear:left; } /****************************** wishlist ******************************/ /************************** wish list adding **************************/ #WishListActions{ clear:left; min-height:20px;} #WishListActions a{ margin-right:10px; float:left;} #WishListActions{ position:relative;} .wishListPopup{ position:absolute; top:41px; left:0; background:#fff; border:solid 1px #888; -moz-border-radius:5px; border-radius:5px; width:305px; z-index:50; padding-bottom:5px; } .wishListPopup .header{ background:url("/images/icons/bg-grad.gif") repeat-x scroll 0 0 transparent; border-bottom:solid 1px #888; padding:5px 10px; margin-bottom:5px; position:relative;} .wishListPopup .content{ padding: 0 10px;} .wishListPopup .close{ position:absolute; top:7px; right:7px;} .wishListPopup .action a.btnAction{ color:#514F49 !important; margin-bottom:0; } #EmailMeWhen .chkBox{ padding:0 10px;} #EmailMeWhen .action{ padding:5px 14px; overflow:hidden; } #EmailMeWhen .action span{ color:#fff;} /************************** wish list page **************************/ #WishList div.product{ padding-right:20px; width:160px; min-height:320px; } #WishList div.product .image{ min-height:210px;} #WishList div.product .detail{ min-height:45px;} #WishList div.product .detail h2 a{ font-family: 'Myriad Pro',Arial; font-size: 15px; letter-spacing: 1px; text-transform: uppercase; text-decoration:none; } #WishList div.product .image a.link{ left:20%; top:50%; } #WishList div.product .price{ padding:5px 0; } #WishList .actions{ padding-bottom:25px; position:relative; overflow:hidden; } #WishList .actions a.comingSoon{ background:none;} #WishList .actions a.comingSoon span{ color:#000; padding:0; font-weight:bold; text-transform:uppercase; } #WishList .actions a.noStock{ background:none;} #WishList .actions a.noStock span{ color:#000; padding:0; font-weight:bold; text-transform:uppercase; } #WishList .actions .buttons{ float:left;} #WishList .actions .buttons a span{ padding:0 15px;} #WishList select { font-size:11px; float:left; font-family:'Trebuchet MS',Arial; width:230px; margin-right:20px; } #WishList ul{ clear:left;} #WishList ul li{ float:left; position:relative;} #WishList ul li .desc{ display:none;} #WishList ul li .checkboxes{ clear:left; padding-top:10px; display:none;} #WishList ul li .checkboxes a{ background:url(/images/demo/button-toggle1.gif) repeat-x 0 0; float:left; width:37px; height:24px; border:solid 1px #4F8E9F; outline:none; } #WishList ul li .checkboxes a span{ overflow:hidden; text-indent:-999px;} #WishList ul li .checkboxes a.onSale{ -moz-border-radius: 5px 0 0 5px;} #WishList ul li .checkboxes a.backInStock{ -moz-border-radius: 0 5px 5px 0;} #WishList ul li .checkboxes a.lowStock{ border-right:none; border-left:none; } #WishList ul li .checkboxes a.active{ background-position: 0 -39px; background-color:#ddd;} #WishList ul li .checkboxes a.onSale span{ background:url(/images/icons/money_dollar.png) no-repeat center center; display:block; height:24px;} #WishList ul li .checkboxes a.backInStock span{ background:url(/images/icons/asterisk_yellow.png) no-repeat center center; display:block; height:24px;} #WishList ul li .checkboxes a.lowStock span{ background:url(/images/icons/flag_red.png) no-repeat center center; display:block; height:24px;} #WishList ul li .editing{ padding-top:5px; overflow:hidden; clear:left;} #WishList ul li .editing a{ float:left; } #WishList ul li .editing a.remove{ clear:none; border-left:none; float:right; width:16px; height:16px; position:relative; top:-3px; } #WishList ul li .editing a.remove span{ display:block; text-align:center; width:auto; float:none; background-position:center center; height:26px; } #WishList ul li a.addToCart{ padding:0; } #WishList ul li a.addToCart span{ margin-left:2px; display:block; width:auto; font-weight:bold; padding:0 10px; } #WishList ul li .overlay{ position: absolute; top:0; left:0; } #WishList ul li .remove{/* position:absolute; top:0; right:0; */} #WishList .buttons .btnAction{ margin-right:10px; } /************************** emailing template **************************/ #WishListEmailer{} #EmailInput{ float:left; width:380px; min-height:200px;} #EmailTemplate{ float:right; width:600px;} #EmailInput .group{ border-top: solid 1px #ccc; padding-top:20px; margin-top:20px; overflow:hidden;} #WishListEmailer .title{ display:block; padding-bottom:10px; text-transform:uppercase;} #EmailInput .messagePicking ul{ float:left; width:50%;} #EmailInput .messagePicking ul li{ padding:5px 0; list-style-type:none; float:left; clear:left; width:100%;} #EmailInput .personalMessage textarea{ width:97%; height:75px; font-size:12px;} #EmailInput .personalMessage .actions{ overflow:hidden; padding:5px 0;} #EmailInput .personalMessage .actions .wishlist{ float:left;} #EmailInput .personalMessage .actions .send{ float:right;} #EmailInput{width:300px; margin:auto; font-family:Arial; color:#333;} #EmailInput table.recipient{ width:100%; font-family:Arial; font-size:14px; color:#333; } #EmailInput table.recipient td{padding:2px 0;} #EmailInput table.recipient td.remove{ width:20px;} #EmailInput table.recipient input{font-size:12px; color:#555; border:solid 1px #ccc;} #EmailInput table.recipient input.name{ width:90px;} #EmailInput table.recipient input.email{ width:170px; } #EmailInput table.recipient input.error, #EmailTemplate div.error{ border:solid 1px #F00;} #EmailInput table.recipient th{ text-align:left;} #EmailInput table.recipient td.index{ width:25px;} #EmailInput table.recipient tr.add{ text-align:right;} #EmailInput table.recipient a.add{ position:relative; right:5px; text-decoration:underline; } #EmailInput table.recipient tfoot td{ font-size:12px; font-style:italic;} #EmailInput table.recipient tfoot span{ display:block; line-height:15px; } #EmailTemplate .checkbox{ font-weight:bold; position:absolute; top:-20px; background:#fff; width:85%; border:solid 1px #CCC;} #EmailTemplate div.details{ position:relative; min-height:65px;} /****************************** reviews ******************************/ #ReviewList{ /* width:365px; float:left; */ display:none; } #ReviewList select { display:none; } #Reviews{ clear:both; clear:both; margin-top:20px; } #Reviews a.write{float:left; margin-bottom:10px; text-transform:inherit; } #Reviews div.review .response{ clear:both; } #Reviews div.review .response .message{ color:#000; display:block; font-weight:bold; background:url(/images/icons/information.png) no-repeat 0 0px; padding-left:20px; margin-bottom:10px; } #Reviews p.error{ color:#D51711; font-weight:bold; background:url(/images/icons/delete.png) no-repeat 0 0px; padding:1px 0 0 20px; margin-bottom:10px; } #Reviews div.sort{ float:right; width:250px; text-align:right; padding-bottom:5px; } #Reviews table{ width:100%; clear:both;} #Reviews div.review{ margin-bottom:15px; overflow:hidden; clear:left; } #Reviews div.inactive{ border-color:#C20101;} #Reviews div.review .header{ overflow:hidden;} #Reviews div.review .header .reviewer{ display:block; float:left; padding-right:5px; } #Reviews div.review .header .reviewTitle{ text-transform:uppercase; color:#000; float:left; margin-bottom:4px; } #Reviews div.review .header .date{ float:right; font-size:11px; font-style:italic; color:#666; } #Reviews div.review .header .ratingOverall{ float:left; clear:left; height:15px; position:relative; right:4px; } #Reviews div.review .details{ float:left; overflow:hidden; } #Reviews div.review .details .reviewText{ margin-bottom:24px; } #Reviews div.review .details .actions{} #Reviews div.review .details p.helpful{ color:#666; font-size:11px; margin-top:8px; float:left; width:100%; clear:left; } #Reviews div.review .details a.report{ float:left; clear:left;} #Reviews div.review .ratings{ float:right; width:200px; padding:10px; display:none; } #Reviews div.review .details p.ratings{ float:right; clear:both;} #Reviews span.rating{ float:right; background:url(/images/icons/rating-stars-black.png) no-repeat right 0; width:68px; clear:right; margin-bottom:5px; } #Reviews .review .r_1{ background-position: right -1px;} #Reviews .review .r_2{ background-position: right -21px;} #Reviews .review .r_3{ background-position: right -41px;} #Reviews .review .r_4{ background-position: right -61px;} #Reviews .review .r_5{ background-position: right -81px;} #Reviews span.attention{ position:relative; left:10px; background:url(/images/icons/asterisk_orange.png) no-repeat 0 0; display:block; width:16px; height:16px; position:absolute; left:-20px; top:0; } #Reviews .wouldRecommend{ display:none;} #CreateReview p{ padding:5px 0;} #CreateReview .charCount{ padding:0; } #CreateReview .characterCountDown{ padding:5px; height:20px; line-height:20px; } #CreateReview{ padding-top:10px; } #CreateReview .pnlInner{ /* width:595px; */} #CreateReview .welcome{ border-bottom:solid 1px #ddd; color:#222; font-size:14px;} #CreateReview .wrap{ clear:left; border-bottom:solid 1px #ddd; padding-bottom:5px;} #CreateReview .ratingWrap{ clear:left;} #CreateReview .looks,#CreateReview .fit{ display:none;} #CreateReview .ratingWrap .name{ float:left; width:100px;} #CreateReview .ratingWrap .rating{ float:left; width:250px;} #CreateReview .subTitle{ font-weight:bold;} #CreateReview input.text, #CreateReview textarea{ width:300px; display:block;font-size:12px;} #CreateReview textarea{height:100px; width:550px; padding-left:5px;} #CreateReview span.userName{ text-transform:capitalize;} #CreateReview div.review div.loggedOut{ display:none;} #CreateReview #Reviews div.review .details{ width:350px;} #CreateReview a.preview{float:right; } #CreateReview a.submit{ float:right; margin-left:5px; } #CreateReview a.btnAction{ margin-top:10px; } /************************ reviews required ***************************/ #Preview a.preview{float:right;} #Preview a.submit{ float:right; margin-left:5px; } #Reviews.reviewRequired table td.item{ padding:10px 0; } #Reviews.reviewRequired a.preview{ clear:right; } #Reviews.reviewRequired .productDetail{ overflow:hidden; background:url(/images/icons/bg-grad.gif) repeat-x 0 0; padding:0 10px; position:relative; border: solid 1px #ccc; border-bottom:none; -moz-border-radius:5px 5px 0 0;} #Reviews.reviewRequired .productDetail h2{ float:left; line-height:30px; } #Reviews.reviewRequired .productDetail p{ float:left; line-height:25px; padding-left:15px;} #Reviews.reviewRequired .productDetail a{ outline:none;} #Reviews.reviewRequired .productDetail a.btnAction{ position:absolute; right:35px; top:-5px; background:none; color:#000; text-decoration:underline; background:url(/images/icons/cross.png) no-repeat right 5px; padding-right:20px;} #Reviews.reviewRequired .productDetail a.delete span{ line-height:27px; } #Reviews.reviewRequired .productDetail a.help{ background:url(/images/icons/information.png) no-repeat 0 0; position:absolute; right:10px; top:10px; display:block; width:16px; height:16px;} #Reviews.reviewRequired .reviewTitle{ clear:left; float:left;} #Reviews.reviewRequired .name{float:left; clear:left; white-space:nowrap;} #Reviews.reviewRequired .review{float:left; clear:left; width:100%; } #Reviews.reviewRequired .reviewDetail{ padding:10px; overflow:hidden; border: solid 1px #ccc; border-top:none; -moz-border-radius:0 0 5px 5px;} #Reviews.reviewRequired textarea{ width:460px;} #Reviews.reviewRequired div.review{ margin-bottom:0;} #Reviews.reviewRequired .wrap{ border:none;} #Reviews.reviewRequired .image{ float:left; width:200px; min-height:150px; text-align:center; position:relative;} #Reviews.reviewRequired .radWrap { float:left; padding-right:50px; width:165px; } #Reviews.reviewRequired .radWrap .rad{ float:left; clear:left; padding-bottom:5px;} #Reviews.reviewRequired .inputWrap{float:right; width:467px; } .reviewsRequired .loggedOut{ margin:20px 0;} .reviewsRequired .loggedOut a{ font-weight:bold; text-decoration:underline;} #Preview .response{ margin-bottom:20px; display:block;} .contentPage #Main .loggedIn{ display:none; } .productList p.review{ padding-bottom:0;} .productList .review .rating, #ProductDetails .review .rating{ background:url(/images/icons/rating-stars-10-black.png) no-repeat right 1px; display:block; width:65px; height:20px; margin:auto; } .productList .review .r_0,#ProductDetails .review .r_0{ background-position: right 1px; display:none;} .productList .review .r_1,#ProductDetails .review .r_1{ background-position: right -19px; } .productList .review .r_2,#ProductDetails .review .r_2{ background-position: right -39px; } .productList .review .r_3,#ProductDetails .review .r_3{ background-position: right -59px; } .productList .review .r_4,#ProductDetails .review .r_4{ background-position: right -79px; } .productList .review .r_5,#ProductDetails .review .r_5{ background-position: right -98px; } .productList .review .r_6,#ProductDetails .review .r_6{ background-position: right -119px; } .productList .review .r_7,#ProductDetails .review .r_7{ background-position: right -139px; } .productList .review .r_8,#ProductDetails .review .r_8{ background-position: right -159px; } .productList .review .r_9,#ProductDetails .review .r_9{ background-position: right -179px; } .productList .review .r_10,#ProductDetails .review .r_10{ background-position: right -199px; } .productList .review .noReviews,#ProductDetails .review{ color:#000; font-size:14px; font-weight:bold; } /*********************************************************************/ /****************************** blog *********************************/ /*********************************************************************/ #RecentArticles{ padding:16px 7px;} #RecentArticles h2 { text-transform:capitalize; margin-bottom:15px; } #RecentArticles h2, #RecentArticles h2 span{ display:block;} #RecentArticles h2 span{ background-position:0 bottom; padding:2px 0;} #RecentArticles .title{ margin:9px 0;} #RecentArticles a{ font-size:12px; color:#9d9188; font-style:italic; text-decoration:none;} #BlogPosts, #RecentArticles { } #BlogPosts {} #BlogPosts .post{padding-bottom:25px; margin-bottom:25px; } #BlogPosts .post h2{ color:#6c6c6b; font-size:17px; font-weight:bold; font-style:italic; text-transform:none; } #BlogPosts .post .date{ color:#979793; font-size:12px; font-style:italic; } #BlogPosts .post .image{ padding:5px 0; } #BlogPosts .post .image .Text{ color:#9d9188; } #BlogPosts .post .image .Text a{ color:#6c6c6b;} #CommentsPop .title{ padding: 15px;} #CommentsPop .comments{ padding:0 15px; } #CommentsPop .comments .field{ width:auto;} #CommentsPop .comments textarea{ width:100%; height:80px; } #CommentsPop .actions{ overflow:hidden; padding:10px 15px; } #CommentsPop .actions .add{ float:right; } #BlogDisplay h1{ font-size:24px; color:#000 !important; font-family:Arial; margin-bottom:0; } #BlogDisplay .date{ font-style:italic; margin:5px 0;} #BlogDisplay .description{ margin:10px 0; } #BlogDisplay #Comments{ width:70%; } #BlogDisplay #Comments .summary{ padding:5px 0 15px 0; border-bottom: dotted 1px #666; } #BlogDisplay #Comments .comment{ margin:20px 0; border-bottom: dotted 1px #666; padding-bottom:18px; } #BlogDisplay #Comments .comment .details{ overflow:hidden; margin-bottom: 4px;} #BlogDisplay #Comments .comment .name{ color: #000000; float: left; text-transform: uppercase;} #BlogDisplay #Comments .comment .date{color: #666666; float: right; font-size: 11px; font-style: italic; } #BlogDisplay #Comments .comment .theComment{ padding:0 0 5px 0; color:#000; } #BlogDisplay #Comments .comment .theComment strong{ display:block;} #BlogDisplay .info{ margin-bottom:15px; } #BlogDisplay .info .categories { display:none; } #BlogDisplay div.date{ display:none; } #BlogDisplay .addComment{ overflow:hidden; padding:5px 0;} #BlogDisplay table td{ vertical-align:top; padding:5px; } #BlogDisplay table td:first-child{ padding-left:0; } .blogDisplay #BreadCrumb .blog{ display:none; } #BlogArticleListSummary{ padding-top:10px; } #BlogArticleListSummary .blogItem{ margin:4px 0; } #BlogArticleListSummary .blogItem .date, #BlogArticleListSummary .blogItem .info{ display:none;} #BlogArticleListSummary .blogItem .title{ font-size:12px; } #BlogArticleListSummary .blogItem .title a{ } #BlogArticleListSummary .active .title a{ font-weight:bold; } #BlogArticleList h1{ display:none; } #BlogArticleList .blogItem{ padding-bottom:10px; margin:10px 0; border-bottom:dotted 1px #ccc; } #BlogArticleList .date{ display:none; } #BlogArticleList p.blog{ padding:10px 0; } #BlogArticleList p.blog a.more{ padding-left:5px; white-space:nowrap; } #BlogArticleList .info{ display:none; } #BlogArticleList .info * { color:#888; } #BlogArticleList .title { margin-bottom:10px; } #BlogArticleList .title a{ font-size:24px; line-height:24px; } #BlogArticleList .pager{ display:block; padding-top:20px; } #BlogArticleList .pager li.page{ display:none;} #BlogCategories{ margin:5px 0 15px; } #BlogCategories ul { } #BlogCategories ul li{ display:block; margin:4px 0; } #BlogCategories ul li.active a span{ font-weight:bold; } #BlogCategories ul li span{ } /****************************** end blog ******************************/ /****************************** forms setup ******************************/ textarea{border:solid 1px #ccc; font-family:Arial; padding-left:5px; font-size:12px; line-height:16px; color:#524F4B; } select{ width:258px; height:23px; padding:0; margin:0; border:solid 1px #ccc; color:#524F4B; font-size:12px; } .form td{ border:none; padding:3px 0; vertical-align:top; } .form .label{ width:132px; } .form .field{ width:250px; } .form .field textarea{ width:250px; height:90px; border:solid 1px #ccc; } .form .validator{ width:20px; text-align:right; padding-left:0; padding-right:0;} .form .validator span{ display:none;} input.text{ width:250px; padding-left:5px; border:solid 1px #ccc; height:15px;} /************************* iframe control loader *************************/ .iframe-container.iframeTab{ background:none; font-size: 10px; line-height: 17px;} .iframe-container table{ width:100%; } .iframe-container.iframeTab select{ width:140px; float:right; } .iframe-container.iframeTab .form input.text, .iframe-container.iframeTab .form textarea{ width:133px; float:right;} .iframe-container.iframeTab .label{ font-size:10px; width:75px; } .iframe-container.iframeTab .field{ width: 140px; text-align:right; } .iframe-container.iframeTab .actions a{ float:right; } .iframe-container.iframeTab .error{ font-size:10px; } .iframe-container.findDetails span.text{ display:block; } .iframe-container.findDetails span.error{color:#f00; } .iframe-container.findDetails span.success{ color:green; } .iframe-container.bestTime { background:url("/images/icons/bg-grad.gif") repeat-x scroll 0 0 transparent; min-height:400px; overflow:hidden; max-height:550px; width:450px; padding:0 10px 10px 10px; } .iframe-container.bestTime h2{ height:45px; line-height:45px; margin-bottom:10px; } .iframe-container.bestTime .body{ height:480px; overflow-y:scroll; } .iframe-container.bestTime input{ display:block; } /****************************** pager ******************************/ .pager { margin:10px 0; clear:both; text-align:right; font-size:11px; } .pager li{ display:inline; /* padding:0 4px; */ } .pager li.next a, .pager li.prev a{ text-decoration:none; } .pager li.selected span{ font-weight:bold; } .pager li.viewAll{ padding-left:20px; } .pager a{ outline:none; text-decoration:none; } .pager .paged.selected span{ font-weight:normal;} .pager .pages1.currentPage1, pages1 currentPageAll .pager .totalItems0{ display:none; } .pager.top { position:absolute; top:0px; right:0px; margin-top:5px;} .pagerInner .pages { display:inline-block; zoom:1; *display: inline; } .pagerInner .pages .seperator { display:none; } .pagerInner a { padding:0 4px; } .search .pager * { display:inline; } .search .pager .seperator{ display:none; } /***************************** end components ************************************/ /* generic styles */ #Main{ } /*********************************************************************************/ /**************************** page specific layout *******************************/ /*********************************************************************************/ /* home */ .home .sec1{ } .home .sec2{ overflow:hidden; height:154px; } /*.home .sec2 .con1{ float:left; width:468px; } .home .sec2 .con2{ float:right; width:468px; }*/ .home .sec2 .con1 , .home .sec2 .con2, .home .sec2 .con3 { height:154px; width:311px; position:relative;} .home .sec2 .con1 { float:left; background:url(/images/LinensandMore/home-ad-01.jpg); } .home .sec2 .con2 { float:left; margin-left:5px; } .home .sec2 .con3 { float:right; background:url(/images/LinensandMore/home-ad-03.jpg); } /* Login Section */ .wholesaleLoginForm { padding-left:12px; padding-top:15px; padding-right:21px; } .wholesaleLoginForm .heading { font-weight:bold; background:url('/images/LinensandMore/formlabelback.png') repeat-y; padding:0px 5px; margin-bottom:13px; color:#000;} .wholesaleLoginForm .formInput { text-align:right; background:url('/images/LinensandMore/formlabelback.png') repeat-y; margin-bottom:12px;} .wholesaleLoginForm .formInput input[type='text'], .formInput input[type='password'] { width:151px; border:1px solid #9797a0;} .wholesaleLoginForm input[type='submit'] { background:#000; color:#fff; border:0px; cursor:pointer; text-transform:uppercase; font-weight:bold; font-size:10px; padding:3px 2px; display:inline;} .wholesaleLoginForm label {display:block; width:95px; text-align:left; color:#000; float:left; padding-left:5px;} .wholesaleLoginForm .submit { background:url('/images/LinensandMore/submitlabelback.png') repeat-y -16px 1px; } .wholesaleLoginForm .error { position:absolute; right:20px; margin-top:-16px; } .wholesaleLoginForm .badLogin { right: 109px; top: 31px; font-weight:bold; } /* product display */ /* my details */ .myDetails #Main .sec1 .area{ margin-bottom:10px; } .myDetails #Main .sec1 .tab3 .area{} /* content */ .contentPage .style1 #Main .sec2 .con2{ background:none; } .contentPage .style1 #Main .sec2 .con3{ background:none; } .contentPage .userStoreDetails { display:none; } .contentPage .style2 #Main .sec1{ margin-bottom:10px; } .contentPage .style2 #Main .sec2{ overflow:hidden; } .contentPage .style2 #Main .sec2 .con1{ float: left; width: 460px; } .contentPage .style2 #Main .sec2 .con2{ float: right; width: 460px; } .contentPage .style2 #Main .sec2 .con3{ margin-top:10px; clear:both; float:left; width:100%; } .contentPage .style3 #Main .sec1{ margin-bottom:10px; } .contentPage .style3 #Main .sec2{ overflow:hidden; } .contentPage .style3 #Main .sec2 .con1{ float: left; width: 205px; } .contentPage .style3 #Main .sec2 .con2{ float: right; width: 725px; } .contentPage .style3 #Main .sec2 .con3{ margin-top:10px; clear:both; float:left; width:100%; } .contentPage .style4 #Main .sec1{ margin-bottom:10px; } .contentPage .style4 #Main .sec2{ overflow:hidden; } .contentPage .style4 #Main .sec2 .con1{ float: left; width: 725px; } .contentPage .style4 #Main .sec2 .con2{ float: right; width: 205px; } .contentPage .style4 #Main .sec2 .con3{ margin-top:10px; clear:both; float:left; width:100%; } .contentPage .style5 #Main .sec1{ margin-bottom:10px; } .contentPage .style5 #Main .sec2{ overflow:hidden; margin-bottom:10px;} .contentPage .style5 #Main .sec2 .con1{ float:left; width:305px; margin-right:15px; } .contentPage .style5 #Main .sec2 .con2{ float:left; width:305px; } .contentPage .style5 #Main .sec2 .con3{ float:right; width:305px; } .contentPage .style6 #Main .sec2{ overflow:hidden; } .contentPage .style6 #Main .sec2 .con1{ width:80%; margin:auto; } .contentPage .style6 #Main .sec2 .con2{ width:60%; margin:auto; } /* with panels */ .contentPage.panels #Main .sec0{ margin-bottom:10px; } .contentPage.panels #Main .sec1{ float:left; width:300px; clear:left; overflow:hidden; } .contentPage.panels #Main .sec2{ float:right; width:630px; clear:right; } .contentPage.panels #Main .sec3{ clear:both; } .contentPage.panels .style2 #Main .sec2{ overflow:hidden; } .contentPage.panels .style2 #Main .sec2 .con1{ margin-bottom:10px; width:100%; } .contentPage.panels .style2 #Main .sec2 .con2{ float: left; width: 310px; clear:none; } .contentPage.panels .style2 #Main .sec2 .con3{ float: right; width: 310px; clear:none; margin-top:0; } .contentPage.panels .style3 #Main .sec2{ overflow:hidden; } .contentPage.panels .style3 #Main .sec2 .con1{ float: left; width: 310px; } .contentPage.panels .style3 #Main .sec2 .con2{ float: right; width: 310px; } .contentPage.panels .style3 #Main .sec2 .con3{ margin-top:10px; clear:both; float:left; width:100%; } .contentPage.panels .style4 #Main .sec1{ float:right; width:300px; clear:right; overflow:hidden; } .contentPage.panels .style4 #Main .sec2{ float:left; width:630px; clear:left; overflow:hidden;} .contentPage.panels .style4 #Main .sec3{ clear:both; } .contentPage.panels .style4 #Main .sec2 .con1{ margin-bottom:10px; width:100%; } .contentPage.panels .style4 #Main .sec2 .con2{ float: left; width: 310px; clear:none; } .contentPage.panels .style4 #Main .sec2 .con3{ float: right; width: 310px; clear:none; margin-top:0; } .contentPage.panels .style5 #Main .sec1{ float:right; width:300px; clear:right; overflow:hidden; } .contentPage.panels .style5 #Main .sec2{ float:left; width:630px; clear:left; overflow:hidden;} .contentPage.panels .style5 #Main .sec3{ clear:both; } .contentPage.panels .style5 #Main .sec2 .con1{ float: left; width: 310px; margin-right:0; } .contentPage.panels .style5 #Main .sec2 .con2{ float: right; width: 310px; } .contentPage.panels .style5 #Main .sec2 .con3{ margin-top:10px; clear:none; float:left; width:100%; } /* checkout */ .checkout #Main{ padding-top:10px; } .checkout #Main .sec1 { border: 1px solid #CCCCCC; float: right; min-height: 536px; padding: 23px; width: 418px; } .checkout #Main .sec2 { border: 1px solid #CCCCCC; float: left; min-height: 500px; padding: 23px; width: 418px; } .step1 #Main .sec2{ padding:0; border:none; width:464px; } /* contact */ .contact #Main .sec1 { float: right; min-height: 500px; padding: 23px; width: 418px; } .contact #Main .sec2 { float: left; /* min-height: 500px; */ padding: 23px; width: 418px; } .contact .con2 { background:none; height:auto; width:auto; } .contact .sec2 { border-right:1px dotted #ccc; } .contact .con2 .Submit, .contact .con2 .Submit span { background:url( /images/LinensandMore/linensandmore-sprite-sheet.png ) no-repeat; } .contact .con2 .Submit { bottom:0px; height:19px; background-position: 0 0; color:#fff;} .contact .con2 .Submit span { margin-right:-4px; background-position:right -21px; height:19px; padding:0 9px; line-height:19px; } /* blog */ .blog #Content .inner{ overflow:hidden; } .blog #Main{ float:left; width:680px; } .blog #Sub{ float:right; width:250px; } /* product cat list .prodCatList #Main{ float:right; width:815px; } .prodCatList #Sub{ float:left; width:128px; } */ .prodCatList .catListHead{} .prodCatList #CategoryList{ float:right; width:810px; /* margin-bottom:40px; display:none; */} .prodCatList #CategoryList.onlineBoutique .categories { display:block; } .prodCatList #CategoryList .categories .category{ padding-left:20px; } #CategoryList td{ width:25%; vertical-align:top; } #CategoryList .currentCategory{ /* display:none; */ } .prodCatList #ProductList, .prodCatList #Products{ float:right; width:810px; } .prodCatList #CatNav{ float:left; width:128px; } .prodCatList #Main .content{ /* overflow:hidden; */ min-height:400px; height:auto !important; height:400px; } .prodCatList #CategoryList .categories { display:none; } .prodCatList .nonwholesale .outlet { display: none; } .prodCatList #CategoryList .pager{ display:none; } /* siteMap */ .siteMap #Main { float:right; width:815px; } .siteMap #Content .inner{ overflow:hidden; } .siteMap #Sub{ float:left; width:128px;} /* complete */ .complete #Main { float:right; width:815px; margin-top:30px; } .complete #Main .area{ width: 100%; clear:both; margin:5px 0; } .complete #Main .message{ margin:10px 0 ;} .complete #Content .inner{ overflow:hidden; } .complete #Sub{ float:left; width:128px;} .complete #CheckoutPaymentOnlineComplete{ overflow:hidden; } /* the look */ .theLook .sec1{ width:390px; float:left;} .theLook .sec1 .con1{ } .theLook .sec2{ float:right; width:375px;} /* registration page */ .register .registerFormText { width:390px; margin:20px 0px; } /************************** end page specific layout *****************************/ /************************** registration / contact **************************/ #Registration.form tr.checkbox td{ padding:10px 0; } #Registration.form tr.pass td{ padding:10px 0; } #Contact a.btnAction, #Registration a.btnAction{ float:right; } #Contact .form td.label { width:110px;} .contact .contactAdmin{ overflow:hidden; } .contact .contactAdmin input.text{ float:left; clear:left; margin-bottom:5px; } .contact .contactAdmin input.address{ width:98%; } .contact .contactAdmin .btnAction{ float:right; } /****************************** auto complete ******************************/ .ui-autocomplete { background-color: white; width: 250px; border: 1px solid #cfcfcf; list-style-type: none; padding-left: 5px; } .ui-autocomplete a:hover{ background:#000; color:#fff; } /****************************** cart ******************************/ #MainCartItems{ padding: 0 0 20px 0; } .cartTitle{ font-size:20px; } .cartItems{ margin:10px 0; width:100%; } .cartItems th{ padding:5px 0; font-weight:bold; text-align:left; } .cartItems .name{ width:225px;} .cartItems .thumbnail{ } .cartItems .remove{ width:50px; } .cartItems .remove{ padding-right:15px; } .cartItems .remove span{ float:right; text-indent:-9999px; background:url(/images/icons/cross.png) no-repeat 0 0; width:20px; height:18px; } .cartItems th{ border-bottom:1px solid #CCCCCC;border-top:1px solid #CCCCCC;font-weight:bold;padding:5px 0;} .cartItems tr.standard{ } .cartItems tr.standard td{ font-family:arial; font-size:11px; vertical-align:middle; } .cartItems tr.standard td img{ border:1px solid #ccc !important;} .cartItems tr.standard td.name a{ color:#333; } .cartItems tr.standard td.remove{ padding-right:10px; } .cartItems tr.promotion td{ border: solid 1px #ccc; border-right:none; font-size:11px; border-left:none; padding-top:5px; padding-bottom:5px; } .cartItems tr.promotion td div{ overflow:hidden; } .cartItems tr.promotion td span{ font-weight:bold; } .cartItems tr.promotion td span.promo{ float:left; margin-left:175px; display:inline; } .cartItems tr.promotion td span.price{ float:right; margin-right:127px; display:none; } #CheckoutSummary td.image{ width: 64px; } #CheckoutSummary tr td.replaced .regular{ text-decoration:line-through; display:block;} #CheckoutSummary tr.promotion td{ border: solid 1px #ccc; border-right:none; border-left:none; padding-top:5px; padding-bottom:5px; } #CheckoutSummary tr.promotion td div, #CheckoutSummary tr.foot div{ overflow:hidden; } #CheckoutSummary tr.promotion td span, #CheckoutSummary tr.foot span{ font-weight:bold; } #CheckoutSummary tr.promotion td span.promo, #CheckoutSummary tr.foot span.label{ float:left; display:inline; margin-left:70px;} #CheckoutSummary tr.promotion td span.price, #CheckoutSummary tr.foot span.price{ float:right; display:inline; } #CheckoutSummary td.details span{ display:block; } #CheckoutSummary td.details span.message{ color:#7B7A7A; font-style:italic; } .voucher{ overflow:hidden;} .voucher span.message{ color:#d10200; clear:left; float:left; margin-top:5px; } .voucherInner input.text{ float:left; margin-right:5px; clear:both; } .voucherInner .message .success{ color:#000; font-weight:bold; } #MainCart .standard td.replaced{ } #MainCart .standard td.replaced span{ display:block; } #MainCart .standard td.replaced .regular{ text-decoration:line-through; } #MainCart .standard td{ padding:4px 0; } #MainCart .standard td.name span.message{ display:block; color:#7B7A7A; font-style:italic;} #MainCart .giftwrap{ text-align:center; } #MainCart .giftcard{ text-align:center; } #MainCart .quantity input{ width:30px; } #MainCart .thumbnail{ text-align:center; } #MainCartVoucher{ border:solid 1px #ccc; width:350px; padding:10px; float:left; } #MainCartVoucher .title{ display:block; margin-bottom:5px; } #MainCartNav .message{ display:block; white-space:nowrap; clear:left; font-size:10px; top:-2px; right:120px; } #MainCartTotals{ float: right; width:250px; } #MainCartTotals table{ width:100%; } #MainCartTotals td{ padding: 2px 0;} #MainCartTotals .label{ width:175px; } #MainCartTotals .field{ text-align:right;} #MainCartTotals .subTotal td{ border-bottom:1px solid #EEEEEE;} #MainCartTotals .total td{ border-bottom:3px double #EEEEEE;} #MainCartNav{clear:both; padding:20px 0 20px 0; } #MainCartNav div.actions{ height:35px; position:relative; } #MainCartNav a{ position:absolute; } #MainCartNav .checkout{ right:0; } #MainCartNav .message { display:block; position:absolute; right:110px; text-align:right;} #MainCartNav .message span{ display:block; } /*********************** catergory navigation ***********************/ #CatNav{ /*margin-top:27px;*/ } #CatNav a{ text-decoration:none; text-transform:uppercase;} #CatNav li{ padding:3px 0; } #CatNav ul ul{ /* padding:10px 0 0 5px; */ padding-left:10px; } #CatNav .Selected a{ font-weight:bold; } #CatNav .Selected li a{ font-weight:normal; } #CatNav .Selected .Selected a{ font-weight:bold; } #CatNav .Selected a { color:#314363; } /*********************************************************************/ /****************** product / category / search list *****************/ /*********************************************************************/ .prodCatList #Products{ } .price .was{ text-decoration:line-through; padding-right:5px; } .prodCatList .list table, .searchList table{ width:100%; } .prodCatList .list div.regular, .prodCatList .list div.sale{ float:left; position:relative; } .prodCatList .list div.regular, .prodCatList .list div.sale, .searchList td{ vertical-align:top; text-align:center; padding-bottom:15px; width:22%; padding-left:20px; } .prodCatList .list .item, .searchList td .item{ position:relative; text-align:center; overflow:hidden;margin-bottom: 1em; /* padding:0 16px 20px 0; */ } .prodCatList .list .image, .searchList td .image{ position:relative; /* margin-right:5px; */ margin-bottom:4px; min-height:170px; height:auto !important; height:250px; padding-top:10px; text-align:center; border:solid 1px #ccc; } .prodCatList .list .detail, .searchList td .detail{ position:relative; text-align:center; min-height:20px; position:relative; padding-bottom:5px; } .prodCatList .list .detail .links, .searchList td .detail .links{ position:absolute; bottom:0; width:100%;} .prodCatList .list .detail{ min-height:85px; } .prodCatList .list a img, .searchList td a img{ } .prodCatList .list h2, .searchList td h2{ text-align:left; margin: 3px 0;} .prodCatList .list h2 a, .searchList td h2 a{ font-size:14px;} .prodCatList .list .image .i2{ display:none; } .prodCatList .list .sale .sale{ background:url(/images/LinensandMore/flag-sale.png) no-repeat 0 0; width:58px; height:58px; position:absolute; top:0; right:10px; } .prodCatList .list .row{ overflow:hidden; } .prodCatList .products{ padding-top:10px; } .prodCatList .list .image .promotionalMessage{ position:absolute; bottom:0; background:url(/images/icons/opacity90.png); width:100%; } .prodCatList .list .image .promotionalMessage span{ display:block; text-align:center; } .prodCatList .productHeader { margin-left:20px; margin-bottom:10px; } .prodCatList .productHeader span { font-size:14px; font-weight:bold; text-transform:uppercase; } .prodCatList .list .promotionalMessage span { display:block; } /*.prodCatList .list .image .icon { background:url(/images/icons/icon-new-01.png) no-repeat; width:62px; height:62px; position:absolute; right:0px; top:0px; display:none; }*/ .prodCatList .list .newFlag .icon { background:url(/images/icons/icon-new-01.png) no-repeat; width:62px; height:62px; position:absolute; right:0px; top:0px; } .prodCatList .list .saleFlag .icon { background:url(/images/icons/icon-sale-01.png) no-repeat; width:62px; height:62px; position:absolute; right:0px; top:0px; } .prodCatList .list .item .addToCart, .prodCatList .list .item .addToCart span { background:url( /images/LinensandMore/linensandmore-sprite-sheet-addToCart.png ) no-repeat; } .prodCatList .list .item .addToCart { height:19px; background-position: 0 0; color:#fff; line-height:19px; margin-left:42px; } .prodCatList .list .item .addToCart span { margin-right:-4px; background-position:right -21px; height:19px; padding:0 9px; line-height:19px; } .wishList .image{ position:relative; } .wishList .image .promotionalMessage{ position:absolute; bottom:0; background:url(/images/icons/opacity90.png); width:100%; } .wishList .image .promotionalMessage span{ display:block; text-align:center; } /* swatches */ .prodCatList .list .item .skus{ display:none; } .prodCatList .list .item .skus .sku{ width:15px; height:15px; float:left; margin-right:3px; border:solid 1px #999; } .prodCatList .list .item .skus .sku img{ display:none; } .searchList .products p.name{ padding-right:20px;} .searchList td .item{ padding-right:24px;} .searchList td .detail{ padding-bottom:25px; width:90%; margin:auto; } .searchList td .detail a.sendToFriend{ position:absolute; right:0; top:0; background:url(/images/icons/email.png) no-repeat; display:block; height:13px; width:16px; overflow:hidden; text-indent:-999px; margin-top:5px; } .search #Information h2 a{ color:#000; font-size:18px; } .search #Information table{ width:100%; } .search #Information .item{ border-bottom: dotted 1px #ccc; } .search #Information .description{ padding:0 0 10px 10px; } .search .pagerInner *{ display:inline; } .search .products .quicklook { display:none; } .search .products .links { text-align:center; } .prodCatList .list .more,.searchList td .more{ display:none;} .prodCatList .list .name a,.searchList td .name a{ text-align:left; padding:5px 0; color:#000; text-transform:uppercase; text-decoration:none; } .prodCatList .list p a, .searchList td p a{ font-size:14px; font-weight:bold; line-height:15px; font-family:Arial; text-decoration:none; text-transform:uppercase; display:block; min-height:45px; } .prodCatList .list .description{ color:#666; padding-bottom:13px; padding-top:5px; font-size:12px; } .prodCatList .list .more{ } .prodCatList .list .price{ color: #333333; font-size: 12px; padding-top: 3px; } .prodCatList .list .size{ color: #333333; font-size: 12px; padding-top: 3px; min-height: 20px; } .prodCatList .list .categoryLink{ display:none; } .prodCatList .list .productLink, .searchList td .productLink{ /* float:right; */ color:#0054a6; text-transform:uppercase; text-decoration:none; padding-top:2px; } .item .image a.link, .searchList td .image a.link { background:url(/images/icons/btn-quicklook.png) no-repeat 0 0; position:absolute; left:29%; top:66%; width:81px; height:23px; text-indent:-999px; overflow:hidden;} .item .image a.link:hover, .searchList td .image a.link:hover{ background-position: 0 -25px;} .item .image:hover a.link, .searchList td .image:hover a.link{ display:block !important; } .item div.price div{ text-align:center; display:inline;} .item div.price .was{ color:#333; text-transform:uppercase; font-size:12px;} .item div.price .now{ color:#CC0000; font-size:12px; font-weight:bold; } .prodCatList .featuredProduct .sale{ height:35px;} .prodCatList .featuredProduct .sale div span{ padding-right:5px;} .prodCatList .featuredProduct .sale div.now{ position:relative; top:16px;} .prodCatList .featuredProduct .sale div.was{ position:relative; top:-16px; text-decoration:line-through; } .prodCatList #CategoryList_CategoryName { padding-left:20px; } .prodCatList .categoryDesc{ margin-bottom:20px; font-size:14px; line-height:14px; padding-left:20px;} /********************* product filters **********************/ #Filters{ padding-left:218px; margin-top:-35px; float:right;} #Filters .filterInner{ /* min-height:50px; */ } #Filters input{ } #Filters li { padding:3px 0 3px 3px; } #Filters li label, #Filters .arrow, #Filters li a { background:url(/images/icons/chkbox.png) no-repeat 0 -64px; } #Filters li label, #Filters li a{ cursor:pointer; display:block; padding-left:15px; float:left; clear:left; white-space:nowrap; } #Filters li.selected label, #Filters li.selected a{ background-position: 0 4px; } #Filters .filterInner #Filter30 { width:120px; } #Filters .filterInner ul li.filter { width:auto; display:block; clear:left; } #Filters .filter{ float:left; width:150px;} #Filters .filter .title{ display:none; } #Filters #Sorting {float:right; width:205px; display:none; } #Filters #Sorting select { width:150px; float:right;} #Filters div.filters{ float:left; position:relative; z-index:50;} #Filters div.filters input{ outline:none;} #Filters span.title { color:#222; float:left; font-size:13px; margin-right:10px; line-height:24px; } #Filters ul{ background-color:#fff; padding:15px 10px 5px; display:none; clear:left; position:absolute; top:17px; min-width:120px; overflow:hidden; border:1px solid #ccc;} #Filters .selection{ /* background-color:#f4ece5;*/ border:1px solid #ccc; padding:0px 10px 0px 10px; float:left; height:16px; line-height:16px; cursor:pointer; position:relative; } #Filters .selection span.label{ float:left; width:90px; overflow:hidden; white-space:nowrap; font-size:11px; } #Filters .selection .arrow { background-position: right -130px; width:10px; height:25px; position:absolute; right:5px; top:-5px; } #Filter28{ display:none; } /*************** end product / category / search list ****************/ /*********************************************************************/ /**************************** product display ************************/ /*********************************************************************/ #ProductDisplay .backLink{ overflow:hidden; margin-bottom:7px; } #ProductDisplay .backLink a{ background:none;text-transform:lowercase; } #ProductDisplay .backLink span{ color:#333; font-size:11px; padding:0; font-weight:normal; text-transform:capitalize; text-decoration:underline; } #ProductDisplay .backLink span:before{ content:'< '; } #ProductDisplay.quicklook #RelatedProducts { display:none; } #ProductDisplay{ overflow:hidden; } #ProductDetails{ width:380px; float:left; position:relative;} #ProductDetails h1{ font-size:18px; font-family:'Myriad Pro', Arial; text-transform:uppercase; letter-spacing:1px; font-weight:bold; } #ProductDetails p.code{ margin-bottom:10px;font-size:14px; color:#000; } #ProductDetails p.size{ color:#000; } #ProductDetails p.color{ color:#000; } #ProductDetails .links a.email{ } #ProductDetails .stockLevel { clear:both; } #ProductDetails .stockLevel.message{ padding-bottom:10px; } #ProductDetails .price{ font-size:24px; min-height:30px; color:#000; } #ProductDetails .price div { display:inline; } #ProductDetails .price .was{ text-decoration:line-through; padding-right:10px; } #ProductDetails p.review{ overflow:hidden; } #ProductDetails p.review span.rating{ margin:0; text-align:center; float:left; cursor:pointer; white-space:nowrap; } #ProductDetails p.review span.reviewCount{ float:left; margin-left:5px; cursor:pointer; color:#999; font-size:11px; font-style:italic; } #ProductDetails p.review a.addReview{ clear:left; float:left; display:none; } #ProductDetails p.share{ display:none;} #ProductDetails .promotionalMessage{ font-style:italic; color:#000; padding-left:20px; min-height:17px; line-height:17px; display:none;} #ProductDetails .promotionalMessage span{ font-weight:bold; display:block;} #ProductDetails .promotionalMessage.hasPromotion{ background:url(/images/icons/asterisk_orange.png) no-repeat 0 0;} #ProductDetails .promotionalMessage .merchandisingMessage{ display:none; } #ProductDetails .itemAdded{ clear:left;bottom:3px; clear: left; font-weight: bold; position: absolute; right: -79px; } #ProductDetails div.description{ clear:both; } #ProductDetails .content{ color:#000; clear:left; } #ProductDetails div.social{ min-height:40px; padding-top:12px; clear:both; } #ProductDetails .details { border-bottom:1px solid #ccc; } #ProductDetails .minPurchase { float: right;} /*********************** main image ***********************/ #ProductImage{ position:relative; z-index:51;float:left; width:385px; } #ProductImage .productImage{ min-height:460px; } #ProductImage .productImage .zoomText{ position:relative; top:-8px; } #ProductImage .productImage .largeImage{ float:right; position:relative; top:-8px; right:18px; color:#524F4B; } #ProductImage .mainImage { border:solid 1px #d8d8d8; } #ProductImage .mainImage .mainImage { border:none;} #ProductImage .mainImage{ /* min-height:375px; */ height:auto !important; width:365px; margin-bottom:16px; padding-top:20px; padding-bottom:20px; position:relative; text-align:center; } #ProductImage .mainImage a { display:inline-block; } #ProductImage #Zoom{ bottom:3px; left:10px; float:left; background-position:0 -34px; white-space:nowrap; height:15px; width:20px; z-index:100; } #ProductImage #Zoom span{ display:none; } #ProductImage .zoomWindow{ left: 366px !important; } #ProductImage .mainImage.newFlag .icon { background:url(/images/icons/icon-new-01.png) no-repeat; width:62px; height:62px; position:absolute; right:0px; top:0px; z-index:100; } #ProductImage .mainImage.saleFlag .icon { background:url(/images/icons/icon-sale-01.png) no-repeat; width:62px; height:62px; position:absolute; right:0px; top:0px; z-index:100; } /*********************** thumbnails ***********************/ #ProductThumbnails{ } #ProductThumbnails.thumbCount_1{ display:none; } #ProductThumbnails ul li{ float:left; min-height:80px; position:relative;} #ProductThumbnails ul li{ border:solid 1px #ccc; margin:0 8px 8px 0; font-size:0; } #ProductThumbnails ul li.active{ border-color:#666; } #ProductThumbnails ul li a{ outline:none; } #ProductThumbnails ul li a img { float:left; } #ProductThumbnails ul li.skuImage{ } #ProductThumbnails ul li:last-child{ margin-bottom:0; } #ProductThumbnails ul .newFlag .icon { background:url(/images/icons/icon-new-01.png) no-repeat; width:62px; height:62px; position:absolute; right:0px; top:0px; z-index:1000; } #ProductThumbnails ul .newSale .icon { background:url(/images/icons/icon-sale-01.png) no-repeat; width:62px; height:62px; position:absolute; right:0px; top:0px; z-index:1000; } /*********************** add to cart ***********************/ #ProductDetails .title{ font-size:12px; display:block; width:auto; float:none; margin-bottom:5px; color:#000; text-transform:uppercase; } #ProductDetails #AddToCart{ padding:0 0 15px 0; min-height:145px; height:auto !important; height:145px; margin: 20px 0;} #ProductDetails #AddToCart .addToCart, #ProductDetails #AddToCart .updateSku{ height:22px; line-height:22px; background:#000; border:none;text-align:center; /* margin-top:19px; */ } #ProductDetails #AddToCart .addToCart span, #ProductDetails #AddToCart .updateSku span { padding:0; width:177px; letter-spacing:1px; height:22px; line-height:22px; } #ProductDetails #AddToCart .quantity{ /* display:none; */ padding-bottom:20px; } #ProductDetails #AddToCart .quantity input{ width:20px; } #ProductDetails #AddToCart .quantity .value{ width:21px; height:18px; font-family:Arial; font-size:11px; text-align:center; } #ProductDetails #AddToCart .productLinks{ /* float:right; */ position:relative; height:100px; width:135px; } #ProductDetails #AddToCart .productLinks{ overflow:hidden; } #ProductDetails #AddToCart .productLinks a{ float:left; clear:left; margin-bottom:5px; white-space:nowrap; } #ProductDetails #AddToCart .addToCart, #ProductDetails #AddToCart .addToCart span { background:url( /images/LinensandMore/linensandmore-sprite-sheet-addToCart.png ) no-repeat; } #ProductDetails #AddToCart .addToCart { bottom:0px; height:19px; background-position: 0 0; color:#fff;} #ProductDetails #AddToCart .addToCart span { margin-right:-4px; background-position:right -21px; height:19px; padding:0 9px; line-height:19px; } /*********************** sku selection v2 ***********************/ .cartSelection{ width: 203px; /* float:left; border-right:solid 1px #ccc; */} .cartSelection .selector{ position:relative; } .cartSelection ul{ display:none; position:absolute; width:177px; z-index:1; background:#fff; } .cartSelection ul li{ display:block; overflow:hidden; cursor:pointer; background-color: #FFFFFF; border: 1px solid #B6B6B6;} .cartSelection ul li.hover{ background-color:#000; color:#fff !important;} .cartSelection ul li.hover span{ color:#fff !important; } .cartSelection ul li span.hex{ float:left; height:12px; width:22px; margin:3px 5px 0 3px; border:solid 1px #fff; } .cartSelection ul li span.name{ float:left;} .cartSelection .selection{ background: none repeat scroll 0 0 #FFFFFF; width:175px; border: 1px solid #CCCCCC; font-weight: bold; height: 18px; line-height: 18px; position: relative; text-indent: 5px; } .cartSelection .selection a {float: right; height: 18px; position: absolute; right: 0; top: 0; width: 17px; } .cartSelection .level2Selector span.name{ text-transform:uppercase; float:none;} .cartSelection .level2Selector li{ text-indent:5px; } .cartSelection .invalid .selection{ background:#f00;} .cartSelection .actions{ /* padding-top:10px; */ position:relative; } .cartSelection .actions a{ float:left; clear:left; margin-bottom:10px; } .loggedOut .cartSelection .actions a.addToWishList{ display:none; } /*********************** related products ***********************/ #RelatedProducts{ float:right; width:100px; } #RelatedProducts .title{ background:url( /images/LinensandMore/arrow.jpg ) no-repeat 36px 68px ; display:block; margin-bottom:3px; line-height:15px; width:84px; height:74px; font-weight:bold; font-size:14px; text-align:center; text-transform:uppercase; letter-spacing:1px; color:#000; } #RelatedProducts div.item{ width:93px; text-align:center; margin-top:30px; } #RelatedProducts div.item .size{ color:#333; } #RelatedProducts div.item .quicklook{ display:block;} #RelatedProducts div.item .imgLink { border: 1px solid #ccc; padding:5px; display:block; } #RelatedProducts div.item .textLink{ margin:2px 0; display:block; } #RelatedProducts div.item .name{ display:block;} #RelatedProducts div.item .price{ display:block; min-height:15px; } /************************* end product display ************************/ /****************************** mydetails ******************************/ .myDetails #TabSystem h2{ margin:0 0 20px 0; } .myDetails #CheckoutAddressDetails { overflow:hidden; } .myDetails #CheckoutAddressDetails .addresses{ float:left; width:410px;} .myDetails #CheckoutAddressDetails .addresses.delivery{ margin-right:20px; } .myDetails #CheckoutAddressDetails div.actions{ /* width:366px; */ clear:left;} .myDetails #CheckoutAddressDetails .custDetails { float:left; width:410px;} .myDetails #CheckoutAddressDetails .billingDetails{ /* margin-left:50px; */ display:inline;} .myDetails #CheckoutAddressDetails .validationSummary{ display:none;} .myDetails #CheckoutAddressDetails a.btnAction{ /* float:right; */ } .myDetails #CheckoutAddressDetails select { color:#524F4B; font-size:12px; } .myDetails .userStoreDetails { margin-bottom:40px; } .myDetails .ErrorMessage{ font-weight:bold; color:#f00; } .myDetails #TabSystem .container3 { text-align:right; } .myDetails #TabSystem .transactions table td { padding:3px 0px; } .transactions h2.offline{ padding-top:25px; } .transactions table th{ font-weight:bold; color:#333; padding:5px 0;} .transactions table{width:100%;} .transactions .date{ width:25%;} .transactions .order{ display:none;} .transactions .total{ width:20%;} .transactions .links{ width:55%;} .transactions .links a.details{ background:url(/images/LinensandMore/linensandmore-sprite-sheet.png) no-repeat 0 0; float:left; margin-right:25px; height:20px; margin-top:0;} .transactions .links a.invoice{ background:url(/images/icons/page_white_text.png) no-repeat 0 0; padding-left:20px;float:left; height:20px; margin-top:0;} #TransactionHistory{ padding:0 0 20px 0; overflow:hidden; } #TransactionHistory td img{} #TransactionHistory div.details{ padding: 15px; } #TransactionHistory table{ width:100%;} #TransactionHistory table th{ font-weight:bold; border-bottom:solid 1px #ccc; padding-bottom:5px;} #TransactionHistory table.orders{ margin-bottom:20px;} #TransactionHistory table.orders th{ padding:10px 20px; text-align:center; } #TransactionHistory table.orders th.desc{ text-align:left;} #TransactionHistory table.orders td{ border-bottom:solid 1px #eee; text-align:center; } #TransactionHistory table.orders td.price{ /* text-align:right; */ } #TransactionHistory table.orders td.required{ width:30px; } #TransactionHistory table.orders td.qty input { width:30px; } #TransactionHistory table.orders td{ padding:10px 20px; color:#666; vertical-align:middle; } #TransactionHistory .totalsWrap { border-top: solid 1px #ccc; margin:0 15px; padding:15px 0 0 0;} #TransactionHistory .totals{ float:right; width:160px; color:#444; } #TransactionHistory .totals td{color:#444; } #TransactionHistory .totals tr.total td{ font-weight:bold;} #TransactionHistory .totals td.field{ text-align:right; padding-right:10px;} /*********************************************************************/ /**************************** checkout *******************************/ /*********************************************************************/ .checkout td.label{ width:127px; } .checkout #Header #Navigation{ display:none; } .checkout #Content{ position:relative; z-index:1001;} #StepIndicator{ background-color:#EEE; overflow:hidden;} #StepIndicator div{ width:25%; background-color:#eee;} /* #StepIndicator div.last{ float:right; width:158px; } */ #StepIndicator div span{ color:#000;} #StepIndicator div.prevStep{background-color:#ccc;} #StepIndicator div.active{ background:url(/images/LinensandMore/arrow-sep.png) no-repeat right 0 ; } #StepIndicator div.active span { display:block; color:#000; height:32px;} #StepIndicator{height:32px;} #StepIndicator div{height:32px; line-height:32px;} #StepIndicator div{ float:left; text-align:center; vertical-align:middle;} #StepIndicator .active span{ font-weight:bold;} #StepIndicator .welcome, #StepIndicator .wrapping { display:none; } /****************************** login ******************************/ #CheckoutLogin{ width: auto;} #CheckoutLogin .form{ padding: 23px; border: 1px solid #CCCCCC; margin-bottom:10px; } #CheckoutLogin table{ width:100%;} #CheckoutLogin .label{ width:140px;} #CheckoutLogin td.forget a{background:none; color:#555; float:left; font-family:Arial; text-decoration:underline;} #CheckoutLogin td.forget a:hover{} #CheckoutLogin td.forget a span{ color:#555; padding:0; } #CheckoutLogin .errorMessage{ display:block; padding-bottom:5px; } /****************************** address details ******************************/ #CheckoutAddressDetails div.custDetails{ width:auto; float:none;} #CheckoutAddressDetails .actions{ width:400px;} #CheckoutAddressDetails .actions table{ width:100%; } #CheckoutAddressDetails .actions table .validator{ } #CheckoutAddressDetails .actions a.btnAction{ float:right; } #CheckoutAddressDetails tr.signUp div{ position:relative; height:40px; padding:10px 0; } #CheckoutAddressDetails tr.signUp .radOptions{ position:absolute; left:225px; top:7px; } #CheckoutAddressDetails tr.toggle div{ padding-left:128px; background:none;} #CheckoutAddressDetails tr.toggle div label{ white-space:nowrap;} #CheckoutAddressDetails .newsletterSignup{ display:none; } #CheckoutAddressDetails .add { margin-bottom:10px; } #CheckoutAddressDetails .tradeDetails{ padding-bottom:10px;} #CheckoutAddressDetails .addresses.delivery .address{ cursor:pointer;} #CheckoutAddressDetails .addresses .address{ border: solid 4px #ccc; border-radius: 10px; margin:5px 0; padding:10px; position:relative; margin-bottom:10px } #CheckoutAddressDetails .addresses .address:hover{ background-color:#efefef; } #CheckoutAddressDetails .addresses .address.selected{ background-color:#E0EFFF; } #CheckoutAddressDetails .addresses .address p{ overflow:hidden;} #CheckoutAddressDetails .addresses .address .label{ width:150px; float:left;} #CheckoutAddressDetails .addresses .address .field{ overflow:hidden;} #CheckoutAddressDetails .addresses .address .edit{ position:absolute; right:10px; top:10px; background: url(/images/icons/pencil.png) no-repeat; width:16px; height:16px; text-indent:-999px; display:block; } #CheckoutAddressDetails .addresses .address .delete{ position:absolute; right:36px; top:10px; background: url(/images/icons/cross.png) no-repeat; width:16px; height:16px; text-indent:-999px; display:block; } /************************* popup address details ************************/ #MemberAddress span.text{ font-weight:bold; color:green;} /****************************** gift wrap ******************************/ #CheckoutGiftwrapping tr.action td{ text-align:right;} #CheckoutGiftwrapping .action .continue{ float:right; } /****************************** checkout summary ******************************/ #CheckoutLogin h2, #CheckoutAddressDetails h2, #CheckoutPayment h2, #CheckoutSummary h2{ margin-bottom:10px; font-size: 20px; display:block; margin-top:0; } #CheckoutSummary .title{ display:block;} #CheckoutSummary div.addresses td{ padding:10px 0;} #CheckoutSummary{ min-height:500px; height:auto !important; height:500px; } #CheckoutSummary .giftwrap{ padding:15px 0; margin-bottom:15px; border-bottom:solid 1px #ccc; border-top:solid 1px #ccc; position:relative; } #CheckoutSummary .giftwrap div.edit{ top:15px;} #CheckoutSummary .giftwrap table, #CheckoutSummary .tblVoucher{ width:100%; } #CheckoutSummary .giftwrap table td{ padding:10px 0 ;} #CheckoutSummary .giftwrap table .label, #CheckoutSummary .tblVoucher .label{ vertical-align:top; width:150px; } #CheckoutSummary .giftwrap table .field{ vertical-align:top; } #CheckoutSummary .giftwrap table span{ display:block;} #CheckoutSummary .tblVoucher .code td{ padding-top:10px; } #CheckoutSummary .summaryWrap{ position:relative; } #CheckoutSummary #CartSummary{ margin-bottom:25px; border-bottom:solid 1px #ccc; } #CheckoutSummary .edit{ position:absolute; top:0px; right:0px; } #CheckoutAddressSummary{ position:relative; } #CheckoutAddressSummary .addresses .line3 .state { display:none; } #CheckoutAddressSummary .addresses .field .label{ display:none; } #CheckoutAddressSummary td{ vertical-align:top; } #CheckoutAddressSummary td.label{ width:150px; } #CheckoutAddressSummary table { width:100%;} #CartSummary table{ width:100%; } #CartSummary td{ vertical-align:middle; padding:3px; } #CartSummary .items{ margin-top:10px; clear:both; } #CartSummary .items tr.header th{ font-weight:bold; border-bottom:solid 1px #ccc; border-top:solid 1px #ccc; padding: 5px 0 ;} #CartSummary .items .total{ text-align:right; } #CartSummary .items .total .regular{ display:none; } #CartSummary .item .image{ text-align:center;} #CartSummary .item .image div{ margin:5px 0; } #CartSummary .seperator td{ border-bottom:solid 1px #ccc;} /****************************** payment ******************************/ #CheckoutPayment div.voucher, #CheckoutPayment .customPanel,#CheckoutPayment div.totals,#CheckoutPayment div.shipping{ margin-bottom:12px; padding-bottom:12px; } #CheckoutPayment .voucher div{ clear:both; } #CheckoutPayment .voucher div .message{ padding-left:5px 0 0 10px; } #CheckoutPayment .shipping{ clear:both; } #CheckoutPayment .totals{ overflow:hidden; clear:both; } #CheckoutPayment .title{ display:block; margin-bottom:10px; } #CheckoutPayment .label{ padding-bottom:5px; display:block; } #CheckoutPayment .accountDetails td.label{ width: 160px; } #CheckoutPayment .paymentType{ padding:7px 0 ; } #CheckoutPayment .actions{ overflow:hidden; } .totals table{ width:100%; white-space:nowrap; } .totals td.label{ width:70%; padding:2px 0 2px 150px; font-weight:bold; } .totals td.field{ width:30%; text-align:right; vertical-align:top; } .totals tr.total td{ padding:10px 0; } .totals td span{ padding: 0 0 0 10px; display:block; font-style:italic; white-space:normal; } .totals tr.total td.label{ padding: 10px 0 10px 150px; } #CheckoutPayment .paymentType select{ float:right;} #CheckoutPayment .paymentType span{ float:left;} #CheckoutPayment .paymentType p { clear:both; display:none; } #CheckoutPayment .savedDetails .remember{ display:none; } #CheckoutPayment .savedDetails .password{ padding-top:5px; } #CheckoutPayment .savedDetails .password span.error{ clear:both; display:block; } #CheckoutPayment .accountDetails{ clear:both; } #CheckoutPayment div.voucher, #CheckoutPayment div.shipping, #CheckoutPayment div.totals{ border-bottom:solid 1px #ccc;} #CheckoutPayment div.actions{ clear:right; padding-top:10px; overflow:hidden; } #CheckoutPayment div.actions a.btnAction{ float:right; margin-right: 4px; } #CheckoutPayment .customPanel{ } #CheckoutPayment .customPanel textarea{ width:99%; height:120px; } /************************** end checkout ******************************/