/*img { 
	behavior: url(../../iepngfix.htc) 
	}
*/

html, body{ 
	font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; 
	background-color: #fff; color: #333;
 	margin:0; 
 	padding:0; 
 	text-align:center; 
} 

html {
 overflow-y: scroll !important;
}
 
p { margin-bottom: 18px; }
h1 { font-weight: bold; font-size: 24px; line-height: 36px; margin-bottom: 18px;}
h2 { font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 18px; margin-top: 0px;}
h3 { font-weight: bold; font-size: 1em; line-height: 18px; }
h4 { font-weight: bold; font-size: 12px; line-height: 18px; }
h5 { font-weight: bold; font-size: 12px; margin-top: 0px; margin-bottom: 3px; }
p.intro { font-weight: bold; }



#page{ 
 	width:1020px; 
 	text-align:left;  
	margin-left:auto; 
 	margin-right:auto; 
} 
 
#header{
 	position:relative; 
 	height:120px; 

/*  	background-color:silver; */
/*	border-bottom: dotted 1px gray;*/
} 


#header h1 {
	color: orange;
	letter-spacing: 3px;
	font-size: 2.0em;
	font-weight: normal;
	position: relative;
	margin: 0px;
	top:33px;
	display:block;
	float:left;
	margin-top: -5px;
	
	
/*	background: url(../img/bg_t.gif) repeat-y; */
/*	background: url(../img/green_logo.png) no-repeat; */
}

#header h1 a{color: #555; text-decoration: none; font-weight: bold;}

#header hr{
	position: relative;
	top: 75px;
	margin-right: 600px;
	
/*	color: #FFF; background-color: #FFF; border: 1px dotted #CCC; border-style: none none dotted; */
}

.separate
{
	float: none;
	position: relative;
	width:800px;
	top: 80px;
	height: 1px;
	margin-left: auto;
	margin-right: auto;
	border-bottom: dotted 1px #1c94c4;
}
 
img.logo { 
    float: left; 
    padding-top: 	10px;
    padding-right: 	20px;
	padding-left:	120px;
/*    width:			64px;
    height:			64px;
*/
}


 
#twocols{
 width:860px; 
 float:right; 
 position:relative; 
 }
 
/*#rightcol{
 width:180px; 
 float:right; 
 position:relative; 
 }
 */
 
#maincol{
 float: left; 
 display:inline; 
 position: relative; 
 width:860px; 
/* width:650px;*/ 
 padding-left: 8px;
 padding-right: 0px;
 padding-top: 0px;
 padding-bottom: 0px;
 -moz-border-radius-topright: 20px;
 }
 
#leftcol{
 width:150px; 
 float:left; 
 position:relative; 
 }

#footer{
 	height:70px; 	
/*  	background-color:#33BC99; */
 	clear:both;	
	text-align: center;
    margin: 40px auto auto 170px;
	padding: 20px 0 20px 0;
	border-top: dotted 1px #1c94c4;
	width: 640px;
	color: #1c94c4;
 } 
 

#footer p {
	margin: 0px;
	padding: 0;
}



#tabs {display: table-row; }
#tabs-1, tabs-2, tabs-3, tabs-4 tabs-5 tabs-6 tabs-7 {display: table-cell; float: left; font-size: 11px; width: 800px;}


tabProduct {width:100%;  position: relative; float: left; }
tabProd {width: 100%  }

/*tabProduct {width:609px;  position: relative; float: left; }
tabProd {width: 609px;  }
*/

/*#tabProd .info {  float: left; position: relative; width: 595px; display: inline; padding-left: 10px; margin-left: -8px; padding-right:15px; font-size: 12px;}
#tabProd .details { background-color: white; position: relative; float: right;  width: 210px; margin:20px -10px; padding:0 1px 0 3px; font-size:11px; border: 1px solid #e5e5e5;}
*/

#tabProd .info {  width: 595px; display: inline;  padding-left: 10px; margin-left: -8px; padding-right:15px; font-size: 12px;}
#tabProd .details { background-color: white;  float: right;  width: 210px; margin:20px -10px auto 8px; padding:0 1px 0 4px; font-size:11px; border: 1px solid #e5e5e5;}



#tabProd .details dl { display:inline; }
#tabProd .details dt, #tabProd .details dd, #tabProd .details dt2, #tabProd .details dd2 { float:left; padding-top:.3em; border-top:1px solid #e5e5e5; }
#tabProd .details dt, #tabProd .details dt2 { clear:left; width:80px;  padding-left:2px; }
#tabProd .details dd, #tabProd .details dd2 { width:100px; margin-right:-1px; margin-left: 0px; padding-left: 20px; padding-right:1px; text-align:left; }
#tabProd .details tt { float: left; text-align: center; border-top: 1px dotted #1c94c4; color: #1c94c4; margin: 14px 0px 0px -4px; width: 215px; padding-top:0px; font-family: helvetica, impact, serif; }
#tabProd .details dt2, #tabProd .details dd2, #tabProd .details dd2 a { background-color: #EDF2F8;}


