/************* CSS structure 1. Common classes & general styles 2. Header 3. Main categories 5. Product list page 6. Product details page 7. Payment process 8. Footer 9. Miscellaneous 10. Hidden elements 11. Jquery UI ***************************************/ /***************************************************************** 1. Common classes & general styles ******************************************************************/ body { background: url("/pws/client/images/bg-top-links.png") repeat-x scroll left top #FFFFFF; } body.responsegroup { background: none; } body.responsegroup #cms_content #content {margin-left:0;} h1,h2,h3,h4,h5,h6 { font-weight: normal; } h1{font-size:2.25em; color:#666} h2.sub_heading{color:#000;float:left;font-size:2em;padding:6px 0 13px;} hr{border:none;background-color:#ccc;color:#ccc;height:1px;margin:10px 0 30px;} strong{font-weight:700;} .left{float:left;} .right{float:right;} blockquote{position:relative;padding:20px 80px;} blockquote:before{color:#8EBC12;display:block;font-size:80px;left:20px;position:absolute;top:0;} blockquote:after{color:#8EBC12;display:block;font-size:80px;right:0;position:absolute;top:0;} blockquote h4,blockquote p{text-align:right;} area{outline:none;} @font-face { font-family: 'Scotch Modern Bold'; src: url('/pws/client/style/fonts/ScotchModern-BoldWeb.eot'); /* IE9 Compat Modes */ src: url('/pws/client/style/fonts/ScotchModern-BoldWeb.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/pws/client/style/fonts/ScotchModern-BoldWeb.woff') format('woff'); /* Modern Browsers */ } @font-face { font-family: 'Scotch Modern'; src: url('/pws/client/style/fonts/ScotchModern-RegularWeb.eot'); /* IE9 Compat Modes */ src: url('/pws/client/style/fonts/ScotchModern-RegularWeb.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/pws/client/style/fonts/ScotchModern-RegularWeb.woff') format('woff'); /* Modern Browsers */ } /* Table */ table.style1{margin:20px 0;} table.style1 td{border:none;padding-right:20px;padding-top:0;color:#313131;width:25%;} table.style1 td.wine-img{text-align:center;} table.style1 h2{color:#343434;font-size:14px;font-weight:700;} table.style1 h3{color:#8c8c8c;font-size:12px;} table.style1 td.wine-product-price strong{color:#313131;font-weight:700;} table.style1 td.wine-product-price{line-height:16px;color:#646464;} table.style1 td.caption{font-style:italic;text-align:right;color:#7c7c7c;padding-top:30px;} table.style2{color:#676767;width:400px;margin:20px 0 0;} table.style3{color:#676767;width:600px;margin:20px 0 0;} table.style2 th,table.style3 th{background:#373737;color:#fff;border:1px solid #fff;padding:10px;} table.style2 tr.even td,table.style3 tr.even td{background:#f6f6f6;} table.style2 tr td,table.style3 tr td{background:#D3D1D2;border:1px solid #fff;padding:10px;} table.size_guide tr.light_grey td{border-right:1px solid #FFF;} table.size_guide tr.bottom td{vertical-align:bottom;padding:0 0 0 10px;line-height:16px;} table.size_guide th,table.size_guide td{width:70px;} /* form */ form.base { position: relative; } form.base div.element input.invalid, form.plain div.element input.invalid, form.base div.element textarea.invalid, form.base div.element select.invalid, form fieldset input.invalid { border: 2px solid #ff0000; } form.base legend{font-size:1.75em;font-weight:lighter;padding:4px 0 18px;color:#666;} form.base .element .button, form.plain .element .button, .grad_button { border: 1px solid #828B67; text-shadow: -1px 1px 1px rgba(0,0,0,0.2); box-shadow: 0 1px 0 #bfd38b inset, 1px 1px 1px #CCCCCC; border-radius: 3px 3px 3px 3px; color:#FFFFFF !important; background: #8eac5a !important; /* Old browsers */ background: -moz-linear-gradient(top, #8eac5a 0%, #86a753 48%, #7fa148 52%, #7ea147 55%, #799e46 100%) !important; /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8eac5a), color-stop(48%,#86a753), color-stop(52%,#7fa148), color-stop(55%,#7ea147), color-stop(100%,#799e46)) !important; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #8eac5a 0%,#86a753 48%,#7fa148 52%,#7ea147 55%,#799e46 100%) !important; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #8eac5a 0%,#86a753 48%,#7fa148 52%,#7ea147 55%,#799e46 100%) !important; /* Opera 11.10+ */ background: -ms-linear-gradient(top, #8eac5a 0%,#86a753 48%,#7fa148 52%,#7ea147 55%,#799e46 100%) !important; /* IE10+ */ background: linear-gradient(to bottom, #8eac5a 0%,#86a753 48%,#7fa148 52%,#7ea147 55%,#799e46 100%) !important; /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8eac5a', endColorstr='#799e46',GradientType=0 ) !important; /* IE6-9 */ } .cookie-policy table{margin-bottom:20px;} .tc{clear:both;color:#666;font-size:11px;line-height:18px;padding-top:40px;} .banner{display:block;margin-bottom:40px;border-top:1px solid #CCC;padding-top:26px;} .close{background-color:#fff;z-index:9999;} .call-to-action{background:transparent url(/pws/client/images/green-arrow.png) no-repeat right 50%;color:#333;font-size:14px;font-weight:700;margin-right:10px;padding-right:14px;font-family:Arial, sans-serif;font-style:normal;} .call-to-action:hover{text-decoration:underline;} /* Load Global sprite */ #header #country_selector, #header #company_logo, #mini_basket a.view_basket, .ie8 #footer .social_icons li.youtube a, .ie8 #footer .social_icons li.facebook a, .ie8 #footer .social_icons li.pin-interest a, .ie8 #footer .social_icons li.twitter a, #footer #newsletter button, .footer_cards a.payment-cards { background: transparent url("/pws/client/images/global_sprite.png") no-repeat top left; } /***************************************************************** 2. Header ******************************************************************/ #header { height: 95px; } #header #company_logo{background-position: 0 -282px;float: left;height: 50px;margin: 42px 0 26px;overflow: hidden;text-indent: -9999px;width: 324px;} /*TOP "sign in/Register" links*/ #header #header_links_cont #header_links { right: 222px; } #header #header_links_cont #header_links li a { font-size: 12px !important; font-weight:normal;} #header #header_links_cont #header_links li a:hover{ text-decoration:underline; color:#666;} #header #header_links_cont .change_country { display: none; } #header #header_links_cont .change_country .country_nav_title{color:#666; font-weight:normal;} .homepage_links ul { height: 46px; padding: 0; } .homepage_links ul li { line-height: 46px; } /*TOP Search button*/ .ie7 #header #search button { top: 8px; } /* fixed ie7 issue */ #header #search input { height: 19px; width: 220px; } /* Country Selector */ #header #country_selector{position:absolute;right:0;top:0;z-index:5000;width:197px;height:32px;background-position:0 -340px;} #header #country_selector:hover,#header #country_selector:active,#header #country_selector.active{background-position:0 -374px;} #header #country_selector .country_nav_title{float:left;padding-top:6px;margin-left:10px;color:#383838;line-height:26px;} #header #country_selector a.country_selected{float:left;width:104px;margin-left:4px;padding-left:20px;padding-top:6px;height:26px;line-height:26px;color:#000;background-repeat:no-repeat;background-position: 0 13px;} #header div.country_list_container{background:#fff;border:1px solid #e8e8e8;width:185px;display:none;opacity:0.98;position:absolute;top:32px;right:0;padding:5px;} #header ul.country_list{height:190px;overflow:auto;width:184px;} #header ul.country_list::-webkit-scrollbar { width: 10px; } #header ul.country_list::-webkit-scrollbar-track { background: #eeeeee; border-radius: 10px; } #header ul.country_list::-webkit-scrollbar-thumb { background: #cccccc; border-radius: 10px; height: 30px; } #header ul.country_list li{font-size:11px;} #header ul.country_list li a{display:block;background-repeat:no-repeat;background-position: 6px 7px;padding:8px 0 8px 26px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;} #header ul.country_list li a:hover{background-color:#eee;} #header .dropdown-icon{float:right;height:21px;width:19px;} /* Mini basket */ #header #header_right{position:absolute;right:0;top:55px;} #header #header_right #mini_basket_icon{display:none;} #mini_basket_cont{margin-top:0;width:220px;} #mini_basket{display:block;float:right;text-align:left;z-index:9;width:220px;padding:0;} #mini_basket a.view_basket{display:inline;float:right;background-position:0 -224px;padding-top:3px;padding-left:5px;margin-left:10px;} #mini_basket a.view_basket span{padding-right:0;} #mini_basket a.view_basket span.mini_basket_qty{padding-left:0;} #mini_basket a.header_checkout_link{float:right;} #mini_basket a.header_checkout_link .mini_basket_qty{margin-left:0;} #mini_basket_products{top:40px;} #mini_basket_view_basket { border: 1px solid #828B67; text-shadow: -1px 1px 1px rgba(0,0,0,0.2); box-shadow: 0 1px 0 #bfd38b inset, 1px 1px 1px #CCCCCC; border-radius: 3px 3px 3px 3px; background: #8eac5a; /* Old browsers */ background: -moz-linear-gradient(top, #8eac5a 0%, #86a753 48%, #7fa148 52%, #7ea147 55%, #799e46 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8eac5a), color-stop(48%,#86a753), color-stop(52%,#7fa148), color-stop(55%,#7ea147), color-stop(100%,#799e46)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #8eac5a 0%,#86a753 48%,#7fa148 52%,#7ea147 55%,#799e46 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #8eac5a 0%,#86a753 48%,#7fa148 52%,#7ea147 55%,#799e46 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #8eac5a 0%,#86a753 48%,#7fa148 52%,#7ea147 55%,#799e46 100%); /* IE10+ */ background: linear-gradient(to bottom, #8eac5a 0%,#86a753 48%,#7fa148 52%,#7ea147 55%,#799e46 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8eac5a', endColorstr='#799e46',GradientType=0 ); /* IE6-9 */ } /* Mini Basket on Check out page - fix issue with BT Global Styles affecting scroll arrows when lots of products in mini basket Farrellm 05/02/2015 */ .ly_basket #mini_basket_products .arrow {bottom: 0;height: 37px !important;left: 0;margin-left: 0px;overflow: auto;position:inherit} .ly_basket #mini_basket_products .arrow:after {box-shadow: 0;content: "";height: 0px;left: 0px;position:inherit;top: 0px;transform: rotate(45deg);width: 0px;} /* Secure Icon on checkout buttons GohrD 11/11/2014 */ #mini_basket_products #mini_basket_view_basket .button {background: url('/pws/client/images/secure_lock2.png') no-repeat 45px 0px; display: block; height: 18px;} body.ShoppingBag .checkout_link .grad_button {font-size: .8em;border: 1px solid #828B67;text-shadow: -1px 1px 1px rgba(0,0,0,0.2);box-shadow: 0 1px 0 #bfd38b inset, 1px 1px 1px #CCCCCC;border-radius: 3px 3px 3px 3px;color:#FFFFFF !important; background-color: #8eac5a !important; background: none !important; /* fallback */ background: none, -moz-linear-gradient(top, #8eac5a 0%, #86a753 48%, #7fa148 52%, #7ea147 55%, #799e46 100%) !important; /* FF3.6+ */ background: none, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8eac5a), color-stop(48%,#86a753), color-stop(52%,#7fa148), color-stop(55%,#7ea147), color-stop(100%,#799e46)) !important; /* Chrome,Safari4+ */ background: none, -webkit-linear-gradient(top, #8eac5a 0%,#86a753 48%,#7fa148 52%,#7ea147 55%,#799e46 100%) !important; /* Chrome10+,Safari5.1+ */ background: none, -o-linear-gradient(top, #8eac5a 0%,#86a753 48%,#7fa148 52%,#7ea147 55%,#799e46 100%) !important; /* Opera 11.10+ */ background: none, -ms-linear-gradient(top, #8eac5a 0%,#86a753 48%,#7fa148 52%,#7ea147 55%,#799e46 100%) !important; /* IE10+ */ background: none, linear-gradient(to bottom, #8eac5a 0%,#86a753 48%,#7fa148 52%,#7ea147 55%,#799e46 100%) !important; /* W3C */ } body.ShoppingBag .checkout_continue_button .checkout_link .grad_button { background-position: 126px center !important; } /* Nasty IE hacks for the above */ _:-ms-input-placeholder, :root body.ShoppingBag .checkout_link .grad_button { border-radius: 0 !important; } /* IE10 + 11 hack to display bg image without being blurry - border radius is the issue! I love IE.*/ html[lang='\en'] body.ShoppingBag .checkout_link .grad_button { background-color:#fff; background-image: url('/pws/client/images/secure_lock_ie.jpg') !important; } html.ie8 body.ShoppingBag .checkout_link .grad_button, html.ie9 .checkout_link .grad_button {border-radius: 0 !important;background-color: none !important; background-image: url('/pws/client/images/secure_lock_chekcout_btn_ie.jpg') !important; background-position: 0 0 !important; } /* IE 8 + 9 hack to display background image instead of CSS3 stuff */ html.ie8 body.ShoppingBag .checkout_continue_button .grad_button, html.ie9 .checkout_continue_button .grad_button { background-image: url('/pws/client/images/secure_lock_cont_btn_ie.jpg') !important;background-position: -10px 0 !important; } /* background position for continue button */ #shopping_bag #checkout { font-size: .5em; } #productDetails .text { width: 100%; } #productDetails .text img { display: inline !important; } /* Navigation fadein effect */ #navigation li.level_1 div.level_2{opacity:0;display:block!important;visibility:hidden!important;transition:opacity .25s ease-in-out;-moz-transition:opacity .25s ease-in-out;-ms-transition:opacity .25s ease-in-out;-o-transition:opacity .25s ease-in-out;-webkit-transition:opacity .25s ease-in-out;} #navigation li.level_1:hover div.level_2{zoom:1;filter:alpha(opacity=100);opacity:1;visibility:visible!important;} /* Navigation */ #navigation li#wc_dept_new-in { width:95px; } #navigation li#wc_women_new-arrivals { width:105px; } #navigation li#wc_dept_new-arrivals { width:110px; } #navigation li#wc_dept_lingerie { width:105px; } #navigation li#wc_dept_women { width: 95px; } #navigation li#wc_dept_men { width: 75px; } #navigation li#wc_dept_home { width: 85px; } #navigation li#wc_dept_kids { width: 75px; } #navigation li#wc_dept_our-brands { width: 122px; } #navigation li#wc_dept_school { width: 95px; } #navigation li#wc_dept_gifts { width: 30px; } #navigation li#wc_dept_food-wine { width: 120px; } #navigation li#wc_overall_new-arrivals { width: 60px; } #navigation li#wc_dept_cyber-monday { width:114px; } #navigation li#wc_home_easter { width: 110px; background: #66a9bc; } #navigation li#wc_dept_holiday-shop { width: 120px; } #navigation li#wc_dept_fathers-day { width: 110px; } #navigation li#wc_women_mothers-day { width: 110px; } #navigation li#wc_dept_christmas { width: 90px; } #navigation li#wc_seasonal_halloween { width: 100px; } #navigation #wc_dept_school div.level_2{left:-540px !important;} #navigation #wc_dept_school ul.level_2 {width:956px !important;height: 299px;} #navigation #wc_dept_be-inspired.level_1 a.level_1 { width: 80px; } #navigation #wc_dept_food-wine { float: right; } #navigation #wc_dept_mothers-day.level_1 a.level_1 { width: 90px; } #navigation #wc_dept_mothers-day ul.level_2 {width:670px!important;} #navigation #wc_dept_home ul.level_2 {width:956px!important;} #navigation #wc_dept_home ul.level_2 li.level_2 { width:167px; } #navigation #wc_dept_food-wine ul.level_2 { width: 580px;margin-top: 0;} #navigation #wc_dept_men ul.level_2 {width: 956px!important;min-height: 300px;} #navigation #wc_dept_our-brands ul.level_2 {width: 767px!important;} #navigation #wc_dept_our-brands div.level_2{left:-546px;} #navigation #wc_dept_christmas ul.level_2 {width: 576px!important;} #navigation #wc_dept_christmas ul.level_2 li.level_2 { width: 168px; } #navigation #wc_dept_christmas div.level_2 {left: 0px;} #navigation #wc_dept_women div.level_2{left:-105px !important;} #navigation #wc_dept_women ul.level_2 li.level_2 {width:174px;} #navigation #wc_dept_men div.level_2{left:-305px !important} #navigation #wc_dept_our-brands ul.level_2 li.level_2 {width: 168px;} #navigation #wc_dept_home div.level_2{left:-380px!important;} #navigation #wc_dept_lingerie div.level_2{left:-200px;} #navigation #wc_dept_sale div.level_2{width:164px;} #navigation #wc_dept_kids div.level_2 {left:-465px;} #navigation #wc_dept_fathers-day ul.level_2 li.level_2, #navigation #wc_dept_holiday-shop ul.level_2 li.level_2 { border-right: 0; } #navigation li#wc_home_easter.level_3 {background:none !important;} /* lingerie */ #navigation #wc_dept_lingerie ul.level_2 {width:956px !important;} li#wc_dept_lingerie ul.level_2 li.level_2 {width:168px;} /* our cafes */ #navigation #wc_dept_our-cafes.level_1 a.level_1 { width:82px; } #navigation #wc_dept_our-cafes div.level_2 {left:-17px !important;} #navigation #wc_dept_baxter-and-greene { border: none !important;} #navigation #wc_dept_cafe-sol { border: none !important;} #navigation #wc_dept_our-cafes ul.level_2 li.level_2 { margin-bottom: 0 !important; } #wc_dept_cafe-sol a { margin-bottom: 0 !important; } /* kids */ #navigation #wc_dept_kids ul.level_2 li.level_2 { width: 170px; padding: 0 10px; } #navigation #wc_dept_kids ul.level_2 {width: 956px!important;} #navigation #wc_dept_kids div ul li.level_2 {min-height:185px} #navigation #wc_dept_be-inspired div.level_2 {left:0px!important;} #navigation #wc_seasonal_sale a{color:red;} #navigation #Seasonal_title span {display: none;} #navigation #Special_Offers span {display: none;} #navigation #wc_dept_sale { width:110px; } #navigation #wc_dept_sale.level_1 a.level_1{width:110px;height:14px;color:#fff!important;background:#e6302c} #navigation #wc_dept_food-wine div.level_2{left:-860px;width:956px !important;height: 261px;} li#wc_dept_food-wine ul.level_2 li.level_2 { width: 168px; } #navigation #wc_dept_new-in div.level_2 {left:0px !important;} #navigation #wc_dept_new-in ul.level_2 {width: 956px!important;} #navigation #wc_dept_new-in ul.level_2 li.level_2 {width:168px;} /******* Top Nav >> Sub-menu >> Highlights (sub menu width) *******/ #navigation #wc_dept_highlights ul.level_2 {width:400px!important;} #navigation #wc_dept_be-inspired ul.level_2 {width:197px!important;} #navigation #wc_dept_highlights div.level_2 {left:-60px!important;} /******* Top Nav >> Sub-menu >> Women (sub menu width) *******/ #navigation #wc_dept_women ul.level_2 {width:956px!important;} #navigation #wc_dept_women ul.level_2 li.level_2 { padding: 0 8px; } #navigation #wc_dept_new-arrivals ul.level_2 li.level_2, #navigation #wc_dept_sale ul.level_2 li.level_2 {padding: 0 11px;border-right: none;} #navigation #wc_dept_sale ul.level_2 li.level_2 span.level_2 {display:none;} #sub_navigation ul.level_3 li#sub_wc_highlights_picklist_12, #sub_navigation ul.level_3 li#sub_wc_highlights_picklist_4 {display:none} #navigation li ul #wc_women_lennon-courtney-at-dunnes-stores a {line-height: 12px;} /* FIX display issue for / our brands / Lennon Courtney at Dunnes Stores */ /******* START OF breadcrumb.css*******/ #breadcrumb_intro{float:left;padding:2px 5px 2px 10px;margin:0;} #breadcrumb{font-size:0.916em;color:#666;height:15px;} #breadcrumb a:hover{text-decoration:underline; color:#000;} /******* START OF home.css*******/ .homepage_links li a{font-size: 12px; color:#777} .homepage_links li a:hover{color:#8ebc12;text-decoration:underline;} .homepage_links li {padding:0 10px;} /*TOP NAVIGATION */ #navigation { border: none; } #navigation ul.level_1 {background: #000000; border-bottom: none; width: 980px; } #navigation a {color:#373737} #navigation li.level_1 {border-bottom: none; margin-bottom: 0; display: inline; } #navigation li.level_1:hover, #navigation li.level_1.selected { background: #eee; } #navigation li.level_1 a.level_1 {padding:9px 1px!important;font-weight:normal; text-align: center; color: #fff; border-bottom: none;} #navigation li.level_1 a.level_1:hover, #navigation li.level_1.selected a.level_1 { color: #000; } #navigation li#wc_dept_fathers-day.selected a.level_1 { color: #fff; } #navigation li.level_1:hover > a, #navigation li.level_1.selected > a { color: #fff; } /*TOP NAVIGATION SUB MENU */ #navigation a.level_2{margin-bottom:0px;color:#000;font-size:13px;} #navigation li.level_2 span.level_2 { background: #EFEFEF; padding: 4px; font-size: 1em; font-weight: bold; margin-bottom: 6px; } #navigation li.level_2 a:hover {color:#8ebc12} #navigation div.level_2 { top: 32px; border-top: 1px solid #eee; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); padding: 20px 11px; } #navigation ul.level_2 li.level_2 {padding: 0 11px;margin-bottom:10px;} #navigation #wc_dept_mothers-day ul.level_2 li.level_2 {width:195px;} #navigation #wc_seasonal_halloween ul.level_2 li.level_2 {border-right:0;} #navigation li.level_3 {margin:6px 4px;} /*TOP NAVIGATION SPECIFIC HIGHLIGHT*/ #navigation .level_3 #wc_women_feature_1 a, #navigation .level_3 #wc_women_new-arrivals a, #navigation .level_3 #wc_men_new-arrivals a, #navigation .level_3 #wc_home_new-arrivals a { font-weight: bold; } #navigation .with_post{width:956px;overflow:hidden;} .navigation_cms{float:left;display:block;width:220px;padding-top:10px;} /*SIDE NAVIGATION*/ #sub_navigation a:hover {color:#8ebc12;} #sub_navigation a.active {color:#8ebc12 !important;} #sub_navigation span.level_2 { font-weight: bold; } #sub_navigation span.level_2, #sub_navigation a.level_2{color:#000;margin-bottom:1px;display:block;border-bottom:1px solid #ccc;font-size:1.333em;padding-bottom:10px;} #sub_navigation span.level_3 { background: #EFEFEF; padding: 4px; display: block; margin-top: 0; margin-bottom: 6px; font-size: 1.250em; } #sub_navigation ul.level_3 {margin:0;} #sub_navigation li.level_3 {margin: 0;} #sub_navigation ul.level_4{margin-bottom: 20px;} #sub_navigation li.level_4 {margin: 6px 4px;} #sub_navigation a.level_4 {font-size:1em;margin:0;line-height:14px;} /******* side navigation static content pages *******/ #cms_content #sub_navigation li.current a{font-weight:bold;} #cms_content #sub_navigation a{font-size:1.167em; line-height:20px; color:#666;} #cms_content #sub_navigation a:hover {color:#8ebc12;} /******* static content pages *******/ #cms_content h1{font-size:2.25em;color:#4e4e4e;margin-bottom:10px;} #cms_content h2,#content_page h2{color:#000;} #cms_content h2.grey{color:#999;} #cms_content h3{font-size:1.75em;color:#4e4e4e;} #cms_content h3 span { color: #c8ab7f; font-family: georgia, serif; font-size: 28px; } #cms_content h4{font-size:1.167em;color:#8EBC13;margin-bottom:10px;} #cms_content #sub_navigation{width:220px;margin-top:0;} #cms_content #sub_navigation a{border-bottom:none;} #cms_content #cms_header h1{color:#666;} #cms_content #cms_header h2{margin-bottom:7px;} #cms_content #content p{font-size:13px;line-height:18px;} #cms_content #content p span{font-size:1.1em;color:#666;padding-bottom:20px;line-height:22px;font-weight:bold;} #cms_content #content { margin-left: 20px; } #cms_content #content ul { margin-left: 20px; } #cms_content #content a:hover { color: #000; text-decoration: none; } #cms_content ul li,#cms_content ol li{list-style-type:disc;color:#666;line-height:18px;} #cms_content ol li {list-style-type:decimal;} #cms_content a { border-bottom: 1px solid #666; color: #666; } #cms_content #sub_navigation li { margin: 8px 0; } #cms_content #sub_navigation li.first { margin-top: 0; } /******* Padding Static (Content footer Images) *******/ #staticImage{padding-left:20px;float:right;} #staticImagex{padding-left:20px;padding-bottom:20px;padding-right:0;width:305px;height:353px;float:right;} /***************************************************************** 3. Main categories ******************************************************************/ /******* FAQs *******/ .faqs .contact-details{clear:both;overflow:hidden;padding:20px 0;} .faqs .contact-details .call-details{display:inline;float:left;width:60%;} .faqs .contact-details .write-details{border-left:1px solid #CCC;display:inline;float:right;padding-left:14%;width:25%;} /******* Account - Wishlist *******/ #wishlist_wrapper #wishlist img {height:auto;} /***************************************************************** 5. Product list page ******************************************************************/ .ie7 .ly_list #content { width: 700px; } /* fix width for filtering options */ .listings_heading {width:700px;} /*Load PLP sprite*/ .filter_title_name,.filter_group a, #sub_navigation .level_1 a,#clear_filter a, #clear_filter_bottom a,.pagination .next_page, .pagination .previous_page,.ui-slider-handle { background: transparent url("/pws/client/images/plp_sprite.png") no-repeat top left; } /* PLP More colours overlay */ .info .more_swatch_container { background: #fff; } .swatch_close_btn {background: #fff url('/pws/client/images/swatch_close_btn.jpg') no-repeat top left !important;} /*filters*/ #clear_filter {margin-top:34px;} #clear_filter h3 {float:left;padding-left:0;margin-bottom:0;} #clear_filter p, #clear_filter_bottom p {clear:none;width:auto;} #clear_filter a, #clear_filter_bottom a {background-position: -193px 7px;border: 1px solid #CCCCCC;font-size: 12px;padding: 4px 6px 4px 20px;} .filter_title {padding:10px 0;font-size:1.25em;} .filter_title_name {background-position: 0 -194px;padding-left: 15px;} .closed {background-position: 0 -247px;} .filter_group ul li {font-size:1em; margin:0;} #filter_AVAILABLE_SIZE ul li,#filter_MASTER_COLOUR ul li {float:left; width:50%; margin:0;} .filter_group a, #sub_navigation .level_1 a {background-position: 0 -97px; padding: 4px 5px 4px 20px;} a.applied { background-position: 0 -147px !important;} .ui-slider-handle {background-position: -150px 0px;height:18px;width:10px;top:7px;} /* pagination */ .counter {color: #7C7C7C;font-size:1em;} .pagination li {font-size:1em;} .pagination li.current_page {border:1px solid #8dbd13; background:#8dbd13;} .pagination li.page_number a {background:#fff;} .pagination .show_all a {background:#fff;padding:3px 6px;border:1px solid #ccc;} .pagination .next_page {background-position: 44px -42px;} .pagination .previous_page {background-position: 0 8px;} #sort_products label {font-size:1em;} /* listing */ .products_list .product_row { width: 700px; } .products_list li { position: relative; display: inline; margin-left:0px;vertical-align: top;} .products_list li .listings_image_container .product_link { position: relative; } .products_list li .listings_image_container .product_link img { text-indent: -9999em; position: relative; background: #fff; width:213px; } li.product {margin-bottom: 10px;padding: 10px;text-align: center;width: 213px; background:#fff;} li.product .listings_image_container {border: 1px solid #e7e6e6;height: auto;border:0px;} .products_list li img {max-height: 100%;max-width: 213px;} #listings_footer {border-bottom: 1px solid #CCCCCC !important;} #listings_header, #listings_footer {padding:10px;box-shadow: 0 1px 0 #E5E5E5; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#efefef 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */ } .listings_image_container {border:1px solid #F9F9F9;} .products_list li .listings_image_container .product_link {-webkit-transition: all 150ms ease;-moz-transition: all 150ms ease;-ms-transition: all 150ms ease;-o-transition: all 150ms ease;transition: all 150ms ease;} .products_list li .listings_image_container .product_link:hover {opacity:0.75} .price {text-transform:capitalize;} .now {color: #be1e24;} .was {color: #747474;padding-right:6px;} /* scroll */ .jspScrollable {border:0;} .jspTrack {background:#eee; border:0; box-shadow:none; border-radius:10px;} .jspVerticalBar {width:8px;} .jspDrag {border-radius:10px;} #sub_navigation .scroll-pane {margin:10px 0;outline:none;overflow-y:auto;} /***************************************************************** 6. Product details page ******************************************************************/ .add_to_bag_btn {font-size: 2em; line-height: 30px;width:90%;margin-bottom:24px;margin-left:5%;margin-right:5%;} .add_to_bag_cont .button_wrapper {text-align:center;margin-top:9px;} #add_to_bag .add_to_bag_cont .success_wrapper p.success { line-height: 17px; } #related_product ul li img{height:115px;width:auto;} #recently_viewed ul li img{height:100px;width:auto;} #colours ul li img{width:57px;height:57px;border:1px solid #CCC;} #colours ul li.selected img,#colours ul li:hover img{border:none;} .info .colours li img{border:1px solid #CCC;height:18px;width:18px;} #select_size,#select_qty{margin-top:0;} #select_qty{width:60px;} #stockChkLink{background: #fff;float: right;font-size: 1.1em;text-align: center;padding:0;border:1px solid #8eac5a;color:#8eac5a;width:224px;border-radius:3px;margin-left:20px;} .multi_product_options #stockChkLink {margin-left:16px !important;} #stockChkLink #stkCheck {padding:6px;} .ly_productdetails .price span {font-size: 22px;font-weight: bold;} .price_was {color: #747474;font-size:0.7em !important;font-weight:normal !important;} .price_now {color: #be1e24;} .multi_image {float:right;position:absolute;right:0;margin-top:0;top:36px;background: #fff; padding-left:18px;} .multi_product_options {float:left;width:458px;} #size_guide {float:right;font-weight:normal;color:#000;width:62px;border:none;background: #fff url("/pws/client/images/pdp/size-guide-icon.jpg") no-repeat center right;text-indent:0;padding-right:50px;text-transform:capitalize;} #product_info_cont .product{overflow:hidden;position: relative;} #product_info_cont .stock {position:relative;font-size:15px;font-weight:normal;border: 2px solid #7b9f46;display: inline-block;float: left;padding: 4px 8px;text-align: center;font-family: georgia,serif;font-style: italic;color: #7b9f46;margin-left: 58px;} #product_info_cont .stock.low {border: 2px solid #be1e24;color: #be1e24;} #product_info_cont .stock:before {position: absolute;display: inline-block;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #fff;border-top-color: #7b9f46;left: 4px;top: 24px;content: '';} #product_info_cont .stock:after {position: absolute;display: inline-block;border-left: 9px solid transparent;border-right: 9px solid transparent;border-top: 9px solid #fff;left: 5px;top: 22px;content: '';} #product_info_cont .stock.low:before {border-top-color: #be1e24;} #add_to_bag .add_to_bag_cont{border-bottom:0!important;} #multiProducts h1{border-top:1px solid #CCC;padding-top:10px;padding-top:15px;padding-right:170px;} #multiProducts .multi_product_options #colours {width:65%;padding-right:35%;} #add_to_wish_list, #email_a_friend, #wish_list {float:none;border:none;} #add_to_wish_list, #wish_list {background:#fff url("/pws/client/images/pdp_sprite.png") no-repeat top left;padding-left:30px;margin-left:0;margin-right:20px;} #email_a_friend {background:#fff url("/pws/client/images/pdp_sprite.png") no-repeat 0 -48px;padding-left:30px;} #select_qty,#add_to_bag .quantity_element label,#newQty {margin-top:3px;} #newQty {width:60px !important;} .ly_productdetails .message_delivery {width:100%; text-align:center;margin-top:30px;} #share_code {border:none;padding-top:0;} #product_info_cont > div.product div.multi_image {display:none;} .considered #recently_viewed { display: none !important } /* Product description */ .accordian dd strong { font-weight: bold; color: #000; } .accordian dd h4 { font-weight: bold; } .accordian dd h4 span { font-weight: normal; } .accordian dd a { text-decoration: underline; } .accordian dd table.style2 tr td { padding: 4px 0 4px 20px; } .accordian dd p { margin-bottom: 10px; } .accordian dd hr { margin: 20px 0; } .accordian dt { background: url("/pws/client/images/px_info_box_up.gif") no-repeat scroll right bottom transparent; } /* Care Symbols */ .careSymbols {margin-top: 10px;overflow: hidden;} /*.careSymbols li {background: url("/pws/client/images/pdp/care-symbols-sprite.jpg") no-repeat scroll left top transparent !important;display: block;float: left;height: 63px;list-style: none outside none !important;margin: 0 !important;padding: 0 !important;text-indent: -9999em;width: 58px;} .careSymbols .careSymbol-waterRepellent {background-position: 0 0 !important;} .careSymbols .careSymbol-machineWash {background-position: -61px 0 !important;} .careSymbols .careSymbol-stainResistant {background-position: -185px 0 !important;} .careSymbols .careSymbol-tumbleDry {background-position: -123px 0 !important;} .careSymbols .careSymbol-easyCare {background-position: -248px 0 !important;} */ /* Care Symbols - Updated */ .careSymbols li{display: block;float: left;height: 63px;list-style: none outside none !important;margin: 0 !important;padding: 0 !important;text-indent: -9999em;width: 56px;} .careSymbols .careSymbol-stainRelease {background: url("/pws/client/images/pdp/icons/01.png") no-repeat scroll left top transparent !important;} .careSymbols .careSymbol-expandableCuffs {background: url("/pws/client/images/pdp/icons/02.png") no-repeat scroll left top transparent !important;} .careSymbols .careSymbol-easyClose {background: url("/pws/client/images/pdp/icons/03.png") no-repeat scroll left top transparent !important;} .careSymbols .careSymbol-tapedSeams {background: url("/pws/client/images/pdp/icons/04.png") no-repeat scroll left top transparent !important;} .careSymbols .careSymbol-machineWash {background: url("/pws/client/images/pdp/icons/05.png") no-repeat scroll left top transparent !important;} .careSymbols .careSymbol-tumbleDry {background: url("/pws/client/images/pdp/icons/06.png") no-repeat scroll left top transparent !important;} .careSymbols .careSymbol-pureCotten {background: url("/pws/client/images/pdp/icons/07.png") no-repeat scroll left top transparent !important;} .careSymbols .careSymbol-nonIron {background: url("/pws/client/images/pdp/icons/08.png") no-repeat scroll left top transparent !important;} .careSymbols .careSymbol-easeCare {background: url("/pws/client/images/pdp/icons/09.png") no-repeat scroll left top transparent !important;} .careSymbols .careSymbol-waterRepellent {background: url("/pws/client/images/pdp/icons/010.png") no-repeat scroll left top transparent !important;} .careSymbols .careSymbol-stainResistant {background: url("/pws/client/images/pdp/icons/011.png") no-repeat scroll left top transparent !important;} .careSymbols .careSymbol-newForLonger {background: url("/pws/client/images/pdp/icons/012.png") no-repeat scroll left top transparent !important;} .careSymbols .careSymbol-moistureManagement {background: url("/pws/client/images/pdp/icons/013.png") no-repeat scroll left top transparent !important;} .careSymbols .careSymbol-slimFit {background: url("/pws/client/images/pdp/icons/014.png") no-repeat scroll left top transparent !important;} .careSymbols .careSymbol-adjustableHem {background: url("/pws/client/images/pdp/icons/015.png") no-repeat scroll left top transparent !important;} .careSymbols .careSymbol-supremeCrease {background: url("/pws/client/images/pdp/icons/016.png") no-repeat scroll left top transparent !important;} .careSymbols .careSymbol-completeStainControl {background: url("/pws/client/images/pdp/icons/017.png") no-repeat scroll left top transparent !important;width: 141px} /******* Gift Vouchers Form *******/ #cForm .grad_button { line-height: 20px; border: none; } #cForm .vline {border-left: 1px solid #ccc;padding-left: 10px;} /******* Gift Corporate clients Form *******/ #frmMail td, #frmMail th, #frmMail_table td { border: none; } #frmMail .grad_button { line-height: 20px; border: none; } /****** Store locator *********/ #store_results_table{width:925px!important;margin:20px 10px!important;} #store_results_table td.service_info ul li.false { display: none; } /***************************************************************** 7. Payment process ******************************************************************/ /****** delivery_options_checkout **********/ .ly_selectdeliveryaddress .delivery_options_checkout, .ly_selectbillingaddress .delivery_options_checkout { display: none; } #choose_shipping label { width: 260px; } #paypal_payment #paypalButton { cursor: pointer; } /******* form ************/ #add_address_manually, #add_address_automatically { margin-left: 295px; } #add_address_manually a, #add_address_automatically a { text-decoration: underline; color: #000; } #search_building:disabled, #search_postcode:disabled { background: #eee; } #payment_fields label{text-align:left;} #payment_fields label.required {background: transparent url("/pws/images/backgrounds/required.png") no-repeat left center;} form#card_payment #card_cvs_element #cardCVSNumber { width: 60px; } body.ly_selectdeliveryaddress #store_delivery_container .store_finder_section select#storesCountry {background:none;box-shadow:none;-webkit-box-shadow:none;border:none;} /***************************************************************** 8. Footer ******************************************************************/ #footer{border:none;padding-top: 0;} #footer h3{padding-bottom:8px;border-bottom:1px solid #dedede;} #footer .footer_top{border-top:4px solid #000;padding:30px 20px;} #footer #newsletter{float:left;margin:6px 0 0 20px;} #footer #newsletter input{border:1px solid #EEE;color:#b3b3b3;font-size:12px;padding:2px 10px;} #footer #newsletter label{display:inline;font-size:13px;font-weight:700;text-transform:uppercase;margin-right:8px;} #footer #newsletter button{background-position:0 -1px;width:11px;height:13px;right:5px;top:7px;} #footer .footer_newsletter{width:980px;height:37px;margin:0; background: #f5f5f5; /* Old browsers */ background: -moz-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f5f5f5 0%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f5f5f5 0%,#e8e8e8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f5f5f5 0%,#e8e8e8 100%); /* IE10+ */ background: linear-gradient(to bottom, #f5f5f5 0%,#e8e8e8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */ } #footer .social_icons{overflow:hidden;padding-top:8px;float:right;margin:0 10px 0 0;} #footer .social_icons li{margin-right:10px;font-size:13px;line-height:24px;color:#363636;font-weight:700;background:none;} #footer .social_icons li.like-facebook{margin-top:2px;margin-right:20px;} #footer .social_icons li a {background:none;} #footer .social_icons li.pin-interest a{display:block;width:24px;height:24px;} #footer .social_icons li.pin-interest a:hover{fill:#CB2027;} #footer .social_icons li.youtube a{display:block;width:26px;height:24px;margin-top:2px;} #footer .social_icons li.youtube a:hover{fill:#CB2027 !important;} #footer .social_icons li.facebook a{display:block;width:21px;height:21px;margin-top:1px;} #footer .social_icons li.facebook a:hover{fill:#23599B;} #footer .social_icons li.twitter a{display:block;width:24px;height:24px;} #footer .social_icons li.twitter a:hover{fill:#00ACE4;} #footer .social_icons li.instagram a{display:block; width:22px;height:22px;} #footer .social_icons li.instagram a:hover{fill:#d93175;} .ie8 #footer .social_icons li a {text-indent:-9999em;} .ie8 #footer .social_icons li.pin-interest a{background-position:-169px -56px;} .ie8 #footer .social_icons li.pin-interest a:hover{background-position:-113px -56px;} .ie8 #footer .social_icons li.youtube a{background-position:-56px -113px;} .ie8 #footer .social_icons li.youtube a:hover{background-position:0 -113px;} .ie8 #footer .social_icons li.facebook a{background-position:-56px -56px;} .ie8 #footer .social_icons li.facebook a:hover{background-position:0 -56px;} .ie8 #footer .social_icons li.twitter a{background-position:-286px -56px;} .ie8 #footer .social_icons li.twitter a:hover{background-position:-226px -56px;} #footer .footer_list{float:left;margin-bottom:20px;margin-right:30px;width:205px;} #footer .footer_list.last {margin-right:0;width:220px;} #footer .footer_list li a:hover{text-decoration:underline;color:#000;} #footer .telephone{font-weight:700;color:#000;} #footer .footer_bottom .copyright_wrapper{float:left;} #footer .footer_cards{text-align:left;overflow:hidden;} #footer .footer_cards ul{margin-top:6px;} #footer .footer_cards ul li{display:inline;border-right: 1px solid #ccc;padding: 0 10px;} #footer .footer_cards ul li.last{border-right:none;} #footer .footer_cards ul li a:hover{color:#000;text-decoration:underline;} #footer .footer_newsletter .contact-infos,#footer .contact-infos{color:#666;margin:0;} #footer .footer_newsletter .contact-infos li,#footer .contact-infos li{margin-bottom:8px;} #footer .footer_newsletter .contact-infos li .location,#footer .contact-infos li .location{float:left;width:85px;} #footer .footer_cards a.payment-cards {background-position:0 -168px;height:30px;text-indent:-9999px;width:338px;} .checkout #footer{padding-top:0;} .checkout #footer .footer_top{border-top:none;} /******* Sign up form **********/ form.sign-up div.element.checkbox { overflow: hidden; } /***************************************************************** 9. Miscellaneous ******************************************************************/ /******* B&W effect *******/ .bw{opacity:1;filter:alpha(opacity=100);-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;} .bw:hover{opacity:0.7;filter:alpha(opacity=70);} /******* Image Overlay *******/ .badge{position:absolute;top:2px;left:96px;width:50px;height:40px; z-index:1;background:none;} /******* Transition effect *******/ .ease{-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;} /****** popup-cookie-policy **************/ .popup-cookie-policy {color: #fff;width: 980px;margin: 0px auto;z-index: 9999;overflow: hidden;position: relative; background: #343434; /* Old browsers */ background: -moz-linear-gradient(top, #343434 0%, #171717 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#343434), color-stop(100%,#171717)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #343434 0%,#171717 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #343434 0%,#171717 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #343434 0%,#171717 100%); /* IE10+ */ background: linear-gradient(to bottom, #343434 0%,#171717 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343434', endColorstr='#171717',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.2); box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.2); } .popup-cookie-policy-inner{padding:10px;} .popup-cookie-policy .info-icon{background:transparent url(/pws/client/images/info-icon.png) no-repeat top left;width:39px;height:39px;float:left;margin-right:10px;} .popup-cookie-policy h2{font-size:17px;font-weight:700;margin-bottom:5px;} .popup-cookie-policy p{margin:4px 0;} .popup-cookie-policy p a{color:#fff;text-decoration:underline;} .popup-cookie-policy p a:hover{color:#fff;} .popup-cookie-policy .close{position:absolute;top:12px;right:20px;width:60px;text-decoration:none;line-height:27px;height:27px;color:#fff;border:none;background:transparent url(/pws/client/images/close-button.png) no-repeat top left;text-indent:-9999em;padding:0;} .popup-cookie-policy .close:hover{color:#8ebc13;} /******* Sitemap *******/ #sitemap #cms_content #cms_header h1.bottom-space{margin-bottom:15px;} #sitemap ul,#sitemap ul li{list-style:none;margin:0!important;} #sitemap ul.level_1 {width:235px;} #sitemap ul li.level_1{margin-bottom:30px!important;} #sitemap ul li a.level_1{background:#fff url(/pws/client/images/sitemap-bg_03.jpg) no-repeat top left;color:#fff!important;font-size:18px!important;line-height:32px!important;padding-left:10px;margin-bottom:14px!important;} #sitemap ul li span.level_2{font-size:13px;font-weight:700;} #sitemap ul.level_2{margin-left:10px!important;} #sitemap ul.level_3 li{font-weight:700;} #sitemap ul.level_4 li{font-weight:400;} #sitemap ul li div.level_3,#sitemap ul li div.level_4{margin-bottom:14px;} #sitemap ul li li a:hover{text-decoration:underline;} /******* Google maps *******/ #map {margin: 20px 10px !important;width: 925px !important;} #map .map_popup{width:470px;} #map .map_popup .store_popup_wrapper{padding:20px!important;} #map .popup{width:410px!important;} #map .map_times{width:270px!important;} #map .map_times .textiles,#map .map_times .grocery{width:50%;float:left;} #map .map_times .xmas_modal_window, #map .map_times h2{display:none;} /******* xmas opening hours ********/ .message_delivery{margin-top:19px;} #store_results_table td.opening_times h2{background:#ececec;color:#000;font-size:14px;width:286px;border-bottom:0;text-align:center;padding:6px;} #store_results_table td.opening_times .grocery,#store_results_table td.opening_times .textiles{border:1px solid #ececec;width:124px!important;height:150px;padding:12px;} #store_results_table td.opening_times .textiles{border-right:0;} #store_results_table td.opening_times .grocery{border-left:0;} .xmas_modal_window{color:#f00;text-indent:-9999em;font-size:14px;font-style:italic;text-decoration:underline;height:37px;width:298px;display:none;} .xmas_delivery{background:#F4F4F4 url(/pws/client/images/christmas/xmas-arrow.png) no-repeat 10px 12px;clear:both;color:#BB1A1A;display:none;font-size:13px;font-weight:900;padding:10px 0 10px 26px;} .xmas_delivery.active{background:#F4F4F4 url(/pws/client/images/christmas/xmas-arrow-down.png) no-repeat 10px 12px;} .xmas_delivery span{color:#666;font-style:italic;font-weight:400;} .xmas_delivery_date table{background:#F9F9F9;border:1px solid #CCC;font-size:11px;width:458px;} .xmas_delivery_date table th{border:1px solid #CCC;font-weight:900;text-align:left;background:#ddd;padding:10px;} .xmas_delivery_date table td{border:1px solid #CCC;vertical-align:top;background:#fff;padding:10px;} table.xmas-opening-hours caption{font-size:20px;padding:10px;} table.xmas-opening-hours th{background:#373737;color:#fff;text-align:left;padding:10px;} table.xmas-opening-hours td{background:#ececec;padding:10px;} /* THIS NEEDS TO GO BACK IN ON THE 2nd OF JANUARY 2016! #store_112 td.opening_times {width:432px !important;} #store_112 td.opening_times .hw {float:left;padding:12px;height:150px;border:1px solid #ECECEC;border-right:0;} #store_112 td.opening_times .hw p { color: #000000; } #store_112 td.opening_times .textiles {border-left:0;} #store_112 td.opening_times .grocery,#store_112 td.opening_times .textiles {width:114px !important;}*/ /***************************************************************** 10. Hidden elements ******************************************************************/ /* Mega menu */ #wc_dept_christmas, #wc_highlights_picklist_4, #wc_highlights_picklist_12, #wc_home_feature_13, #sub_wc_home_feature_13, #wc_kids_feature_3, #wc_women_feature_3, #wc_women_feature_4, #wc_women_feature_5, #wc_women_feature_7, #wc_women_feature_8, #wc_women_feature_9, #wc_furniture_furniture-item, #sub_wc_furniture_furniture-item, #wc_dept_mothers-day, #wc_school_back-to-school-girls, #wc_school_back-to-school-boys, #wc_school_back-to-school-shoes, #wc_cyber-monday_view-all, #wc_home_considered-recipes, #sub_wc_home_considered-recipes, #wc_food-wine_offer13, #sub_wc_food-wine_offer13, #wc_women_womens-tops, #wc_women_womens-t-shirts, #wc_women_shirts-and-blouses, #sub_wc_women_womens-tops, #sub_wc_women_womens-t-shirts, #wc_men_feature_5, #wc_women_womens-t-shirts {display:none !important;} /* PLP Filters */ .wc_women_gallery #filter_wc_brand,.wc_men_centered #filter_wc_brand,.wc_men_costelloe-living---men #filter_wc_brand,.wc_home_carolyn-donnelly-eclectic #filter_wc_brand,.wc_home_costelloe-living #filter_wc_brand, #filter_product_type_two {display:none;} /* Checkout process */ #card_start_element { display: none !important; } .checkout .footer_newsletter, .ly_selectstore .footer_newsletter { display: none; } /***************************************************************** 11. Jquery UI ******************************************************************/ .ui-front { z-index: 100; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#ccc;opacity:.8;filter:Alpha(Opacity=80);} /******* Jquery UI Accordion *******/ /*FAQs & ProductDetails*/ .ui-accordion-header{background:#EFEFEF;font-size:15px!important;border-top:2px solid #FFF;outline:none;margin:0!important;padding:10px;} .ui-accordion-header-active .ui-accordion-header-icon{background:transparent url(/pws/client/images/minus.png) no-repeat top left;} .ui-accordion-content{padding:10px;} .ui-state-hover{cursor:pointer;background-color:#e3e3e3;color:#4E4E4E!important;} .ui-accordion-header-active{background:#666!important;color:#fff!important;} .ui-accordion-header-icon{background:transparent url(/pws/client/images/plus.png) no-repeat top left;display:block;width:18px;height:17px;float:right;} dd.details .ui-accordion-header-active .ui-accordion-header-icon{background:transparent url(/pws/client/images/minus-s.png) no-repeat 0 5px;} dd.details .ui-accordion-header-icon{background:transparent url(/pws/client/images/plus-s.png) no-repeat 0 5px;display:block;width:18px;height:17px;float:left;} dd.details .ui-accordion-header{background:#EFEFEF;font-size:11px!important;border-top:2px solid #FFF;color:#000;outline:none;margin:0!important;padding:4px;} /******* Jquery UI Dialog *******/ .ui-dialog{position:absolute;top:0;left:0;outline:0;border:none;padding:.2em;} .ui-dialog .ui-dialog-content{background:#fff;border:1px solid #D7D7D7;box-shadow:2px 3px 9px #666;overflow:hidden;padding:14px 20px;} .ui-dialog .ui-widget-header{display:none;} #dialog-message{overflow:auto;} /******* Autosuggest *******/ #header #search input:focus {outline: none;} #nav-search-result {position:absolute;top:35px;left:0;} .nav-search-scope {position:absolute;left:-90px;top:0;} .nav-search-scope #searchDropdownBox {position:absolute;left:0;top:0;height:31px;opacity:0;filter: alpha(opacity=0);visibility:visible;} .nav-search-scope .nav-search-facade {position:relative;background:#f3f3f3;border:1px solid #ccc;width:90px; height:29px;} .nav-search-scope .nav-search-facade .nav-search-label {display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #777;font-size: 12px;line-height: 33px;margin-right: 21px;margin-left: 5px;} .nav-search-scope .nav-search-facade .nav-icon {position: absolute;top: 14px;right: 8px;border-style: solid;border-width: 4px;border-color: transparent;border-top: 4px solid #a0a0a0;border-bottom-width: 0; width: 0;height: 0;font-size: 0;line-height: 0;} #nav-search-result h3.product-suggestion {background:#d2d2d2;color:#8b8b8b;padding:10px;font-size:13px;font-style:italic;} #nav-search-result ul.search-suggestion, ul.product-suggestion {overflow:hidden;background:#fff;border:1px solid #ccc;padding:10px;min-width:260px;} #nav-search-result ul.product-suggestion li {border-bottom:1px solid #fff;color:#575757;position:relative;} #nav-search-result ul.product-suggestion li a {display:block;padding:8px;} #nav-search-result ul.product-suggestion li span.brandCat {display:inline-block;color:#779D12;} #nav-search-result ul.product-suggestion li span.brandCat strong {text-transform:capitalize;} #nav-search-result ul.product-suggestion li:hover { background:#f3f3f3; } #nav-search-result ul.search-suggestion {background:#fff;} #nav-search-result ul.search-suggestion li {border-bottom:1px solid #fff;color:#575757;position:relative;} #nav-search-result ul.search-suggestion li a {display:block;padding:8px;} #nav-search-result ul.search-suggestion li span.score {position:absolute;top:0;right:74px;background:#ccc;} #nav-search-result ul.search-suggestion li span.total {position:absolute;top:0;right:10px;background:#ccc;} #nav-search-result ul.search-suggestion li:hover { background:#f3f3f3; } #nav-search-result .spinner {background:url("/pws/client/images/search-suggestion-loading.gif") no-repeat 190px 5px;} #nav-search-result ul.search-suggestion li .ui-state-highlight {font-weight:bold;color:#779D12;} #nav-search-result ul li.active {background:#f3f3f3;} .plpSaleMessage{background:#bf1f24;font-style:italic;text-align:center;font-size:1.2em;height:14px;padding:6px;color:#fff;font-weight:bold;margin-bottom:8px;} .sale-badge-plp{position: absolute;top:149px;left:97px;background: transparent;-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE6 & 7 */zoom: 1;} .sale-banner{background: url(/pws/client/images/plp/plp-banner.jpg) no-repeat;width:700px;height:50px;margin-bottom:10px;position:relative;} .sale-overlay{position: absolute;left:170px;top:18px;} .sale-overlay a:link,.sale-overlay a:visited{color:#fff;font-weight:normal;text-decoration: underline;margin-right:10px;background:#cc4e52;padding:7px 8px 8px 8px;width:86px;height:30px;} .sale-overlay a:hover{background:#fff;color:#cc4e52;text-decoration: none;} /* Sale Banner on Sale Page */ .sale-banner-larger{background: url(/pws/client/images/plp/sale-plp-banner.jpg) no-repeat;width:700px;height:180px;margin-bottom:10px;position:relative;} .sale-overlay-bottom{position: absolute;left:215px;top:130px;} .sale-overlay-top{display:block;position:absolute;color:#fff;left:320px;top:20px;font-size:2em;} .sale-overlay-bottom a:link,.sale-overlay-bottom a:visited{color:#fff;font-weight: bold;text-decoration: underline;margin-right:15px;background:#cc4e52;padding:6px 10px 6px 10px;width:86px;height:30px;} .sale-overlay-bottom a:hover{background:#fff;color:#cc4e52;text-decoration: none;} /* Sale Banner on Landing Page */ .sale-banner-landing{background: url(/pws/client/images/plp/Brand-landing-page_03.jpg) no-repeat;width:750px;height:50px;margin-bottom:10px;position:relative;} .sale-overlay-landing{position: absolute;left:170px;top:18px;} .sale-overlay-landing a:link,.sale-overlay-landing a:visited{color:#fff;font-weight:normal;text-decoration: underline;margin-right:10px;background:#cc4e52;padding:7px 8px 8px 8px;width:86px;height:30px;} .sale-overlay-landing a:hover{background:#fff;color:#cc4e52;text-decoration: none;} /* If we want do display image in mega menu */ div.menu-image{position:absolute;right:15px;top:10px;} #navigation li#our-brands_kids, li#our-brands_home{} #navigation li.spacer{height:120px;width:250px} /* Free Delivery Styles farrellm 31/10/2014 */ #free-delivery-message{margin-top:9px;display: inline-block;width:980px; } .ie #free-delivery-message {margin-top:15px;} #free-delivery-message h1{font-family: "Helvetica Neue", "Helvetica Neue Light", "HelveticaNeue-Light", Helvetica, Arial, "Lucida Grande", sans-serif; position:absolute; font-size:1em; letter-spacing:1.5px;color:#000} #header h1{font-family: "Helvetica Neue", "Helvetica Neue Light", Helvetica, Arial, "Lucida Grande", sans-serif; position:absolute; font-size:1em;top:14px;left:2px;color:#000;float:none;padding-top:0px;} .free-delivery h1{top:37px; left:108px;} .click-collect h1{top:37px; left:76px;} .free-delivery{float:left;background: url("/pws/client/images/sitewide/DunnesStoresFreeDelivery.jpg"); width:489px; height:57px;position: relative} .click-collect{float:right;background: url("/pws/client/images/sitewide/DunnesStoresFreeClickandCollect.jpg"); width:485px; height:57px;position: relative} .xmas-opening-hours{float:right;background: url("/pws/client/images/sitewide/DunnesStoresFreeClickandCollect.jpg"); width:485px; height:57px;position: relative} .xmas-opening-hours h1{top:37px; left:130px;} .ly_basket h1 {padding-top:0px} /* wassim request 05/02/2015 to fix issue with delivery message being off */ /* hide the original delivery options for free delivery promo */ #promobanner .delivery{display:none} /* christmas styles */ .navigation_cms, .navigation_cms img {display:none;width:1px;} #navigation li#wc_dept_seasonal div.level_2 {width:956px !important;height:325px;} #navigation li#wc_dept_seasonal ul.level_2 {width:956px !important;} #navigation li#wc_dept_seasonal ul.level_2 li.level_2 {width:168px;} #navigation li#wc_dept_seasonal { background-color: #c93232;} #navigation li#wc_dept_seasonal.level_1 a.level_1 { color:#fff; padding: 9px 12px!important;width:120px; } #navigation li#wc_dept_seasonal:hover { background-color: #f3f3f3; } #navigation li#wc_dept_seasonal:hover a.level_1, #navigation li#wc_dept_seasonal.selected:hover a.level_1, #navigation li#wc_christmas_christmas-view-all:hover a.level_1, #navigation li#wc_christmas_christmas-view-all.selected:hover a.level_1 {color:#c93232;} /* xmas delivery time countdown */ #dialog .cContainer{position:relative;height:164px;padding-top:20px;width:410px;left:40px;text-align:center} #dialog .countdown {color:#000;height:40px;position:absolute;top:60px;left:0px;font-weight:bold;font-size:2.1em;font-family:'Scotch Modern';width:450px} #dialog a.close { background: url(/pws/client/images/sitewide/close-button.png); position: absolute; right: 12px; top: 12px; text-decoration: none; padding: 0 !important; } #mask { position: fixed; left:0; top:0; z-index:111111; background-color:#000; display:none; } /* halloween styles */ #navigation li#wc_seasonal_halloween {background:#ff9900;} #navigation li#wc_women_mothers-day {background:#fcd8e4;} #navigation li#wc_women_mothers-day.level_3 {background:none !important;} #navigation li#wc_women_mothers-day a {color:#000;} #navigation li#wc_women_mothers-day:hover {background:#eee;color:#fcd8e4 !important;} /*#navigation li#wc_women_mothers-day:hover a {color:#fcd8e4 !important;}*/ #navigation li#wc_dept_fathers-day {background:#2d7cbf}; /* BEGIN turn off certain functionality on website */ .disable-site #header #header_right #search,.disable-site #header #header_right #mini_basket_cont,.disable-site #navigation,.disable-site .ly_list li.product p.price,.disable-site .ly_productdetails p.price,.disable-site .add_to_bag_btn,.disable-site .price , .disable-site #email_a_friend{display:none} /* END turn off certain functionality on website */ /* IE 7 styles */ .ie7 .free-delivery{width:486px} .ie7 .hero .overlay ul li.block {zoom: 1;*display: inline;} /* furniture styles for shop cart FarrellM 09/03/2015 */ .furniture #shopping_bag table thead {background:#FFF7DF} .furniture #shopping_bag table thead th {color:#BEB187} .furniture .order_total{background:#FFF7DF} .furniture .order_summary_cont h2,.furniture .order_delivery_address h2 {background:#FFF7DF} .furniture .order_summary_cont .order_summary_subtotal, .furniture .order_summary_cont .order_summary_total {background:#FFF7DF} .ly_basket h1.furniture{color:#000;padding:6px;font-family: Century Gothic,sans-serif; font-weight:700; font-size:1.8em} .padding{padding-top:20px;padding-bottom:30px;} .textTileItems{border: 1px solid #e8eedf;min-height:240px;clear:both;margin:0 auto;margin-bottom:20px;width:940px;margin-top:10px;overflow: hidden;} .textTileItems h1{background-color: #f4f7ee;padding:10px;color:#000;font-family: Century Gothic,sans-serif; font-weight:700;font-size:1.8em} .textTileItems .item{float:left;padding:10px;margin:10px;text-align: center;width:195px;height:120px;} .textTileItems .item img{height:120px} .steps{text-align: center;clear:both;margin:30px 0px;} .steps div {display:inline-block; vertical-align: top} .steps .step1_1 .text, .steps .step1_2 .text{display:block;text-align: center;margin-top:22px;margin-left: 12px;font-size:13px} .steps .step2_1 .text,.steps .step2_2 .text{display:block;text-align: center;margin-top:22px;margin-left: 40px;} .ie #choose_shipping fieldset{width:430px;} .desktop a#size_guide{width:96px} .desktop .message_delivery{border:1px solid #CCC;padding:10px;width:360px;margin-left:40px} .furniture_image {float: right; width: 446px; margin-top:20px;} .furniture .confirmation_content .page_title_cont h1 {font-size:1.6em;color:#000;font-family:Century Gothic, sans-serif;margin-bottom:40px;} .furniture .order_confirmation_links,.furniture .order_confirmation_happens_next{display:none} .furniture .completeOrder{color:#000;font-weight:700;font-size:1.3em;margin-bottom:20px;} .furniture .completeOrder .greenHighlight{color:#7a9947;font-weight: 800} .furniture #order_summary_confirmation #checkout {margin-top:30px;} .furniture.ly_confirmation a.continue_shopping{background: url("/pws/images/basket/arrows.gif") no-repeat scroll left center rgba(0, 0, 0, 0);color: #000;width: 190px;display:block;clear:both;font-weight: 800} .furniture.ly_confirmation .button{padding: 11px 0 7px;text-align: center;text-decoration: none;cursor: pointer;display: block;} .ly_confirmation .step2{background:url("/pws/client/images/sitewide/confirmation-link-bg.jpg") no-repeat;clear:both;color:#697e4a;padding:4px;width:437px;height:67px} .ly_confirmation .step2 .text{ display: inline-block;margin-left: 100px;margin-top: 24px;text-align: left;color:#697e4a;font-size:1.2em;text-decoration: underline;} .ly_confirmation .step2 .text:hover{text-decoration: none;} .ly_selectdeliveryaddress #validation_errors {padding:10px;} .ly_selectdeliveryaddress #validation_errors #validation_errors_title{padding:0px;padding-top:4px;padding-left:10px;display:inline-block;vertical-align: top} .ly_selectdeliveryaddress #validation_errors img{display:inline-block;vertical-align: top} .ly_selectdeliveryaddress #validation_errors p{color: #d60000;font-style:italic;margin-left:40px;} /* promo */ .sportsWearPromo{width:940px;height:75px; background:url("/pws/client/images/plp/PLP-Slim-Banner-Sports-Sale.jpg");clear:both;margin-bottom:20px;margin-left:20px;} .sportsWearPromo a{border: 2px solid #fff;color: #fff;cursor: pointer; display:inline-block;*display:inline;*zoom:1;margin-right: 20px;padding: 8px 0;text-align: center; width: 120px;} .sportsWearPromo .cta{float:right;margin-top: 20px;text-transform: uppercase} .sportsWearPromo a{transition: all 150ms ease 0s;} .sportsWearPromo a:hover{color:#bf1f24;background:#fff;} /* ghost buttons styles */ .ghost-button{text-align: center;font-size: 13px;font-weight: 400;text-decoration: none;text-transform: uppercase;position: absolute;line-height: 20px;font-family:arial,sans-serif;font-style:normal;padding:6px;cursor:pointer;-webkit-transition: all 150ms ease; -moz-transition: all 150ms ease; -ms-transition: all 150ms ease; -o-transition: all 150ms ease;transition: all 150ms ease;} .ghost-button a{border-bottom: 0 !important} .ghost-button-white{color: #FFF;border: 1px solid #FFF; } .ghost-button-white a{color: #FFF !important;} .ghost-button-white:hover { background:#fff;color:#000;text-decoration:none !important; } .ghost-button-white:hover a{color: #000!important;} .ghost-button-black{color: #000;border: 1px solid #000; } .ghost-button-black a{color: #000 !important;} .ghost-button-black:hover { background:#000;color:#fff;text-decoration:none; } .ghost-button-black:hover a{color:#fff !important;text-decoration:none !important; } .block:hover .ghost-button-white { background:#fff;color:#000;text-decoration:none; } .block:hover .ghost-button-black { background:#000;color:#fff;text-decoration:none; } .wc_school_back-to-school-boys .plp-wide-promo{display:none} /* hack to not show the banner on the bundle builder */ /* Chat Styles .Home #vee24LiveHelpTabHTML{display:none !important} #vee24LiveHelpTabHTML{display:none !important} .chat-btn{position:absolute;right:140px;} .chat-btn:hover{opacity:.8} */ /* Over-ride the style in http://www.dunnesstores.com/mergeAssets/listing.css?client=Dunnes&css=listings when user had bigger font, plps with more than 10 pages were displaying funky in IE11 */ .pagination .show_all {margin-left: 6px !important;} #chatNotActive {cursor: pointer;height: 120px;margin-top: -60px;position: fixed;right: 0;top: 50%;width: 40px;z-index: 1000000000;opacity:.2;} .checkout-store-delivery h1 + span { display: none; } .checkout-store-delivery h1:after{ display: block; clear:both; width:100%; font-size: 12px; content: "Your order will be available to collect from your chosen store within 1-3 working days (exceptions apply). We will email you when your orders arrives."; text-transform: none; margin-top:15px; } .checkout .login_checkout .login_option input.prefix { display: none; } .checkout .login_checkout .login_option input#mobile_number { width: 66%; } /* Hide Pinterest */ .social_icons .pin-interest { display: none; } /* Tick box styling */ body.ly_loginregister_account .checkbox label { font-size:12px; } body.ly_loginregister_checkout .mlist-container label { width: 78% !important; }