@charset "utf-8";
/* CSS Document */


.clear{
clear:both;
	}

.floatright{
float:right;
	}
	
	.floatleft{
float:left;
	}


body{
margin:0 auto;
	background-image:url(../images/bg2.jpg);
	background-repeat:repeat-x;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#F2F5FF;
	}

p{
font-size:80%;
	margin:12px 0 12px 0;
	color:#666666
}

#main{
background-color:#FFFFFF;
text-align:left;
	width:782px;
	margin:0 auto;
	
	}

#header{
height:100px;
	width:780px;
	margin:0 auto;
	}

#headerLeft{
float:left;
	height:100px;
	width:240px;
	}


#headerLeft img{
border:0;
	}

#headerRight{
float:left;
	height:100px;
	width:540px;
	background-image:url(../images/headerpic2.jpg);
	background-position:left;
	
	}

#headerRight p{
position:relative;
	top:75px;
	left:385px;
	background-color:#3366ff;
	width:145px;
	padding-right:10px;
	padding-top:3px;
	height:20px;
	color:#fff;
	text-align:right;
	font-weight:bold;
	}

#headerStripe{
height:10px;
	width:780px;
	margin:0 auto;
	background-image:url(../images/logostripes.jpg);
	background-color:#3366FF;
	background-repeat:repeat-y;
	background-position:left;
	padding:0;
	}

#headerNav{
height:25px;
	width:770px;
	margin:0 auto;
	background-color:#EEEEEE;
	margin-bottom:20px;
	text-align:right;
	padding-right:10px;
	color:#3366FF;
	}

#headerNav a{
font-size:80%;
	color:#3366FF;
	}

#contentLeft{
float:left;
	width:145px;
	
	}


.box{

	background-image:url(../images/bgfadegreyshort.jpg);
	background-repeat:repeat-x;
	border:1px solid #3366FF;
	margin:0 auto;
	}

.box p{
margin-left:10px;
margin-bottom:7px;
margin-top:7px;
	margin-right:10px;
	}

.box h4{
background-color:#3366FF;
	color:#FFFFFF;
	margin:0;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	font-size:95%;
	}


.basket{

}

.basket A{

background-color:#C1D3FF;
	color:#3366ff;
	display:block;
	font-weight:bold;
	font-size:80%;
	margin-left:66px;
	text-decoration:none;
	text-align:center;
	padding-right:5px;
	padding-top:3px;
	padding-bottom:3px;
	
	
	}

.basket A:hover{
background-color:#8fadff;
	}

#content{
margin:0 auto;
	width:770px;
	}

#contentMiddle{
float:left;
	width:460px;
	margin-left:10px;
	margin-right:10px;
	}
	
	
	#contentMiddle ul{
	margin:0 0 0 10px;
	padding:0 0 10px 10px;
	
	}
	
	#contentMiddle li{	font-size:80%;
		margin:0;
		padding:0;
		padding:5px 0 5px 10px;
	color:#666;
	}
	
	#contentMiddleLarge{
float:left;
	width:615px;

	margin-left:10px;
	
	}
	
	

	
	#contentMiddleLarge h1{
	margin:0 0 0 0;
	
		color:#3366ff;
	
	}

#contentMiddle h1{
color:#3366FF;
	margin:0 0 10px 0;
	}


#contentMiddle h2{
color:#3366FF;
	margin:0 0 10px 0;
	}


#basketCol{

margin-bottom:10px;
	width:145px;
	
	}
	
	#contentRight{
	float:left;

margin-bottom:10px;
	width:145px;
	
	}

#homepage #basketCol{
    float:left;
	}

#contentLarge{
    float:left;
	width:580px;
	margin:0px 20px;
	}
	
	
	h2{
	color:#3366ff;
	}
	
	#contentLarge h2{
color:#3366FF;
	margin:10px 0 10px 0;
	font-size:140%;
	}


#contentLarge h1 {
color:#3366FF;
	margin:0 0 10px;
	}

#footer{
color:#999999;
	background-color:#eeeeee;

	margin-left:0 auto;
	margin-right:0 auto;
	margin-top:20px;
	padding:10px;
	text-align:center;
	}



#menu {
	
	border-right:;
	padding: 0;
	margin-bottom: 0;
	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
	background-color:;
	color: #333;
	}


