body {padding:0 10px; margin:0; height:100%; max-height:100%; min-width:750px; font-size:12pt; line-height:1.25em; font-family:sans-serif; background:rgb(102, 102, 102) url('images/background.png') repeat-x fixed}
h1, h2, h3, h4, h5, h6 {line-height:1.25em; font-family:serif; margin:2em 0 1.25em}
h1 {font-size:1.5em; margin:1.25em 0 1.5em}
h2 {font-size:1.2em}
p {margin:1.25em 0}
a:hover {text-decoration:none; color:rgb(62, 147, 72)}
table {border:none; border-collapse:collapse}
blockquote {color:rgb(62, 147, 72); font-style:italic}

input.radio {vertical-align:middle}

.warning {color:red; font-weight:bold}

a.anchor {text-decoration:none; cursor:default; color:black}

.link-image {margin:4px; border:3px solid rgb(195, 230, 199); -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}
.link-image:hover {border:3px solid rgb(62, 147, 72)}

.price {color:red; font-weight:bold}
td.price {text-align:right}
.itementry .price, div.variantlist .price, .bundle-contents .price, .recommendeditem .price, .itemlist .price {float:right}

.stock-in {color:green}
.stock-out {color:red}
.stock-to-order {color:yellow}


/* Page Margins */
#page {margin:auto; max-width:1000px}

/* Header */
#header {margin-top:15px; height:100px; background:rgb(62, 147, 72) url('images/background_header.png') repeat-x; text-align:center; font-size:1.5em; color:white; -moz-border-radius:12px 12px 0 0; -webkit-border-radius:12px 12px 0 0; border-radius:12px 12px 0 0}
#header-menu {height:1.5em; margin:0 0.8em}
#header-main {position:relative; top:-1.5em}
#headerlogo {margin-top:8px; max-width:100%; border:none}

/* Page Body */
#pagebody {border:1px solid rgb(62, 147, 72); border-top:none; border-bottom:none; background-color:white}

/* Page Content */
#pagecontent {min-height:400px}
.endcontent {clear:both; height:0}
.innerfooter {clear:both; text-align:center}
.content, .text-body {padding:20px; font-size:0.85em}
.text-body p, .text-body ul, .text-body ol, .text-body h1, .text-body h2, .text-body h3, .text-body h4, .text-body h5, .text-body h6 {margin-right:32%}
.text-body img {float:right; clear:right; max-width:28%; margin:5px 0 10px 20px; border:3px solid rgb(62, 147, 72); -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px}
.text-body img.large-photo, .text-body img:hover {max-width:100%}
.text-body .caption {color:gray; float:right; clear:right; max-width:28%; margin:0 0 20px 20px}

/* Footer */
#contactfooter {padding:5px 0; -moz-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px; background-color:rgb(62, 147, 72); font-size:0.75em; text-align:center; color:white}
#contactfooter p {margin:0}
#footer {margin-top:2px; margin-bottom:2px; font-size:0.75em; text-align:center; color:rgb(166, 166, 166)}
#contactfooter a {color:white}
#footer a {color:rgb(166, 166, 166)}
#contactfooter a, #footer a {text-decoration:none}
#contactfooter a:hover, #footer a:hover {text-decoration:underline}


/* Header Menu */
#header-menu div, #header-menu a {
    position:relative; z-index:10;
    float:left;
    margin:0 0.1em;

    border: 1px solid rgb(104, 191, 114);
    border-top: none;
    -moz-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
}
#header-menu div.right, #header-menu a.right {float:right}
#header-menu div a {margin:0; border:none}

#header-menu p {float:left; margin:0}
#header-menu p, #header-menu a {padding: 0.1em 0.5em; font-size:0.65em; color:white; text-decoration:none}
#header-menu a:hover {
    text-decoration: underline;
    background-color: rgb(62, 147, 72);
    background-image: -moz-linear-gradient(rgb(103, 199, 115), rgb(62, 147, 72));
    background-image: -webkit-linear-gradient(rgb(103, 199, 115), rgb(62, 147, 72));
    background-image: -o-linear-gradient(rgb(103, 199, 115), rgb(62, 147, 72));
    background-image: linear-gradient(rgb(103, 199, 115), rgb(62, 147, 72));
}

