@import url("reset.css");
/* CSS Document */
/* GLOBAL STYLES*/
* {
 padding:0;
 margin:0;
 }

body {
	background-color: #DFEBF7;
	margin:0px;text-align:center;
	line-height:20px;
}
body, div, td, th, h2, h3, h4, h1, html {
	font-family:Tahoma;
	color: #333;
	font-size:11px;
} 
#page{
	width:1010px;
	margin:0 auto;
	text-align:center;
	background-color:#fff;
}
.logo{float:left; padding:20px 10px 10px 10px;}
p{text-align:justify;}
#topNav {
	text-align: center;
	float:right;
	position:relative;
	top:6px;
}
#header{text-align:left; border-bottom:1px solid #f40001; margin:0 auto; }
.btn{ background-color:#d2d2d2; color:#333; font-size:11px; font-weight:bold; padding:5px; border:1px solid #fff;}
.spacing{margin:7px;}
/*///////////// Tabs Code ////////////*/
#navigation{width:654px;
	height:70px;
	background-image: url(../images/img_tabsbg.gif);
	background-repeat: repeat-x;
	text-align:center;
	padding-top:30px;
	padding-left:10px;
	}

#tabs {
	font-size:11px;
	text-align:center;
	color: #000;
	font-weight:bold;
	padding-left:10px;
}

#tabs ul {
	display: inline;
	list-style-type: none;
}

#tabs li { display:inline;  }
#tabs span {
	margin: 1px 0 0px 0px;
	float: left;
	color:#666;
	padding: 5px 35px 4px  35px;
	text-decoration: none;
	background-color:#FFFFFF;
	border-right: 1px solid #BC0001;
	border-left: 1px solid #BC0001;
}

#tabs a {
	position: relative;
	top: 0;
	color: #fff;
	margin: 0px 0px 0 0px;
	float: left;
	padding: 6px 37px 6px 35px;
	text-decoration: none;
	 background : url(../images/img_seperator.gif) no-repeat right top;
}
#tabs a.first {
	 background : url(../images/img_seperator_home.gif) no-repeat left top; 
}

#tabs a:hover {
		text-decoration: none;
		color:#FFDA41;
}
#tabs li:hover, #nav li.sfhover {
	background: #404040;
	
}
#tabs li ul a:hover
{color:#ffffcc;
text-decoration:underline;}

#tabs li ul { /* second-level lists */
	position: absolute;
	background: #404040;
	color:#FFFFFF;
	width: 12em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#tabs ul li:hover>a {color:#ffffcc; text-decoration:underline; border-style:none; border-color:#333333; }
#tabs li:hover ul, #tabs li.sfhover ul { /* lists nested under hovered list items */
	left: auto; 
}


#contentwrap
{
	text-align:center;
	margin:5px 0px 0px 0px;
	width:1005px;
	margin-left:auto; margin-right:auto;
	overflow:auto;
	
}
#leftCol{width:635px;float:left; margin:0px 0px 10px 10px; background-color:#FDFEFD; padding:10px 25px 5px 4px; text-align:left;}
#rightCol{width:276px;float:right; padding:0px 0px 5px 0px;text-align:left; }
.right1{width:350px;float:left; padding:0px 0px 5px 0px;text-align:left; }
.right2{width:350px;float:left; padding:0px 0px 5px 0px;text-align:left; }
#contentwrapInner{text-align:left;width:1005px;margin:0 auto;	overflow:auto;
}
#leftColInner{width:250px;float:left; margin:0px 0px 10px 13px;padding:20px 5px 5px 0px;text-align:left;}
#rightColInner{width:712px;float:left; padding:5px 5px 5px 0px;text-align:left;margin:5px 0px 10px 0px;}

a img,:link img,:visited img { border:none }
ul,ol { list-style:none }
a:link,a:visited { text-decoration:none;color:#666; }
a:hover { text-decoration:underline;color:#333333; }

.indent{ margin-left:15px;}

.flash{margin-bottom:5px;height:229px; text-align:left;}
.imgallery{
	margin-bottom:10px;
	background-image: url(../images/img_product_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.img{float:right; margin:0px 0px 5px 10px;}
.txt{ font-size:11px; line-height:20px; text-align:justify;}
.mainheading{font-size:14pt; color:#F30100; font-family:Arial, Helvetica, sans-serif; }
h1{background-color:#ff5215; font-size:13pt; color:#FFFFFF;  padding:0px 0px 3px 10px; font-weight:normal; font-family:arial;}
.subheading{font-size:13px; color:#004DB3; font-weight:bold;}
.box{ background-color:#EBF3F3; padding:10px 10px 10px 10px;}
.boldtxt{font-weight:bold;}
.highlight{ font-size:14px; color: #FF0000; font-weight:bold; }
.quotebg{background-color:#F2F2F2; width:270px; margin:10px 0px 0px 0px;}
/*Bulleted List*/
.bulletlist
.{
list-style: none;
padding:3px 0px 0px 0px;
}

.bulletlist li
{
padding: 0px 0px 0px 15px;
background-image: url(../images/bulletsmall.gif);
background-repeat: no-repeat;
background-position: 0 0.6em;
}
#navlist
{
list-style: none;
padding:3px 0px 0px 0px;

}

#navlist li
{
padding: 6px 0px 6px 15px;
background-image: url(../images/bullet.gif);
background-repeat: no-repeat;
background-position: .1em .8em;
background-color:#EBFCFF;
border-top:1px solid #C5E3FD;

}
.googlemap{float:right;}

#navlist li a
{
color:#000000;}
.selected
{
color:#1FA305; font-weight:bold;}
a.more{font-size:10px; color:#005071; font-weight:bold;}
.copy{color: #666;}


p{ margin:10px 0px 10px 0px;}
h2{color:#fff;font-size:13pt; background-color:#FFDA41; padding:3px; font-weight:normal;margin:0px;}
h3{color:#8FC441;font-size:12pt; font-weight:bold; border-bottom:1px solid #eee; padding-bottom:3px; font-family:tahoma;}
h4{color:#D25C25;font-size:10pt; font-weight:bold; margin:5px 0px 5px 0px; }


#bread {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #000;
	padding: 3px;
	margin-top:3px;
	margin-bottom: 15px;
	border-bottom:1px solid #D2D0CF;
	}

#bread ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	} 

#bread ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
	}
	#bread ul li a{
	color:#666666;
	text-decoration:none;
	}

/*GENRIC*/
.clear{clear:both;}
/*{font:helvetica;Lucida Bright;chalet;Georgia;Myriad Pro}*/

.imgposition{float:right; margin:5px 0px 5px 10px;}



.bulletcontainer{position:relative;}
#footer{clear:both; background-color:#E0E0E0; padding:5px 0px 5px 0px;}
 #11logo {
height:65px; /* height of logo */
width:242px ;/* width of logo */
background:url(logo_thinkuser.gif) no-repeat;
text-indent:-9000px;
margin:10px;
float:left;
}

/*For Image viewer on home page*/
.stepcarousel{
	position: relative;
	border-left: 2px solid #fff;
	overflow: scroll;
	width: 977px;
	height: 173px;
	background-color:#0061BE;
	
	background-image: url(../images/bg_panel.gif);
	background-repeat: repeat-x;
	background-position: center top;
	margin-left:31px;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;

}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px 22px 10px 22px; /*margin around each panel*/
width: 115px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.stepcarousel .title{ text-align:center; width:115px; font-family:tahoma; font-size:10px; margin-top:0px; padding:0px; color:#fff; height:60px; line-height:18px;}