html { 

	background-attachment: fixed;
		background: #009ad7 url(../styleImages/backgrounds/pageBg.jpg) repeat-x;

	}

body {
	background: url(../styleImages/backgrounds/contentBg.jpg) no-repeat center top;
	margin: 0;
	padding: 0;
}

#pageSurround2 {
	width: 950px;
	margin: 0px auto;

}

#pageSurround {
	margin: 0px auto;
	min-height: 669px;
}


#subSurround {
	width: 792px;
	margin-left: 73px;
	
	background: #fff;
}

.blankheader {
	float:left;
}

#topHeader {
	height: 292px;
	background: url(../styleImages/backgrounds/topHeader.jpg) no-repeat;
	display: block;
	position: relative;
	}

.bigQuote {
	position: absolute;
	right: 0px;
	top: 70px;
	background: url(../styleImages/backgrounds/bigQuote.jpg) no-repeat;
	width: 300px;
	height: 100px;
}

.freeShipping {
	position: absolute;
	right: 10px;
	top: 160px;
	background: url(../styleImages/backgrounds/euMade3.jpg) no-repeat;
	width: 350px;
	height: 34px;
}
	
.topMenu {
	width: 506px;
	height: 50px;
	position: absolute;
	right: 0px;
	top: 210px;
	border-bottom: 1px solid #6daf10;
	}
.topMenu ul {
margin: 0;
padding: 0;
list-style-position:outside;
list-style-type:none;
}
.topMenu ul li {
list-style-position:outside;
list-style-type:none;
height: 50px;
padding: 0px;
margin: 0px;
}
.topMenu ul li #aboutus {
	float: left;
	width: 115px;
	height: 50px;
	background: url(../styleImages/backgrounds/topmenu/images/about_us.jpg) no-repeat;
	}
.topMenu ul li #aboutus:hover {
	background-position:bottom;
	}
	
.topMenu ul li #prod_qual {
	float: left;
	width: 109px;
	height: 50px;
	background: url(../styleImages/backgrounds/topmenu/images/prod_qual.jpg) no-repeat;
	}
.topMenu ul li #prod_qual:hover {
	background-position:bottom;
	}

.topMenu ul li #delivery {
	float: left;
	width: 160px;
	height: 50px;
	background: url(../styleImages/backgrounds/topmenu/images/customer_service.jpg) no-repeat;
	}

.topMenu ul li #delivery:hover {
	background-position:bottom;
	}


#nav li:hover, #nav li.hover {  
     position: static;  
} 

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0 auto;
	list-style: none;
}
#nav a {
	display: block;
}
#nav li { /* all list items */
	float: left;
/* width needed or else Opera goes nuts */
}
#nav li a {
	text-align:center;
	text-decoration:none;
}
#nav li a:hover {
	color: #498a14;
}
#nav li ul { /* second-level lists */
	position: absolute;
	width: 130px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	padding:0px 0 0px 0;
	margin: 45px 0 0 0;
	border-left: 1px solid #6daf10;
	border-right: 1px solid #6daf10;
	border-bottom: 1px solid #6daf10;	
	z-index: 100;
}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: 120px;
}
#nav ul ul li a {
	background:none;
	line-height:2;
	padding:5px 10px 5px 0;
	margin:0;
	color: #6daf10;
	background-color:#F3F3F5;
	text-transform:lowercase;
	text-align:right;
	width:120px;
	font:14px Arial, Helvetica, sans-serif;
}
.hoverlink a {
	padding: 0;
	color: #3fb0ae;
	font:14px Arial, Helvetica, sans-serif;
}

