* {
			margin : 0;
			padding : 0;
            font-family: Arial, Verdana, Tahoma, sans-serif;
	        font-size: 100%;
			}
			body {
            background: #ebeeff center repeat-y;

			}
            #realpage {
			width: 800px;
			margin: 0 auto;
			padding: 0px 0px;
            border: 1px solid #555;
            background: #f8f8f5;
			}
			#page {
			width: 800px;
			margin: 0 auto;
			padding: 20px 0px;
            background: #ebeeff;
			}
            .err {
			color: red;
			font-size:80%;
			margin-bottom:0;
			margin-top:10px;
			}
			#head {
			background: #7496D8 url(images/topbg.gif) repeat-x;
			color: #fff;
			padding: 0 10px;
			}
			
			#head #contact {
			width: 50%;
			float:right;
			text-align:right;
			padding: 10px;
			}

			#head h1 {
			padding-left:10px;
			padding-top:40px;
			padding-bottom:10px;
			}
			
			#nav {
			background: #85A7EA url(images/topbg2.gif) repeat-x;
			color: #fff;
			padding: 0 10px;
            border-bottom : 1px solid #2b548c;
           }

#menu {
	background : transparent;
	font : 80% sans-serif;
	padding-top:20px;
}
#menu ul {
	padding : 0.75em 1em;
}
#menu li {
	display : inline;
}
#menu li a {
	color : #ffffff;
	padding : 0.75em 0.5em;
    text-decoration: none;
}
#menu li a:hover {
	background : #2b548c url(images/navbg2.gif) repeat-x top left;
}
#menu li.selected a {
	background : #f8f8f5 url(images/navbg.gif) repeat-x top left;
	color : #D14023;
	border : 1px solid #2b548c;
	border-bottom : 1px solid #f8f8f5;
 
}
#menu li.selected a:hover {
	background : #fff url(images/navbg.gif) repeat-x top left;
	color : #D14023;
}

#main {
padding: 10px;
}
#main h1 {
    color: #D14023;
	padding: 5px;
	font-size:19px;
	font-family:arial,sans-serif; 
	margin-bottom:13px;
	padding-left:0;
}

#main h2 {
    font-size:14px;
	padding: 5px; 
	padding-left:0;
	font-family:arial,sans-serif; 
	margin-bottom:0px;
	
	margin-top:20px;
	color: #4B6EAD;
}

#main h3 {
font-size:12px;
	padding: 5px; 
	padding-left:0;
	font-family:arial,sans-serif; 
	margin-bottom:0px;
    margin-top:20px;
	color: #4B6EAD;
}


#main p, blockquote {margin-bottom: 5px; font-size:80%; }


hr {
margin: 10px;
height: 1px;
color: #555;

}
#main blockquote {
margin: 10px;
padding: 10px; 
background: #EFEFEF;
color: #000;
border: 1px dashed #555;
font-size:12px;
}


#main img {
margin:0 10px 5px 0;
}


#contacta {
color: #000;
background: #efefef url(images/45an.gif);;
margin:0 0px;
border-top:1px solid #555;
}

#left {width: 45%;
float:left;
margin:10px;
}
#left ul {
margin-left:30px;
font-size:80%;
}
.clear {clear:both;

font-size:70%;
text-align:right;
margin-right:10px;
}


#contactform {
text-align:center;
margin:10px;
font-size: 12px;
}
#contactform table {
text-align:left;
}
#contactform th, #contacta #left h3 {
text-align:center;
padding-bottom:10px;
font-size:12px;
font-weight: bold;
color: #000;
background: transparent;
}



			textarea {
			border:1px solid #7F9DB9;
			font-size:10px;
			font-family: verdana,sans-serif;
			color: #000;
			height: 100px;
			width: 155px;
			background: #fff url(images/extareabg.gif) repeat-x bottom right
			}
			
			input {
			border:1px solid #7F9DB9;
			font-size:10px;
			font-family: verdana,sans-serif;
			color: #000;
			height: 15px;
			width: 155px;
			background: #fff url(images/textareabg2.gif) repeat-x bottom right

			}
			.subbut {

			    padding: 1px;
  font: 400 1em verdana, sans-serif;
  color: #999;
  background: #EEE;
  border: 1px solid #CCC;
  font: 400 0.9em verdana, serif;
  cursor: pointer;
  color: #fff;
  background: #FC3307;
  border-width: 1px;
  border-style: solid;
  border-color: #FF7800 #691300 #691300 #FF7800;
  width: 60px;
height: 18px;
font-size:10px;
font-family:verdana,sans-serif;		
			}


/* CONTENT AREA - STRUCTURAL
*****************************************************************/

#content {
	width: 760px;
	float: right;

}

/* FEATURED PRODUCTS
*****************************************************************/

.featProd {
	margin: 0 0 0 10px;
}

.featProd ul {
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
    float: left;
	width: 760px;
}
.featProd ul li {
	width: 340px;
	display: inline;
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	background: none;
}
.featProd ul li.r {
	margin: 0 0 0 10px;
}
.featProd ul li.divider{
	width: 750px;
	background: url(images/featured_products_divider.gif) repeat-x left center;
	height: 29px;
	margin: 0;
	overflow: hidden;
}
.featProd a {
	text-decoration: none;
	color: #7bad00;
}
.featProd a:hover {
	text-decoration: underline;
	color: #464646;
}
.featProd .prodImg img {
	border: 4px solid #e1e2db;
	/* margin: 0 7px 0 0; */
	margin: 0 0 0 0;
	float: left;
	width: 74px;
}
.featProd .prodImg:hover img {
	border: 4px solid #7bad00;
}
.featProd .prodImg:hover {
	background-color:red; /* meaningless trigger to avoid IE6 bug and allow border to change color */
}

.featProd .copy {
	/* float: left; */
	float: left;
	width: 50%;
}
.featProd .copy h4 {
    width:100%;
	margin: 0;
    font-size: 0.9em;
    color: #7bad00;
}
.featProd .author {
	font-size: 0.9em;
	font-style: italic;
	margin-bottom: 0;
}
.featProd .cost {
	font-weight: bold;
	margin-bottom: 0;
}
.featProd .btnBox {
	margin-right: 3px;
}


/* COMMON PRESENTATIONAL RULES
*****************************************************************/

img.border {
	border: 1px solid #ccc;
}
img.bordFat {
	border: 4px solid #ccc;
}
.inline {
	display: inline;
}


.btnMoreAfter, .btnBoxAfter, .btnBoxAfterTall {
	height: 5px;
	font-size: 1px;
}
.btnBoxAfterTall {
	height: 8px;
}
.btnMore, .buyBtn, .btnBox {
	font-weight: bold;
	padding: 2px 6px 2px 16px;
	border: 1px solid #bababa;
	background: #fff url(../images/btn_arrow.gif) no-repeat 8px 55%;
    font-size: 0.7em;
}
.btnMore:hover, .buyBtn:hover, .btnBox:hover {
	border: 1px solid #7bad00;
	text-decoration: none;
    font-size: 0.7em;
}
 .btnMore1,.btnBox1 {
	font-weight: bold;
	padding: 2px 6px 2px 16px;
	border: 1px solid #bababa;
	background: #fff;
    font-size: 0.7em;
}
.btnMore1:hover,.btnBox1:hover {
	border: 1px solid #7bad00;
	text-decoration: none;
    font-size: 0.7em;
}
.clear {
	clear: both;
	height: 1px;
	width: 1px;
	font-size: 1px;
	padding: 0;
	margin: 0;
	line-height: 1px;
	overflow: hidden;
}

