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

body  {
	color: #002353; 
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 13px
	padding: 0;
	margin: 0;
	 /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	 /* text-align: center;this centers the container in IE 5* browsers. Allows for correct horizontal positioniong. The text is then set to the left aligned default in the #container selector */
	
}

#container {
	position: absolute;
	background: #3F046F;
	background: url(../images/all_products_images/all_prods_bgrnd.jpg) no-repeat;
	padding-right: 1px;
	padding-left:1px;
	width: 726px;
	left: 20%;
	padding-bottom: 5px;
	padding-top: 8px;
	top: 10px;
	border: 2px solid #ffffff;
	height: 615px;
}

#spacer {
	/* background-color: #A468D5;this will be the div colour if nothing cahges it later in this selector */
	  /* background: url(../images/noname.jpg); I have left this code here because later on i want to use an image in the header */
	
	top:5px;
	width: 300px;
	padding: 2px 2px; /* 2 pixels top and bottom  - 35 right and left*/
	font: 24px Verdana, Arial, Helvetica, sans-serif;
	color: #008309; /* colour of the text */
	letter-spacing:0.1em;
	text-align: left;
	left: 3px;
	height: 170px;
} 

#specials {
	position:absolute;
	width: 180px;
	top: 359px;
	padding:2px;
	left: 3px;
	height: 258px;
} 

#leftlinks {
	width: 180px;
	top: 183px;
	padding:2px;
	left: 10px;
	float: left;
	
}

#content {
	position: absolute;
	/*background: #ffffff;*/

	left: 187px;
	right: 1px;
	width: 527px;
	padding-right: 1px;
	padding-left:1px;
	padding-bottom: 5px;
	padding-top: 5px;
	top: 175px;
}

#panel {
	position: absolute;
	/*background: #ffffff;*/

	left: 187px;
	right: 1px;
	width: 138px;
	padding-right: 2px;
	padding-left:2px;
	padding-bottom: 2px;
	padding-top: 2px;
	top: 146px;
	height: 222px;
}


#footer {
	background: #ffffff;
	left: 10px;
	right: 1px;
	width: 706px;
	padding-right: 3px;
	padding-left:3px;
	padding-bottom: 1px;
	padding-top: 1px;
	text-align: center;
	position: absolute;
	top: 581px;
} 

.clearfloat { 
	clear:both;
 }

a {
	color: #002353;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none; 
	}
a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #003366;
	}
a:visited { 
	color: black;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold; 
	text-decoration: none; 
}
a:hover { 
	color: red;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none; 
}

a:active   { 
	color: #002353;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none 
}	
	
/* class styles */

.headings { 
	color: #007687; 
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 700;
	line-height: 16px
}

.cotact_text {
	color: #002353;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 700;
	line-height: 16px
}

.bdy_text { 
	color: #002353; 
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 13px
}