.mRef {font-size: 12px; width: 800px;}
.mRef h3 {margin-bottom: -10px; font-size: 1.1em; color: #1c94c4;}
.mRef p  {margin-bottom: 0px; }
.mRef ul {margin: -2px -5px -5px 20px; padding:5px 15px 12px 15px;}


#menu {	position: relative; display: block;	float:right; top: 34px; right: 170px; height: 15px; }
/*#menu {	display: block;	float:right; margin-top: -17px; margin-right: 100px;} */
#menu ul {	margin: 0; 	list-style: none; }
#menu li { 	display: block;	float: left; /*	white-space: nowrap;  */ position: relative; z-index: 1; }
#menu li a { display: block; padding: 2px 20px 2px 20px; 		 	color: #1c94c4; font-weight: bold; }
/*#menu li a { display: block; padding: 55px 20px 12px 20px; 	text-decoration: none; 	color: #aaa; font-weight: bold; }*/
/* * html #menu a {width:1%;}*/			
#menu li a:hover { 	color: white; background-color: darkorange;  }
/*#menu li a:hover { 	color: white; background: url(../img/bg_menu.gif) center bottom repeat-x; }*/
/*#menu li a.current { letter-spacing: 1px; color: gray; 	background: url(../img/bg_menu.gif); } */
#menu li a.current:hover { color: white; }

/*
#menu a {color: #000; background: #ffa20c url(image/mnuLeft.png) left top no-repeat; text-decoration: none; padding-left: 10px}
#menu a span {background: url(image/mnuRight.png) right top no-repeat; padding-right: 10px; height:36px;}
#menu a, #menu a span {display: block; float: left}
#menu ul {list-style: none; padding: 0; margin: 0}
#menu li {float: left;margin: 0;}
*/

/* Hide from IE5-Mac \*/
#menu a, #menu a span {float: none}

.newsticker, .testimonial {list-style-type: none; padding: 3px; margin: 0;} 

.product {border-collapse: collapse;  width: 700px; margin-left: auto; margin-right: auto; border-top-radius: 20px;}
.product th {background-color: #1c94c4; text-align: center;  border-right: 1px solid #1c9c4; height: 30px; font-size: 14px; font-weight: bold;}
.product th a:visited { color: white; /*text-decoration: none;*/ font-size: 15px; }
.product th a:link { color: white; /*text-decoration: none;*/ font-size: 15px; }
.product td {background-color: white; border: 1px solid #1c94c4; padding: 5px 10px 5px 15px; vertical-align: top;  }

.Product {background-color: #white; color: #1c94c4; width: 720px; }
.Product .boxheader {background-color: #1c94c4; height: 30px; }
.Product .box {float: left; background-color: white; width: 360px; padding-left: 8px; border: 1px solid;}


.box 
{ 
width: 500px;
margin: 30px 5px 15px 10px; 
border: #3c5a86 1px dashed; 
padding:5px; 
font-size: 12px; 
font-weight: normal; 
color: #000000; 
background-color: #d1e0ef; 
}

.box H1 
{ 
margin : 0px 0px -12px 5px; 
position: relative; 
top : -12px; 
border: #3c5a86 1px solid; 
padding-top : 3px; 
padding-bottom: 3px; 
padding-left : 5px; 
padding-right : 5px; 
font-size : 18px; 
font-weight: bold; 
color : #000000; 
display: inline; 
background-color: #99bbdd; 
}

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.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 */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}


input#viewHTML {width: 80px; margin-left: 0px; float: left; background-color:white; border:0; color:black; text-decoration:underline; cursor:pointer; padding-left: 0px; padding-right: 50px;}


/* #nojs { margin-top:0 auto 25px auto; padding:10px; text-align:center; background:#333; color:#ccc;} */
#nojs { margin: 0 auto 25px auto; padding:10px; text-align:center; background: #ccc; color:black; border: 2px solid black}
#nojs a { color:#fff; }


.togglejs {display: block;}

/* -- Question/Answer styling  */
.Q1, .Q2 {color:#1c94c4; font-size:1em;	background-color: white; margin-top:2px; margin-bottom:2px; padding-left:2px; cursor:pointer; }
.Q2{background-color: #FFFAF0; }
.A1, .A2, .A3, .A4{ display: block; color:#1c94c4; background-color: white; 	border: solid 1px #1c94c4; padding: 2px 10px 3px 10px;}
.A2, .A4{background-color: #FFFAF0; }
.A3, .A4 {display: none;}
.A1 a, .A2 a, .A3 a, .A4 a{color: #1c94c4;}