.searchPageActive{
	margin-left:1px;
	margin-right:1px;
	font-style:underline;
	color:#fff;
	line-height:33px;
	text-align:center;
	display:inline;
	float:left;
	height:28px;
	width:19px;
	background-image:url(../styleImages/icons/searchActive.gif);
}
.searchPageInactive, .searchPageInactive a{
	font-style:underline;
	/*font-size:115%;*/
	color:#fff;
	line-height:28px;
	text-align:center;
	display:inline;
	float:left;
	height:28px;
	width:23px;
	background-image:url(../styleImages/icons/searchInactive.gif);
}
.searchNextPreviousActive{
	color:#049fd5;
}
.searchNextPreviousActive a, .searchNextPreviousActive a:hover, .searchNextPreviousActive a:visited{
	text-decoration:underline;
	color:#049fd5;	
}
.searchNextPreviousInactive{
	color:#c8c8c8;
}
.searchNextPreviousInactive a, .searchNextPreviousInactive a:visited, .searchNextPreviousInactive a:hover{
	text-decoration:underline;
	color:#c8c8c8;
}

.ie .search_left{
	height:110px;
}

.win.gecko .search_left{

	padding-left:0px;

}

.search_left {
	background: url(../styleImages/backgrounds/search_left.jpg) no-repeat;
	width: 171px;
	height: 120px;
	margin-left: 2px;
	padding-left: 15px;
	*padding-left: 2px;
	padding-top: 55px;
	font:14px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	}
.search_drop {
	color:#6FB110;
	width: 100px;
	*width:112px;
	float:right;
	margin: 3px 0px 3px 0;
	font-size: 11px;
}

.ie .search_text{
	line-height: 1.8;
}

.search_text{
	width: 70px;
	float: left;
	margin: 0;
	padding: 0;
	line-height: 1.6;
}

.search_form{
	width: 100px;
	float: right;
	margin: 0;
	padding: 0;
}

.homeLink{
	width: 413px;
	height: 180px;
	position: absolute;
	left: 0px;
	top: 0px;
/*	padding-left: 44px;
	padding-top: 7px;
	padding-right: 5px;
	*/
}

.login {
	width: 120px;
	background: url(../styleImages/backgrounds/green_arrow.jpg) no-repeat;
	height: 36px;
	position: absolute;
	left: 185px;
	top: 2px;
	padding-left: 44px;
	padding-top: 7px;
	border-right: 2px dotted #e5e5e5;
	padding-right: 5px;
	}

.cart {
	width: 120px;
	background: url(../styleImages/backgrounds/cart.jpg) no-repeat;
	height: 40px;
	position: absolute;
	left: 365px;
	top: 0px;
	padding-left: 44px;
	padding-top: 7px;
	padding-right: 15px;
	}

.checkout {
	width: 55px;
	height: 40px;
	position: absolute;
	left: 545px;
	padding-left: 5px;
	border-right: 2px dotted #e5e5e5;
	padding-right: 10px;
	}
.checkout a img { border: none; }

.search {
	height: 40px;
	position: absolute;
	left: 630px;
	padding-top: 4px;
	}

.boxTitleLeft, .boxTitleRight {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 70%;

	color: #09347C;

	background-image: url(../styleImages/backgrounds/boxTitleBg.gif);

	width: 155px;

	height: 15px;

	padding-left: 5px;

	padding-top: 1px;

}

.boxContentLeft, .boxContentRight {
	background: url(../styleImages/backgrounds/leftcontentBg.jpg) repeat-y;
	width: 201px;
	min-height: 20px;
}

.ie .boxFootLeft{
	position:absolute;
	z-index:1;
}

.boxFootLeft {
	background:url(../styleImages/backgrounds/boxFooterLeft.jpg) no-repeat;
	height: 26px;
	width: 201px;
}

.colLeft {
	position: relative;
	left: 0px;
	width: 201px; 
	padding-right: 15px;
	float: left;
	margin-left: 53px;
}

.ie6 .colLeft {
	margin-left: 26px;
	padding-right: 0px;
	}

.colMid {
	position: relative;
	width: 490px;
	float: right;
	margin-top: -30px;
	margin-right: 20px;
	}
	
.ie6 .colMid { 
width: 485px;
margin: 0 10px 0 0;
padding: 0;

 }

