/*********************************************************************************/ /*************************************** Fonts ***********************************/ /*********************************************************************************/ @import url("http://fast.fonts.com/t/1.css?apiType=css&projectid=a75ae41c-0460-4930-8aff-5b630f2d5800"); @font-face{ font-weight: normal; font-style: normal; font-family:"HelveticaNeueLight"; src:url("/Data/Media/Fonts/ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot?#iefix"); src:url("/Data/Media/Fonts/ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot?#iefix") format("embedded-opentype"), url("/Data/Media/Fonts/530dee22-e3c1-4e9f-bf62-c31d510d9656.woff") format("woff"), url("/Data/Media/Fonts/688ab72b-4deb-4e15-a088-89166978d469.ttf") format("truetype"), url("/Data/Media/Fonts/7816f72f-f47e-4715-8cd7-960e3723846a.svg#7816f72f-f47e-4715-8cd7-960e3723846a") format("svg"); } @font-face{ font-weight: normal; font-style: normal; font-family:"HelveticaNeueItalic"; src:url("/Data/Media/Fonts/58a5cbff-d570-4c18-a5e3-60868dc07ae8.eot?#iefix"); src:url("/Data/Media/Fonts/58a5cbff-d570-4c18-a5e3-60868dc07ae8.eot?#iefix") format("embedded-opentype"), url("/Data/Media/Fonts/2c056da8-4920-4e20-8c69-8a6b315458a9.woff") format("woff"), url("/Data/Media/Fonts/2381d918-136d-444f-8391-db0cba6da388.ttf") format("truetype"), url("/Data/Media/Fonts/d0697971-6f58-4597-942e-8beabd1adc87.svg#d0697971-6f58-4597-942e-8beabd1adc87") format("svg"); } @font-face{ font-weight: normal; font-style: normal; font-family:"HelveticaNeueMedium"; src:url("/Data/Media/Fonts/07fe0fec-b63f-4963-8ee1-535528b67fdb.eot?#iefix"); src:url("/Data/Media/Fonts/07fe0fec-b63f-4963-8ee1-535528b67fdb.eot?#iefix") format("embedded-opentype"), url("/Data/Media/Fonts/60be5c39-863e-40cb-9434-6ebafb62ab2b.woff") format("woff"), url("/Data/Media/Fonts/4c6503c9-859b-4d3b-a1d5-2d42e1222415.ttf") format("truetype"), url("/Data/Media/Fonts/36c182c6-ef98-4021-9b0d-d63122c2bbf5.svg#36c182c6-ef98-4021-9b0d-d63122c2bbf5") format("svg"); } @font-face{ font-weight: normal; font-style: normal; font-family:"HelveticaNeueBold"; src:url("/Data/Media/Fonts/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix"); src:url("/Data/Media/Fonts/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix") format("embedded-opentype"), url("/Data/Media/Fonts/14ff6081-326d-4dae-b778-d7afa66166fc.woff") format("woff"), url("/Data/Media/Fonts/8fda1e47-19be-46c7-8d83-8d4fb35572f0.ttf") format("truetype"), url("/Data/Media/Fonts/f751c8ae-1057-46d9-8d74-62592e002568.svg#f751c8ae-1057-46d9-8d74-62592e002568") format("svg"); } body{ font-family:HelveticaNeueMedium, Arial, Helvetica, sans-serif; font-size:15px; color:#666961; } .Text, .text, body { font-family:HelveticaNeueMedium, Arial, Helvetica, sans-serif; font-size:15px; color:#666961; } z, .Text ul li { padding: 5px 0; } z, .Text ol li { padding: 5px 0; } .Text table { font-family:HelveticaNeueMedium, Arial, Helvetica, sans-serif; font-size:13px; } /*********************************************************************************/ /*********************** basic header footer content layout **********************/ /*********************************************************************************/ body { background:#ebedea; } #PageWrapper{ width:auto; } #Header{ position:relative; z-index:1000; } #Header .inner{ height:234px; } #Header #Logo{ left:0; top:21px;} #Header #Logo a { background:none; } #Header #Logo a span{ display:none; } #Header .inner .headerBorder { background: url("/images/corporate/header-bkgrnd-01.jpg") no-repeat; bottom: 0; display: block; height: 23px; left: -6px; position: absolute; width: 952px; } #Header .inner .contactDetails { border-bottom: 1px solid #D3D5D2; border-top: 1px solid #D3D5D2; height: 75px; position: absolute; right: 260px; top: 43px; width: 440px; } #Header .inner .contactDetails h2 { font-family:helveticaNeueBold, Arial, Helvetica, sans-serif; font-size:13px; letter-spacing:.5px; color:#484a44; line-height:15px; margin-bottom:4px;} #Header .inner .contactDetails p { font-family:helveticaNeueMedium, Arial, Helvetica, sans-serif; font-size:13px; color:#666961; line-height:15px; } #Header .inner .contactDetails .telephone { float:left; width:239px; margin-top: 10px; } #Header .inner .contactDetails .telephone p { font-family:helveticaNeueItalic, Arial, Helvetica, sans-serif; } #Header .inner .contactDetails .widthin { float:left; width:115px; margin-top: 10px; } #Header .inner .contactDetails .outside { float:right; width:85px; margin-top: 10px; } #Header, #Content, #Footer{ clear:both; } #Header .inner, #Content .inner, #Footer .inner{ position:relative; width:940px; margin:auto; } #Content .inner{ min-height:400px; height: auto !important; height:400px; } #Navigation { background: none repeat scroll 0 0 #8EBA3A; height: 49px; left: 0; line-height: 49px; position: absolute; top: 162px; width: 940px; z-index: 2; } .RadMenu .rmHorizontal .rmText, .RadMenu .rmText { padding:0 !important; float:none !important; } a{ text-decoration:underline; color:#243a77; font-family:HelveticaNeueMedium, Arial, Helvetica, sans-serif; } a:hover { text-decoration:underline; } .learnMoreLink:hover { text-decoration:none; } .greenLink:hover { text-decoration:none; } h1,h2,h3,h4,h5, .title{ } h1 { font-family:HelveticaNeueLight; color:#243a77 !important; letter-spacing:1px; font-size:35px; } h2 { font-family:HelveticaNeueLight; color:#666961 !important; letter-spacing:1px; font-size:25px; line-height:30px; } h3 { font-family:HelveticaNeueBold; color:#666961 !important; letter-spacing:1px; font-size:18px; line-height:30px;} /* sprite */ #ProductDetails .skuSelection .colourSelection a, .skuSelection .sizeSelection a, #Zoom, .selectors .selection a{ background:url(/images/newmarket/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 { padding-top:13px; background:url(/images/corporate/footer-shadow.gif) #d0d3cf repeat-x; } #Footer .nav{ text-align:center; margin-bottom:10px; } #Footer .nav a{ color:#000; text-decoration:none; text-transform:uppercase; text-decoration:none; } #Footer .nav .seperator{ padding:5px 12px;} #Footer .site{ float:right;} #Footer .inner{ padding:10px 0 72px 0; overflow:hidden; } /*#Footer .youtube, #Footer .facebook, #Footer .twitter{ } #Footer .facebook:hover{ background-position:-24px 0; } #Footer .twitter{ background-position:0 -28px; } #Footer .twitter:hover{ background-position:0 0; } #Footer .youtube:hover{ background:none; } #Footer .youtube{ display:none; }*/ #Footer .content{ /* width:530px; margin:auto; line-height:20px; font-size:11px;*/ padding-bottom:30px; overflow:hidden;} #Footer .content .site{ float:left; margin-right:15px; } #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:370px; overflow:hidden; */float:left; padding:20px 0 25px 23px; width:650px; } #Footer .newsletterSignUp .title{ font-size:11px; 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; position:relative; } #Footer .newsletterSignUp div.actions{ float:left; } #Footer .sponsors .sponsors { background:#e8e9e7; padding:15px 0; } #Footer .sponsors h2 { height:35px; } #Footer .sponsors h2 span { line-height:35px; font-family:helveticaNeueBold, Arial, Helvetica, sans-serif; color:#484a44; background:#e8e9e7; font-size:13px; display:block; float:left; padding:0 15px;} #Footer .phoneNumbers { width:460px; float:left; } #Footer .phoneNumbers p { padding: 10px 0; border-bottom:1px #bbbdba solid; } #Footer .phoneNumbers p.last { padding: 10px 0 0px; border-bottom:none; } #Footer .phoneNumbers span.corpBold13 { display:block; line-height:17px; color:#484a44; } #Footer .recentCampaigns { width:460px; float:right; } #Footer .contact { overflow:hidden; background:#243a77; margin-bottom:34px; height:131px; } #Footer .contact .firstName, #Footer .contact .lastName, #Footer .contact .email { float:left; width:183px;} #Footer .contact input[type=text] { width:165px; border:none; height:22px; } #Footer .contact .corpRegular13White { display:block; margin-bottom:5px; } #Footer .contact .corpHeader2Green21 { margin-bottom:20px; } #Footer .contact .actions a.submit { margin-top:21px; width:66px; height:25px; background:url(/images/corporate/sprite-sheet.png) 0 -131px no-repeat; } #Footer .contact .actions a.submit span { padding:0px; display:block; width:66px; height:25px; line-height:25px; text-align:center; font-family:helveticaNeueBold; text-transform:capitalize; font-size:13px; font-weight:normal; } #Footer .contact .error { font-size: 13px; left: 0; position: absolute; top: 45px; } #Footer .contact .socialLinks { width:219px; height:131px; float:right; background:#1d2e5f; } #Footer .contact .socialLinks ul { padding:16px 0 0 18px; } #Footer .contact .socialLinks a { letter-spacing:.5px; margin-bottom:11px; width:80px; background:url(/images/corporate/sprite-sheet.png) no-repeat; display:block; height:26px; padding-left:39px; line-height:26px; font-size:13px; color:#fff; font-family:helveticaNeueBold; text-decoration:none; } #Footer .contact .socialLinks a:hover { text-decoration:underline; } #Footer .contact .socialLinks li.facebook a { background-position:0px -156px;} #Footer .contact .socialLinks li.twitter a { background-position:0px -183px; } #Footer .contact .socialLinks li.linkedin a { background-position:0px -210px; } #SearchWrapper { height: 75px; position: absolute; right: 0; top: 43px; width: 238px; background:url(/images/corporate/sprite-sheet.png) no-repeat; border:1px solid #c9ccc4; } /* 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{ margin-bottom: 20px; float:none; height:35px; line-height:35px; margin-left:0px; border-bottom:solid 1px #e5e5e5;/* padding-top:20px; margin-bottom:10px; margin-top:10px;*/} #BreadCrumb .breadcrumb{ text-decoration:none; /* font-family:Arial;*/ font-size:11px; text-transform:capitalize; color:#484a44;} #BreadCrumb span.breadcrumb{ width:20px; padding:0 0 0 5px; color:#484a44; } #BreadCrumb span.last{ background:none; overflow:visible; text-indent:0; width:auto; font-family:HelveticaNeueItalic, Arial, Helvetica, sans-serif; } /****************************** nav tabs ******************************/ #NavTabs, #NavTabs .loggedIn{} #NavTabs{ top:8px; overflow:hidden; right:0; width:260px; } #NavTabs a{ text-decoration:none; } #NavTabs li{ padding: 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;} /****************************** 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:hover, #MainCartNav a:hover, #SideCart .actions a:hover{ color:#ccc; } 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{} /****************************** tab system ******************************/ #TabSystem { padding-bottom:40px; } #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.last { border-left: 1px solid #C1C1C1; background:#fff; } #TabSystem #Menu ul li.first{ border-left:solid 1px #c1c1c1; display:none; } #TabSystem #Menu ul li.active{ padding-bottom:5px; background:#fff; } #TabSystem #Menu ul li a{ color:#000; font-size: 12px; text-transform:uppercase; text-decoration:none; } #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{ } #TabSystem div.firstTab { display:none !important; } #TabSystem div.tab{ padding:11px 24px; min-height:350px; height:auto !important; height:350px; /* display:none; */color:#666; border:solid 1px #c1c1c1; background:#fff; } #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:underline; } #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: 31px; margin: 22px auto 0; position:relative; width:200px; } #SearchBox div.field{ float: left; width: 200px; margin-right:0px; height:31px; } #SearchBox div.field input { width:193px; height:27px; line-height:27px; border-color: #c9ccc4; font-size:13px; letter-spacing:.5px; } #SearchBox div.actions { position: absolute; right: 0; top: 0; } #SearchBox div.actions a { float:left; width:32px; height:31px; background:#000; background:url(/images/corporate/sprite-sheet.png) 0 -75px no-repeat; } #SearchBox div.actions a span { display:none; } /****************************** slippery sidecart ******************************/ #SideCartWrapper{ top:40px; 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; } #SideCart .itemSummary .checkout span{ color:#fff; } #SideCart .itemSummary .cart{ padding-right:5px;} #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; min-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; } #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:90px;} .cycleWrapper .cycle { height:420px; overflow:hidden; position:relative;} .cycleWrapper .cycle .item{ height:420px; position:relative; width:240px; } .cycleWrapper .cycle .item span{ height:420px; position:absolute; bottom:0px; height:42px; width:700px; line-height:42px; color:#fff; left:0px; background:url(/images/corporate/cycler-opacity.png); padding-left:25px; font-size:18px; font-family:HelveticaNeuelight; } .cycleWrapper .cycle img{ position:relative;} .cycleWrapper .nav{ position:absolute; top:50%; z-index:50; width:100%; display:none; } .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;} .cycleWrapper .pager-nav { position:absolute; right:-240px; top:0px; height:495px; background:#243a77; z-index: 6; width:240px; } .cycleWrapper .pager-nav .corner { background: url("/images/corporate/cycler-menu-corner.png") no-repeat; bottom: -16px; height: 16px; position: absolute; right: 0; width: 30px; } .cycleWrapper .pager-nav li { list-style-type:none; padding:0px; margin:0px; width:240px; float:left; } /*.cycleWrapper .pager-nav a:first-child { background:url(/images/corporate/main-section-shadow.png) repeat-x !important; }*/ .cycleWrapper .pager-nav li a { font-family:HelveticaNeueMedium, Arial, Helvetica, sans-serif; font-size:13px; width:240px; height:98px; display:block; line-height:98px; text-indent:20px; background:#243a77; color:#fff; text-decoration:none; border-bottom:1px solid #3a4e85;} .cycleWrapper .pager-nav li a.activeSlide { color:#94c23d; background:#1a2b55; } .cycleWrapper .homeLinks { padding-top:16px; padding-left:25px; background: url("/images/corporate/homelinks-bkgrnd.png") repeat-x; height: 70px; left: -6px; position: absolute; width: 891px; z-index:5; } .cycleWrapper .homeLinks .links a { margin-bottom:5px; text-decoration:none; color:#fff; font-size:13px; display:block; padding-left:21px; background:url(/images/corporate/sprite-sheet.png) 0 -236px no-repeat; height:14px; line-height:14px; } .cycleWrapper .homeLinks .links a:hover { text-decoration:underline; } .cycleWrapper .homeLinks .corner{background:url("/images/corporate/cycler-menu-corner.png") no-repeat; height:16px; width:30px; position:absolute; right:-30px; top:0;} .cycleWrapper #clockdiv{position:absolute; background:rgba(255,255,255,0.4) ; z-index:8; bottom:0; width:940px; height:130px; color:#000; font-family:HelveticaNeueMedium, Arial, Helvetica, sans-serif; text-align:center; line-height:initial;} .cycleWrapper #clockdiv h1{font-family:HelveticaNeueMedium, Arial, Helvetica, sans-serif; color:#000 !important; font-size:20px; text-align:left; margin-left:240px; margin-top:5px;} .cycleWrapper #clockdiv .daysDiv, .cycleWrapper #clockdiv .hoursDiv, .cycleWrapper #clockdiv .minutesDiv, .cycleWrapper #clockdiv .secondsDiv, .cycleWrapper #clockdiv .spaceDiv{display:inline-block; text-align:center;} .cycleWrapper #clockdiv .days, .cycleWrapper #clockdiv .hours, .cycleWrapper #clockdiv .minutes, .cycleWrapper #clockdiv .seconds{font-size:60px; line-height:60px; font-family:"HelveticaNeueBold", Arial, Helvetica, sans-serif;} .cycleWrapper #clockdiv .smalltext{font-size:23px; text-transform:uppercase;} .cycleWrapper #clockdiv .spaceDiv{width:45px;} /************************** 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;} /********************** 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; } #Navigation ul li a span{ font-weight:bold; } */ #Navigation ul.rmHorizontal div.rmSlide ul { width:226px; background:#8EBA3A; /* min-height:152px; border:1px solid #cdcdcd;*/ padding-top:20px; padding-bottom:20px; } #Navigation ul.rmHorizontal div.rmSlide .rmSlide{ display:none !important; } #Navigation ul.rmHorizontal div.rmSlide ul li a { display:inline; line-height:20px; background:none; padding:0 20px; } #Navigation ul.rmHorizontal div.rmSlide ul li a:hover { text-decoration:underline; } #Navigation ul.rmHorizontal div.rmSlide ul li a span { color:#fff; font-size:13px; font-weight:normal; font-family:HelveticaNeueMedium, Arial, Helvetica, sans-serif; } /* mega menu */ #Navigation ul li{ float:left; cursor:pointer; } #Navigation ul li a { color: #000000; cursor: pointer; display: block; float: left; font-family: Arial; font-size: 11px; padding: 0 11px; text-decoration: none; } #Navigation ul li a span { color: #FFFFFF; font-family: HelveticaNeueBold, Arial, Helvetica, sans-serif; font-size: 15px; letter-spacing: 0.5px; white-space: nowrap; } #Navigation ul li a:hover { background:#adcb75; color:#fff; } #Navigation ul li a:hover span{color:#243a77;} #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 23px 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;} /* Donate button */ #Navigation .donate {position:absolute; top:0; right:0; height:auto; line-height:49px; color:#fff; background-color:#253b77; text-decoration:none; padding:0 16px; font-family:"HelveticaNeueBold", Helvetica, Arial, sans-serif;} #Navigation .donate:hover { background-color:#1a2b55; } /****************************** stockists ******************************/ #StoreFinder{ padding:0 0 20px 0; overflow:hidden;} #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{ float:right; width:700px; } #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 .regionList .location{ padding-left:5px;} #StoreFinder .regionList span{ font-weight:bold; padding-top:5px; display:block; padding-bottom:5px;} #StoreFinder .regionList .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; } #StoreFinder #Map{ clear:left; float:left; } #StoreFinder.googleMap{ width:370px; } #StoreFinder #StoreInfo div.details{ float:left; width:370px;} #StoreFinder .image{ float:right; width:300px;} #StoreFinder .locationItem { padding-bottom:5px;} #StoreFinder .regionList .selected div.details, #StoreFinder .regionList .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:105px;} #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; margin-bottom:20px; } #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; } #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; } .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:17px;} /************************* 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; } .pager li{ display:inline; padding:0 7px; } .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; } .pager .paged.selected span{ font-weight:normal;} .pager .pages1.currentPage1, .pager .totalItems0{ display:none; } .search .pager * { display:inline; } .search .pager .seperator{ display:none; } .searchPanel .searchMessage { font-weight:normal; } /***************************** end components ************************************/ /* generic styles */ #Main{ /* background:url(/images/corporate/main-section-shadow.png) repeat-x; */ } /*********************************************************************************/ /**************************** page specific layout *******************************/ /*********************************************************************************/ /* home */ .home .sec1{ } .home .sec2 { background:#fff; border:1px solid #dde3d8; overflow:hidden; padding:17px 0; margin-bottom:31px; box-shadow:1px 6px 4px -5px #999; } .home .sec2 .con1 { width:382px; float:left; padding-left:38px; padding-right:38px; } .home .sec2 .con2 { width:238px; float:left; border-left:1px dashed #cccccc; } .home .sec2 .con3 { width:239px; float:right; border-left:1px dashed #cccccc; } .home .sec3 { overflow:hidden; margin-bottom:50px;} .home .sec3 .con1 { width:203px; float:left; padding-right:14px; min-height:185px; } .home .sec3 .con2 { width:208px; float:left; padding-left:18px; padding-right:14px; border-left:1px solid #d3d5d2; min-height:185px;} .home .sec3 .con3 { width:208px; float:left; padding-left:18px; padding-right:14px; border-left:1px solid #d3d5d2; min-height:185px;} .home .sec3 .con4 { width:207px; float:right; padding-left:18px; padding-right:14px; border-left:1px solid #d3d5d2; min-height:185px;} .home .sec4 { } .home .sec4 .con1 { width:460px; float:left; background:#94c23d; position:relative; min-height:165px; margin-bottom:40px; } .home .sec4 .con2 { width:460px; float:right; background:#243a77; position:relative; min-height:165px; margin-bottom:40px; } .sec4 img { background: none repeat scroll 0 0 #FFFFFF; box-shadow: 0 0 2px 1px #bbb; left: 20px; padding: 8px; position: absolute; top: -20px; } /* product display */ /* my details */ .myDetails #Main .sec1 .area{ margin-bottom:10px; } /* content */ .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%; } .contentPage #Content .inner { overflow:hidden; width:880px; margin-bottom:40px; padding:0 30px 30px; background:url(/images/corporate/main-section-shadow.png) #fff repeat-x; border-left:1px solid #d3d5d2; border-right:1px solid #d3d5d2; border-bottom:1px solid #d3d5d2; } .contentPage #Content .inner #Main { width:680px; float:right; } .contentPage #Content .inner #Sub { float:left; width:200px; } .contentPage #Content .inner h1 { display:block; margin-bottom:20px; } .contentPage #Content .inner h2 { display:block; margin-bottom:15px; } .contentPage #Content .inner h3 { display:block; margin-bottom:15px; } .contentPage #Content .inner p { margin-bottom:20px; } .contentPage #Content #BreadCrumb { padding-top:20px; } .contentPage #Content .inner img { background: none repeat scroll 0 0 #FFFFFF; box-shadow: 0 0 2px 1px #BBBBBB; padding: 8px; } .contentPage hr { border:none; border-bottom:1px solid #e0e1df; } /* checkout */ .checkout #Main{ padding-top:10px; } .checkout #Main .sec1 { border: 1px solid #CCCCCC; float: right; min-height: 500px; 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; width: 430px; } .contact #Main .sec2 { float: left; min-height: 500px; width: 430px; } .contact #Main{ overflow:hidden; margin-bottom:40px; padding:20px 30px 30px; background:url(/images/corporate/main-section-shadow.png) #fff repeat-x; border-left:1px solid #d3d5d2; border-right:1px solid #d3d5d2; border-bottom:1px solid #d3d5d2; } .contact #Main .actions a { background:#94c23d; width:66px; height:25px; } .contact #Main .actions a span { width:66px; height:25px; line-height:25px; padding:0px; font-family:HelveticaNeueBold, Arial, Helvetica, sans-serif; letter-spacing:0.5px; text-align:center; font-weight:normal; font-size:13px; } .contact #Main .error { float:left; } /* 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:10px; } .prodCatList #Filters { float:right; width:810px; } #CategoryList td{ width:25%; } #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; } /* siteMap */ .siteMap #Main{ overflow:hidden; margin-bottom:40px; padding:20px 30px 30px; background:url(/images/corporate/main-section-shadow.png) #fff repeat-x; border-left:1px solid #d3d5d2; border-right:1px solid #d3d5d2; border-bottom:1px solid #d3d5d2; } .siteMap #Content .inner{ overflow:hidden; } .siteMap #Sub{ float:left; width:128px;} .siteMap #Main .sec1 ul li { list-style-type:none; } .siteMap #Main .sec1 ul li ul { margin-left:10px; margin-top:10px; margin-bottom:0px; } .siteMap #Main .sec1 ul li ul li { list-style-type:disc; } .siteMap #Main .sec1 a { text-decoration:none; } .siteMap #Main .sec1 a:hover { text-decoration:underline; } /* 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;} /* Board Members */ .boardMembers #Main{ overflow:hidden; margin-bottom:40px; padding:20px 30px 30px; background:url(/images/corporate/main-section-shadow.png) #fff repeat-x; border-left:1px solid #d3d5d2; border-right:1px solid #d3d5d2; border-bottom:1px solid #d3d5d2; } .boardMembers #Main .boardMembers .member { border-top: 1px solid #E5E5E5; clear: both; margin-top: 20px; overflow: hidden; padding-bottom: 20px; padding-top: 20px; width: 100%; } .boardMembers #Main .boardMembers .member h2 { margin-bottom:10px; } .boardMembers #Main .boardMembers .member:first-child { border-top:none; } .boardMembers #Main .boardMembers .separator {height: 20px; line-height:20px; border-bottom: solid 1px #000; width: 100%; clear: both;} .boardMembers #Main .boardMembers .member .info {float: left; width: 610px;} .boardMembers #Main .boardMembers .member .portrait {float: right; width: 250px;} /************************** 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{ overflow:hidden; } #CheckoutSummary tr.promotion td span{ font-weight:bold; } #CheckoutSummary tr.promotion td span.promo{ float:left; display:inline; margin-left:70px;} #CheckoutSummary tr.promotion td span.price{ float:right; display:inline; } .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 .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{ } #CatNav a{ color:#243A77; text-decoration:none; font-size:13px; font-family:HelveticaNeueMedium, Arial, Helvetica, sans-serif; } #CatNav a:hover { text-decoration:underline; } #CatNav li{ /*padding:8px 0; */ padding-bottom:6px; } #CatNav ul ul{ padding:10px 0 0 5px; } #CatNav .Selected a{ font-weight:bold; } #CatNav .Selected li a{ font-weight:normal; } #CatNav .Selected .Selected a{ font-weight:bold; } .navigation{ } .navigation a{ color:#243A77; text-decoration:none; font-size:13px; font-family:HelveticaNeueMedium, Arial, Helvetica, sans-serif; display:block; margin-bottom:6px; } .navigation a:hover { text-decoration:underline; } .navigation ul ul{ margin-left:10px; } /*********************************************************************/ /****************** product / category / search list *****************/ /*********************************************************************/ #Products.loading{ visibility:hidden; } #Products .list table{ width:100%; } #Products .list .product, #CategoryList .list .category{ float:left; position:relative; vertical-align:top; text-align:center; padding-bottom:15px; width:24%; } .list .item{ position:relative; text-align:center; overflow:hidden; padding:0 16px 20px 0; } .list .image{ position:relative; margin-right:5px; min-height:250px; height:auto !important; height:250px; padding-top:15px; text-align:center; } .list .detail{ position:relative; text-align:center; min-height:20px; position:relative; padding-bottom:5px; } .list .detail .links{ position:absolute; bottom:0; width:100%;} .list a img{} .list h2{ text-align:left; margin: 3px 0;} .list h2 a{ font-size:14px;} #Products .list .image .i2{ display:none; } #Products .list .sale .sale{ background:url(/images/newmarket/flag-sale.png) no-repeat 0 0; width:58px; height:58px; position:absolute; top:0; right:10px; } #Products .list .row{ overflow:hidden; } #Products .products{ padding-top:10px; } #Products .list .image .promotionalMessage{ position:absolute; bottom:0; background:url(/images/icons/opacity90.png); width:100%; } #Products .list .image .promotionalMessage span{ display:block; text-align:center; } .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 */ #Products .list .item .skus{} #Products .list .item .skus .sku{ width:15px; height:15px; float:left; margin-right:3px; border:solid 1px #999; } #Products .list .item .skus .sku img{ display:none; } .search #Information .item{ border-bottom: dotted 1px #ccc; } .search #Information .description{ padding:0 0 10px 10px; } .list .name a{ text-align:left; padding:5px 0; color:#000; text-transform:uppercase; text-decoration:none; } .list p a{ font-size:12px; line-height:15px; font-family:Arial; text-decoration:none; text-transform:uppercase; } .list .description{ color:#666; padding-bottom:13px; padding-top:5px; font-size:12px; } .list .price, .trend .price .formattedPrice{ color: #333333; font-size: 12px; padding-top: 5px; } .list .productLink{ float:right; color:#0054a6; text-transform:uppercase; text-decoration:none; padding-top:2px; } #Products .item .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;} #Products .item .image a.link:hover{ background-position: 0 -25px;} #Products .item .image:hover a.link{ display:block !important; } #Products .price .was, #WishList .price .was, .trend .price .was{ padding-right:5px; } .price div,{ text-align:center; display:inline;} .price .was{ color:#333; text-transform:uppercase; font-size:10px; text-decoration:line-through;} .price .now{ color:#bf0000; font-size:12px; } #SearchResults .searchResultMessage{ padding:10px 0; display:block; } /********************* product filters **********************/ #Filters{ width:100%; min-height:50px;} #Filters .filterInner{ width:100%; } #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 -15px; } #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 3px; } #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; } #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:#f4ece5; padding:15px 10px 5px; display:none; clear:left; position:absolute; top:25px; min-width:120px; overflow:hidden; } #Filters .selection{ background-color:#f4ece5; padding:0px 10px 0px 10px; float:left; height:25px; line-height:25px; cursor:pointer; position:relative; } #Filters .selection span.label{ float:left; width:90px; overflow:hidden; white-space:nowrap; } #Filters .selection .arrow{background-position: right -32px; width:10px; height:25px; position:absolute; right:5px; top:-1px; } /*************** end product / category / search list ****************/ /*********************************************************************/ /**************************** product display ************************/ /*********************************************************************/ #ProductDisplay .backLink{ overflow:hidden; } #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.sale .sale{ background:url(/images/newmarket/flag-sale.png) no-repeat 0 0; width:58px; height:58px; position:absolute; top:5px; right:5px; z-index:200; } #ProductDisplay{ overflow:hidden; } #ProductDetails{ width:360px; float:left; position:relative;} #ProductDetails h1{ font-size:20px; font-family:'Myriad Pro', Arial; text-transform:uppercase; letter-spacing:1px; } #ProductDetails .links a.email{ } #ProductDetails .stockLevel { display:none; } #ProductDetails .mainPrice div{ font-size:25px; display:inline; } #ProductDetails .mainPrice{ font-size:25px; min-height:30px; color:#000; } #ProductDetails .mainPrice .was{ 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;} #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:20px; clear:both; } /*********************** main image ***********************/ #ProductImage{ position:relative; z-index:51;float:left; width:385px; } #ProductImage .productImage{ min-height:460px; } #ProductImage .mainImage{ min-height:460px; height:auto !important; height:460px; width:365px; margin-bottom:16px; position:relative; border:solid 1px #d8d8d8; } #ProductImage #Zoom{ bottom:5px; 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: 384px !important; } /*********************** thumbnails ***********************/ #ProductThumbnails{ } #ProductThumbnails.thumbCount_1{ display:none; } #ProductThumbnails ul li{ float:left; min-height:80px;} #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{ line-height:0; display:block; } #ProductThumbnails ul li.skuImage{ } #ProductThumbnails ul li:last-child{ margin-bottom:0; } /*********************** 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; } #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; } /*********************** sku selection v2 ***********************/ .cartSelection{ float:left; width: 203px; 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:120px; } #RelatedProducts .title{ display:block; margin-bottom:3px; line-height:15px; background:url(/images/newmarket/spot-black-84.png) no-repeat center 0; height:74px; font-family:'Myriad Pro', Arial; font-size:11px; color:#fff; text-align:center; text-transform:uppercase; padding-top:10px; letter-spacing:1px; } #RelatedProducts div.item{ text-align:center; margin-top:30px; } #RelatedProducts div.item .quicklook{ display:block;} #RelatedProducts div.item .textLink{ margin:2px 0; } #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{} .myDetails #CheckoutAddressDetails div.actions{ width:366px; clear:left;} .myDetails #CheckoutAddressDetails .custDetails { float:left; } .myDetails #CheckoutAddressDetails .billingDetails{ margin-left:50px; display:inline;} .myDetails #CheckoutAddressDetails .validationSummary{ display:none;} .myDetails #CheckoutAddressDetails a.btnAction{ float:right; } .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/icons/table.png) no-repeat 0 0; padding-left:20px; 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; } #TransactionHistory table.orders th.desc{ text-align:left;} #TransactionHistory table.orders td{ border-bottom:solid 1px #eee; } #TransactionHistory table.orders td.price{ text-align:right; } #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 #Footer .nav { visibility:hidden; } .checkout #Footer .newsletterSignUp, .checkout #SearchWrapper, .checkout #ActionBar{ display:none; } .checkout #Footer .site{ display:block; text-align:center; float:none; } .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:157px; 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/newmarket/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;} /****************************** 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; } /****************************** gift wrap ******************************/ #CheckoutGiftwrapping tr #CheckoutGiftwrapping tr.action td{ text-align:right; width:100%;} #CheckoutGiftwrapping div.actions{ overflow:hidden; min-height:50px; position:relative; width:100%; } #CheckoutGiftwrapping .removeGift{ position:absolute; left:0; top:0; } #CheckoutGiftwrapping .action div.continue{ position:absolute; right:20px; top:0; } /****************************** checkout summary ******************************/ #CheckoutLogin h2, #CheckoutAddressDetails h2, #CheckoutPayment h2, #CheckoutSummary h2{ margin-bottom:10px; font-size: 20px; display:block; margin-top:0; clear:both; } #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 .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 .paymentType{ padding:7px 0; overflow:hidden; } #CheckoutPayment .actions{ overflow:hidden; } #CheckoutPayment .totals table{ width:100%; white-space:nowrap; } #CheckoutPayment .totals td.label{ width:70%; padding:2px 0 2px 150px; font-weight:bold; } #CheckoutPayment .totals td.field{ width:30%; text-align:right; vertical-align:top; } #CheckoutPayment .totals tr.total td{ padding:10px 0; } #CheckoutPayment .totals td span{ padding: 0 0 0 10px; display:block; font-style:italic; white-space:normal; } #CheckoutPayment .totals tr.total td.label{ padding: 0 0 0 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 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; } #CheckoutPayment .customPanel{ display:none; } /************************** end checkout ******************************/