/* CSS Screen = for layout purposes only */

* {
font-size: inherit;
font-family:trebuchet ms, arial, verdana, sans serif;
margin: 0;
padding: 0;
}

body {
font-size: 100%;
margin: 10px;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, dl, table, form {
font-size: 1em;
line-height: 150%;
margin-bottom:10px;
}

/* ABC */

#basket {
background: #333333 url(../images/bg_basket.jpg) top right no-repeat;
float:left;
height:160px;
width:240px;
}


			#basket ul {
			float:left;
			color:white;
			font-weight:bold;
			font-family:Trebuchet MS, Verdana, Arial, Sans Serif;
			line-height:90%;
			list-style:none;
			margin-left:30px;
			width:140px;
			}
			
			#basket li a {
			color:#00FF00;
			text-decoration:none;
			text-transform:uppercase;
			font-size:70%;
			}
			
			#basket li a:hover {
			color:white;
			}
			

#basket2 {
background: #333333 url(../images/bg_basket2.jpg) top right no-repeat;
float:right;

height:380px;
width:240px;
}


			#basket2 ul {
			float:left;
			color:white;
			font-weight:bold;
			font-family:Trebuchet MS, Verdana, Arial, Sans Serif;
			line-height:90%;
			list-style:none;
			margin-left:30px;
			width:140px;
			}
			
			#basket2 li a {
			color:#00FF00;
			text-decoration:none;
			text-transform:uppercase;
			font-size:70%;
			}
			
			#basket2 li a:hover {
			color:white;
			}
			
#basket3 {
background: #333333 url(../images/bg_basket2.jpg) top right no-repeat;
float:right;

height:20px;
width:240px;
}

#basket4 {
background: #333333 url(../images/bg_basket2.jpg) top right no-repeat;
float:right;

height:50px;
width:240px;
}
			
#basket_items {
background: url(../images/bg_basket_items2.jpg) top left no-repeat;
float:left;
margin-left:30px;
margin-top:10px;
height:35px;
width:200px;
}	

			#basket_items p {
		
			}		

#contentholding {
background: #333333 url(../images/bg_content_lower.jpg) bottom left no-repeat;
float:left;
height:360px;
margin-left:50px;
width:400px;
}

			#contentholding h1 {
			color:white;
			font-size:110%;
			font-weight:lighter;
			margin-left:20px;
			letter-spacing:.1em;
			line-height:110%;
			}


#content {
background: #333333 url(../images/bg_content_lower.jpg) bottom left no-repeat;
float:left;
height:360px;
margin-left:50px;
width:400px;
}

			#content h1 {
			color:white;
			font-size:110%;
			font-weight:lighter;
			margin-left:20px;
			letter-spacing:.1em;
			line-height:110%;
			}
			
			
			#content a {
			color:#00FF00;
			text-decoration:none;
			}			
			
			#content a:hover {
			color:white;
			}			
			
#content2 {
background: #333333;
float:left;
/*height:360px;*/
margin-left:50px;
width:640px;
}

			#content2 h1 {
			color:white;
			font-size:110%;
			font-weight:lighter;
			margin-left:20px;
			letter-spacing:.1em;
			line-height:110%;
			}			

			#content2 p {
			color:white;
			font-size:70%;
			margin-left:20px;
			text-align:justify;
			}
			
			#content2 a {
			color:#00FF00;
			text-decoration:none;
			}
			
			#content2 a:hover {
			color:white;
			}
			
#content3 {
background: #333333;
float:left;
/*height:360px;*/
margin-left:50px;
width:640px;
}

			#content3 h1 {
			color:white;
			font-size:110%;
			font-weight:lighter;
			margin-left:20px;
			letter-spacing:.1em;
			line-height:110%;
			}			

			#content3 p {
			color:white;
			font-size:70%;
			margin-left:20px;
			text-align:justify;
			}
			
			#content3 a {
			color:#00FF00;
			text-decoration:none;
			}
			
			#content3 a:hover {
			color:white;
			}			

#flash {
background: #E5E5E5 url(../images/bg_flash.jpg) top left no-repeat;
height:200px;
float:left;
width:240px;
}

		#flash object {
		margin-left:10px;
		margin-top:10px;
		}

#frame {
background:#E5E5E5 url(../images/bg_wrapper_index.jpg) top left no-repeat;
float: left;
left: 50%;
margin-left: -360px;
margin-top:70px;
height:440px;
position: absolute;
width: 720px;
}

