
/*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,.company { 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; }


h2.section_heading, h1.section_heading, h3.section_heading, h4.section_heading, h5.section_heading
{
	font-weight: normal;
  	border-bottom: 1px solid #d7dadd;
  	padding-bottom: 0px;
  	margin-bottom:5px;
}

h1.orangehdr, h2.orangehdr{	color: white; background-color: #f7b54a; margin-left: -15px; margin-right: -15px; padding: 13px 10px 13px 15px; border-top-right-radius: 20px; -moz-border-radius-topright: 20px; font-size: 18px; }

#page{ 
 	width:1035px; 
 	text-align:left;  
	margin-left:auto; 
 	margin-right:auto; 
} 
 
#header{
 	position:relative; 
 	height:120px; 

/*  	background-color:silver; */
/*	border-bottom: dotted 1px gray;*/
} 


#header h1, #header .company {
	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;
	color: #000; 
	background-color: #fff;	
	
/*	background: url(../img/bg_t.gif) repeat-y; */
/*	background: url(../img/green_logo.png) no-repeat; */
}

#header h1 a, #header .company 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 { border: 0;}
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:850px; 
/* width:650px;*/ 
 padding-left: 8px;
 padding-right: 0px;
 padding-top: 0px;
 padding-bottom: 0px;
 -moz-border-radius-topright: 20px;
 }
 
#leftcol{
 width:160px; 
 margin-right: 5px;
 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;
 } 
 

#footer p {
	margin: 0px;
	padding: 0;
}




#tabs {
	min-height: 500px;
	width: 100%;
	/*display: table-row; */
	/*border-color: #016711; border-width: thin; border-style: solid;*/
	background: #ffcc66; /* for non-css3 browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(white), to(#FFDB70)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  white,  #FFDB70); /* for firefox 3.6+ */
	background-image: -ms-linear-gradient(top, #FFFFFF 0%, #FFDB70 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFDB70'); /* for IE */
}

/*#page1, #page2, #page3, #page4 #page5 #tabs-6 #page7 {display: table-cell; float: left; font-size: 11px; width: 800px;} */

tabProduct {width:100%;  position: relative; float: left;  }
tabProd {width: 100%;  }

#tabProd .info {  width: 595px; display: inline;  padding-left: 10px; margin-left: -8px; padding-right:15px; font-size: 12px;}
#tabProd .info h2 {margin-bottom: -10px;}

#tabProd .details { 
	background-color: white;  float: right;  width: 216px; margin:20px -10px 15px 8px; padding:0 1px 0 4px; font-size:11px; border: 1px solid #e5e5e5;
/*	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#f0f0f0'); 
	background: -webkit-gradient(linear, left top, left bottom, from(white), to(#f0f0f0)); 
	background: -moz-linear-gradient(top,  white,  #f0f0f0); 
*/	
	}
	
		