.colRight {

	position: relative;

	width: 160px; 

	padding-left: 5px;

	right: 9px;

	float: right;

}

.boxContent {
	padding: 3px;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 75%;
	background-color: #FFFFFF;
	margin-bottom: 5px;
	color: #333;
	padding-top: 0px;
	margin-top: 0;
}

/* CHECKOUT PAGES */

.colLeftCheckout {

	position: relative;

	left: 0px;

	width: 160px; 

	padding-left: 9px;

	padding-right: 10px;

	float: left;

}

.colMainCheckout {

	position: relative;

	width: 558px;

	float: left;

}

/* END CHECK OUT PAGES */


/* NOTE - .siteDocs is STYLING THE CATEGORIES!!!! */

.siteDocs {
	background: #FFFFFF;
	width: 199px;
	margin-left: 1px;
	padding-top: 5px;
}

.siteDocs li {
	padding-left: 25px;
	list-style: none;
	list-style-image: none;
	list-style-type: none;
	background: url(../styleImages/backgrounds/left_arrow.jpg) no-repeat;
	font-size: 24px;
	}
	
.siteDocs li a {
	font-family: Museo-300, "Trebuchet MS", Verdana, Arial;
	color: #6fb110;
	text-decoration: none;
	display: block;
	padding: 0px 0;
	margin: 0 0 5px 0;
	font-size: 14px;
	}

.siteDocs li a:hover {
	font-family: Museo-300, "Trebuchet MS", Verdana, Arial;
	color: #333;
}

.siteDocs li:hover {
	background: #ffcc00;
	}

.ie6 .siteDocs li { height: 20px; }

li.greenLinks {
	margin-left: 5px;
	list-style: none;
	list-style-image: none;
	padding-bottom: 7px;
	list-style-type: none;
	background: url(../styleImages/backgrounds/big_green_arrow.jpg) no-repeat;
	}
	
li.greenLinks a {
	font-size: 14px;
	letter-spacing: 1px;
	font-family: Museo-300, "Trebuchet MS", Verdana, Arial;
	color: #fff;
	text-decoration: none;
	padding-left: 15px;
}

.ie li.greenLinks a { padding-left: 5px; }

li.greenLinks a:hover {
	text-decoration: underline;
	}



li.greenHead {
	font-family: Museo-300, "Trebuchet MS", Verdana, Arial;
	letter-spacing: 1px;
	font-size: 20px;
	margin-left: 5px;
	list-style: none;
	list-style-image: none;
	padding-bottom: 7px;
	padding-left: 15px;
	list-style-type: none;
	background: url(../styleImages/backgrounds/big_green_arrow.jpg) no-repeat;
	color: #333;
}
	
li.greenHead a {
	text-decoration: none;
}

.ie li.greenHead a { padding-left: 5px; }




.pagination {

	width: 450px;

	text-align:right;

	float: left;

	display:inline;

	text-align: right;

	padding-top: 5px;

	padding-bottom: 5px;

}

#subCats {

	background-color: #EBEDFE;

	text-align: center;

	border: 1px solid #C9CEFC;

	margin: 0px;

	padding: 3px;

	float: left;

	width: 387px;

}

.subCat {	

	text-align: center;

	padding: 8px;

	float: left;

	width: 110px;

	height: 50px;

}

.regSep{

	padding: 10px 0px 10px 0px;

	margin: 10px 0px 10px 0px;

	border-top: 1px solid #cccccc;

	border-bottom: 1px solid #cccccc;

}

.customTable{
	cellspacing:20px;
	cellpadding:10px;
}
.customerService{
	background: transparent url(../styleImages/backgrounds/prod_bgGreen.gif) no-repeat scroll;
	width:134px;
	height:128px;
	margin-bottom:20px;
}
.latestProds2 {
	vertical-align
	float: left;
	text-align: center;
	width: 145px;
	height: 195px;
	padding: 0px;
	margin: 0 6px 5px 6px;
}

