/* Generic Selectors */ 
/*bens css changed slightly by Caryn*/

body { 

	font-family: Arial; 

	font-size: 14px; 

	color: #333333; 

	background-color: #c0ffc0;
 
} 

div {  
	border 1px solid #f00

}

p { 

	width: 100%;

	text-align: justify; 

}






} 


li { 

	list-style-type: circle; 

	line-height: 1.5em; 
 
} 

h1 { 

	font-family: Arial; 

	font-size: 130%; 

	font-weight: bold; 

	color: #000000; 

	text-align: center;

} 

h2 { 

	font-family: Arial; 

	font-size: 120%; 

	font-weight: bold; 

	color: #000000; 

	text-align: center;
 
} 

 

/**************** Pseudo classes ****************/ 

a:link { 

	color: #00CC00; 

	text-decoration: underline; 

	font-weight: bold; 

} 

li :link { 

	color: #00CC00; 

	text-decoration: none; 

	font-weight: bold; 

} 

a:visited { 

	color: #00CC00; 

	text-decoration: underline; 

	font-weight: bold; 

} 

li a:visited { 

	color: #00CC00; 

	text-decoration: none; 

	font-weight: bold; 

} 

a:hover { 

	color: rgb(0, 96, 255); 

	padding-bottom: 5px; 

	font-weight: bold; 

	text-decoration: underline; 

} 

li a:hover { 

	display: block; 

	color: rgb(0, 96, 255); 

	padding-bottom: 5px; 

	font-weight: bold; 

	border-bottom-width: 1px; 

	border-bottom-style: solid; 

	border-bottom-color: #00cc00; 

} 

a:active { 

	color: rgb(255, 0, 102); 

	font-weight: bold; 

} 

/**************** ID's**************/ 


#container {

	width: 1000px;

	margin:0px auto;

}

#topbanner {

	width: 1000px;

	height: 100px;

	float: left;

	background-image: url(images/topbanner.gif);

	background-repeat: no-repeat;

}

div.navigation1 { 

	float: left;

	clear: left;

	width: 200px; 

	height: 500px;
	
	padding: 50px 0 0 0;

	font-weight: normal;

}

div.navigation2 { 

	float: left;

	clear: left;

	width: 200px; 

	height: 1000px;

	margin-top: 50px;

	font-weight: normal;

}

div.box {

	width: 320px;

	float: left;

	padding: 0 0 0 0;

	margin-left: 30px;

	border: dotted green;

}

div.row {

	width: 790px;

	float: left;

}


div.textboxwide {

	padding: 0 0 0 30px;

	width: 760px;
	
	float:left;

	

}

div.textboxright {

	padding: 0 0 0 30px;

	width: 520px;
	
	float:left;

}

div.producttextbox {

	width: 150px;

	float: left;

	padding: 50px 0 0 0;

}


div.smalltextboxleft {

	width: 400px;

	padding: 0 0 0 30px;
	
	float:left;

}

div.tinytextbox {
	
	width: 100px;

	float: left;

	padding: 50px 0 0 0;

}

div.tinytextboxbadges {
	
	width: 85px;

	float: left;

	padding: 20px 0 0 0;

	font-size: 80%;

}

div.imageleft {

	width: 200px;

	padding: 0 0 0 30px;
	
	float:left;

}

div.paddedimageleft {

	width: 200px;

	padding: 0 20px 20px 20px;
	
	float:left;

}

div.imagecenter {

	text-align:center;

	height: 40px;

	width: 760px;
	
	float:left;
	
	margin-bottom: 15px;

}

div.smallimageleft {

	width: 100px;

	padding: 20px 20px 20px 20px;

	float: left;

}

table.one {

	border: 3px dotted green;

}

table.one th {

	border: none;
	
	padding: 5px 0 5px 0;

	text-align: left;

}

table.one td {

	border: none;

	padding: 5px 0 5px 0;

	text-align: left;

}

p.price { 

	font-family: Arial; 

	font-size: 130%; 

	font-weight: bold; 

	color: #000000; 

	text-align: center;
}

p.green {

	font-family: Arial;

	font-size: 130%;

	font-weight: bold;

	color: #000000;

        text-align: center;

	background-color: #66cc66;

	padding: 5px 0 5px 0;

}


p.middleblack {

	padding: 0 0 0 80px;

	line-height: 1.5em;

}

p.middlegreen {

	padding: 0 0 0 80px;

	line-height: 1.5em;

	color: green;

}
.clear {

	visibility: hidden;

	border: 0px;

	height: 0px;

	clear: both;

}