#menu ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
	#menu li {
	font-size:90%;
		
		margin: 0;
		}


	#menu li a {
		display: block;
		padding: 6px 5px 5px 0.5em;
		text-transform:uppercase;
		
		background-color:;
		color: #3366ff;
		text-decoration: none;
		
		}

	html>body #menu li a {
		width: auto;
		}

	#menu li a:hover {
	border-top:1px solid #3366ff;
		padding: 5px 5px 5px 0.5em;
		background-color: #8FADFF;
		color: #fff;
		}



.product{
background-image:url(../images/bgfadegreyshort.jpg);
	background-repeat:repeat-x;
	border:1px solid #3366FF;
	padding:0 0 10px 0;
	float:left;
	width:191px;
	margin:0 4px 10px 4px;
	}
	
	
	.productPrice{
	color:#F11BA1;
	font-size:100%;
	font-weight:bold;
	margin: 0px
	}


.product form{
margin:0;
	padding:0;
	}

.productHolder{
width:615px;

background-repeat:repeat-x;
	margin:0px 0px 20px 0px;
	}

#contentMiddle .product {
	margin-top:10px;
	
	margin-right:5px;
}

.product img{
margin-left:10px;
margin-right:5px;
margin-top:10px;
margin-bottom:10px;
float:left;

	
	border:1px solid #CCCCCC;
	}

.product p{
margin:5px 10px 5px 10px;

}

.productInfo{
float:left;
margin-top:5px;
margin-right:5px;
font-size:90%;
}

#contentMiddle .product P {

}

#contentMiddle .featured {
	width:444px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	height:220px;
	
}

#contentMiddle .featured img{


	
}

#contentMiddle .featured p{
margin:10px 5px;


	
}


#contentMiddle .featuredLeft {
float:left;
width:195px;
	
}


#contentMiddle .featuredRight {
float:left;
width:245px;
height:180px;
}

.featuredDesc {
overflow:hidden;
height:80px;



}

.featuredPrice {
text-align:right;
color:#3366ff;
font-weight:bold;
font-size:110%;

}

.featuredInfo {
color:#F11BA1;
font-weight:bold;


text-align:right;


}

.featuredButtons {
float:right;
padding-left:10px;


width:110px;

}

.pages{
padding-left:10px;
	color:#0033FF;
	font-weight:bold;
	font-size:80%;
	margin:0;
	padding-top:5px;
	padding-bottom:10px;
	margin-bottom:10px;
	background-color:#efefef;
	
	border-top:1px solid #3366ff;
	}
	
.bottom{
margin-top:10px;
}	
	



#productholder{
	position:relative;

	z-index:1;
}



.product h3{
background-color:#3366FF;
	color:#FFFFFF;
	margin:0;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	font-size:95%;
	
	}

.product a{
background-color:none;
	color:#3366ff;
	display:block;
	font-weight:bold;
	padding:0;
	margin:0;
	text-decoration:none;
	}

.product a:hover{
text-decoration:underline;
	}


.product ul{
text-align:right;
	list-style:none;
	margin:0;
	padding:10px 0 0 0;
	}

.product ul li{
padding-right:10px;
	font-weight:bold;
	font-size:90%;
	color:#666666;
	}

.product INPUT {
   
	color:#fff;
	font-weight:bold;
	border:none;
	margin:0;



	
	
}

.controls{
margin-top:10px;

margin-left:10px;
margin-right:10px;

}
	
.product .controls INPUT {
	color:#fff;
	background:#3366FF;
	font-weight:bold;
	font-size:70%;
	text-align:center;
	display:inline;
	border:none;
}

.product .controls input:hover {
cursor:hand;
cursor:pointer;
}


.product .controls .more {
	/*margin-left:110px;*/
	height:25px;
	padding:0 0 2px 0;



		margin:0;
		
			width:43%;
	

}
.product .controls .add {
/*margin-left:10px;*/
	height:25px;

	padding:0 0 2px 0;
	
		width:53%;


	
		

}


.product .controls .moreinfo {
/*margin-left:10px;*/
	height:25px;

	padding:0 0 2px 0;
	
		width:41%;


	
		

}

.product .description {

	background:#fff;
	border-color:#3366FF;
	height:98px;
	overflow:hidden;
	margin:0 10px 0 10px;
	padding:0;
	
}

