/* Reset */
html, body { padding: 0; margin: 0; }
a { outline: none; border: none; }
img { border: none; }
ul { list-style: none; padding-left: 0px; margin-left: 0px;}
dl dt { font-weight: bold; float: left; width: 60px; }
dl dd { margin-left: 61px; font-style: italic; }
fieldset { margin: 0; padding: 0; border: 0; }

/* Clearfix */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/* Styling */
body { font-family: arial; font-size: 12px; }
body a { color: #000; text-decoration: none; }
body a:hover { color: #333; text-decoration: underline; }

img { border: 0 none; }

/* Notice */
div.notice { background: #000; color: #fff;  padding: 10px; }
div.notice .wrapper { width: 800px; margin: 0 auto; text-align: center;  }
div.notice .wrapper * { margin: 0; line-height: 100%; font-size: 13px; display: inline; }
div.notice .title { width: 150px; margin-right: 10px; }

.container { width: 800px; margin: 0 auto; }

.header { height: 130px; position: relative; text-transform: lowercase; }
.header .logo a { background: url(/img/logo.png); width: 157px; height: 83px; display: block; text-indent: -9999px;}

.navbar { position: absolute; top: 10px; left: 60px; border-bottom: 2px solid #000; height: 70px; width: 740px; }
.navbar #prinav { position :absolute; right: 0px; bottom: 0px; margin: 3px 0; padding: 0; }
.navbar #prinav li { float: left; margin-left: 1px; }
.navbar #prinav a { font-family: 'century gothic', helvetica, arial, 'sans serif'; font-size: 18px; color: #000; text-decoration: none; padding: 2px 10px; height: 23px; line-height: 23px; display: block; }
.navbar #prinav a:hover, #prinav .selected a { color: #fff; background: #000; }

.navbar .item3 {  }
//.navbar .item3 .secnav { display: block !important; background: red;}
.navbar .secnav { top: 27px !important; left: 6px !important; background: none; padding-top: 5px; background: url(/img/skin/full-transparent.png) repeat; display: none; }
.navbar #prinav .secnav li { clear: none; }
.navbar #prinav .secnav li a { background: none; color: #000; font-size: 14px; padding: 2px 4px; }
.navbar #prinav .secnav li a:hover { background: #eaeaea; }

.header .social-header { margin: 0; position: absolute; right: 10px; bottom: 16px; }
.header .social-header li { float: left; padding: 0 1px; line-height: 21px; }
.header .social-header .title { margin-right: 5px; }
.header .social-header .facebook a { background: url(/img/buttons/btn-f.png) no-repeat; height: 21px; width: 21px; display: block; text-indent: -9999px; overflow: hidden; }
.header .social-header .twitter a { background: url(/img/buttons/btn-t.png) no-repeat; height: 21px; width: 21px; display: block; text-indent: -9999px; overflow: hidden; }

.sidediscount { display: block !important; position: absolute; left: 0px; top: 156px; z-index: 3; }

.body { padding-left: 60px; width: 740px; float: left; margin-bottom: 15px; }
.body p { line-height: 140%; }
.page-home .body { padding-left: 30px; width: 770px; }

.location { display: none; }
.location { position: absolute; top: 85px; left: 60px; }
.location #secnav { margin: 0px; padding: 0px; } 
.location #secnav li { display: inline; }
.location #secnav a { font-family: century gothic; font-size: 10px; padding-right: 10px; }
.location .dev a { color: #8B8B8B; }

.areas { float: left; width: 100%; margin: 30px 0; text-align: center; }
.areas .city { position: relative; float: left; width: 152px; height: 320px; padding: 20px; background: #000; margin-right: 0px; }
.areas .fourth { margin-right: 0px; }
.areas .city .title { font-family: century gothic, arial, sans serif; text-transform: lowercase; color: #fff; text-align: center; position: absolute; bottom: 20px; width: 137px; left: 27px; margin: 0px; }
.areas .city .title a { color: #fff; }
.areas .thumbnail { margin-left: 2px; width: 148px; height: 205px; background: #fff; overflow: hidden; }
.areas .dev .title a { color: #E4E4E4; }

.areas .leeds { background: url(/img/column1.png) no-repeat; }
.areas .manchester { background: url(/img/column2-dev.png) no-repeat 50% 50% }
.areas .london { background: url(/img/column3-dev.png) no-repeat 50% 50%; }
.areas .glasgow { background: url(/img/column4-dev.png) no-repeat 50% 50%; }

.body .feature-panel { background: url(/img/home-feature-bg.jpg) no-repeat; width: 660px; height: 450px; position: relative; padding: 33px 42px ; margin: 0 auto; }
.body .feature-panel .offer { position: absolute; left: -10px; top: -10px; z-index: 3; }
.body .feature-panel #slideshow { width: 660px; height: 450px; overflow: hidden; z-index: 2; }
.body .feature-panel .slide { overflow: hidden; }
.body .feature-panel .slide img { width: auto; }
.page-home .content { width: 705px; float: left; padding: 30px 32.5px 0px; }
.page-home .content .copy { float: left; width: 410px; }
.page-home .content .page-title { width: 400px; float: left; margin-bottom: 25px; background: url(/img/welcome-title.png) no-repeat; height: 20px; text-indent: -9999px; }
.page-home .content .signup-form { float: right; width: 191px; height: 160px; padding: 34px 27.5px; margin-top: 35px; overflow: hidden; display: block; background: url(/img/newsletter-signup_bg.png) no-repeat; }
.page-home .content .signup-form fieldset { border: 0 none; padding: 0px; }
.page-home .content .signup-form p { background: url(/img/newsletter-signup_title.png) no-repeat; margin: 0; width: 184px; height: 16px; text-indent: -999px; display: block; }
.page-home .content .signup-form .fields { float: left; width: 100%; margin: 0; padding-top: 15px; }
.page-home .content .signup-form li { float: left; width: 100%; }
.page-home .content .signup-form li.email { padding-top: 14px; }
.page-home .content .signup-form label { font-size: 14px; padding-left: 2px; }
.page-home .content .signup-form li input { width: 181px; }
.page-home .content .signup-form .submit { text-align: right; padding-top: 15px; }
.page-home .content .signup-form .submit .btn { width: 56px; }

.social-stuff { float: left; width: 100%; margin-top: 50px; }
.social-stuff .twitter { float: left; width: 322px; }
.social-stuff .facebook { float: right; width: 322px; }
.social-stuff .twitter .link { width: 322px; height: 53px; display: block; }
.social-stuff .facebook .link { width: 322px; height: 53px; display: block;  }
.social-stuff .text { background: none; margin: 0; padding: 10px 15px; color: #333; height: 50px; }
.social-stuff .text ul { margin: 0; }


.footer { float: left; width: 100%; font-size: 12px; margin-top: 20px; margin-bottom: 10px; border-top: 0px solid #000; }
.footer .left { float: left; }
.footer .right { float: right; }
.footer .left p { margin-bottom: 5px; }
.footer .legals { margin: 5px 0; padding-left: 13px; }
.footer .legals li { display: inline; padding-right: 5px; font-size: 11px; }
.footer .legals a { color: #666; }
.footer .legals a:hover { text-decoration: none; color: #000; }

.body .header-text { margin-right: 30px; }
.body .header-text p { font-weight: bold; font-size: 14px; }

.body .copy { float: left; margin-right: 30px; color: #333;  }
.body .copy a { font-weight: bold; }

.page-about .body .copy { width: 60%; }
.page-about .body .image { width: 30%; float: right;  }

.page-contact .body .copy { width: 60%; }
.page-contact .body .form { width: 200px; float: right; background: #EAEAEA; padding: 15px; }
.page-contact .body .form form { width: 200px; overflow: hidden; }
.page-contact .body .form .text { width: 194px; background: #fff; padding: 2px; border: 1px solid #ccc; }
.page-contact .body .form li { margin: 10px 0; } 
.page-contact .body .form .fields label { font-size: 14px; padding: 0px 0 2px 0; }
.page-contact .body .form .submit { margin-bottom: 0px; text-align: right; }

.legal .copy ol { margin: 10px 0; }
.legal .copy ul { list-style: disc; padding-left: 20px; }
.legal li { margin: 5px 0; }
.legal .legals .selected a { color: #000; }

.header-image { float: left; width: 700px; height: 125px; padding: 19px 18px 19px 22px; background: url(/img/product-header_bg.png); position: relative; }
.header-image .logo { position: absolute; top: 16px; left: 19px; background: url(/img/product-header_overlay.png); width: 242px; height: 131px; text-align: center; line-height: 131px; }
.header-image .top-navigation { position: absolute; top: -30px; left: 6px; }
.header-image .top-navigation ul { margin: 0; }
.header-image .top-navigation .gender {  }
.header-image .top-navigation .gender li { float: left; margin-right: 5px; }
.header-image .top-navigation .gender li a { height: 30px; display: block; text-indent: -9999px; oveflow: hidden; }
.header-image .top-navigation .gender .male a { background: url(/img/skin/nav-mens.png) 50% 85%; width: 85px; }
.header-image .top-navigation .gender .female a { background: url(/img/skin/nav-womens.png) 50% 85%; width: 104px; }
.header-image .top-navigation .gender li a:hover, .header-image .top-navigation .gender .selected a { background-position: 50% 100%; }
.page-products .navigation { float: left; width: 715px; padding: 10px 12.5px 0; margin: -15px 0 0; }
.page-products .navigation li { float: left; font-size: 16px; font-family: century gothic, arial; }
.page-products .navigation li a { text-decoration: none; color: #666; }
.page-products .navigation .selected a, .page-products .navigation li a:hover { color: #000; }
.page-products .navigation .selected a { background: url(/img/product-nav_bg.png) 0% 100%; }
.page-products .navigation li a { display: block; padding: 15px 20px 10px; }

.page-products .content { float: left; width: 715px; padding: 0 12px; margin-top: 30px; margin-bottom: 0px; overflow: hidden; }
.page-products .content .product-wrapper { float: left; width: 800px; }
.page-products .product { float: left; width: 203px; height: 400px; margin-right: 53px; margin-bottom: 20px; }
.page-products .product:nth-child(3n-1) .thumbnail { background: url(/img/product-listing_bg2.png); }
.page-products .product .thumbnail { width: 180px; height: 237px; padding: 11px; background: url(/img/product-listing_bg.png); position: relative; }
.page-products .product .thumbnail .special-offer { margin: 0; padding: 0; position: absolute; bottom: 11px; left: 11px; background: url(/img/skin/ecom/special-offer.png) no-repeat; width: 131px; height: 26px; display: block; text-indent: -9999px; overflow: hidden; }
.page-products .product .thumbnail a { width: 10)%; height: 100%; display: block; background: #eaeaea; }
.page-products .product .thumbnail img { width: 100%; }
.page-products .product .title { text-align: center; font-size: 15px; font-family: century gothic, arial; float: left; width: 100%; }
.page-products .product .title a { color: #333333; }
.page-products .product .buy-wrap { float: left; width: 185px; padding: 0 9px; margin-top: 8px; }
.page-products .product .buy-wrap p { float: left; margin: 0; }
.page-products .product .buy-wrap .price { width: 80px; height: 26px; line-height: 26px; text-align: center; background: #eaeaea; margin-right: 12px; font-size: 14px; font-weight: bold; display: block; }

.page-products .product .special .prices p { margin: 0; width: 87px; height: 26px; font-size: 14px; padding-top: 10px; background: none; background-position: 5px 0px !important; }
.page-products .product .special .prices p a { width: 87px; height: 26px; margin: 0; display: block; text-align: center; line-height: 26px; background: #eaeaea; }
.page-products .product .special .prices .wasprice { font-weight: normal; background: url(/img/skin/ecom/was-price.png) no-repeat; }
.page-products .product .special .prices .wasprice a { color: #FF0000; }
.page-products .product .special .prices .wasprice a span { text-decoration: line-through; }
.page-products .product .special .prices .price { float: right; font-size: 15px; background: url(/img/skin/ecom/now-price.png) no-repeat; }
.page-products .product .special .more { float: right; margin-top: 10px; }

.page-products .coming-soon { padding: 0 30px; }
.page-products .coming-soon a { font-weight: bold; }

.page-product .body { padding-left: 0px; width: 800px; margin-top: 10px; } 
.page-product .product-gallery { float: left; width: 460px; }
.product-gallery { height: 505px; position: relative; z-index: 10; }
.product-gallery * { margin: 0; }
.product-gallery .thumbs-container { float: left; width: 70px; overflow: hidden;  margin-top: 4px; background: #e9e9e9; }
.product-gallery .thumbs-container .thumbs { padding: 10px 4px; float: left; }
.product-gallery .thumbs-container .thumbs li { width: 52px; float: left; padding-bottom: 10px; }
.product-gallery .thumbs-container .thumbs li img { width: 100%; text-align: center; }
.product-gallery .thumbs-container {  }
.product-gallery .featured-container { position: absolute; left: 60px; top: 0px; width: 350px; height: 460px; padding: 22.5px 23.5px; background: url(/img/product-gallery_bg.png) no-repeat; }
.product-gallery .featured-container .featured { background: #E9E9E9; }
.product-gallery .featured .image { line-height: 458px; }
.product-gallery .featured .image img { vertical-align: middle; }

.page-product .copy { float: right; width: 308px; margin: 0; padding: 0 1px; }
.page-product .copy .brand-logo { text-align: right; }
.page-product .copy .brand-logo img { max-width: 200px; }
.page-product .copy .page-title { font-size: 18px; font-family: century gothic, trebuchet ms, helvetica, arial; font-weight: normal; }
.page-product .note { font-size: 11px; width: 100%; margin: 25px 0; }

.page-product .special-price { margin: 30px 0 50px; }
.page-product .special-price .prices div { margin: 0; float: left; padding-top: 10px; background-position: 5px 0 !important; }
.page-product .special-price .prices div p { width: 87px; height: 26px; line-height: 26px; text-align: center; font-size: 14px; display: block; background: #eaeaea; margin: 0; }
.page-product .special-price .prices .wasprice p span { color: #ff0000; text-decoration: line-through; }
.page-product .special-price .prices .wasprice { background: url(/img/skin/ecom/was-price.png) no-repeat; margin-right: 10px; }
.page-product .special-price .prices .price { background: url(/img/skin/ecom/now-price.png) no-repeat; }

.page-product .not-available { float: left; width: 320px; padding: 30px 20px 15px; background: #eaeaea; margin: -15px 0px 0 78px; position: relative; z-index: 1; }

.buy-now .fields { padding: 30px; background: #eaeaea; float: left; width: 248px; position: relative; margin: 10px 0 0 0; }
.buy-now .fields .special-offer { position: absolute; top: -26px; left: 8px; background: url(/img/skin/ecom/special-product.png) no-repeat; width: 131px; height: 26px; text-indent: -9999px; overflow: hidden;  }
.buy-now .fields li { float: left; padding-right: 12px; }
.buy-now .fields .option select { width: 105px; }
.buy-now .fields .quantity .text { width: 20px; }
.buy-now .fields .price { font-size: 20px; font-weight: bold; line-height: 100%; padding-right: 0; padding-left: 14px; background: url(/img/x.png) no-repeat 0% 80%; width: 79px; }
.buy-now .pay { float: left; width: 100%; margin: 10px 0 0 0; text-align: right; }
.buy-now .out-stock { float: left; width: 100%; text-align: center; margin: 0; }

/* Catalogue */
.page-catalogue .header-image { margin-bottom: 25px; }
.page-catalogue .header-image .download-button { position: absolute; right: 18px; top: 18px;  }
.page-catalogue .copy { width: 70%; }
.page-catalogue .copy p { font-size: 14px; }
.page-catalogue .image { float: right; width: 190px; }
.page-catalogue .form-area { float: left; width: 100%; margin-top: 30px; }
.page-catalogue .form-text { float: left; width: 275px; font-size: 20px; padding-top: 15px; }
.page-catalogue .form-text p { margin: 0 0 20px; }
.page-catalogue .download-area { float: right; }
.page-catalogue .download-area ul { margin: 0; }
.page-catalogue .download-area .download-form .fields, .page-catalogue .download-area .download { background: #eaeaea; padding: 25px; color: #333; width: 330px; height: 217px; }
.page-catalogue .download-area .download-form .fields li { margin: 19px 0; }
.page-catalogue .download-area .download-form .fields li label { font-size: 14px; padding-bottom: 4px; display: block; }
.page-catalogue .download-area .download-form .fields li input.text { width: 310px; padding: 10px; border: 1px solid #ccc; display: block; }
.page-catalogue .download-area .download-form .fields .required { text-align: right; margin-top: -5px; }
.page-catalogue .download-area .download-form .fields .checkbox label { display: inline; font-size: 12px; }
.page-catalogue .download-area .download-form .submit { text-align: right; margin-top: 14px; }
.page-catalogue .download-area .download .download-btn { margin-top: 65px; }
.page-catalogue .download-area .download .download-btn a { background: url(/img/catalogue/download-btn.png) no-repeat 50%; width: 100%; height: 82px; display: block; text-indent: -9999px; overflow: hidden; }

/* Gallery Page */
.gallery { margin-top: 25px; }
.gallery .image { float: left; margin-right: 10px; width: 240px; text-align: center; font-size: 14px; }
.gallery .rowend { margin-right: 0; }
.gallery .image .title { font-weight: bold; margin-bottom: 5px; }
.gallery .image .description { margin-top: 0px; }
.ontour_womens .download-area .download { height: 60px; }
.ontour_womens .download-area .download .thanks { font-size: 20px; font-weight: bold; text-align: center; }
.ontour_womens .form-text .small { font-size: 14px; }

/* Basket */
.header .basket { position: absolute; top: -20px; right: 0px; }
.header .basket a { background: url(/img/buttons/btn-basket.png) 50% 0%; width: 89px; height: 33px; display: block; text-indent: -9999px; overflow: hidden; }
.header .basket a:hover { background-position: 50% -33px; }

.body .basket { float: right; width: 740px; }
.body .empty-basket { text-align: center; }
.basket .items { border-collapse: collapse; margin-bottom: 15px; }
.basket .items th { text-align: left; min-width: 50px; background: #eaeaea; padding: 5px; }
.basket .items th.item-name { width: 275px; }
.basket .items th.price { width: 70px; }
.basket .items th.qty { width: 170px; }
.basket .items th.total { width: 90px; }
.basket .items th.remove { width: 90px; }

.basket .items td { padding: 2px 10px; }
.basket form.update { position: relative; }
.basket .text { border: 1px solid #ccc; padding: 5px; }
.basket form.update .text { width: 30px; position: relative; top: -7px; margin-right: 10px; }
.basket form.update .image { margin-top: 6px; }

.basket .items .sub-total td { padding: 10px 10px 5px; }
.basket .items .delivery td, .basket .items .total td { padding: 5px 10px; }
.basket .items td.totals { text-align: right; padding-right: 20px; font-weight: bold; }

.voucher-code { float: left; color: #333; width: 252px; padding: 10px; background: #eaeaea; }
.voucher-code .copy { font-size: 1.0833em; margin: 1px 0 10px; }
.voucher-code .voucher .image { margin-bottom: -8px; margin-left: 4px; }

.basket .submit { float: right; padding-right: 5px; margin-top: 35px; }
.basket .submit li { float: left; padding: 6px; }
.empty-basket .submit { width: 740px; margin-top: 5px; padding-right: 0; }
.empty-basket .submit .continue-shopping { float: none; }
.empty-basket .submit .continue-shopping a { margin: 0 auto; }
.basket .submit .checkout .image { width: 92px; height: 25px; display: block; }
.basket .submit .checkout .message-wrap { background: url(/img/popup-arrow.png) no-repeat 50% 100%; }
.basket .submit .checkout .message-wrap p { padding: 10px; background: #333; color: #fff; margin: 0; }
.basket .submit .continue-shopping a { background: url(/img/buttons/btn-continue_shopping.png) no-repeat; width: 141px; height: 25px; display: block; text-indent: -9999px; overflow: hidden; }