/* ------------ Other CSS Files */
@import url("yui_resetfontsgrids.css");
@import url("yui_base.css");
@import url("lightbox.css");
/* ---------------------------- */



/* Headings, Copy, Links et al */
h1,h2,h3,h4 {font-family: Helvetica, Helvetica Neue, Arial, sans-serif; font-weight: normal;color: #333333;}
h1 {color: #222222;}
h2 {color: #444444;}
h3 {color: #666666;}
p {font-family: Helvetica Neue, Arial, Helvetica, sans-serif; color: #333333; line-height: 1.7em;}
a {color: #00589A; text-decoration: none;}
a:hover {color: #DCE7E9}

/* Main & Containers */
html {background: top center url('../images/bg_main.jpg') no-repeat #F4F4F5;}
body {margin-top: 0; margin-bottom: 0; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;}
#doc4 {background-color: #ffffff;}
#main {margin: 10px;}
#content-right {float: right; width: 700px;}

/* Header */
#header {margin: 10px 10px 10px 10px; padding: 0;}
#header-right {float: right; display: inline; width: 185px; text-align: right; margin-top: 20px;}
#header-left {float: left; display: inline; width: 290px;}
#header-title {margin: 5px 0 0 0; font-weight: normal; font-size: 197%; color: #333333; text-transform: uppercase; letter-spacing: -0.05em;}
#header-caption {margin: 0 0 10px 0; font-weight: normal; color: #999999; font-size: 130%; text-transform: lowercase; letter-spacing: 0.2em;}
#header-left input.text {width: 200px;}
#header-left input.submit {padding: 4px; font-size: 108%;}

/* Left Menu */
#menu-left {float: left; width: 200px; border-right: 1px solid #DCE7E9; padding: 0 0 0 10px;}
#menu-left ul {margin:0 0 40px 5px; padding:0;}
#menu-left li {list-style: none; font-weight: normal; text-transform: none; font-size: 108%; margin: 6px 0;}
#menu-left li.selected {font-weight: bold;}
#menu-left li.level-0 {}
#menu-left li.level-1 {font-size: 100%; margin: 4px 0 4px 8px;}
#menu-left h3 {margin-bottom: 5px; color: #FF9900; font-weight: normal;}

/* Basket Stripe */
#basket-stripe {background-color: #EEF6F7; padding: 8px 20px 8px 20px; color: #666666;  font-size: 108%;}
#basket-stripe a {text-decoration: none; }
#basket-stripe-links {float: right; display: inline; width: 300px; text-align: right}
#basket-stripe-links img {vertical-align: middle; margin: 0 0 0 5px;}
#basket-stripe-links a {margin-left: 15px;}
#basket-stripe-summary {float: left; display: inline; width: 300px;}
#basket-stripe-summary img {vertical-align: middle; margin: 0 5px 0 0;}
#basket-stripe-summary a {color: #333333;}
#checkout-link {float: right; display: inline; margin-left: 20px;}
#secure-checkout {float: left; display: inline; width: 400px;}
#secure-checkout img {vertical-align: middle; margin-right: 10px;}


/* Misc Global Stuff */
.clearall {clear: both; margin: 0; padding: 0;}
hr {background-color: #ffffff; border:0; border-top: 1px solid #cccccc; color: #ffffff;}


/* Home */
#home-manufacturers {float: right; display: inline; width: 180px; margin: 0 0 0 40px; padding: 10px; border: 1px solid #eeeeee; text-align: center;}
#home-manufacturers img {margin-bottom: 5px;}
#home-specialoffers {float: left; display: inline; width: 300px;}
#home-bestsellers {float: right; display: inline; width: 300px;}
.homepage-specialoffers {margin: 0 0 20px 0; border: 1px solid #DCE7E9; padding: 5px;}
.homepage-specialoffers img {float: left; display: inline; margin: 4px 0 0 0;}
.homepage-specialoffers {text-align: right;}
.homepage-specialoffers span.price {font-weight: normal; color: #19A815; font-size: 116%;}
.homepage-specialoffers span.oldprice {text-decoration: line-through; font-size: 116%;}
.homepage-specialoffers a.title {color: #333333; font-weight: bold; text-decoration: none;}
.homepage-specialoffers a.title:hover {color: #cccccc;}
.homepage-bestseller {margin: 0 0 20px 0; border: 1px solid #DCE7E9; padding: 5px;}
.homepage-bestseller img {float: left; display: inline;}
.homepage-bestseller {text-align: right;}
.homepage-bestseller span.price {font-weight: normal; color: #19A815; font-size: 116%;}
.homepage-bestseller span.oldprice {text-decoration: line-through; font-size: 116%;}
.homepage-bestseller a.title {color: #333333; font-weight: bold; text-decoration: none;}
.homepage-bestseller a.title:hover {color: #cccccc;}


/* Forms */
input.text {margin:0; font-size:100%; color:#333; border-top:1px solid #7c7c7c; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-bottom:1px solid #ddd; padding: 5px; width: 300px;}

/* Contact Page */
#contact-form {margin-left: 40px; width: 560px;}
#contact-form label {float: left; display: inline; width: 150px;}
#contact-form input.text {width: 400px; padding: 3px;}
#contact-form textarea {width: 400px; padding: 3px;}
#contact-form input.submit {width: 150px; padding: 3px; font-size: 114%; float: right; display: inline;}


/* Category with Sub Categories */
.category-listing-box {width: 300px; float: left; display: inline; text-align: left; margin: 0 30px 0 0; border: 0px solid #cccccc; padding: 10px; border: 1px solid #DCE7E9;}
.category-listing-box img {float: right; display: inline;}
.category-listing-box h3 {font-size: 116%;}
.category-listing-box a {text-decoration: none;}
.category-listing-box span.price {font-weight: normal; color: #19A815; font-size: 116%;}


/* Product Listing */
.product-listing-box {width: 130px; float: left; display: inline; text-align: left; margin: 0 30px 20px 0; border: 0px solid #cccccc; padding: 10px; border: 1px solid #DCE7E9;}
.product-listing-box:hover {border: 1px solid #cccccc;}
.product-listing-box h3 {font-size: 108%; height: 50px;}
.product-listing-box a {text-decoration: none;}
.product-listing-box .image {height: 115px; text-align: center;}
.product-listing-box span.price {font-weight: normal; color: #19A815; font-size: 130%;}
.product-listing-box span.originalprice {text-decoration:line-through; color: #666666;}
.product-listing-box-admin {margin-top: 20px;}


/* Pagination options */
.pagination-options {margin: 30px 0; padding: 5px; background-color: #eeeeee;}
.pagination-options label {margin-left: 27px;}
.pagination-previousnext {margin: 15px 0;}
.pagination-previousnext a {font-weight: bold; text-decoration: none;}
.pagination-previousnext-left {float: left; display: inline; width: 200px}
.pagination-previousnext-right {float: right; display: inline; width: 200px; text-align: right;}


/* Manufacturer Page */
#manufacturer-logo {float: right; display: inline; margin: 0 0 10px 10px;}
.manufacturer-box h2 {float: right; display: inline;}


/* Product Detail */
#product-manufacturer {float: right; display: inline; text-align: right; width: 260px;}
#product-title {}
.product-title-manufacturer {float: left; display: inline; width: 400px;}

#product-image-box {float: left; display: inline; margin-bottom: 30px; width: 350px;}
#product-image-box .image-thumbnail {border: 1px solid #DCE7E9; margin-right: 10px;}

#product-price-box {float: right; display: inline; width: 300px; text-align: right; padding: 10px; border: 1px solid #DCE7E9; margin:10px 0 30px 0;}
#product-price-box h2.price {color: #19A815;}
#product-price-box h2.price span {color: #333333; text-decoration: line-through;}
#product-preorder {font-weight: bold;}
#product-lowstock {color: red;}

#product-review-box {padding: 10px; background-color: #eeeeee;}

#product-information-box {float: left; display: inline; margin: 30px 10px 0 0; width: 500px;}
#product-information-box h2 {margin-top: 20px;}
#product-information-box ul {margin-left: 40px;}
#product-information-box li {margin: 10px 0;}

#product-details-box {margin-top: 30px;}
#product-details-box ul {margin-left: 40px;}
#product-details-box li {list-style-type: none; padding: 10px 0; border-bottom: 1px solid #DCE7E9;}
#product-details-box span {display: inline; float: left; width: 250px; font-weight: bold;}
#product-details-box span.value {width: 350px; font-weight: normal;}

#product-option-offer {margin-top: 40px;}
#product-option-images {margin-top: 40px;}

.outofstock {color: #E50000; font-weight: bold;}


/* Basket Page */
#basket-checkout-link {float: right; display: inline; width: 170px; text-align: right; margin: 20px 20px 40px 0;}

#basket-delivery-information {float: left; display: inline; width: 420px; margin: 20px 0 40px 0; border: 4px solid #ccffcc; padding: 10px;}

#basket-products {margin: 20px 0 0 0; width: 680px;}
#basket-products tr {border: 0;}
#basket-products th {border: 0; text-align: left;}
#basket-products td {border: 0; padding: 10px;}
#basket-products .price {text-align: right;}
#basket-products .remove {text-align: center;}

#basket-products thead {border-bottom: 1px solid #cccccc;}
#basket-products tfoot {border-top: 1px solid #cccccc;}

/* Checkout Page */
.continue-amazon {text-align: right; background-color: #EBFFEC; padding: 5px 10px 5px 0; margin: 20px 0;}
.continue-amazon img {}
#amazon-checkout-screenshot {float: right; display: inline; padding: 2px; border: 1px solid #DCE7E9; margin: 10px 0 0 10px;}
#amazon-uk-logo {float: right; display: inline; margin: 0 0 0 10px;}


/* Footer*/
#footer {margin:60px 10px 20px 10px; padding: 20px 0 0 0; border-top: 1px solid #DCE7E9; background-color: #ffffff;}
#footer-securepayments {float: right; display: inline; }


/* Admin Header Stripe */
#admin-stripe{margin-top: 0 0 20px 0; padding: 0; background-color: #E8FFE6; border-bottom: 2px solid #C6FFBF; }
#admin-stripe a {color: #666666; text-decoration: none; text-transform: lowercase;}
#admin-stripe a:hover {color: #ffffff;}
#admin-stripe p {margin:0; color: #666666; font-weight: normal; text-transform: lowercase;}
#admin-stripe p span {color: #6772BF; }
#admin-stripe-left {padding: 8px; text-align: left; margin: 0; color: #666666; float: left; display: inline;}
#admin-stripe-right {padding: 8px 20px 8px 0; text-align: right; margin: 0; color: #666666; float: right; display: inline;}
#admin-stripe-right img {margin-right: 5px; vertical-align: middle;}
#admin-stripe-right span {margin-right: 15px;}


/* Site Messages */
.message-success, .message-error, .message-information {border: 1px solid #fcfcfc; margin: 20px 0; padding: 10px 5px 10px 20px; text-align: center; background-position: left center;  background-repeat: no-repeat; font-weight: bold;}
.message-success {background-image: url('../icons/message_success.png'); background-color: #E9FFEC;}
.message-error {background-image: url('../icons/message_error.png'); background-color: #FFE9E9;}
.message-information {background-image: url('../icons/message_information.png'); background-color: #FFFFE9;}


/* Edit In Place */
.editinplace-box {margin: 10px 10px; border: 2px dashed #eeeeee; background-color: #ffffee; padding: 10px;}
.editinplace-close {text-align: right;}
.editinplace-label {float: left; display:inline; width: 200px; font-weight: bold; margin-bottom: 20px;}
.editinplace-value, .eip_saving {float: left; display:inline; width: 700px; margin-bottom: 20px;}
.editinplace-value img {vertical-align: middle;}
input.eip_editfield {margin:0; font-size:100%; color:#333; border-top:1px solid #7c7c7c; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-bottom:1px solid #ddd; padding: 5px; width: 650px; margin-bottom: 20px;}
textarea.eip_editfield {width: 650px;color:#333;border-top:1px solid #7c7c7c;border-left:1px solid #c3c3c3;border-right:1px solid #c3c3c3;border-bottom:1px solid #ddd; padding: 5px; margin: 0 0 20px 0;}
.eip_buttons {float: right; display: inline;}