/* Layout Stylesheet */ 
#h2 {
color:#666666;
font:Arial, Helvetica, sans-serif;


}

body {
 font-family:Arial, Helvetica, sans-serif;
 text-align:center;
 margin:0px;
 padding:0;
 min-height:868px;/* for good browsers*/
 min-width:452px;/* for good browsers 452*/
 background-color:#cccccc;
 color: #000000;
 }

#outer {
 font:Geneva, Arial, Helvetica, sans-serif;
 height:100%;
 width:100%;
 display:table;
 vertical-align:middle;
 }

#hdr {
 height:60px;
 background:#ffffff;
 color: #333333;
 }

#bar {
 height:25px;
 background:#c0c0c0;
 color: #333333;
 border:solid #000000;	
 border-width:0px 0 0px 0;
 }

#bodyblock {
 font-style:inherit;
 position:relative;
 background-color:#333F7F;
 color:#FF0000;
 width:800px;
 padding: 0 0 0 0;
 }
 
#headercaption {
 position: absolute;
 font-size: 25px;
 top: 75px;
 left: 420px;
 color: #ffffff;
 border: solid #000000 0px;
}

#indexNews {
 position: absolute;
 font-size: 18px;
 top: 595px;
 left: 165px;
 width: 625px;
 height: 260px;
 padding: 0 0 0 0;
 color: #000000;
 border: solid #000000 0px;
}
#indexNewsL {
 font-size: 15px;
 text-align:center;
 float: center;
 width: 100%;
 height: 260px;
 color: #000000;
 border-width: 1px;
 border-color: #666666;
}
#indexNewsR {
 font-size: 15px;
 text-align:center;
 width: 50%;
 height: 260px;
 color: #000000;
}


#l-col {
 float:left;
 background-color:#333F7F;
 color: #eeeeee;
 width:160px;
 height:100%;
 margin:0;
 }

#topbar {
background-color:#FFD038;
 color: #eeeeee;
 width:640px;
 height:5px;
}

#main_image3{
 width:640px;
 height: 480px;
 background:#cccccc;
 color: #333333;
 background: url(../images/equipment/accuvision.gif);
 padding:0px 0px 0px 0px;
 border:0px;
 }

#main_image2 {
 width:640px;
 height: 562px;
 background:#cccccc;
 color: #333333;
 }

#sub_image {
 width:640px;
 height:545px;
 background:#ffffff;
 color: #333333;
 margin: 0;
 padding:0;
/* background: url(../images/equipment/downgrader.jpg); */
 }
 
#options {
 position: relative;
 font-size: 12px;
 left: 60px;
 width: 80%;
 height:120px;
 color: #666666;
 border: solid #000000 0px;
}
#opLeft {
 float: left;
 text-align:center;
 display: table-cell; 
 vertical-align: text-top;
 width: 49%;
 height: 100%;
 border: solid #000000 0px;
}
#opRight {
 float: left;
 width: 50%;
 height: 100%;
 border: solid #ffffff 0px;
}
#opfeatureT {
 font-size: 18px;
 float: left;
 width: 100%;
 height: 25%;
 background:#D4D4D4;
 color: #333333;
 border: solid #ffffff 0px;
}
#opfeature {
 font-size: 12px;
 float: left;
 width: 100%;
 height: 20%;
 background:#D4D4D4;
 color: #000000;
 border: solid #ffffff 1px;
}
#opfeatureR {
 font-size: 12px;
 float: left;
 width: 100%;
 height: 20%;
 background:#EAEAEA;
 color: #000000;
 border: solid #ffffff 1px;
}

 
#LI.bullet{
 list-style: circle outside; color:black;
} 

#cont {
 width:640px;
 background: #ffffff;
 color: #666666;
 text-align:left;
 font:Arial, Helvetica, sans-serif;
 /*border:solid #000000;*/
 }
#cont_index {
 width:640px;
 background: #E3E2DD;
 color: #666666;
 text-align:left;
 font:Arial, Helvetica, sans-serif;
 background-image:url('../images/index_bk.jpg');
 background-repeat: no-repeat;
 /*border:solid #000000;*/
 }


#cont_maintxt_test {
 padding: 20px 0px 0px 170px;
 text-align:left;
 height:inherit;
 font:Arial, Helvetica, sans-serif;
 /*border:solid #000000;*/
 }

