/**** Layout********************************************************/
html, body {
	clear: both;	
	font-family: Tahoma, Verdana, Helvetica, Arial;	font-size: .9em;	
	border-color: #000;		
	padding: 0px;	
	margin: 0px;	
	text-align: center;		
	color: #000;	
	width: 100%;				
	background: #b6bac0;	
	background: rgb(143,86 ,68);	
	background-image: url(images/redbrick.png);	
	background-repeat: no-repeat;	
	}
/**** Main**********************************************************/

#back{	
	margin-right: auto;	
	margin-left: auto;	
	position: relative;	
	padding-bottom:20px;	
	width: 900px;	
	background: #fff;	
	background-image: url(images/redbrickbanner.png);	
	background-repeat: no-repeat;	
	border: 0px solid #333;	
	}
	
#content{	
	padding-top: 15px;	
	padding-left: 15px;		
	float: left;	
	text-align: left;	
	}
	
#container{	
	margin-right: auto;	
	margin-left: auto;	
	position: relative;	width: 960px;		
	text-align: center;	
	}
	
#main{	
	float: left;	
	text-align: left;	
	position: relative;		
	padding-left: 10px;	
	padding-top: 10px;	
	width: 500px;	
	color: #555;	
	background: #fff;	
	}
	
#side{	float: right;	width: 250px;	}

#footer{	clear: both;	text-align: center;		margin-top: 200px;	padding: 5px;	margin-bottom: 1px;		color: #000;	}

/*	height: 600px;
	background: #ccc;
*/

#left{	
float: left;	
text-align: left;	
position: relative;		
padding-left: 20px;
padding-top: 50px;
width: 300px;	
color: #555;	
background: #fff;	
}
#right{	
	float: right;	
	text-align: left;	
	padding-top: 20px;	
	padding-left: 5px;	
	width: 575px;	
	height: 600px;
	color: #555;	
	background: #fff;	
	}



/**** Top********************************************************/
#top {	clear: both;	text-align: right;	padding: 0px;	margin: 0;	height: 200px;	}
#choice{	
	clear: both;	
	padding-top: 2px;	
	width: 100%;	
	height: 30px;	
	text-align: left;		
	background-image: url(images/topmenubkg.png);	
	background-repeat: repeat-x;	
	}

#menus{	
	text-align: left;	
	vertical-align: top;	
	}

/**** Styling********************************************************/
p{
	margin-top: 1px;
	text-indent: 0px; 
	}

#right p{
	font-size: .9em;	
	}

.pfsize{
	font-size: 1em;	
	}

#cleaner{
   	width: 100%;
	clear: both;
	margin-top: 1px;
	height: 10px;
	}
	
ul li{
	list-style: none;
	display: inline;
	margin: 0;
/*	list-style-position: inside;
*/	text-align: left;
	float: left;
	}

h1{
	text-align: left;
	font-size: 36px;		
	padding-left: 12px;	
	}
hr{
   	height: 1px;
	width: 90%;
	text-align: center;
	color:#ccc; 
	}

/**** Table ********************************************************/
		
table{
	font-size: 12px;
	text-align: center;
	padding:10px;
	background: transparent;
	}

td{
	background: #fff;
	}

.pagecount{
	padding: 5px;
	margin: 3px;
	background-image: url(http://localhost/focus/libraries/siteimages/pagebkg.jpg);
	background-repeat: no-repeat;
}

.pagecount:hover{
	padding: 5px;
	margin: 3px;
	background-image: url(http://localhost/focus/libraries/siteimages/pagebkghover.jpg);
	background-repeat: no-repeat;
	color: #000;
}

.pagelocated{
	padding: 4px;
	margin: 3px;
	padding-left: 6px;
	background-image: url(http://localhost/focus/libraries/siteimages/pagebkgsel.jpg);
	background-repeat: no-repeat;
}

.carttable{
	margin: 0px;
	padding: 15px;
	text-align: left;
/*   	background: #f4f4f7;*/
	color: #999;
/*	border: 1px dotted;*/
	}		


em i{
	font-size: 8px;
}

.blue{
	color: #333399;
	background: #fff;
	}		

br{
  	clear: left;
	margin-bottom: 0px;		
	}		

.rite{
	float:right;
	background: #6F715C;
	background: #ccc;
	}

#rite.a{
    text-decoration: none;
	font-size: 12px;
	color: #fff;

	}


.red{
    color: #ff0000;
	}

.high{
	height: 40px;
	border: 5px;
   	background: #333399;
	color: #fff;
	}		

.blue{
	padding: 5px;
   	background: #fff;
	color: #333399;
	}		


/**** Form*******************************************************/
form{	background: #fff;		}.form1{    font-family: Verdana, Arial, Helvetica, sans-serif;	width: 125px;	padding: 3px;	border: 1px solid #666;	background: #fff;	}
.form2{    font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: .7em;	width: 125px;	border: 0px solid #666;		}
.form3{    font-family: Verdana, Arial, Helvetica, sans-serif;	width: 125px;	height: 14px;	padding-top: 3px;	text-align: center;	border: 1px solid #000;	background: rgb(143,86 ,68);	}
.form4{    font-family: Verdana, Arial, Helvetica, sans-serif;	font-weight: normal;	width: 100px;	padding: 0px;	border: 1px solid #999;	background: #fff;	}
legend{	font-size: 13px;	border: #000;	}
label,input{  	font-size: 10px;	display: block;	width: 135px;	margin-bottom: 1px;	vertical-align: top;	}label{	text-align: right;	float: left; 	width: 140px;	padding-right: 5px;	text-transform:uppercase;		}
.rightlabel{	float: right;	}
.txtarea{    font-family: Verdana, Arial, Helvetica, sans-serif;	font-weight: normal;	padding: 3px;	border: 1px solid #666666;	}
fieldset{	float: left;	clear: right;	padding: 5px;  	width: 500px;	border: 1px solid #bbb;		background: #ccc;	}
.fs1{	float: left;	clear: right;	padding: 5px;  	width: 350px;	border: 1px solid #bbb;		background: #fff;	}.lite{	color: #fff;	}	
.lite a{
	color: #fff;
	}	

/**** Links********************************************************/

a{
    text-decoration: none;
	font-size: 12px;
	color: #bbb;
	}
/*
a:link {
	color: #004D99;
	text-decoration: none;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	}

a:hover {
    color: #333399;;
	text-decoration: none;
	background: #eee;
	}

a:visited {
    color: #004D99;
	text-decoration: none;
	}
		
a:visited:hover {
    color: #bbb;
	text-decoration: none;
	}
	
a.grey{
	color: #999;
	}
*/
img{
	border: none;		
	padding: 0px;
	}	

.productimg{
	padding: 5px;
	} 

/*#container, #footer {
	width: expression(document.body.clientWidth < 742? "740px" : document.body.clientWidth > 1202? "1200px" : "auto");
	}
*/