html,body{margin:0;padding:0; background-color:#000033;  background-repeat:repeat-x;   font-family:Arial, Helvetica, sans-serif;   background-image: url(../images/Layout/background.gif);  }
img {border:0px;}
body{font: 76%  arial,sans-serif;text-align:center;  }
p{margin:0px 0px 0px; display:block; padding-top:5px; }
a{  color: #000066; font-size:14px;  text-align:left; padding:0px; font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 0.9em;  
}
a:hover{color:blue;  }
h1 {margin:0px; font-size: 1.4em; font-weight: bold; padding:0px 0px 0px 0px; font-family: Book Antiqua, Palatino Linotype, sans-serif; }
h2 {margin:0px; font-size: 1.3em; font-weight: bold; padding:0px 0px 0px 0px; font-family: Book Antiqua, Palatino Linotype, sans-serif;}
h3 {margin:0px; font-size: 1.2em; font-weight: bold; padding:0px 0px 0px 0px; font-family: Book Antiqua, Palatino Linotype, sans-serif;}
h4 {margin:0px; font-size: 1.1em; font-weight: bold; padding:0px 0px 0px 0px; font-family: Book Antiqua, Palatino Linotype, sans-serif;}
h5 {margin:0px; font-size: 1.0em; font-weight: bold; padding:0px 0px 0px 0px; font-family: Book Antiqua, Palatino Linotype, sans-serif;}
h6 {margin:0px; font-size: 0.9em; font-weight: bold; padding:0px 0px 0px 0px; font-family: Book Antiqua, Palatino Linotype, sans-serif;}

.gentext {padding-bottom:5px; padding-top:5px;  color:#000033;  font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 0.9em; display:block; }

div#access { position:absolute; left: 1208px; top: 8px;  height:20px; width:50px; z-index:1; }
div#access a{color:#000000;}
div#access a:hover{color:#000000;}

/*  Layout */
div#header{ float:left; background-color:transparent; height:178px; width:800px; background-image:url(../images/Layout/header.jpg)   }
div#header_top { background-color:#000066; margin-top:15px; height:16px; background-image:url(../images/Layout/header_top.jpg); background-repeat:no-repeat;}

div#left_col {float:left; background-color:#0000E0; width:180px;     }
div#left_col a{ display:block;}
div#container{clear:both; 
	width:800px;
	margin:0 auto;
	background-color:#000066;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}
 

div#wrapper {float:left; width:800px; margin-left:auto; margin-right:auto;   background-color:#000066;  }
div#content_wrap {float:left; width:800px; background-color:#0000E0 }
div#background_wrap {float:left; width:854px;}

div#content{float:left; width:605px; background-color:#0066FF; text-align:left; height:100%; padding:5px; margin: 0px; color:#fff;}
	
div#content p{ text-align:left;}
div#content a{text-align:left;}

div#maincontent {float:left; width:585px; float:left; border:5px solid #0000E0; padding:5px; background-color:#ffffff; color:#000033; }
div#icon_footer {float:left; width:585px; float:left; border:5px solid #0000E0; padding:5px; background-color:#0066FF; color:#000033;  }

 
 


div#buffer {width:65px; float:left; }
div#footer{clear:both; float:left; width:785px; margin-left:5px; height:65px; color: #000; z-index:1;   text-align:right; padding-right:5px; background:transparent; background-color:#000066; border-top:5px solid #0066FF;  }

div#footer a{color:#990100 ; text-decoration:none; text-align:right; font-size:12px;}
div#footer a:hover{color:#ffffff; background:transparent;}
div#footer_right {float:left; width:48%; text-align:right;   padding:5px; color:#ffffff;}
div#footer_left {float:left; width:48%; padding:5px;   text-align:left}
div#footer_left a {color:#0066FF}
.tagline { color:#ffffff;   font-size:10px;}

/* End Layout */
 

div#mid_col img{ z-index:100;   }
/*accordian nav*/
#navigation {padding:0px; margin:0px; margin-top:10px;  width:170px; margin-left:5px; }
 
.head a{height:25px; vertical-align:middle}

.head {color:#e6d9a2; font-weight:bold; font-size:10px;   border-top:1px solid #BB3830; padding:5px; text-decoration:none}
.head:hover {color:#ffffff; font-weight:bold; font-size:10px; padding:5px; background-color:#BB3830 }
#btm_link {border-bottom:1px solid #BB3830  }
 

/* End Navigation */

/* homepage */
div#welcome {float:left; width:335px; color:#000000;   }

div#icons2 {float:left; width:185px; text-align:center ;   }
div#icons2 img{margin-left:auto; margin-right:auto; margin-top:10px; display:block;  text-align:center }
div#icons2 a {  }

div#icons {float:left; width:245px; text-align:center ;   }
div#icons img{margin-left:auto; margin-right:auto; margin-top:10px; display:block;  text-align:center }
div#icons a { }


.icon_cell img{ border:2px solid #ffffff;}
.icon_cell img:hover{ border:2px solid #990100;}
.icon_cell {padding:5px; padding-bottom:0px;}
.icon_link {text-align:center; width:100%; height:10px; }
.icon_link a{text-decoration:none; display:inline;  height:20px; font-weight:bold; vertical-align:top; color:#225A3F; text-align:center; font-size:10px}
.icon_link a:hover{font-weight:bolder;  color:#990100; text-align:center; font-size:10px}
div#text {float:left; width:450px; margin:0px; padding:0px; }
div#thanks {text-align:center; width:450px; color:#9966ff; font-size:16px; 
margin-left:auto; margin-right:auto; margin-top:100px;}
div#ret_btn {width:163px; background-image:url(../images/Layout/ret_btn.jpg); height: 46px;}
div#ret_btn a{text-decoration:none; font-size:16px; width:163px; text-align:center; height:46px; vertical-align:middle; padding-top:10px;}
div#ret_btn a:hover{color:red}

/* product pages */

.image_cell {width:150px; border:1px solid #990100;  text-align:center; color:#990100; background-color:#ffffff;   padding-right:5px; margin-right:5px;  }

.image_cell a {margin-left:auto; margin-right:auto; text-align:center;  display: inline-table}

.description { font-size:7px; color:#990100; background-color:#990100;  text-align:center; vertical-align:middle; border:solid 1px #990100; padding:3px;}
.description:hover { background-color:#FFFFEB; }

.description a{ text-decoration:none; color:#FFFFEB; font-size:10px; height:100%; vertical-align:middle;} 
.description a:hover {color:#000000;}
.iside_table { float:left; border:1px solid red; height:100%}

.product_table {/*border-collapse:collapse;*/}

div#icons2 {float:left;   }
div#contact_details {float:left; width:173px;  padding-right:5px;}
.contact_image {float:right;}

div#page_header{ text-align:right ; margin-left:220px; width:300px; border:1px solid red;}
.leftcontent {width:400px; float:left; padding-right:5px;  }
.rightcontent {width:175px; float:left;  }

.bullet {width:18px; height:15px; background-image:url(../images/bullet.jpg) ; background-repeat:no-repeat; }
 
.bullet2 {width:30px; height:15px; background-image:url(../images/bullet2.gif) ; background-repeat:no-repeat} 
.bullet3 {width:15px; height:15px; background-image:url(../images/bullet2.gif) ; background-repeat:no-repeat} 
.sub_heading { color:#000066; }
.designer{ color:#990100; font-size:10px;  font-weight:bold;}
.designer2{ color:#000; font-size:10px;  font-weight:bold;}

.question{ color:#990100; font-size:12px;  font-weight:bold;}

 div#directions {clear:both; float:none;   margin-top:10px;}
 #directions_table {border:1px solid #990100; border-collapse:collapse; margin-top:10px; padding:5px;; font-size:10px; font-family:Arial, Helvetica, sans-serif ;    }
.table_heading { background-color:#0066ff; color:#FFFFEB; font-weight:bold; height:30px;   vertical-align:middle; background-image:url(../images/Layout/table_heading.jpg);  }
 
.table_bullet {font-size:12px; color:#990100; vertical-align:top; width:10px; padding:3px;  }
.direction_detail { vertical-align:top; width:290px; padding:3px;}
 
div#directions_btn {width:610px; background-color:#990100; padding:5px; margin-top:10px;}
div#directions_click {width:605px; background-color:#990100; border:1px solid #FFFFEB;  text-align:center; }
div#directions_click a{ color:#FFFFEB; width:605px; display:block; text-align:center; padding-top:5px; padding-bottom:5px; font-weight:bold; font-size:14px; text-decoration:none; } 

div#directions_click a:hover {color:#990100;}
div#directions_click:hover{ background-color:#FFFFEB; cursor:pointer;}
  
div#map_holder {clear:both; float:none;}
  
.full_width {width:100%; clear:both; }

div#slickbox  {clear:both;   }
#slick-toggle  {padding-bottom:5px; padding-top:5px;  display:block; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:10px;  text-decoration:none }
#slick-toggle:hover  { color:#990100; text-decoration:underline  }

.ess_link a{color:red; border:thin solid blue;}
.ess_link:hover {color:#ffffff;}

#toggle_box {float:left; }


#maincontent ul a{text-decoration:none; font-family:Arial, Helvetica, sans-serif; color:#990100;}
#maincontent ul a:hover { color:#000000}


.vid_screen {border:5px solid #2F7CEF; width:550px; margin-left:auto; margin-right:auto ; margin-top:5px; margin-bottom: 5px}

 #hinged_gates {border:2px solid #ffffff; }
 #hinged_gates img{border:5px solid #0000CC; } 
 

  
 .image_box  { border:2px solid #0000E0; width:175px; padding:2px;  }
  .image_box, .pics {border:2px solid #0066FF; }
  /* 
  #image_box img,   .pics img{border: 2px solid #0000CC; }
 */
 /*
  #image_box3{border: 2px solid #ffffff; width:175px; margin-bottom:10px; }
  #image_box3 img,   .pics img{border: 2px solid #0000CC; }
 */
 .text_mid_heading, .bulletz {  color:#000066;}
 
   .image_box3{  border: 2px solid #ffffff; width:180px; margin-bottom:10px; }
   
  
.subheading{padding-top:10px; color:#556D79; color:#000066; font-size:1em;}
.tabbed_subheading{padding-top:0px; color:#556D79; color:#000066; font-size:1em;}

.assessment_holder {float:left; width:400px; background-color:#BDE8E8; border:5px solid #A4DFDF; margin-top:10px; color:#000066; }
.inside_tab{clear:both;  width:95%; background-color:#5198F2; padding:5px; border:5px solid #2F7CEF; margin-top:0px; margin-bottom:5px; }
.assessment_table_heading {width:100%; background-color: #A4DFDF;  color:#000066; font-size:1em;}

.greenbox {background-color:#CEDD93; color:#000000!important; border:2px solid #264211;  width:380px; margin-left:auto; margin-right:auto; margin-bottom:10px; }

.redbox {background-color:red; color:#ffffff!important; border:2px solid #264211;  width:380px; margin-left:auto; margin-right:auto; margin-bottom:10px; text-decoration:blink;}

.clear {height:1px ;  float:left;   width:100%}

.demo {clear:both; float:left; display:block; width:401px;   }
 
 #tab3, #tab2, #tab1 {background-color:#0066FF; border:5px solid #0000E0; padding:0px;    }
 div#tabs {/*border:1px solid #0000E0;*/  background-color:#ffffff ; }reenbox
 
 
 .textarea {background-color:#FFFFFF; color:#000033 ; padding:5px; }
.fullwidth {clear:both;}

 .textarea .gentext { color:#000033 }
 
 #contact_form {border:5px solid #0066FF; float:left;}
 
 .submit {width:100%; border:5px solid #ffffff; background-color:#0066ff; color:#ffffff; font-weight:bold; padding:5px; margin-top:10px;}
.submit:hover {border:5px solid #ffffff; color:#ffffff; background-color:#ff0000; }