#cont_maintxt {
 text-align:left;
 height:inherit;
 font:Arial, Helvetica, sans-serif;
 padding: 20px 10px 0px 10px;
 height: 1500px;
 /*border:solid #000000;*/
 }

#product_wrapper {
 width:640px;
 height:500px;
 background-color:#ffffff;
}

#box_wrapper {
 height:110px;
 background-color:#FDC938;
 border-bottom: 3px solid #2175BC;
 border-top: 0px solid #3D95DC;
}


#loadarea {
width:640px;
height:480px;
}

/*  CONTAINER FOR ALL BROWSERS */

.clear:after {
content: ".";
display: block;
height:0;
font-size:0;
clear:both;
visibility:hidden;
background-color:#FFD038;

}

.clear {
min-height: 1px;
}
* html clear {
height:1px;
}
 
/* END CONTAINER */
 
#box {
 float:right;
 background:#eeeeee;
 color: #666666;
 width:202px;
 height:160px;
 border-width:0px 1px 0px 1px;
 border:solid #ffffff;
 margin:0px 0px 0px 0px;
/* padding: 20px 20px 20px 20px;*/
 vertical-align:middle;
 }

#box_border {
 width:640px;
 margin:0;
 padding: 0 0px 0 0;
 border:1px;
 border-color:#666666;
 background:#e2e2e2;
 margin-left:auto;
 margin-right:auto;
 }

/*
#wrappper {
 border-width:0px 0px 0px 1px;
 border:solid #cccccc;
 width:300;
 background:#ffffff;
 color: #ffffff;
 text-align:center;
 font:Arial, Helvetica, sans-serif;
 margin:0;
 }
*/
 

#ftr {
 font-size:9px;
 height:25px;
 background:#cccccc;
 color: #999999;
 border:solid #cccccc;
 border-width:0px 0px 0px 0px;
 margin:0;
 }
 
 
#list_item {
	padding: 5px 0px 0px 15px;
	list-style: square outside; 
	
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/

}

.thumbnail img{
border: 1px solid white;
margin: 0 0px 0px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color:#FFA034;
padding: 5px;

left: -800px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 130px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/*
***************************************
Style for tables other than the menu
***************************************
*/

#pageTable {position:inherit;}
#pageTable table {
	border-collapse: collapse;
	width: 100%;
	font-family:Arial, Helvetica, sans-serif;
}

#pageTable caption {
	text-align: right;
	font-size: .75em;
}

#pageTable th {
	border: 1px solid #666666;
	padding: 3px 3px 2px 5px;
	font-size: .8em;
	/*background: url(images/th_bg.png) no-repeat left top;*/
	background-color: #efefef;
	color: black;
	text-align: left;
	border-color: #ffffff;
}

#pageTable td {
	border: 1px solid #ffffff;
	padding: 3px 5px 2px 5px;
	font-size: .8em;
}

#pageTable th.style {
	/*background: url(images/th_bg.png) no-repeat left top;*/
	background-color: #efefef;
	color: black;
	text-align: left;
	border-color: #ffffff;
}


#pageTable tr.alt td {
	/*background: url(images/td_bg.png) no-repeat left top;*/
	background-color: #efefef;
}

#pageTable td.alt {
	/*background: url(images/td_bg.png) no-repeat left top;*/
	background-color: #efefef;
}


/* ROUNDED CORNERS - with graphics*/
.box {
  background: #00428E;
}
.boxtop {
  background: url(../graphics/rounded/ne.gif) no-repeat top right;
}
.boxtop div {
  height: 20px;
  background: url(../graphics/rounded/nw.gif) no-repeat top left;
}
.boxbottom {
  background: url(../graphics/rounded/se.gif) no-repeat bottom right;
}
.boxbottom div {
  height: 20px;
  background: url(../graphics/rounded/sw.gif) no-repeat bottom left;
}
.boxcontent {
  width: 300px;
  padding: 0px 20px 0px 20px;
}

/* -------- VIDEO --------- */
#main_video
{
	background:#000000;
	height:554px;

}
#wwd-flv-player
{
	padding-left: 0px;
}
#container_video
{
	height:150px;
	width: 300px;
	background:#d9d9d9;
	margin-top:5px;
	margin-bottom:5px;
}
#rcontain
{
	background:#eeeeee;
	float:left;
	width:200px;
    height:160px;
	margin-right:5px;
    margin-top:7px;
 	
}