.product h4{
color:#3366ff;
font-size:80%;
margin:5px 10px;
}


/*- Menu Tabs--------------------------- */ 
   #navcontainer{
   margin-bottom:20px;
   height:30px;
  
   }

   #navcontainer ul
{
padding-left: 0;
margin-left: 0;
margin-top:5px;
background-color: #C1D3FF;
color: #3366ff;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;

}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.2em 1em;
background-color: #C1D3FF;
color: #3366ff;
text-decoration: none;
float: left;
border-right: 1px solid #3366ff;
font-weight:bold;
}

#navcontainer ul li a:hover
{
background-color: #3366ff;
color: #fff;
}










table.basket {
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: #ccc;
	border-collapse: collapse;
	background-color: white;
	margin-bottom:20px;
	font-size:85%;
	
}
table.basket th {
	border-width: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
	border-style: inset inset inset inset;
	border-color: #ccc;
	background-color: #eee;
	-moz-border-radius: 0px 0px 0px 0px;
	color:#3366ff;
	}
table.basket td {
	border-width: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
	border-style: inset inset inset inset;
	border-color: #ccc;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
	color:#666666;
	font-size:90%;
	text-align:right;
	}

TABLE.basket .quantity {
    text-align:right;
	}


#subcats {
background-color:#EEEEEE;
	list-style:square;
	color:#F11BA1;
	font-size:90%;
	list-style-position:inside;
	margin:0 0 10px 0;
	padding:0;
	}

#subcats li{
line-height:30px;
	border-bottom:1px solid #ccc;
	padding-left:10px;
	}

#subcats a{
color:#3366FF;
	text-decoration:none;
	font-weight:bold;
	}

#subcats a:hover{
color:#3366FF;
	text-decoration:underline;
	}


.bigLink{
background-color:#EEEEEE;
	color:#3366ff;
	font-weight:bold;
	font-size:100%;
	text-decoration:none;
	text-align:;
	padding:5px;
	border:2px solid #ccc;
	}


.bigLink:Hover{
background-color:#CFDCFF;
	}
	
	.bigLinkBlue{
background-color:#3366ff;
	color:#fff;
	font-weight:bold;
	font-size:150%;
	text-decoration:none;
	text-align:;
	padding:5px;
	border:2px solid #ccc;
	}


.bigLinkBlue:Hover{
text-decoration:underline;
	}

	
	
	
.loginform	label
{
width: 10em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block;
color:#3366ff;
}

.loginform .submit input
{
margin-left:10em;
} 





.registerform	label
{
width:8em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block;
color:#3366ff;
}

.registerform .submit input
{
margin-left: 8.5em;
} 



.checkoutform	label
{
width: 14em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block;
color:#3366ff;
}

.checkoutform .submit input
{
margin-left: 14.5em;
} 




.error_box{
background-color:#BFD0FF;
border:1px solid #3366ff;
list-style-type:square;
color:#3366ff;

}


.error_box h2{
padding-left:10px;
}



.homepageproduct{
width:218px;
border:1px solid #3366ff;
float:left;
height:180px;
margin-right:6px;
margin-bottom:6px;
}



.homepageproduct p{
float:right;
width:95px;
font-size:90%;
padding-right:5px;
padding-top:5px;
color:#3366ff;
margin:0;
}


.homepageproduct h3{
color:#FFFFFF;
display:block;
margin:0;
font-size:90%;
height:21px;
padding:5px;
background-color:#3366ff;
overflow:hidden;
}

.homepageproduct a:hover{
background-color:#8fadff;

}


.homepageproduct a{
background-color:#C1D3FF;
color:#0066FF;
clear:both;
display:block;
height:14px;
text-align:right;
font-size:90%;
font-weight:bold;
text-decoration:none;
padding:5px 5px 5px 0;
margin:0;
position:relative;
top:13px;
left:123px;
width:90px;


}


.homepageproduct img{
height:98px;
width:98px;
border:1px solid #ccc;
float:left;
margin:5px;

}


.yellow{
border:1px solid #FFD634;
}

.yellow h3{
background-color:#FFD634;
}

.yellow p{
color:#333;
}


.pink{
border:1px solid #F11ba1;
}

.pink h3{
background-color:#F11ba1;
}

.pink p{
color:#F11ba1;
}