body {
font-size:			small;
font-family: 		Helvetica, Verdana, Arial, sans-serif;
background-color:	#bec4a5 ;
}
		
h1, h2 { 
color: 				#585555;
line-height:		1em;
margin:				15px 0px 5px 0px;
padding:			3px;
}
		
h1 {
font-size:			150%;
margin:				0px;
padding:			0px;
}
		
h2 {
font-size:			120%;
background-color:	#eaf0d3;
}

p { 
color: 				black; 
line-height:		1.6em;
}
		
ul{
margin:				8px 0px 8px 0px;
padding-left:		20px;
}
		
li{
list-style-type:	square;
margin-left:		0px;
padding-left:		0px;
}
		
a{
color:				#000000;
text-decoration:	underline;		
}
		
a:hover{
color:				#eaf0d3;
background-color:	#585555;
text-decoration:	none;
}
		
#allcontent{
width:				80%;
margin-left:		10%;
margin-right:		10%;
}
		
#header{
margin:				0px;
padding:			0px;
}
		
#navigation{
background-color:	#585555;
color: 				#eaf0d3;
text-align:			right;
padding:			5px;
margin:				0px;
}
		
#navigation a{
text-decoration:	none;
padding:			4px 8px 4px 5px;
color: 				#eaf0d3;
}
		
#navigation a:hover{
background-color:	#eaf0d3;
color: 				#585555;
}
		
#subNavigation{
background-color:	#eaf0d3;
color: 				#585555;
text-align:			right;
padding:			3px;
margin:				0px;
}
		
#subNavigation a{
font-size:			85%;
text-decoration:	none;
padding:			3px 5px 3px 8px;
color: 				#585555;
margin:				0px;
}
		
#subNavigation a:hover{
background-color:	#585555;
color: 				#eaf0d3;
}
		
#main{
background-color:	white;
margin:				0px;
padding:			0px;
border-left:		1px solid #585555;
border-right:		1px solid #585555;
}
		
#main-text{
padding:			10px;
margin:				0px 310px 0px 0px;
}
		
#full-text{
padding:			10px;
}
		
#main-text p{
margin:				8px 0px 5px 3px;
}
					
#sidebar{
width:				300px;
height:				420px;
float:				right;
}
		
#sidePic{
width:				250px;
height:				150px;
float:				right;
}
		
#sidePic p{
padding:			0px;
margin:				0px;
overflow:			hidden;
}
		
#sidebar p{
padding:			0px;
margin:				0px;
overflow:			hidden;
}
	
#bannerImage{
padding:			0px;
margin:				0px;
height:				50px;
overflow:			hidden;
line-height:		1em;
}
			
#footer{
font-size:			80%;
background-color:	#585555;
color: 				#eaf0d3;
padding:			5px;
clear:				both;
margin:				0px;
}
		
#full-text ul{
margin:				0px;
padding:			0px;
}
		
#full-text li{
list-style-type:	none;
margin:				10px;
text-align:			center;
}
		
#full-text a{
text-decoration:	none;
color:				black;
}
		
#footer a{
color: 				#eaf0d3;
}
		
#itempagedesc{
margin:				0px 0px 0px 410px;
}
		
#itempagephoto{
width:				400px;
float:				left;
margin:				0px;
padding:			0px;
}
		
#basketItemCount {
background-color:	#585555;
color:				white;
float:				left;
width:				120px;
text-align:			left;
}
		
#basketItemCount a{
}

#basketItemCount a:hover{
text-decoration:	underline;
}
		
#checkoutButton {
width:				180;
float:				right;
}
		
a img {
border:				none;
}
		
table.mainTable{
border-collapse:	collapse;
padding:			0px;
margin:				0px 10px 0px 10px;
width:				780px;
}
		
table.mainTable tr{
border-bottom:		1px solid #585555;
}
		
table.mainTable td{	
vertical-align:		top;
padding:			10px 5px 5px 5px;
}
		
table.innerTable {
width:				100%;
padding:			0px;
}
		
td.innerTable{	
vertical-align:		top;
padding:			0px 5px 0px 5px;
}
		
#itempagedesc table.innerTable a{	
background-color:	white;
color:				#585555;
}		
		
#itempagedesc table.innerTable a:hover{	
background-color:	#585555;
color:				white;
}	
			
table.mainTable table th{	
border-bottom:		1px solid #dddddd;
padding:			0px 5px 0px 5px;
}
		
table.gridTable {
width:				100%;
}
		
table.gridTable td{
vertical-align:		top;
text-align:			center;
}
		
table.basket {
width:				100%;
margin:				10px 0px 10px 0px;
padding:			0px;
border-collapse:	collapse;
}
		
table.basket th{
background-color:	#585555;
color:				#eaf0d3;
}	
	
.totals {
border-top:			1px solid #585555;
border-bottom:		1px solid #585555;
}
		
tr.grandTotal {
font-size:			115%;
font-weight:		bold;
color:				red;
}
		
.totals table{
text-align:			right;
width:				100%;
margin:				5px 20px 5px 0px;
}
		
.totals table td{
text-align:			right;
width:				60px;	
}
		
table.basketButtons{
width:				100%;
}
		
.alignRight {
text-align:			right;
}
		
.alignLeft {
text-align:			left;
}
			
p.gridName {
font-size:			95%;
padding:			2px;
margin:				0px;
}
		
p.gridItemCode {
font-size:			80%;
padding:			0px;
margin:				0px;
}
		
.innerTable{
text-align:			left;
margin:				0px;	
}
		
.photo{
width:				100px;
height:				100px;
}
		
.photo a:hover{
background-color:	white;
}
		
.titleDesc{
text-align:			left;	
width:				430px;			
}
		
.sizePrice{
text-align:			right;	
width:				250px;			
}
		
.itemName a{
color:				#585555;
margin:				0px;
padding:			0px;
text-decoration:	none;
}
		
.itemName a:hover{
color:				#000000;
background-color:	white;
text-decoration:	underline;
}
		
.itemName{
margin:				0px;
padding:			0px;
}
		
.catStart{
clear:				right;
background-color:	white;
text-align:			left;
padding:			0px;
border-bottom:		1px solid #585555;
margin:				10px 10px 0px 10px;
}
		
.h2comment{
font-size:			80%;
font-style:			italic;
}
		
#warning{
background-color:	#fffbcf;
border:				1px solid #585555;
padding:			5px;
margin:				5px;
}
		
th.formHeader{
text-align:			right;
}
		
.linktitle{
font-style:			italic;
}
		
.linkdesc{
}
		
p.footNote {
font-size:			85%;
font-style:			italic;
}