@import url("structure.css");
@import url("style.css");

body {background: url(/images/wha/S/wha-bg.jpg) no-repeat; background-position: 0px -55px; width: 1000px; margin: 0px auto 0px auto}
body.uo-container {background: none}
#page-container {background: #ffffff}

/* Standard */
.button.button {background: url(/images/wha/S/wha-shop-button-bg.jpg) repeat-x !important;}
.button.main-button .button-right {background: none}
.button.main-button .button-left {background: none; color: #ffffff; font-family; arial; height: 20px; line-height: 20px !important;}
button.menu-button .button-right, button.menu-button .button-left {background:none;}
div.menu-button div, div.menu-button a:link, div.menu-button a:visited, div.menu-button a:hover, div.menu-button a:active {background:none;}
div, th, td, p, input, select, textarea, tt, button {font-family: arial;}
.menu-auth .content input {display:block; width:90px; float:left; position:relative;}
.menu-auth .content label {display:block; width:70px; float:left; position:relative; height: 20px; line-height: 20px; text-align: right; padding-right: 5px;}
button.button .button-left {font-family: arial, verdana}
div.button div, div.button a:link, div.button a:visited, div.button a:hover, div.button a:active {font-family: arial, verdana}
hr {border-color: #d5d5d5 !important}
h1 {color: #000000 !important}
h1.category {margin-top: 10px}
.languages {display: none;}
.flc-top-login {display: none}
h1.page-title {text-align: left;}
#location {margin-bottom: 7px !important}

/* header line 1 */
#header .line1 { height: 40px; }
#header .line1 .menu-auth .login-text {float:left; position:relative; }
#header .line1 .menu-auth .login-text #loginform {display:inline;}
#header .line1 .menu-auth .login-options {float:right; position:relative; }
#header .line1 .menu-auth .login-options ul li {display:inline; margin:0px 10px 0px 10px;}

/* Auth box */
.login-buttons {display:inline; margin-left: 10px;}
.login-buttons .button {float:left; position:relative; margin-left: 5px; text-transform: uppercase; font-family: arial; height: 20px; line-height: 20px; width:100px; text-align: center; margin-top: 0px;}
.login-buttons div.button {margin-top: 0px !important;}

/* Login */
.menu-auth {margin:0px; border:0px;}
.menu-auth .content {padding:10px 10px 0px 10px;}
.menu-auth .title-bar {display:none;}
.menu-auth .login-buttons div.button div, 
.menu-auth .login-buttons div.button a:link, 
.menu-auth .login-buttons div.button a:visited, 
.menu-auth .login-buttons div.button a:hover, 
.menu-auth .login-buttons div.button a:active {display:inline;}
.menu-auth .login-buttons .clearing {clear:none; display:inline;}
.menu-dialog .item {font-size: 11px; height: 20px; line-height: 20px;}
.user-message {padding-right: 5px;}

/* Header line 2 */
#header .line2 {border: none; clear: both; background: url('/images/wha/S/header.gif') no-repeat top left; height:82px !important;}
#header .line2 .menu-minicart {width:160px; float:right; position:relative; border:none; background: url(/images/wha/S/cart-icon.gif) no-repeat; background-position: 0px 5px;}
#header .line2 .menu-minicart .title-bar {display:none;}
#header .line2 .menu-minicart .content {padding:28px 0px 0px 0px; background-color:transparent;}
#header .line2 .menu-minicart .content .minicart .full .your-cart .span {color: #ffffff;}
#header .line2 .menu-minicart .content li {height: 20px; line-height: 20px;}
#header .line2 .menu-minicart .content li.view_cart {display: block; float: left; width: 70px; }
#header .line2 .menu-minicart .content li.view_cart a {text-transform: uppercase; color: #ffffff; text-decoration: underline}
#header .line2 .menu-minicart .content li.view_cart a:hover {text-decoration: none}
#header .line2 .menu-minicart .content li.checkout {display: block; float: left width: 70px; }
#header .line2 .menu-minicart .content li.checkout a {text-transform: uppercase; color: #ffffff; text-decoration: underline}
#header .line2 .menu-minicart .content li.checkout a:hover {text-decoration: none}
#header .line2 div, #header .line2 span {color: #ffffff; font-family : arial;}
#header .line2 div.search {width:300px; color: #ffffff; overflow:hidden; padding:38px 0px 0px 350px;}
#header .line2 div.search a.search { display:none; }
#header .line2 div.search input.image-button{ background: url(/images/wha/S/search-button.jpg) repeat-x top left; height:20px; width:86px;}
#header span.search {display: none;}
div.minicart .full img {display: none}
div.minicart .empty img {display: none}


/* Header line 3 */
#header .line3 {display:none;}
.menu-dialog .recovery {display:inline; clear:none;}


/* Main Navigation */
#headnavcon {margin: 0px auto; height: 40px; clear: both; margin-bottom: 10px;}
#headnavcon .menu-dialog {border:none; height:37px;}
#headnavcon .menu-dialog .title-bar{display:none;}
#headnavcon .menu-dialog .content {padding:0px; height:37px; background: url('/images/wha/S/bg_topmenu.gif') no-repeat top left;}
#headnavcon ul { }
#headnavcon li.popup1 { list-style:none; display:block; float:left; height:24px; cursor:pointer; padding:0px 27px 0px 27px; margin:10px 0px 0px 0px; text-transform:uppercase;}
#headnavcon li.popup1:hover { }
#headnavcon li.popup1:hover a { color:#000000; text-decoration: underline; }
#headnavcon li a {font-weight: bold; font-family: arial; font-size: 12px; color:#000000;}
#headnavcon span.root1 {}
#headnavcon span.root2 {}
#headnavcon span.root3 {border-left: 1px #87263a solid;}
#headnavcon .categories li a { margin: 5px;}
#headnavcon .categories li ul li a { margin:0px; }
#headnavcon .categories ul.popup1 { display:none; position:absolute; margin:24px 0px 0px -28px; padding:0px 0px 0px 0px; width:200px; border-bottom: solid #d5d5d5 5px; }
#headnavcon .categories ul.popup1 li {list-style: none; background: #eaeaea; border-bottom: 1px #d5d5d5 solid; display: block; padding: 0px 5px 0px 5px; margin: 0px; }
#headnavcon .categories ul.popup1 li:hover {background: #fafafa;}
#headnavcon .categories ul.popup1 li:hover a {color:#000000; text-decoration:none;}
#headnavcon .categories ul.popup1 li a {font-weight: normal; line-height: 25px; color: #000000; font-size: 90%; text-decoration: none; text-transform: none; }
#headnavcon .categories li.popup1:hover ul.popup1 { display: block; z-index: 1;  }
#headnavcon .categories ul.popup2 { display: none; position: absolute; margin: 0px 0px 0px 144px; width: 150px; border: solid #0061AE 2px;}
#headnavcon .categories li.popup2:hover ul.popup2 { display: block; }
#headnavcon .categories ul.popup2 li:hover { background-color: #005298; }
#headnavcon .categories ul.popup3 { display: none; position: absolute; margin: 0px 0px 0px 144px; width: 150px; border: solid #0061AE 2px;}
#headnavcon .categories li.popup3:hover ul.popup3 { display: block; }
#headnavcon .categories ul.popup3 li:hover { background-color: #005298; }
#headnavcon .categories ul.popup4 { display: none; position: absolute; margin: 0px 0px 0px 144px; width: 150px; border: solid #0061AE 2px;}
#headnavcon .categories li.popup4:hover ul.popup4 { display: block; }
#headnavcon .categories ul.popup4 li:hover { background-color: #005298; }
#headnavcon .categories ul.popup5 { display: none; position: absolute; margin: 0px 0px 0px 144px; width: 150px; border: solid #0061AE 2px;}
#headnavcon .categories li.popup5:hover ul.popup5 { display: block; }
#headnavcon .categories ul.popup5 li:hover { background-color: #005298; }
/*#headnavcon .categories a { margin: 2px 5px 2px 5px; }*/

/* Left Menu */
#left-bar {width:190px; margin-left:0px;}
#left-bar .menu-categories-list {border:none;}
#left-bar .menu-categories-list .title-bar {display:none;}
#left-bar .menu-categories-list .content {padding:0px;}
#left-bar .menu-categories-list ul.list1 {border:solid 1px #d6d6d6; background: #fafafa; border-bottom:none;}
#left-bar .menu-categories-list ul li {background:none; color:black; }
#left-bar .menu-categories-list ul li a {color:black; }
#left-bar .menu-categories-list ul.list1 li.popup1 {border-bottom:solid 1px #d6d6d6; padding-left:7px;}
#left-bar .menu-categories-list ul.list1 li.popup1:hover {background: #ffffff}
#left-bar .menu-categories-list ul li ul {padding:4px 0px 0px 12px;}
#left-bar .menu-categories-list ul li ul li {border-top:dotted 1px #d6d6d6; padding-left:0px;}
#left-bar .menu-categories-list ul li ul li a {color:#8c8c8c; font-size: 11px;}


/* Footer */
#footer {background: url('/images/wha/S/bg-footer.jpg') repeat-x top left; height:135px !important;}
#footer .uo-box {display:none;}
#footer .box {border:none; margin:1px; border-top:solid 1px white;}
#footer #footercon {height:125px; overflow:hidden; color:white;}
#footer #footercon h3 {color:white;}
#footer #footercon .help {width:435px; height: 125px; padding: 35px 0px 0px 20px; float: left; position:relative; background: url('/images/wha/S/let-us-help-you.gif') no-repeat; background-position: 20px 15px;}
#footer #footercon .help h3 {display: none;}
#footer #footercon .help ul { padding: 0px; margin: 0px; }
#footer #footercon .help li {list-style-type: none; display: block; padding: 0px; margin: 0px; color: #ffffff; float: left; width: 130px; line-height: 20px; height: 20px; background: url('/images/wha/S/arrow.gif') no-repeat; background-position: 0px 6px;}
#footer #footercon .help li a {color: #ffffff; padding-left: 10px;}
#footer #footercon .help li a:hover {text-decoration: none;}
#footer #footercon .welcomefoot {width:491px; height: 85px; float:right; position:relative; background: url('/images/wha/S/shop-news.gif') no-repeat; background-position: 0px 15px; padding-top: 35px; color: #ffffff !important}
#footer #footercon .welcomefoot h3 {display: none;}
#footer #footercon .welcomefoot div {color: #ffffff !important}
#footer #footpay {clear:both;}
#footer #footpay h3 {color:black;}
#footer #footpay .accept h3 {float: left; position:relative; width: 100px;}
#footer #footpay .accept img {float: left; position:relative; padding: 15px 0px 0px 10px;}
#footer #footpay .secure {width:491px; float:right; position:relative;}



/* Home Page Main */
.homeimages h3 {clear:both; height: 23px; font-weight: normal; font-size: 110%; font-weight: bold; border: 1px solid #D5D5D5; background: url('/images/wha/S/title-bg.jpg') repeat-x; background-color: #eaeaea; text-transform: uppercase; padding: 8px 0px 0px 16px; color: #000000;}
.homeimages .catogory_row {margin: 10px 0px 20px 0px;}
.homeimages .catogory_row .product {float:left; margin:0px 4px; width:180px;}
.homeimages .catogory_row .product .product_item {width:170px; height:285px;}
.homeimages .catogory_row .item_1 {margin-left:0px;}
.homeimages .catogory_row .item_4 {margin-right:0px;}
.homeimages .catogory_row .product .product_item .prod_name {color:#033B6D; text-align:center; margin: 5px 0px 0px 0px; height:33px; font-size: 100%;}
.homeimages .catogory_row .product .product_item .prod_price {text-align:center; color: #000000; margin: 0px 0px 0px 0px; font-size: 110%;}
.homeimages .catogory_row .product .product_item .prod_price .euro {font-size: 80%; color: #787878; font-family: verdana;}
.homeimages .catogory_row .product .product_item .img_holder {background-color:#ffffff; border: 1px solid #d5d5d5; width:170px; height:170px; display:block; padding:5px;}
.homeimages .catogory_row .product .product_item .img_holder:hover {background-color:#eaeaea; border: 1px solid #d5d5d5; width:170px; height:170px; display:block; padding:5px;}
.homeimages .catogory_row .product .add_to_cart {width:160px; height:27px; background: url("/images/wha/S/see-details.gif") no-repeat top left; overflow:hidden; position:absolute; margin: -17px 0px 0px 10px;}
.homeimages .catogory_row .product .add_to_cart .ie6_fix { cursor: pointer; cursor: hand; width:160px; height:27px; padding:8px 0px 0px 0px;}
.homeimages .catogory_row .product .add_to_cart .ie6_fix a {display:block; text-transform: uppercase; color: #ffffff; text-decoration: none; text-align: center;}
.homeimages .catogory_row .product .product_item .prod_price .pound {font-weight:bold;}
.homeimages .catogory_row .product .product_item .prod_price .pound .currency {font-size: 110%;}
.homeimages .catogory_row .product_item .prod_price .strike {text-decoration: line-through; font-size: 80%;}
.homeimages .catogory_row .product_item .prod_price .smaller {font-size:0.8em;}
.homeimages .catogory_row .product_item .prod_price .price_save {color:#990000; padding-left:5px; font-size: 90%;}






/* Product */
.product-details .product-subtitle div {border-bottom: 1px solid #033B6D; color: #033B6D; text-transform: uppercase;}
.product-details .button.button {width: 160px; height: 37px; background: url('/images/wha/S/add.gif') no-repeat !important}
.product-details .button.button span.button-left {display: none}
.product-details .image .image-box {margin-top: 15px}
.dialog  {border: 0px;}
.dialog .title {border-bottom: 1px solid #D5D5D5; color: #033B6D; font-size: 12px; padding-left: 10px; background: url('/images/wha/S/title-bg.jpg') repeat-x; background-color: #eaeaea;}
.dialog .content .product-details .details form {border: 0px !important}
.dialog .content {padding: 5px 0px 0px 0px  !important}
.dialog .content .product-category {border-bottom: 1px solid #D5D5D5; padding-left: 10px; height: 30px; line-height: 30px; color: #000000; font-weight: bold; text-transform: uppercase; font-size: 12px; background-color: #eaeaea; background-image: none;}
.descr table {background: #cccccc; border: 0px !important}
.descr table td {background: #eaeaea; border: 1px solid #ffffff !important}
table.product-properties .product-price {color: #033B6D; text-transform: uppercase; !important}
table.product-properties .product-price-value {color: #000000; font-size: 18px; font-family: arial;text-transform: uppercase; !important}
a.simple-button:link, a.simple-button:visited, a.simple-button:hover, a.simple-button:active {color: #990000}
table.product-properties .product-min-amount {font-size: 11px; font-family: arial; padding-left: 0px;}
.products {margin-top: 0px}
.products a.product-title:link, .products a.product-title:visited, .products a.product-title:hover, .products a.product-title:active, .products .product-title, .product-details .product-title {color: #033B6D !important}
.products-list .item {border: 5px solid #eaeaea; padding: 10px; margin: 0px 0px 10px 0px}
.products-list .item:hover {border: 5px solid #cccccc; background: #fafafa;}
.products .price-value {color: #000000; font-size: 160%;}
.products .price {font-weight: normal;}
ul.rproducts {margin: 0px 0px 10px 10px; list-style: none;}
ul.rproducts li {background: url('/images/wha/S/arrow-blue.gif') no-repeat; background-position: 0px 3px;}
ul.rproducts li a {padding-left: 10px;}


/* Cart */
.flc-container #center-main {width: 100%; !important}
.flc-container .flc-buttons {display: none;}
div.button div, div.button a:link, div.button a:visited, div.button a:hover, div.button a:active {color: #ffffff !important}
.button.button .button-right {color: #ffffff; background: none; !important}
div.button div, div.button a:link, div.button a:visited, div.button a:hover, div.button a:active {background: none; !important}
.button.button .button-left {color: #ffffff; background: none; !important}
.totals .total-value {color: #000000; font-size: 14px;}
.totals {background: #EAEAEA; padding: 10px}
.cart hr {margin: 0px;}
.cart .item {width: 100%; margin: 10px 0px 10px 0px}
.cart .item img {border: 1px solid #D5D5D5; padding: 5px;}
.cart .item .image {padding: 0px; text-align: left !important}
.cart hr {border-color: #d5d5d5; !important}
.cart .dialog .content {background: #ffffff}
.cart .details {margin: 0px; border-left: 10px solid #ffffff;}
#content-container2 .product_page .content {background: #ffffff}
#content-container2 .rproducts-dialog .content {background: #ffffff; border: 10px solid #eaeaea; margin-top: 5px;}
#content-container2 .product_page .title-with-sort-row {display: none}
a.simple-delete-button:link, a.simple-delete-button:visited, a.simple-delete-button:hover, a.simple-delete-button:active {background: none;}


/* Place order */
.subheader {border-bottom: 1px solid #033B6D; color: #033B6D; text-transform: uppercase;}
.register-section-title label {border-bottom: 1px solid #033B6D; color: #033B6D; text-transform: uppercase; font-size: 12px;}
#center-main .dialog .content form {border: 10px solid #eaeaea; padding: 10px;}
table tr.head-row td, table tr.head-row th {background: #eaeaea}
table tr.subhead-row td, table tr.subhead-row th {background: #ffffff}

/* Useful Links */
.useful-links ul {list-style: none; margin: 0px; padding: 0px;}
.useful-links li a {padding-left: 28px;}
.useful-links li {height: 25px; line-height: 25px;}
.useful-links li.sizechart {background: url('/images/wha/S/size-shirt.jpg') no-repeat; background-position: 0px 5px;}
.useful-links li.delivery {background: url('/images/wha/S/delivery-options.jpg') no-repeat; background-position: 0px 5px;}
.useful-links li.refund {background: url('/images/wha/S/returns-policy.jpg') no-repeat; background-position: 0px 5px;}
.useful-links li.contact {background: url('/images/wha/S/contact-us.jpg') no-repeat; background-position: 0px 5px;}

/* Help Zone */
ul.help-index {list-style: none; margin: 0px; padding: 0px;}
ul.help-index li a {padding: 0px 0px 0px 30px !important}
ul.help-index li {height: 35px; line-height: 35px; padding: 0px; margin: 0px !important}
ul.help-index li.first-item {background: url('/images/wha/S/recover-password.png') no-repeat; background-position: 0px 10px;}
ul.help-index li.contact {background: url('/images/wha/S/contact-us.png') no-repeat; background-position: 0px 10px;}
ul.help-index li.sizechart {background: url('/images/wha/S/size-shirts.png') no-repeat; background-position: 0px 10px;}
ul.help-index li.refund {background: url('/images/wha/S/return-policy.png') no-repeat; background-position: 0px 10px;}
ul.help-index li.privacy {background: url('/images/wha/S/privacy-statement.png') no-repeat; background-position: 0px 10px;}
ul.help-index li.terms {background: url('/images/wha/S/terms-cond.png') no-repeat; background-position: 0px 10px;}
ul.help-index li.delivery {background: url('/images/wha/S/delivery-option.png') no-repeat; background-position: 0px 10px;}
ul.help-index li.faq {background: url('/images/wha/S/faq.png') no-repeat; background-position: 0px 10px;}


/* Cart Process */
.flc-tab-marks-line .flc-tab-line-full .flc-tab-line-img1, .flc-tab-marks-line .flc-tab-line-full .flc-tab-line-img2, .flc-tab-marks-line .flc-tab-line-full .flc-tab-line-img3, .flc-tab-marks-line .flc-tab-line-half .flc-tab-line-img1, .flc-tab-marks-line .flc-tab-line-half .flc-tab-line-img3 {background: #033B6D; }
div.flc-tabs {text-align: center !important}
div.flc-tabs table.flc-tabs {margin: 0px 0px 0px 150px !important}

/* Wish list colours */
button.simple-button {color: #990000 !important}
 

/* Login */
.welcomelogin {width: 600px; margin: 80px auto; padding-top: 80px; background: url('/images/wha/S/whalogin.jpg') no-repeat; background-position: 0px 0px; border: 10px solid #efefef;}
.welcomelogin h1 {display: none;}
.welcomelogin .flc-left-dialog {clear: both; width: 100%; height: 240px;}
.welcomelogin .flc-left-dialog .content {margin: 20px;}
.welcomelogin .flc-left-dialog .content .text-block {width: 260px; float: left; background: url('/images/wha/S/stag.jpg') no-repeat; background-position: 0px 0px; padding: 70px 20px 0px 0px; line-height: 160%; margin-right: 20px; border-right: 1px solid #e2e2e2;}
.welcomelogin .flc-right-dialog {display: none}