/* Main Menu */
ul.menu, ul.submenu {list-style-type:none; width:auto; right:0; bottom:0; margin:0; padding:0; overflow:hidden; color:white}
ul.menu {background-color:rgb(36, 67, 48); border-top:1px solid rgb(36, 67, 48)}
ul.submenu {border-top:1px solid rgb(62, 147, 72); border-bottom:1px solid rgb(153, 208, 150); background-color:rgb(62, 147, 72); font-size:0.85em; line-height:1.3em}
ul.menu a, ul.submenu a {text-decoration:none; color:white; border:10px solid transparent}

ul.menu li, ul.submenu li {float:left; display:block; padding:2px 0; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0}
li.current {padding:2px 10px!important}
li.current a {border:0}

ul.menu li:hover, ul.menu li.current {background-color:rgb(62, 147, 72)}
ul.submenu li:hover, ul.submenu li.current {background-color:rgb(153, 208, 150)}

li.BasketLI {float:right!important; margin-left:30px}

/* Tabs */
#variantgrouplist, #summary-section-navigation {
    display: none;
    list-style-type: none;
    padding: 0;
}
#variantgrouplist li, #summary-section-navigation li {
    float: left;
    display: block;
    color: rgb(62, 147, 72);
    cursor: pointer;

    margin:0 0.2em;
    padding:2px 1em!important;

    border: 1px solid rgb(62, 147, 72);
    border-bottom: none;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}
#variantgrouplist li.current, #variantgrouplist li:hover,
#summary-section-navigation li.current, #summary-section-navigation li:hover {
    color: white;
    background-color: rgb(62, 147, 72);
    background-image: -moz-linear-gradient(rgb(103, 199, 115), rgb(62, 147, 72));
    background-image: -webkit-linear-gradient(rgb(103, 199, 115), rgb(62, 147, 72));
    background-image: -o-linear-gradient(rgb(103, 199, 115), rgb(62, 147, 72));
    background-image: linear-gradient(rgb(103, 199, 115), rgb(62, 147, 72));
}

/* Bubbles */
div.index, div.itementry, #applicable_offers, div.recommendeditem {
    background-color: rgb(195, 230, 199);
    background-image: -moz-linear-gradient(rgb(225, 255, 228), rgb(195, 230, 199));
    background-image: -webkit-linear-gradient(rgb(225, 255, 228), rgb(195, 230, 199));
    background-image: -o-linear-gradient(rgb(225, 255, 228), rgb(195, 230, 199));
    background-image: linear-gradient(rgb(225, 255, 228), rgb(195, 230, 199));
    border: 1px solid rgb(62, 147, 72);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

/* Index */
div.index {float:left; margin-bottom:1em}
div.index div {float:left; width:auto; padding:1em 1.5em}
div.index div h4 {margin:0.5em 0}
div.index div ul {list-style-type:none; margin:0; padding:0}


/* Home Page */
h1.welcome {margin:0.5em 0 1em; text-align:center}
p.welcome {max-width:45em; margin-left:auto; margin-right:auto; text-align:center}
p.welcome a {text-decoration:none; color:rgb(62, 147, 72)}
p.welcome a:hover {text-decoration:underline}

#index-photo {margin-left:auto; margin-right:auto; max-width:700px; min-height:340px; border:3px solid rgb(62, 147, 72); -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}
#index-photo img {position:absolute}
#index-photo a {opacity:0.8; display:block; margin:200px 0 1em 0; padding:1em 2em; background-color:white; color:rgb(36, 67, 48); font-weight:bold; text-decoration:none}
#index-photo a:hover {opacity:0.9}


/* Product/s, Bundle/s and Offers Pages */
div.itementries {float:left; width:100%}
div.itementriesline {clear:both}
div.itementry {float:left; width:44%; padding:1.4%; margin:1.4%}
div.itementry h4 {margin:1.25em 0}

div.itemthumbphoto {text-align:center}
img.itemthumbphoto {border:1px solid rgb(62, 147, 72); -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; max-width:97%; max-height:300px}
div.itementry p {margin:1.25em 0 0 0}
ul.variantlist {list-style-type:none; margin:1.25em 0 0 0; padding:0}


/* Product and Bundle Pages */
#productsummaryarea {float:left; background-color:rgb(153, 208, 150); border-bottom:1px solid rgb(62, 147, 72); width:100%}
#productsummaryarea p {margin:0.5em 0}
div.variantlist input {margin:0}
div.variantlist .stock-in, div.variantlist .stock-out, div.variantlist .stock-to-order {margin-left:1.2em; font-size:0.8em}
.confirmtext {margin:0; color:rgb(62, 147, 72)}

