/* *************************
	ie png fix
************************* */
img, .homeText a, .homeText, .shopText, #nextBtn a, #prevBtn a{behavior: url("pngfix/iepngfix.htc");}
/* *************************************
	Generic Content
************************************* */
html, body{
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	width:100%;
	background:#000;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}
h1{ 
	font-weight:normal;
	line-height:1em;
	font-family: Cambria, serif;
	font-size:2.7em;
	color:#fff;
	margin:0px 0px 5px 0px;
}
h2{
	font-weight:normal;
	line-height:1em;
	font-family: Cambria, serif;
	font-size:2.6em;
	color:#fff;
	margin:0px 0px 30px 0px;
	}
	h2 a{text-decoration:none;}
h3{
	font-weight:normal;
	line-height:1em;
	font-family: Cambria, serif;
	font-size:1.8em;
	color:#fff;
	margin:0px 0px 10px 0px;
}
p,li, table, label {
	font-size:1.1em;
	line-height:1.3em;
	color:#ffffff;
	margin:0px 0px 14px 0px;
}
label{
	font-weight:bold;
	color:#9abf00;
}
strong{font-weight:bold; color:#9abf00;}
a{
	text-decoration:none;
	color:#fff;
}
a:hover{color:#9abf00; text-decoration:underline;}
a:visited{}
em{font-style:italic;}
ol li{}
ul{}
li{}
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
input{margin:3px 0px 10px 0px;}
/* *************************************
	Basic Page Structure
************************************* */
div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:903px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}
div#header {height:30px;}
div#contentHolder{
	padding:0px 0px 80px 0px; /* bottom padding for footer */
	min-height:645px;
}
div#footer {width:100%;}
/* *************************************
	Header Links
************************************* */
#header a{
	display:block;
	width:148px;
	height:30px;
	float:right;
	text-indent:-9999px;
	margin-left:2px;
}
.fourCol a{
	text-decoration:none;
	color:#9abf00;
}
#header a:hover{
	filter:alpha(opacity=90);/* for IE 7+ */
	opacity:0.9;
}
#header a.basket{ background-image:url(../images/viewbasket.gif);}
#header a.offers{ background-image:url(../images/latestOffers.gif);}
#header a.account{ background-image:url(../images/myaccount.gif);}
#header a.blog{ background-image:url(../images/viewblog.gif);}
/* *************************************
	Sub Header
************************************* */
.subHead .left, .subHead .right{margin-top:34px;}
.homeLink:hover{
	filter:alpha(opacity=70);/* for IE 7+ */
	opacity:0.7;
}
/* *************************************
	Main Navigation
************************************* */
ul.mainNav{
	width:903px;
	background-image:url(../images/nav_bg.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	height:58px;
position:relative;
}
.mainNav li{float:left;}
.mainNav li a{
	display:block;
	width:150px;
	text-align:center;
	text-decoration:none;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	letter-spacing:2px;
	padding:30px 0 15px 0;
}
.mainNav li.first a {width:153px;}
.mainNav li a:hover, .mainNav li a.current{color:#9ABF00;}

.mainNav li ul {
width:150px;
margin:0;
display:none;
position:absolute;
z-index:200;
}
.mainNav li:hover ul {
display:block;
}
.mainNav li li {
width:150px;
background:#9ABF00;
margin:0;
padding:0;
border-bottom:1px solid #444444;
}
.mainNav li li a {
margin:0;
padding:6px 0;
}
.mainNav li li a:hover {
color:#444444;
}

/* *************************************
	general layout
************************************* */
.content{
	width:903px;
	min-height:402px;
	background-color:#000;
}
.bottomBar{
	display:block;
	width:903px;
	height:33px;
	background-image:url(../images/bottomShadow.jpg);
	overflow:hidden;
	clear:both;
}
.awardBanner, .awardBanner2{
	position:absolute;
	left:202px;
	margin-top:-19px;
	z-index:100;
}
.awardBanner2{
	left:450px;
}
#footer p{line-height:33px;}
.fourCol{
	float:left;
	width:184px;
	padding:0px 20px 0px 20px;
}
.fourCol h2{margin:30px 0px 15px 0px;}
.fourCol a img{border:4px solid white; margin:10px 0px 10px 0px;}

.fiveCol{
	float:left;
	width:450px;
	padding:0px 20px 0px 20px;
}
.fiveCol h2{margin:30px 0px 15px 0px;}
.fiveCol a img{border:4px solid white; margin:10px 0px 10px 0px;}
/* *************************************
	Quick Links
************************************* */
.quickLinks{width:903px;}
.quickLinks .link{
	display:block;
	width:215px;
	height:90px;
	float:left;
	margin:0px 5px 0px 5px;
	overflow:hidden;
	_margin:0px 4px 0px 4px;
}
.link.special{margin-left:6px; background-image:url(../images/tab_1.gif);}
.best{background-image:url(../images/tab_2.gif);}
.delivery{background-image:url(../images/tab_3.gif);}
.shop{background-image:url(../images/tab_4.gif);}
.show{background-image:url(../images/tab_5.gif);}
.show a.active { color:#9abf00; }
.school{background-image:url(../images/tab_2.gif);}

.quickLinks h2{
	font-size:18px;
	margin:10px 10px 0px 10px;
	float:left;
}
.quickLinks p{
	clear:left;
	float:left;
	width:190px;
	margin:7px 10px 0px 10px;
}
.quickLinks p a, .quickLinks h2 a{text-decoration:none;}
.quickLinks p a:hover, .quickLinks h2 a:hover{color:#9abf00;}
/* *************************************
	Home Page
************************************* */
.overlay{
	position:absolute;
	z-index:50;
	left:0px;
}
.homeText, .shopText{
	width:344px;
	height:401px;
	position:absolute;
	z-index:100;
	padding:0px 44px 0px 44px;
	background-image:url(../images/blackTile.png);
}
.homeText h1, .shopText h1{margin:65px 0px 15px 0px;}
.homeText a.shop, .shopHomeText a.shop, .shopText a{
	text-decoration:none;
	font-weight:normal;
	line-height:1em;
	font-family: Cambria, serif;
	font-size:1.8em;
	color:#fff;
	float:left;
	margin:10px 0px 5px 0px;
	padding:10px 40px 10px 0px;
	background:url(../images/arrow.png) no-repeat right;
}
.homeText a:hover, .shopHomeText a.shop:hover, .shopText a:hover{
	color:#9ABF00;
	background:url(../images/arrow_over.png) no-repeat right;
}
.homeText a.normalLink, .shopText a.normalLink{
	text-decoration:none;
	font-weight:normal;
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
	color:#9abf00;
	float:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:none;
}
.homeText a.normalLink:hover, .shopText a.normalLink:hover{text-decoration:underline;}
/* *************************************
	OurShop Page
************************************* */
.shopText{width:216px;}
/* *************************************
	services
************************************* */
.bigLink{
	font-weight:normal;
	line-height:1em;
	font-family: Cambria, serif;
	font-size:1.65em;
	color:#fff;
}
.bigLink a{text-decoration:none;}
/* *************************************
	Gallery
************************************* */
h2.gallery{
	float:left;
	margin:20px 0px 20px 10px;
}
/* *************************************
	contact
************************************* */
.map{float:left; margin:10px 0px 0px 10px;}
/* *************************************
	shop
************************************* */
.shopNav{
	float:left;
	width:141px;
	text-align:right;
	margin:20px 10px 20px 10px;
}
.shopNav ul li {
	float:left;
	width:136px;
	height:20px;
	margin:0px 0px 2px 0px;
}
.shopNav ul li.header{
	font-weight:bold;
	margin:0px 0px 14px 0px;
	padding:5px 0px 0px 0px;
	color:#666666;
	border:1px dotted #666666;
	border-left:none;
	border-right:none;
}
.shopNav ul li.headerTwo{
	font-weight:bold;
	margin:20px 0px 14px 0px;
	padding:5px 0px 0px 0px;
	color:#666666;
	border:1px dotted #666666;
	border-left:none;
	border-right:none;
}
.shopNav ul li a{
	display:block;
	text-decoration:none;
	font-weight:bold;
	width:136px;
	height:20px;
	overflow:hidden;
	padding:0px 5px 0px 0px;
	font-size:12px;
	line-height:20px;
	background-image:url(../images/shopNavbgGreen.gif);
	color:white;
}
.shopNav ul li a.offline{
	background-image:url(../images/shopNavbg.gif);
}
.shopContent{
	float:left;
	width:724px;
	min-height:402px;
	margin:20px 0px 0px 5px;
	padding-bottom:20px;
	_margin-left:0px;
	
}
.shopContent h2{margin-bottom:15px;}
.shopNav ul li a:hover {
	color:#666666;
	background-image:none;
}
.shopNav ul li a.current{
	background-image:url(../images/shopNavbgGreen.gif);
}
.productThumbs{
	float:left;
	margin:0px 15px 0px 0px;
	_margin:0px 10px 0px 4px;
}
.productThumbs img{margin-bottom:3px; width:126px; height:126px;}
.productThumbs p.name, .productThumbs p.cost{
	margin:0px 0px 0px 0px;
	font-weight:bold;
}
.productThumbs p.cost{
	margin-bottom:10px;
}
.shopRight .productThumbs{
	float:left;
	display:block;
	width:95px;
	overflow:hidden;
	margin:0px 10px 0px 0px;
	_margin:0px 10px 0px 4px;
}
.shopRight .productThumbs img{
	width:95px;
	height:95px;
}
.shopRight h2{
	color: #b2b2b2;
	display: block;
	font-weight: normal;
	line-height: 1em;
	font-family: Cambria,serif;
	font-size: 1.7em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.pdescription{min-height:160px;}
.shopHeader{
	float:left;
	width:410px;
	margin:0px 0px 20px 0px;
	padding:0;
}
.shopHeader h2{
	float:left;
	margin:0;
	padding:0;
}
.shopHeader p.price{
	float:right;
	font-weight:normal;
	line-height:1em;
	font-family: Cambria, serif;
	font-size:2.6em;
	margin:0px 0px 0px 0px;
	color:#9abf00;
}
.shopRight{
	float:left;
	width:410px;
}
.buyingOptions{
	float:left;
	width:174px;
	margin:0px 25px 0px 0px;
	_margin-right:10px;
}
.buyingOptions label{
	color:#B2B2B2;
	display:block;
	width:174px;
	font-weight:normal;
	line-height:1em;
	font-family: Cambria, serif;
	font-size:1.7em;
	margin:0px 0px 10px 0px;
}
.buyingOptions a img{margin-top:20px;}
.shopSpacer{
	display:block;
	width:100%;
	float:left;
	height:40px;
}
.shopHomeText{
	width:218px;
	float:left;
	height:358px;
	margin:0px 20px 15px 10px;
}
.shopHomeBanners{
	width:464px;
	margin-right:10px;
	_margin-right:0px;
	float:left;
	height:358px;
}
.shopHomeBanners .spacer{
	float:left;
	display:block;
	width:100%;
	height:20px;
}
/* *************************************
	Basket
************************************* */
h3 a{text-decoration:none;}
#basket_container{height:280px; overflow:auto;}
.keepshopping{
	width:724px;
	overflow:hidden;
	border-top:1px solid white;
	margin:10px 0px 0px 0px;
	padding:10px 0px 0px 0px;
}
.keepshopping h3 {margin:0; padding:0;}
.keepshopping h3 a{
	float:left;
	display:block;
	width:174px;
	height:28px;
	overflow:hidden;
	text-indent:-99999px;
	margin:0px 0px 0px 2px;
	padding:0px;
}
.keepshopping h3 a:hover{
	filter:alpha(opacity=80);/* for IE 7+ */
	opacity:0.8;
}
.keepshopping h3.checkOutButn a{background-image:url(../images/checkout.gif);}
.keepshopping h3.KeepShoppingButn a{
	margin-right:372px;
	background-image:url(../images/keepshopping.gif);
}
.basketInfo{
	border-top:1px solid white;
	width:680px;
	padding:10px 0px 0px 0px;
	color:white;
	font-weight:normal;
	font-family: Cambria, serif;
	font-size:1.4em;
	color:#fff;
	margin:10px 0px 15px 0px;
}
.basketInfo .price {
	display:block;
	width:200px;
	float:right;
}
.basketInfo .price p{
	width:200px;
	float:right;
	clear:both;
	margin:0px 43px 0px 0px;
	padding:0;
}
.basketInfo .price p span{
	display:block; 
	width:100px; 
	float:left;
}
.basketInfo .devInfo {
	display:block;
	float:left;
	width:300px;
}
.basketInfo .devInfo h3 {
	font-size:18px;
}
.basketTotal{
	font-size:1.5em;
	color:#9ABF00;
}

/* *************************************
	Checkout
************************************* */
.checkOutBlocks{
	width:390px;
	height:240px;
	float:left;
	padding:20px 10px 20px 30px;
	border-right:1px dotted #3F3F3F;
	margin:20px 0px 0px 0px;
}
h2.checkout{margin:20px 0px 20px 20px;}
.checkoutSpacer{
	float:left;
	width:20px;
	height:280px;
	border-right:1px dotted #3F3F3F;
	display:block;
	margin-top:20px;
}
.signup_container h2 a, #account_container h2 a, #basket_container h2 a{
	float:left;
	width:100%;
	text-decoration:none;
	font-size: 18px;
	margin:15px 0px 0px 0px;
}
/* *************************************
	Create Account
************************************* */
#account_container{
	height:340px; 
	overflow:auto;
	margin:0px 0px 0px 20px;
}
#account_container table{
	float:left;
	margin:0px 60px 0px 0px;
}
#account_container table tr td{
	padding:5px 0px 5px 0px;
	vertical-align:middle;
}
.deliveryBlocks{
	float: left; 
	width: 230px;
	height:340px; 
	padding:0px 20px 0px 20px; 
	margin:0px 20px 0px 0px; 
	border-right:1px dotted #3F3F3F; 
}
.deliveryBlocks input {height:12px; font-size:11px;}
.basketGrid td { vertical-align:middle; }
.checkboxissue {height:20px; }
.checkboxissue input {float:left; margin:0 10px 0 0; }
/*.checkboxissue label { float:left; }*/
.orderItems td { width:100px; }


#sitemap, #sitemap ul{
	margin:10px 0px 10px 10px;
	
}
#sitemap li{ border:1px dotted #fff; padding:5px; width:200px; font-size:1.1em; background:#000;}
#sitemap a{
	display:block;
	float:none;
	clear:both;
	padding:0px 0px 0px 0px;
	
}