.mgradvert {
  border: 1px solid #fde286;
  background-color: #fef1c4;
  background: -moz-linear-gradient(top, #fff 0%, #fef1c4 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fef1c4));
  background: -o-gradient(#fef1c4 , #fff);
  background-color: white;  
  background-image: -ms-linear-gradient(top, #FFFFFF 0%, #fef1c4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#fef1c4'); /* for IE */
  }

.mgradblue {
  border: 1px solid #1c94c4;
  background-color: #DAEAF0; 
  background: -moz-linear-gradient(top, #fff 0%, #d1e0ef, 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#d1e0ef));
  background: -o-gradient(#d1e0ef, #fff);
  background-image: -ms-linear-gradient(top, #FFFFFF 0%, #d1e0ef 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#d1e0ef'); /* for IE */
  }

.shadowrb {  
  -moz-box-shadow: 5px 5px 5px #ccc;
  -webkit-box-shadow: 5px 5px 5px #ccc;
  box-shadow: 5px 5px 5px #ccc;
}

.shadowrblt {  
   -moz-box-shadow:inset 0 0 10px #000000;
   -webkit-box-shadow:inset 0 0 10px #000000;
   box-shadow:inset 0 0 10px #000000;}

#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:90px;  padding-left:2px; color: #1c94c4;}
#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: 0px 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;}

blockquote {
  font: 14px/20px italic Times, serif;
  padding: 8px;
  background-color: #faebbc;
  border-top: 1px solid #e1cc89;
  border-bottom: 1px solid #e1cc89;
  margin: 5px;
  background-image: url(image/openquote1.gif);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 23px;
  }
  blockquote.style1 span {
    	display: block;
    	background-image: url(image/closequote1.gif);
    	background-repeat: no-repeat;
    	background-position: bottom right;
  	}

blockquote:before { content: open-quote; font-weight: bold; }
blockquote:after { content: close-quote; font-weight: bold; }
 
 
/*override jqueryui defaults */
.ui-widget-content a{color: #1c94c4;}

.mRef {font-size: 12px; width: 100%; }
.mRef h1 {font-size: 21px; margin-bottom: 10px;}
.mRef h2 {font-size: 14px; margin-top: 10px; color: #1c94c4;}
.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;}

#cujo 	  {padding-top: 6px;}
#cujo h3  {padding-left: 40px; width: 400px; font-size: 1.2em; }
#cujo img {float:left; padding-top: 12px;}
#cujo p   {width: 760px; text-align: justify; padding-left: 40px; padding-bottom: 2px;}
#cujo ul p {width: 650px; margin-top: 0px; padding-left: 15px; padding-top: 5px;}

#article {font-size: 12px; width: 100%; color: #555;  line-height: 22px; margin-top: -20px;}
#article h1{font-size: 20px; padding: 3px 10px; background-color: #1C94C4; color: white; border: 1px solid #aaa;}
#article h2{color: #1c94c4; font-size: 16px; margin-bottom: -8px; padding-top: 16px; padding-left: 25px;  margin-top: 10px; }
#article p {margin-left: 25px; margin-right: 50px;}
#article ol, ul{margin: 0 50px 0 20px;}



.bluebold {color: #1c94c4; font-weight: bold;}

/*.clist li:before {content: "\2713 \0020 "; color: #888; } */
.clist ul { list-style: url(image/tick.png);}


.checkmark  { list-style: url(../image/checkmark16.png) } 

 
.newsticker, .testimonial{list-style-type: none; padding: 3px; margin: 0;}
#moreinfo li{padding-bottom: 6px; margin-left: 5px;}

.iarrow {float: right; padding: 10px 30px; font-size: 90%; color: #ddd; cursor: pointer;}

.yellowbox{background-image: url(../image/bgyellow.png); display: block; width: 600px; height: 104px; border: 1px solid #DDD; padding: 4px 6px 4px 6px;}
.yellowbox H1{ padding-top : 3px; padding-right : 5px; font-size : 14px; font-weight: bold; color : #000000; display: inline;} 

a.button{ background:url(../image/btn.png) no-repeat; display:block; color:#555555; font-size: 11px; font-weight:bold; height:30px; line-height:29px; margin-bottom:14px; text-decoration:none; width:186px; text-align:center;}
a:hover.button{ color:#0066CC; }


.allblue{background-color: #d1e0ef;  }

#accordion ul{line-height: 20px; list-style-type: none;}
#accordion a{text-decoration: none;}

 
 /* *** 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;}

.dojs {display: none;}
.nojs {display: block;}

/* #nojs { margin-top:0 auto 25px auto; padding:10px; text-align:center; background:#333; color:#ccc;} */
#nojswarning { margin: 0 auto 25px auto; padding:10px; text-align:center; background: #ccc; color:black; border: 2px solid black}
#nojswarning a { color:#fff; }


/* .togglejs {display: block;}*/

/* -- Question/Answer styling  */
.Q1, .Q2 {color:#1c94c4; font-size:1.1em; line-height: 140%; background-color: white; margin-top:2px; margin-bottom:2px; padding-left:3px; cursor:pointer; text-align: left;}
.Q2	{background-color: #FFFAF0; }
.A1, .A2{ display: none; color:#1c94c4; background-color: white; border: solid 1px #1c94c4; padding: 2px 10px 3px 10px; text-align: left;}
.A2	{background-color: #FFFAF0; }
.A1 a, .A2 a{color: #1c94c4;}

.bd {display: none;}