#variantgrouplist {margin-bottom:2px; overflow:hidden; border-bottom:1px solid rgb(62, 147, 72)}
#summary-section-navigation {float:left; font-size:0.85em; margin:0 2em}

.photogallery {float:left; text-align:center}
.photogallery img.largephoto {max-width:95%; margin-bottom:1em; border:2px solid rgb(62, 147, 72); -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; cursor:pointer}
.photogallery img.thumbphoto {max-width:120px; max-height:40px; vertical-align:middle; margin:0; border:1px solid rgb(62, 147, 72); cursor:pointer}
/* .photogallery img.current {border:1px solid rgb(62, 147, 72); cursor:auto} */

#productsummary, #productphotogallery {float:left; width:100%}
#productphotogallery {display:none}

#productsummary div.photogallery {width:340px}
#productsummarycontent {margin-left:375px}
#productsummary img.largephoto {max-width:340px; max-height:300px; margin-bottom:0.5em}
#productsummary img.thumbphoto {max-width:68px}

#longitemdescription {float:left; width:60%; margin:3em 1em 3em 3em; padding:0}
#applicable_offers {margin:0 0 3em 0; padding:0.5em; text-align:center; font-size:0.85em}
#applicable_offers h4 {margin:0.4em 0 0.6em}
#applicable_offers p {margin:0.2em 0}

.bundle-contents {list-style-type:none; margin:0; padding:0}
.bundle-contents li.odd {background-color:rgb(245, 245, 245); -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px}

.sidebar {width:25%; float:right; margin:2em 0; padding:1em 1.5em; border-left:1px dashed rgb(62, 147, 72); font-size:0.75em}
ul.sidebaritems {list-style-type:none; margin:0; padding:0}
.sidebaritemlabel {font-weight:bold}

div.recommendeditems {margin-top:40px}
div.recommendeditems h4 {text-align:center}
div.recommendeditem {padding:0 4%; margin:4% 0}
div.recommendeditem img {margin-top:7px; max-height:200px}


/* Product Comparison Pages and Delivery Charges Page */
table.compare-products th, table.compare-products td, table.delivery-charges th, table.delivery-charges td {border:1px solid rgb(62, 147, 72); padding:0.4em}
table.compare-products th, table.delivery-charges th {color:white; background-color:rgb(62, 147, 72)}
table.compare-products td, table.delivery-charges td {font-size:0.8em}
table.compare-products tr.even, table.delivery-charges tr.even {background-color:rgb(195, 230, 199)}


/* Basket and Checkout Pages */
div#checkoutnavigation {margin-top:2em; padding:1em 0; border-top: 1px dashed rgb(62, 147, 72)}
div#checkoutnavigation p {margin:0}
div#checkoutnavigation .continuebutton {float:right; margin-left:3em; color:red}
#errormessage {text-align:center}

.itemlist, .details, .addresses {margin:1em 0; padding:1em; border:3px solid rgb(62, 147, 72); -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px}
.addresses {padding:1em 0}

.itemlist h4, .details h4, .addresses h4 {margin:0.2em 0 0.5em 0}
.itemlist p, .details p, .addresses p, #CheckoutForm p {margin:0.2em 0}
.itemlist p {text-align:right}
.addresses h4, .addresses p {margin-left:1em!important; margin-right:1em!important}

.itemlist div {padding:0.3em 0.5em}
.itemlist div.Odd {background-color:rgb(245, 245, 245); -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px}

.details div, .addresses div {float:left; width:50%}
.details div.endcontent, .addresses div.endcontent {float:none}
.details div p {padding:0 0.5em}

.detailsform p {text-align:right}

.invalid {border:2px solid red; border-radius:3px}


/* Terms and Conditions inset */
#terms-inset {display:none}
.inset {margin:auto; width:85%; height:600px; background-color:rgb(62, 147, 72); padding:20px; -moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px}
.inset .text-body {background-color:white; height:520px; -moz-border-radius:8px 8px 4px 4px; -webkit-border-radius:8px 8px 4px 4px; border-radius:8px 8px 4px 4px; overflow:auto}
.inset p, .inset ul, .inset ol, .inset h1, .inset h2, .inset h3, .inset h4, .inset h5, .inset h6 {margin-right:auto}