/*  =reset.css */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, address, table, th, td { margin : 0; padding :0; }
h2, h3, h4, h5, h6 { font-size : 100%; font-weight : normal; }
ol, ul { list-style-type : none; }
table { border-collapse : collapse; }
fieldset, img { border : 0; }

/* standard layout */
.left { float: left; }
.right { float: right; }
.center { text-align: center; }
.clear { clear: both; }

/* green styles */
p.green { color:#8CC63F; }
p.medGreen { color:#8CC63F; font-size:1.0em; }
p.bigGreen { color:#8CC63F; font-size:1.6em; }

/* lists */
ul { margin: 0 0 1.5em 1em; list-style-type: square; }
ol { margin: 0 0 1.5em 1.5em; list-style-type: decimal; }

ul li, ol li {margin: 0 0 0.5em 0.7em; }

p.small { font-size:0.8em; }
p.manualLinkPara { text-align:center; padding-bottom:5px; }

a { color:#2C933C; }

/* body */
body, input, textarea, table {font-family: Verdana, Helvetica, sans-serif; font-size: 1em; color: #303030;}

body { background-image: url(/images/page-background.gif); background-repeat: repeat-x; background-attachment: fixed; background-color:#C0C2C4; }

/* Layout divs */
#page { position: relative; width: 100%; text-align: center; }
#innerPage { position: relative; width: 990px; margin: 0px auto; font-size: 0.8em; text-align: left; background: #ffffff url(/images/left-background.gif) repeat-y; }

/* form fields */
input, textarea { border:1px solid #8CC63F; padding: 0.2em; }
span.checkbox input, input.checkbox {border: none;}
input.button { color:white; background-color: #8CC63F; font-weight:bold; font-size:0.9em;border:1px solid #006737; cursor:pointer; padding: 0.2em; vertical-align:text-bottom;}
select { font-size:0.9em; }

input.tiny { width:20px }
input.small { width:80px }
input.medium { width:150px; }
input.large { width:200px; }

/* login */
.form { margin-top:20px; }
.oops { color:#F50000;}
.loginField { float:left; padding-right:10px; width:150px; text-align:right; }
.loginButton { padding-left:160px; padding-top:10px; }

/* header */
#header { position: relative; background-image: url('/images/header-background.jpg');background-repeat: no-repeat; height:146px; border-bottom:10px solid #A87B4F; }
#header .rightCol { position:absolute; width:270px; top:0; left:690px; padding:15px; text-align:right; }
#header p.number { color:#5F3811; font-weight:bold; font-size:1.4em; }
#header p.openingTimes { color:#8CC63F; font-size:0.9em; }
#header .search { font-weight:bold; padding-top:7px; color: #939597; font-size:0.9em; }
#header .search input[type=text] { border: 1px solid #8CC63F; }
#header .rightCol input[type=image] { vertical-align: bottom; }
#header h1, #header h2 {text-indent: -9999px;}
#header img.logo {display:block; position:absolute; top: 5px; left: 0px; border: none;}


/* top navigation */
#topNav { position: absolute; height:25px; top:121px; left:200px; }
#topNav .navItem { position: relative; float:left; }
#topNav .navItem .itemLeft { float:left; width:11px; }
#topNav .navItem .itemMiddle { float:left; height:25px; padding:4px; vertical-align:middle; background-image: url('/images/nav-middle.gif'); background-repeat: repeat-x; }
#topNav .navItem .itemRight { float:left; width:11px;padding-right:2px; }
#topNav a { text-decoration:none; color:Black; font-size:1.0em; }
#topNav a:hover { color:#2C933C; }

/* left navigation */
.leftNav { position: relative; width:150px; padding:10px; float:left; background-color:#F5F7D9; font-size:1.0em; }
.leftNav .heading { font-weight:bold; padding-top:20px; padding-bottom:10px; border-bottom:1px solid #8CC63F; }
.leftNav .navItem { padding-top:10px; padding-bottom:10px; width:150px; border-bottom:1px solid #8CC63F; text-transform:capitalize; }
.leftNav .navItem a { text-decoration:none; color:Black; }
.leftNav .navItem a:hover { color:#8CC63F; }

/* main content area */
#mainLeft { position: relative; float:left; width:610px; padding:5px; overflow:hidden; }
#mainRight { position: relative; float:left; width:190px; padding:5px; }

/* banner */
#mainLeft .banner { margin-bottom:5px; }

.bannerHolder { width:610px; height:160px; margin-bottom:5px; overflow:hidden; }
.bannerHolder img { height:160px; border:0px none transparent; }
div.bannerImg1 { display:inline;}
div.bannerImg2, div.bannerImg3, div.bannerImg4, div.bannerImg5, div.bannerImg6, div.bannerImg7, div.bannerImg8, div.bannerImg9, div.bannerImg10, div.bannerImg11 {display:none;}

/* category images */
#mainLeft .categoryImgs { position: relative; float:left; width:615px; overflow:hidden; }
#mainLeft .categoryImg { position:relative; width:200px; height:150px; float:left; margin-bottom:5px; margin-right:5px; }
#mainLeft .categoryImg h2 { position:absolute;margin-top:5px;margin-left:110px;width:84px;overflow:hidden; height: 70px; font-size: 8pt;}
#mainLeft .categoryImg .fsc { position:absolute;margin-top:75px;margin-left:166px; }
#mainLeft .categoryImg a { text-decoration:none; cursor:pointer;color:#8CC63F; }
#mainLeft .categoryImg .price { position:absolute;margin-top:77px;margin-left:110px; width: 50px; font-size: 8pt; color: #000000; }
#mainLeft .categoryImg .price span { color: #8CC63F; font-size: 8pt;}

.categoryLongDescription { position:relative; font-size:0.80em; line-height:1.4; text-align:justify; margin: 10px 0px 10px 0px; }
.categoryLongDescription p { margin-bottom:5px; }

/* title */
#mainLeft .title { width:610px; border-bottom:5px solid #8CC63F; height:25px; padding-left:5px; padding-top:5px; margin-bottom:10px; }
#mainLeft .title img { float:left; }
#mainLeft .title h1 { float:left; background-color: #8CC63F; color:White; font-size:1.1em;height:25px; padding-top:5px; min-width:100px; }

/* product details */
#productDetails { width:610px; padding-top:5px; }
#productDetails .mainImage { position:relative; float:left; width:300px; height:290px; margin-right:10px; overflow:hidden; }
#productDetails .thumb { position:relative;width:90px; height:90px; margin-bottom:10px; overflow:hidden; cursor:pointer; }
#productDetails .description { float:left; width:200px; margin-left:10px; overflow:hidden; font-size:0.85em; }
#productDetails h2 { font-size:1.3em; font-weight:bold; margin-bottom:5px; }
#productDetails p { margin-bottom:5px; }
#productDetails .longDescription { position:relative; width:400px; font-size:0.80em; line-height:1.4; text-align:justify; }
#productDetails .rrp { font-weight:bold; color:Gray; padding-top:2px; float:left; }
#productDetails .save { font-weight:bold; color:red; padding-top:2px; text-align:right; }
#productDetails .price { height:30px; width:180px; background-color:#8CC63F; 
	padding-top:10px; text-align:center; float:left; color:White; font-size:1.5em; font-weight:bold; }
#productDetails .delivery { clear:both; height:40px; }
#productDetails .delivery img { float:left; }
#productDetails .delivery p { float:left; margin-top:10px; color:#A6A7AB; font-size:1.2em; }
#productDetails .thumbTip {position:absolute;width:90px;background-color:White;visibility:hidden; filter:alpha(opacity=75); font-size:0.7em; padding-top:2px; padding-bottom:2px; text-align:center; font-weight:bold; }
#productDetails .mainImageTip {position:absolute;width:300px;background-color:White;visibility:hidden; filter:alpha(opacity=75); font-size:0.8em; padding-top:2px; padding-bottom:2px; text-align:center; font-weight:bold; }	
#productDetails .featureList {padding: 0 0 0.5em 0;}

/* cross sell items */
#crossSellItems { position:relative; border-top:5px solid #8CC63F; color:#818385; font-size:0.9em; }
#crossSellItems h2 { margin-top:5px; margin-bottom:5px; color:#8CC63F; font-weight:bold; }
#crossSellItems .item {position:relative; float:left; width: 110px; margin: 0 20px 0 0px;}
#crossSellItems .itemImage {border:1px solid #8CC63F; padding: 2px;}
#crossSellItems .item h3 {min-height: 4em;}
#crossSellItems p {  }
#crossSellItems p.price { font-size:1.2em; font-weight:bold; margin-bottom:2px;}

/* basket */
#mainRight #basket { background-color:#F5F7D9; width:180px; padding:5px; }
#mainRight #basket .heading { font-weight:bold; padding-right:10px; float:left; }
#mainRight #basket p.cost { font-weight:bold; color:#327446; padding-top:10px; padding-bottom:10px; }
#mainRight #basket .checkout img { vertical-align:middle; padding-left:10px; }
#mainRight #basket .checkout a { color:black; text-decoration:none; }

/* recent items */
#mainRight #recentItems { background-color:#F5F7D9; width:180px; padding:5px; }
#mainRight #recentItems p { line-height:15pt }
#mainRight #recentItems .heading { font-weight:bold; padding-right:10px; float:left; }

/* delivery */
#mainRight #delivery { background-image: url('/images/delivery-background.gif'); background-repeat: no-repeat; width:180px; 
	height:90px; padding:5px; margin-top:5px; color:#8E9090; }
#mainRight #delivery .spacer { width:180px; height:27px; }
#mainRight #delivery a { color:White; text-decoration:none; }

/* other boxes on right */
#mainRight .box { background-color:#F5F7D9; color:#8E9090; border-bottom:5px solid #8CC63F; width:180px; padding:5px; margin-top:5px; }

/* video styles */
#mainRight #video .left { width:80px; } 
#mainRight #video a { color:#327446; text-decoration:none; font-weight:bold; } 

/* payment styles */
#mainRight #payment p { padding:10px; }

#mainRight #payment .bigGreen { width:100px; }

/* contact styles */
#mainRight #contact p { padding:10px; }
#mainRight #contact p.medGreen { font-weight:bold; }
#mainRight #contact a { color:#8E9090; font-weight:bold; }

/* footer */
#footer { position:relative; width:990px;  color:#939597; }

#footer .footerLeft { position:relative; float:left; width:160px; padding-top:10px; padding:5px; background-color:#F5F7D9; text-align:center; color:#006737; font-size:0.8em; }
#footer .footerLeft a { color:#006737; text-decoration:none; }
#footer .footerLeft a:hover { text-decoration:underline; }
.fscDiv {text-align: center; color:#006737; font-size: 0.9em; font-family: arial, helvetica, sans-serif; margin-top: 20px;}
.fscDiv p {font-size: 0.9em;}
.fscDiv img {margin-top: 1em;}
.fscDiv p.fscPromo {margin-top: 1em;}
.fscDiv p.fscCode {margin-top: 0.5em; font-size: 1.3em; font-weight: bold;}
.fscDiv p.fscCopy {margin-top: 0.5em; }
.fscDiv p.fscLookFor {margin-top: 1em; font-size: 1em; color: #006737;}

#footer .footerRight { position:relative; float:left; width:820px; padding-top:15px; border-top:5px solid #8CC63F; }

#footer .footerRight a { text-decoration:none; color:#939597; }
#footer .footerRight a:hover { text-decoration:underline; color:#000000; }
#footer .footerRight .rss { position:relative; float:left; width:150px; margin-top:10px; text-align:center; }
#footer .footerRight .cards { margin-top:10px; }

.feedback p { margin-bottom:5px; }
.feedback h2 { font-size:1.3em; font-weight:bold; margin-bottom:5px; }
.feedback .question { font-weight:bold; }
.feedback .options { margin-top:10px; margin-left:20px; margin-bottom:20px; display:block; }
.feedback input.radio { margin:2px;padding:2px; }

/* Rating */
.ratingsTitle { float:left; width:80px; margin-bottom:5px; margin-left:20px; }
.ratingStar { font-size: 0pt; width: 13px; height: 12px; margin: 0px; padding: 0px; cursor: pointer;
	display: block; background-repeat: no-repeat; }
.filledRatingStar { background-image: url(../images/FilledStar.png); }
.emptyRatingStar { background-image: url(../images/EmptyStar.png); }
.savedRatingStar { background-image: url(../images/SavedStar.png); }

/* content management */
div.managedContent {position : relative; width:inherit; }
div.managedContent .controlButtons { float:left; margin-right:20px;}
div.managedContent .editButton {position: absolute; top: 1px; left: 1px;}
div.managedContent .editor textarea {border:1px solid #cdcdcd; width:inherit; height: 50px; font-family : Verdana, Helvetica, sans-serif; font-size: 0.85em; color: #6E6E6E;}
div.managedContent .editor .editBox {clear:both; width:98%; background-color:White; border:1px solid #cdcdcd; width:inherit; overflow-y:scroll; font-family : Verdana, Helvetica, sans-serif; font-size: 0.85em; color: #6E6E6E;padding:5px;}
div.managedContent .commands { margin-left:20px;}
div.managedContent img.command {cursor:pointer;}

div.editTags {background-color: #f0f0f0; padding: 0 0 0.5em 0; font-size:0.7em;}
div.editTags label {display: block; padding: 0 0 0 0.5em;}
div.editTags label span {display: inline-block; width: 80px;}
div.editTags label input {width: 800px; }


table.basket { width:100%; margin:1em 0 1em 0; background-color:#EEF2BC;}
table.basket th { padding:0.3em; background-color: #8CC63F; color:White; }
table.basket td { padding:0.3em; background-color:#EEF2BC; }
table.basket .right { text-align:right; }
table.basket td input[type=text] { width:30px; }
table.basket tr.subtotal td { text-align:right; font-weight:bold; }
table.basket tr.total td { background-color: #8CC63F; color:White; font-weight:bold; }

.discount {margin:5em 1em 0 1em;}
.discount h2 {font-weight: bold;}
.discount p {margin: 1em 0em 1em 0em;}

table.checkout { width:600px; }
table.checkout th {padding: 0.8em 0 0 0;}
table.checkout p.help {font-size: 0.8em; padding: 0 0 1em 0;}

table.grid { margin:10px; border: 1px solid #8CC63F;}
table.grid th { padding:5px; background-color: #8CC63F; color:White; }
table.grid th a { color:White; }
table.grid td { padding:5px; }

@media print {
#header {height: 100px;}
#topNav {display: none;}
#header .search { display: none;}
}