/*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; }


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;
}

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 {
	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 { 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;
	color: 	
 } 
 

#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 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFDB70'); /* for IE */
	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+ */
}

/*#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;  
  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);
  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(images/openquote1.gif);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 23px;
  }
  blockquote.style1 span {
    	display: block;
    	background-image: url(images/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 h2 {margin-top: 10px;}
.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;}
/*#cujo ul li   {background-image: url(image/tick.png);} */

 
/*.button, .demo {
		display: inline-block;
		outline: none;
		cursor: pointer;
		text-align: center;
		text-decoration: none;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		padding: .3em 1.2em .35em;
		text-shadow: 0 1px 1px rgba(0,0,0,.3);
		-webkit-border-radius: .5em; 
		-moz-border-radius: .5em;
		border-radius: .5em;
		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
		-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
		box-shadow: 0 1px 2px rgba(0,0,0,.2);
		margin-top:12px;
	}
	.button:hover, .demo:hover, .button:visited, .demo:visited, { text-decoration: none; color:#fff; }
	.button:active, .demo:active, { position: relative; top: 1px; }

	.orange,.orange:visited, .demo, .demo:visited {
		color: #fef4e9;
		border: solid 1px #da7c0c;
		background: #f78d1d;
		background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
		background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
	}
	.orange:hover, .demo:hover {
		color: #fef4e9;
		background: #f47c20;
		background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
		background: -moz-linear-gradient(top,  #f88e11,  #f06015);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
	}
	.orange:active, .demo:active {
		color: #fcd3a5;
		background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
		background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
	}
		
*/

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


.prod1 {
	border-color: #016711; border-width: thin; border-style: solid;
	background: #18901d; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#81c53b', endColorstr='#027f15'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#81c53b), to(#027f15)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #81c53b,  #027f15); /* for firefox 3.6+ */
	}

.prod2 { 
	border-color: #600100; border-width: thin; border-style: solid;
	background: #8f0100; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#df0000', endColorstr='#8f0100'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#df0000), to(#8f0100)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #df0000,  #8f0100); /* for firefox 3.6+ */
	}

.prod3 { 
	border-color: #cd3401; border-width: thin; border-style: solid;
	background: #cc3300; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9933', endColorstr='#cc3300'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ff9933), to(#cc3300)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ff9933,  #cc3300); /* for firefox 3.6+ */
	
	-moz-border-radius-topright: 25px; 
	border-top-right-radius: 25px;
	}
	
.prod1, .prod2, .prod3 {	width: 395px; color: white; margin-top: 25px;  margin-left: 20px; margin-right: 20px; }

.prod1 h2, .prod2 h2, .prod3 h2 {background-color: #027f15; color: white; padding: 3px 10px 3px 15px; font-size: 14px; height: 38px; margin-bottom: 0px;  }
.prod2 h2 {background-color: #600100;}
.prod3 h2 {background-color: #993300;	-moz-border-radius-topright: 20px; 	border-top-right-radius: 20px; }

.prod1 h2 a:visited, .prod2 h2 a:visited, .prod3 h2 a:visited { color: white; text-decoration: none; font-size: 15px; }
.prod1 h2 a:link, .prod2 h2 a:link, .prod3 h2 a:link { color: #1c94c4; text-decoration: none; font-size: 15px; }
.prod1 h2 a:hover, .prod2 h2 a:hover, .prod3 h2 a:hover {text-decoration:underline;}    
.prod1 .small, .prod2 .small, .prod3 .small {font-size: 12px; }
.prod1 p, .prod2 p, .prod3 p {padding: 0px 10px 3px 10px; text-indent: 12px;} 

.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;  }

/*.box 
{ 
width: 500px;
margin: 30px 5px 15px 10px; 
border: #3c5a86 1px dotted; 
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;}

.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:1em;	background-color: white; margin-top:2px; margin-bottom:2px; padding-left:3px; cursor:pointer; text-align: left;}
.Q2	{background-color: #FFFAF0; }
.A1, .A2{ display: block; 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;}

#easyTooltip{
	padding:5px;
	border:1px solid #1b94c4;
	color: #1b94c4;
	background: #fff8e1; 
/*	background:white url(../js/tooltip/bg.gif) repeat; */
	position: absolute;
	top:0;
	width: 300px;
	left: -9999px;
}