#frame2 {
background: url(../images/bg_wrapper_internal.jpg) top left no-repeat;
float: left;
left: 50%;
margin-left: -360px;
margin-top:70px;
margin-bottom:30px;
position: absolute;
width: 720px;
}

		#frame2 form {
		/*background: red;*/
		float:right;
		}
		
		#frame2 ul {
		/*background:blue;*/
		list-style:none;
		}

#frame2_bottom {
background: #FFFFFF; !important
clear:both;
float:left;
height:21px;
width:720px;

}
		#frame2_bottom a {
		color:#999999;
		font-size:70%;
		text-decoration:none;
		
		}

.bumpleft {
margin-left:50px;}		
		
#frame3_bottom {
background:white;
clear:both;
float:left;
height:21px;
margin-top:35px;
width:720px;
}
		#frame3_bottom a {
		
		color:#999999;
		font-size:70%;
		text-decoration:none;
		}		

#maincontent {
position:relative;
background:transparent;
width:640px;
height:400px;
/*left:10px;
top:10px;*/
}

			#maincontent p {
			color:white;
			font-size:70%;
			line-height:110%;
			/*margin-left:20px;*/
			text-align:justify;
			}

#nav {
background: url(../images/bg_nav.jpg) top left no-repeat;
float:left;
height:40px;
margin-left:50px;
margin-top:5px;
width:640px;
}

#navbumper {
background:transparent;
float:left;
height:20px;
margin-left:50px;
margin-top:5px;
width:640px;
}

			#nav a {
			text-decoration:none;
			font-weight:bold;
			color:#333333;
			}

			#nav ul {
			float:left;
			list-style:none;
			margin-left:10px;
			}

			#nav li {
			float:left;
			margin-top:15px;
			margin-left:10px;
			}

			#nav li a {
			float:left;
			font-size:60%;
			font-weight:bold;
			color:#00FF00;
			text-decoration:none;
			text-transform:uppercase;
			}
			
			#nav li a:hover {
			color:white;
			}
			
#order {
background:#656565;
float:left;
margin-bottom:10px;
margin-left:15px;
padding:6px;
width:550px;
}	
			#order p {
			margin-left:0;
			}
			
			#order h1 {
			margin-left:0;
			}
		
		
#page_bottom {
float:left;
height:24px;
margin-left:50px;
width:640px;
}

/* CLASSES */

.basket_header {
color:#00FF00;
text-transform:uppercase;
}

.border {
border:1px solid black;
}

.fleft {
float:left;
margin-left:20px;
margin-right:10px;
margin-bottom:15px;
}

/* displaying a product */

	ul.display_product {
	
	float: left;
	font-size: .7em;
	height: 160px;
	list-style: none;
	margin: 10px 0px 0 18px;
	width: 110px;
	}
	
	ul.display_product li.image {
	/*background: green;*/
	clear: both;
	height:110px;
	float: left;
	}
	
	ul.display_product li.name {
	/*background: red;*/
	color: white;
	clear: both;
	float: left;
	text-transform: uppercase;
	width: 100%;
	}
	
	ul.display_product li.price {
	/*background: yellow;*/
	color: white;
	float: left;
	width: 25px;
	}
	
	ul.display_product li.more {
	/*background: blue;*/
	color:white;
	float: right;
	width: 50px;
	}
	
.fleft {
float:left;}	
	
.fright {
float:right;
margin-right:20px;
margin-top:1px;
}

.fright2 {
float:right;
margin-top:8px;
margin-right:15px;
}

.fright3 {
float:right;
margin-top:20px;
margin-right:15px;
font-size: 60%;
text-transform:uppercase;
}

.fright4 {
float:right;
margin-right:25px;
}

.handyes {
display: none;
}

.green {
color:#00FF00;
font-size:70%;
float:left;
}

.titleimage {
margin-left:20px;

}

.quality {
margin-left:20px;
}

.basketbottom {
margin-top:35px;}

.secondary_nav {
float:right;
background:red;
color:#333333;
}

#text {

width:390px;
}

			#text h1 {
			color:white;
			font-size:110%;
			font-weight:lighter;
			margin-left:20px;
			letter-spacing:.1em;
			line-height:110%;
			}			

			#text p {
			color:white;
			font-size:70%;
			margin-left:20px;
			text-align:justify;
			}
			
			#text a {
			color:#00FF00;
			text-decoration:none;
			}
			
			#text a:hover {
			color:white;
			}


	/*.text div {
	margin: 15px;
	}*/

.header {
border-bottom:1px solid white;
height:20px;
}

.form_layout {
width:360px;
margin-left:20px;
}

.form_layout td {
color:white;
font-size:70%;
}

.smallprint {
color:white;
font-size:80%;
}

/*.long {
width:100px;
}*/