html, body{
 margin:0; 
 padding:0; 
 text-align:center; 
 font-family: Arial, Helvetica, sans-serif;
}

h1 {
	font-size: 24px;
	color: #21769f;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

h2 {
	font-size: 18px;
	color: #FF6633;
	padding-left: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
}
h3 {
	font-size: 11px;
	padding-left: 10px;
	margin-top: 0px;
	margin-bottom: 15px;
	font-style: italic;
}


label {
 font-size: 11px;
}

a{
	color: #FF6633;
	text-decoration: none;
}

a:hover{
	color: #21769f;
	text-decoration: none;
}

#pagewidth{ 
 width:825px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
}  
 
#header{
 position:relative; 
 height:62px; 
 width:100%;
}

#logo{
  margin-top: 5px;
  width: 314px;
  height: 49px;
}

/*navigation */
#nav_container{
  margin-top: 37px;
  height: 26px;
  width: 446px;
  float: right;
}


.tab{
  float: left;
  margin-right: 6px;
  height: 26px;
  width: 101px;
  color: #21769f;
  background: url(../images/tab.gif) no-repeat;

} 

.tab:hover{
  float: left;
  margin-right: 6px;
  color: #FF6633;
  height: 26px;
  width: 101px;
  background: url(../images/tab.gif) no-repeat;
  background-position: 0px -26px;
} 
     
.tab_text {
  margin-top: 6px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
}
/*navigation end*/

#maincol{background-color: #FFFFFF;
 float: right; 
 display:inline; 
 position: relative; 
 width:100%; 
 background: url(../images/body_bg.png) no-repeat;
 height: 587px;
}


#maincol_sub{background-color: #000000;
 float: right; 
 display:inline; 
 position: relative; 
 width:100%; 
 background: url(../images/body_border.gif) repeat-y;

}


#index_text{
  margin-top: 390px;
  height: 180px;
  color: #FFFFFF;
}

#index_text p{
	font-size: 12px;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 5px;
	line-height: 12px;
	
}

#index_text h2{
	color: #FFFFFF;
	padding-top: 10px;
	margin-left: 20px;
	margin-bottom: 0px;
}

#footer{
 clear:both; float: left;
 margin-bottom: 50px;
 padding-top: 15px;
 font-size: 10px;
 width: 810px;
} 

#footer_left{
  width: 400px;
  float: left;
}

#footer_left a:hover{
  color: #000000;
  text-decoration: underline;
}

#footer_right{
  width: 405px;
  float: right;
  text-align: right;
}

#footer_right a:hover{
  color: red;
}


#content_area{
	margin-left: 0px;
}

#content_area p{
	margin-left: 30px;
	margin-right: 30px;
}

 /*Float containers fix:*/ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

/*bottom boxes*/


#bottom_boxes{
 clear:both; float: left;
 margin-bottom: 5px;
 padding-top: 15px;
} 
 

.bottom_boxLeft{
  width: 262px;
  height: 200px;
  float: left;
  display: inline;
  background: #afdef4;
}

.bottom_boxRight{
  width: 262px;
  height: 200px;
  background: #afdef4;
  float: left;
  display: inline;
}

.bottom_boxCenter{
  margin-left: 18px;
  margin-right: 18px;
  width: 262px;
  height: 200px;
  float: left;
  display: inline;
  background: #afdef4;
}

.box_top{

  height: 11px;
  overflow: hidden;
  width: 262px;
  background: url(../images/btm_mod_crn.gif) no-repeat;
  background-position: 0px 0px;

}

.box_bottom{
  height: 11px;
  overflow: hidden;
  width: 262px; 
  background: url(../images/btm_mod_crn.gif) no-repeat; 
  background-position: 0px -11px;
}

.box_middle{
  height: 178px; 
  width: 262px;
}

.bottom_icon{
  margin-left: 18px; float: left; display: inline; height: 65px; width: 79px; overflow: hidden;
}

.bottom_title{
	margin-left: 5px; text-align: center; font-weight: bold; font-size: 26px; float: left; height: 34px; width: 150px; color: #003c53;
}

.bottom_tagline{
	margin-left: 10px; font-size: 11px; float: left; height: 31px; width: 145px; color: #003c53; overflow: hidden;
}

.bottom_text{
	font-size: 11px; float: left; display: inline; margin-left: 5px; margin-right: 5px;
}
.bottom_text_big{
	font-size: 13px;
}
.bottom_text_toobig{
	font-size: 20px;
}
.quantity {
float: left; display: inline; width: 125px; text-align: right; margin-right: 5px; font-size: 11px;
}

.price {
float: left; display: inline; width: 105px; text-align: right; margin-right: 5px; font-size: 11px;
}

.name {
float: left; display: inline; width: 210px; text-align: right; margin-left: 20px; margin-right: 5px;
}

.radio {
float: left; display: inline; width: 40px; text-align: right; margin-right: 5px;
}

/*form styling*/

.error {
  color:#FF0000;
}

.form-box {
  width: 637px;
  font: 12px Arial;
	
}


.form-error-row {
  float: left;
  font: bold 11px Arial;
  width:800px;
  color: #FF0000;
	text-align: center;
}

.form-error-row-top {
  float: left;
  font: bold 11px Arial;
  width:800px;
  color: #FF0000;
  text-align: center;

}

.form-row {
  /*float: left;*/
  width: 100%;
  padding: 3px 0 3px 0;
  margin-top: 8px;
}

.form-row-left {
  /*float: left;*/
  text-align: left;
  width: 50%;
  padding: 3px 0 0 0;
  margin-left: 80px;
}
.form-row-left a {
  color:#21769f;
}
.form-row-left a:hover{
 color:#FF6633;
}
.form-row-right {
  float: right;
  width: 300px;
  margin-top: -20px;
}

.form-row-right a {
	font-size: 11px;
	margin-left: 10px;
    color:#21769f;
}

.form-row-right a:hover {
	color:#FF6633;
}

.available_lists {
	margin-left: 40px; width:100%;
	font-weight: bold;
}

.available_lists a:hover{
	color: #21769f;
}