/* ------------ YUI styles */
@import url("yui_resetfontsgrids.css");
@import url("yui_base.css");
/* ----------------------- */


/* ------------ Main Styles */
.clearall {clear: both; margin: 0; padding: 0;}
body {background-repeat: no-repeat; background-position: center top; background-color: #E5F5F5; background-image: url(../images/main_background_green.gif); }

/* Christmas! */
body_xmas {background-color: #F6F6F6; background-image: url(../images/main_background_xmas.jpg);}

a {text-decoration: none; color: #41678e;}
a:hover {color: #8e3f00;}
p {margin: 20px 0; }
ul {margin: 20px 0 40px 0;}
li {margin: 5px 5px 5px 35px; font-size: 116%; font-weight: bold;}
li li {font-size: 90%}

hr {background-color: #ffffff; border:0; border-top: 1px solid #cccccc; color: #ffffff;}

.success {font-weight: bold; text-align: center; background-color: #c6ffca; color: #000000; margin: 10px 20px; padding: 10px;}
.error {font-weight: bold; text-align: center; background-color: #ffcccc; color: #000000; margin: 10px 20px; padding: 10px;}
/* ------------------------ */

/* ------------ Layout */
#doc {padding: 0; background-color: #ffffff;}
/* ------------------- */


/* ------------ Header */
#head-top {margin: 10px 0 0 0; padding: 0 10px;}
#head-top h1 {font-size: 93%; color: #989898; margin: 0; padding: 0; text-align: center;}
#head-top-title {float: left; display: inline; margin: 0; padding: 0; width: 485px;}
#head-top-title img {float: right; display: inline; margin: 0 0 0 0; padding: 0;}
#head-top-title h2 {margin: 0; padding: 0; font-family: "Arial Black", Arial, sans-serif; font-size: 220%; color: #d1e1e1;}
#head-top-title h2 span {font-size: 130%; color: #41678e;}
#head-top-links {float: right; display: inline; margin: 0; padding: 0; font-weight: bold; font-size: 114%; color: #cccccc;}

#head-images {margin: 10px 0 0 0; padding: 0 10px;}
#head-images img {margin-right: 3px;}
#head-images img.last {margin-right: 0;}

#head-information {margin: 20px 0 20px 0; padding: 10px; font-family: Verdana, Arial, sans-serif; font-size: 93%; letter-spacing: -0.05em; background-color: #fbffdb;}
#head-information-options {padding: 0px; border-width: 0px; border-style: solid; float: right; display: inline; color: #41678e;}
#head-information-options a {font-weight: bold; margin-right: 20px; }
#head-information-basket {float: left; display: inline; color: #41678e;}
#head-information-basket span {color: #989898;}
/* ------------------- */

/* ------------ Alternative Site Prompt */
#alternative-shop-prompt {margin: 30px; 10px; padding: 20px 20px; background-color: #DFF7E1;}
#alternative-shop-prompt h1 {margin: 0; padding: 0; color: #888888;}
#alternative-shop-prompt h1 img {float: left; display: inline; margin-right: 5px;}
#alternative-shop-prompt p {margin: 0 0 20px 0; padding: 0; color: #8e3f00; font-weight: bold; font-size: 110%;}
/* ------------------- */

/* ------------ Content */
#content, #content-wide {float: right; display: inline; width: 510px; padding: 0 10px 0 0; margin-top: 20px;}
#content h1, #content-wide h1 {margin: 0; color: #41678e; font-family: Arial, sans-serif; font-size: 182%; letter-spacing: -0.05em; text-transform: lowercase;}
#content h2, #content-wide h2 {font-size: 153.9%; color: #7ca27f; font-family: Arial, sans-serif; letter-spacing: -0.05em; text-transform: lowercase;}
#content p, #content-wide p {color: #4a4a4a; font-size: 93%; font-family: Verdana, Arial, sans-serif; line-height: 1.7em;}

#content-wide {width: 725px; margin-top: 40px;}
/* -------------------- */

/* ------------ Messages */
#messages {padding: 0; text-align: center;}
#messages p {color: #4a4a4a; font-size: 93%; font-family: Verdana, Arial, sans-serif; line-height: 1.7em;}
/* -------------------- */

/* ------------ Footer */
#footer {margin: 60px 20px 0 20px; border-top: 1px solid #cccccc; padding-bottom: 20px;}
#footer p {color: #4a4a4a; font-size: 77%; font-family: Verdana, Arial, sans-serif; text-align: right; text-transform: lowercase;}

#footer-links {margin: 0 20px 0 20px; padding-bottom: 20px;}
#footer-links p {color: #4a4a4a; font-size: 77%; font-family: Verdana, Arial, sans-serif; text-align: center; text-transform: lowercase; margin: 10px 40px;}
/* -------------------- */

/* ------------ Homepage */
#home-copy-image {float: right; display: inline; margin: 0 0 0 20px;}
.homepage-product-box {float: left; display: inline; margin: 10px 0 10px 20px; padding: 5px; border: 1px solid #cccccc; width: 200px; text-align: center;}
#homepage-products h2 {height: 30px; font-size: 100%;}
.homepage-product-box h3 {color: #418e48; margin: 3px 0;}
.homepage-product-image {height: 160px;}
#homepage-products {text-align: center;}

#home-bottom li {font-size: 93%; font-weight: normal;}
/* --------------------- */


/* ------------ Category */
.product-list-box {margin: 10px 10px 10px 0; text-align: left; padding: 10px 8px; border: 1px solid #cccccc; background-color: #f0fff6;}
.product-list-box-odd {background-color: #fffdf0;}
.product-list-box img {float: right; display: inline; margin: 0 0 0 20px; padding: 2px; border: 1px solid #cccccc;}
.product-list-box h2 {margin: 0; padding: 0; font-size: 100%;}
.product-list-box h3 {font-size: 138.5%; color: #b2c0c0; margin: 0; padding: 0; letter-spacing: -0.1em;}
h3.product-price {float: left; display: inline; margin: 0; padding: 0; color: #418e48;}
.product-options {float: right; display: inline; margin: 0; padding: 0;}
/* --------------------- */


/* ------------ Product */
#product-detail h1 { text-align: left; color: #41678e; margin-bottom: 8px;}
#product-detail h2 {margin-top: 20px;}
#product-detail p {line-height: 1.6em;}
#product-detail ul {list-style-position: outside; list-style-type: disc; color: #4a4a4a; margin-left: 10px; font-size: 85%;}
#product-detail li {list-style-position: outside; list-style-type: disc; margin-left: 10px; margin-top: 15px;}
#product-detail .highlight {color: #418e48; font-weight: bold;}
#product-detail .heading {color: #41698E; font-weight: bold;}

#product-detail-image {float: left; dispay: inline; border: 1px solid #cccccc; padding: 20px 10px; width: 250px; text-align: center; margin: 0 0 10px 0;}

#product-detail-key-features {border: 1px solid #cccccc; background-color: #fbffdb; padding: 10px 20px 10px 20px; margin: 10px 0 0 0;}
#product-detail-key-features h3 {color: #41678e;}
#product-detail-key-features ul {margin: 0 0 10px 0;}
#product-detail-key-features li {color: #5C5C5C; padding: 0; margin: 5px 0 0 15px; font-size: 123.1%;}

#product-detail-right {float: right; display: inline; border: 0px solid #cccccc; padding: 0px 10px; width: 200px; margin: 0 0 10px 0;}
#product-detail-main-image {width: 180px;  text-align: center; padding: 4px;}
#product-detail-summary {font-weight: bold; padding: 5px; background-color: #fbffdb; text-align: center; border: 0px solid #cccccc; margin: 10px auto;}
#product-detail h2.product-detail-price {color: #418e48; text-align: right; padding: 5px 2px;}
#product-detail h2.product-detail-price span {color: #AAAAAA;}
#product-detail h2.product-detail-price img {vertical-align: middle; margin-left: 20px;}
#product-detail h2.product-detail-rrp {color: #418e48; margin-bottom: 0; color: #BC0000;}
#product-detail h2.product-detail-rrp span {text-decoration: line-through;}
#product-detail h2.product-detail-buy {text-align: right;}
#product-detail h2.product-detail-nostock {color: #c30202; text-align: right;}

#product-detail p.product-detail-subprice {font-style: italic; text-align: right;}
#product-detail p.product-detail-subprice span {color: #418e48; font-weight: bold;}

#product-xsell {margin-top: 60px; border-top: 1px solid #cccccc; padding: 10px 0;}
#product-xsell .product-price {width: 80px; float: right; display: inline; color: #418e48; text-align: right;}
#product-xsell li {color: #b2c0c0;}
/* --------------------- */

/* ---------------- Cart */

a.cart-remove {color: red;}

#cart {}

#cart table {width: 100%; margin: 10px 0; }
#cart td, #cart th {padding: 10px; border: 0px solid #cccccc}
#cart th {border-color: #999999;}
#cart th {font-weight: bold; background-color: #ffffff; color: #484848;}
#cart tr.odd {background-color: #efefef;}
#cart tr.even {background-color: #e2e2e2;}

#cart tr.cart-head th {border-bottom: 1px solid #cccccc;}

#cart th#header-item {text-align: left;}
#cart td.cart-remove {text-align: center;}
#cart td.cart-remove a {color: red;}
#cart td.cart-quantity {text-align: center; color: #333333;}
#cart td.cart-total {text-align: right; color: #333333;}

#cart tr.cart-summary td {text-align: right; border-top: 1px solid #cccccc;}
#cart td.cart-subtotal {color: #666666; font-weight: bold;}

#cart .checkout-link {color: #418e48; background-color: #c6ffca; text-align: right; font-weight: bolder; padding: 10px; letter-spacing: -0.05em; font-size: 150%;}

/* --------------------- */


/* ---------------- Checkout */
.continue-amazon {padding: 5px 20px; text-align: right; background-color: #c6ffca; border: 0px solid #cccccc; margin: 0 0 30px 0;}
.continue-amazon h2 {font-size: 200%; padding: 0; margin:0;}
#amazon-uk-logo {float: right; display: inline; margin: 0 10px;}
#amazon-basket-screenshot {float: right; display: inline; padding: 0; margin-left: 10px; border: 1px solid #cccccc;}
/* ------------------------- */


/* ---------------- Contact */
#contactform label { display: inline; float: left; width: 150px; margin: 0 0 0 20px; padding-top: 5px; }
#contactform input.text{ width: 300px; font-weight: normal; padding: 5px; font-size: 116%; color: #333333;}
#contactform input.submit { width: 100px; margin-right: 20px; font-weight: bold; padding: 5px 15px; font-size: 116%; float: right; display: inline;}
#contactform textarea {padding: 5px; color: #888888; }
/* ------------------------ */


/* ---------------- Newsletter */
#newslettercontent label { display: inline; float: left; width: 100px; margin: 0 0 0 0; padding-top: 5px; font-weight: bold; }
#newslettercontent input.text{ width: 350px; font-weight: normal; padding: 5px; font-size: 116%; color: #333333;}
#newslettercontent input.submit { width: 100px; margin-right: 30px; font-weight: bold; padding: 5px 15px; font-size: 116%; float: right; display: inline;}
#newslettercontent textarea {padding: 5px; color: #888888; }
/* ------------------------ */


/* ------------ Left Column */
#left-column {float: left; display: inline; width: 180px;  padding: 0 0 0 10px; margin:0;}
#left-column h2 {font-size: 108%; font-family: "Arial Black", Arial, sans-serif; margin-top: 0px; margin-bottom: 5px; font-weight: 100;}
#left-column ul {margin: 5px 0 20px 0; list-style-type: none; }
#left-column li {margin-bottom: 0px; margin-top: 3px; margin-left: 15px; text-transform: lowercase; list-style-type: none; font-size: 93%; font-family: "Arial Black", Arial, sans-serif;font-weight: 100;}

#left-column-search {margin-bottom: 15px;}

#left-column-heading-categories {color: #418e48;}
#left-column-categories li a {color: #588CC1;}
#left-column-categories li a:hover {color: #b2c0c0;}

#left-column-heading-information {color: #418e48;}
#left-column-information li a {color: #b2c0c0;}
#left-column-information li a:hover {color: #41678e;}

#left-column-products {border: 1px dashed #cccccc; padding: 5px; margin-top: 50px;}
#left-column-products h2 {color: #418e48;}

#left-column .selected a {color: #41678e;}

.left-column-ad {margin: 30px 0; text-align: center;}

#securitybox {border: 0px dashed #cccccc; text-align: center; padding: 10px 3px; margin-top: 20px; background-color: #fdffe4;}
#securitybox h2 {color: #41678e; font-size: 90%; }

#newsletter_box {border: 0px solid #cccccc; background-color: #fdffe4; padding: 10px 3px; margin-top: 20px; text-align: center; font-weight: bold;}
#newsletter_box a {color: #418e48;}
#newsletter_box a:hover {color: #b2c0c0;}

#links_box {border: 0px solid #cccccc; background-color: #EBEDFF; padding: 4px 4px; margin-top: 20px; text-align: left; font-weight: bold;}
#links_box a {color: #DC750C;}
#links_box a:hover {color: #b2c0c0;}

/* ------------------------ */


/* --------------- Xmas Override */
/*body {background-image: url(../images/main_background_xmas.jpg); background-color: #F6F6F6;}*/
/* ----------------------------- */