.latestProds {
	float: left;
	text-align: center;
	width: 145px;
	height: 195px;
	padding: 0px;
	margin: 0 6px 5px 6px;
}
.latestPosts {
	padding-bottom: 10px;
}
.ie6 .latestProds {
	float: left;
	text-align: center;
	width: 145px;
	height: 195px;
	padding: 0px;
	margin: 0 ;
}
.ie7 .latestProds_cats, .gecko .latestProds_cats{
	height:195px;
}

.latestProds_cats {
	float: left;
	text-align: center;
	width: 135px;
	height: 180px;
	padding: 0px;
	margin: 0 12px 5px 12px;
}
.ie6 .latestProds_cats {
	float: left;
	text-align: center;
	width: 135px;
	height: 180px;
	padding: 0px;
	margin: 0 2px 3px 2px;
}
.prod_image {
	background: url(../styleImages/backgrounds/prod_bg.gif) no-repeat;
	/*width: 124px;
	height: 120px;*/

	width: 145px;
	height:140px;
	text-align:center;
	padding: 3px;
	padding-top:15px;
	margin: 0 0 2px 0;
}
.prod_image2 {
	background: url(../styleImages/backgrounds/prod_bgGreen.gif) no-repeat;
	width: 124px;
	height: 120px;
	text-align:center;
	padding: 5px;
	margin: 0 0 2px 0;
}

.latestProds_sm {
	float: left;
	text-align: center;
	width: 150px;
	height: 200px;
	padding: 0px;
	margin: 0 0px 8px 0px;
}
.prod_image_sm {
	align:center;
	background: url(../styleImages/backgrounds/prod_bg_sm.gif) no-repeat;
	width: 145px;
	height: 150px;
	text-align:center;
	padding: 5px;
	margin: 0 0 0px 0;
}

.reviews {
	color: #624223;
	font-size: 12px;
	font-family:  Arial, Helvetica, sans-serif;
	
	padding: 10px;
	border-bottom: 1px solid #cfa668;
	width: 630px;
	margin: 0 auto;

}
.stars {
margin: 0px 0 -2px 0;
}



#footer { width: 950px; margin: 0 auto; height: 202px; background:url(../styleImages/backgrounds/footer.jpg) center top no-repeat; margin-left: -1px; }

.ie #footer{
	padding-top:40px;
	height:252px;
	background:url(../styleImages/backgrounds/footerie.jpg) center top no-repeat;
}

.ie .footer{
	line-height:16px;
}

.footer {
	text-align:center;
	color: #999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding: 0 0 0 85px;
	margin-right: 0px;
}
.footer li { padding-top: 10px; display: block; padding-left: 6px; float: left; }

.footer a {
	color: #999999;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;

}
.footer a:hover {
color:#787878;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;

}


/* NEWSLETTER */

.NLbody {
	background-color: #37a7d5;
	font-family: "Lucida Sans Unicode", Arial, sans-serif;
	background-image: none;
}

#NLpageSurround {
	width: 550px;
	margin: 5px auto;
}
.NLtopText {
	color: #FFFFFF;
	font-size: 12px;
	text-align: right;
}
.NLtopText a {
	color: #FFFFFF;
	text-decoration: none;
}
.NLtopText a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.NLbotText {
	color: #FFFFFF;
	font-size: 12px;
}
.NLbotText a {
	color: #FFFFFF;
	text-decoration: none;
}
.NLbotText a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.NLquote {
	background-image: url(http://www.greenowltoys.co.uk/skins/FixedSize/styleImages/newsletter/quoteBg.jpg);
	padding: 10px 45px;
	width: 460px;
	height: 29px;
	font-size: 14px;
	color: #FFFFFF;
}
.ie6 .NLquote {
	margin-top: -5px;
}
.ie7 .NLquote {
	margin-top: -5px;
}
.NLheader {
	color: #70b210;
	font-size: 18px;
}
.NLsubSurround {
	background-color: #FFFFFF;
	font-size: 14px;
	color: #000000;
	padding: 15px;
}