/* CSS Document */

body {		font-family: Verdana, Helvetica, sans-serif;
			background-color: #ccc;
			margin:0; 
			padding:0; 
			height:100%; 
			}

img{		border-style: none;
			}

p	{		font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: small;
			color: #222;
			line-height: 140%;
			padding-left: 40px;
			padding-right: 40px;
			padding-bottom: 15px;
			padding-top: 10px;
			margin: 0;
			}	

.point{		font-size: .9em;
			font-weight: bold;
			color:#36c;
			}			

ul{			display: block;
			margin-left: 40px;
			font-size: small;
			color: #003;
			line-height: 140%;	
			padding-right: 20px;
		}	

li{			font-size: small; color: #036;}		

li a{		font-size: small;
			color: #f60;
			line-height: 140%;	
		}													

 a {			font-size: small;
				color: #f60;
				text-decoration: none;}
			
.highlight{		font-size: small;
				color: #069;}						

h6{				font-size: small;
				font-weight: bold;
				font-family: Arial, Helvetica, sans-serif;
				color: #333;
				text-align: left;
				text-align: center;
				padding-bottom: 10px;
				}

.office{
				font-size: small; 
				font-weight: 500;
				color: #333; 
				margin-bottom: .3em; 
				padding-bottom: .2em; 
				margin-left: 20px;
				}
h4{				font-size: medium; 
				color: #369; 
				margin-left: 20px; 
				margin-top: 42px; 
				padding-bottom: 1px; 
				margin-bottom: 5px;
				}
.bond{			margin-left: 20px; 
				font-size: small; 
				color: #666;  
				margin-top: 0px; 
				margin-bottom: 0px; 
				padding-top: 0px; 
				padding-bottom: 0px;
				}
.bond2{			margin-left: 20px; 
				font-size: small; 
				color: #369; 
				margin-top: 0px; 
				margin-bottom: 0px; 
				padding-top: 0px; 
				padding-bottom: 3px;
				}

.headline{		position: relative;
				width: 630px;
				height: 20px;
				margin-top: 10px;
				margin-left: 20px;
				margin-bottom: 10px;
				font-size: 1.2em;
				font-weight: 500;
				font-family: Arial, Helvetica, sans-serif;
				color: #c60;
				text-align: left;
				padding-top: 10px;
				border-bottom: 2px solid #ccc;
				padding-bottom: 10px;
				}

#container{
			position: relative;
			margin-left: auto;
			margin-right: auto;
			margin-top: 20px;
			width: 1000px;
			height: auto;
			background-repeat: repeat;
			border: 0;
					}

					

#header2{	position: relative;
			margin: auto;
			width: 1000px;
			height: 90px;
			padding: 0;
			background-color: #fff;
			z-index: 50;
			}


#logo{		position: relative;
			float: left;
			display: inline;
			top: 0px;
			left: 0px;
			width: 300px;
			height: 80px;
			z-index: 1000;
			}

#login	{	position: relative;
			display: inline;
			float: right;
			top: 0px;
			right: 00px;
			width: 293px;
			height: 45px;
			}			

#portal{	position: relative;
			display: inline;
			float: left;
			width: 146px;
			height: 43px;
			margin-left: 0px;
			margin-top: 20px;
						z-index: 100;
			}	
#support{	position: relative;
			display: inline;
			float: right;
			width: 146px;
			height: 43px;
			margin-top: 20px;
			margin-left: 0px;
			z-index: 101;
			}
										

#nav{		position: relative;
			margin: 0;
			padding: 0;
			width: 1000px;
			height: 27px;
			background-color: #111;
			}
			
			

#nav img{ 	padding: 0;
			border: 0;
			margin: 0;
			float: left;
			}				


/*Home Page specific styling*/

#banner{	position: relative;

			margin:0;

			padding: 0;

			width: 1000px;

			height: 260px;
			}



#content{	position: relative;
			width: 1000px;
			height: 220px;
			margin: 0;
			padding: 0;
			background-color: #fff;
			}

			

#feature1{	position: relative;
			margin-top: 10px;
			margin-left: 0px;
			margin-bottom: 10px;
			width: 332px;
			height: 200px;
			border: 0;
			float: left;
			}

#feature2{	position: relative;
			margin-top: 10px;
			margin-left: 0px;
			margin-bottom: 10px;
			width: 332px;
			height: 200px;
			border: 0;
			float: left;
			}

#feature3{	position: relative;
			margin-top: 10px;
			margin-left: 1px;
			margin-bottom: 10px;
			width: 332px;
			height: 200px;
			border:0;
			float: left;
			}

/*Home Page specific styling*/

			

/*Live Support Page Styling*/



#livesupport{			position: relative;
						width: 1000px;
						height: 200px;
						background-color: #fff;
						padding-top: 2em;
						}
			

fieldset{				width: 350px;
						height: 85px;
						margin: auto;
						border: 1px solid #ccc;
						background-color: #fff;
						} 

			
	
legend,table{			font-family: "Trebuchet", Arial, Helvetica, sans-serif;
						font-size: medium;
						color: #369;		
						font-weight: bold;
						}	

.button{				background-color:transparent;
						background-image: url(../graphics/submit_bg.gif);
						background-repeat: repeat-x;
						color: #000;
						font-family: "Trebuchet", Arial, Helvetica, sans-serif;
						font-size: x-small;
						font-weight: 700;
						}	

										

/*End Live Support Page Styling*/



/*Portal Login Styling*/

#portallogin{			position: relative;
						width: 1000px;
						height: 200px;
						background-color: #fff;
						padding-top: 2em;
						}

fieldset.portal{		width: 350px;
						height: 130px;
						margin: auto;
						border: 1px solid #ccc;
						background-color: #fff;		
						font-size: medium;
						} 

	#portallogin img {	text-decoration: none; border: 0;}			



/*End Portal Login Styling*/





/*Inner Page Styling*/

.mid{					position: relative;
						float: left;
						width: 1000px;
						height: auto;
						border-top: 0;
						border-bottom: 0;
						background-image: url(../graphics/bgb.gif);
						background-repeat: repeat-x;
						background-color: #fff;
						}

#leftbarblue{			position: relative;
						float: left;
						width: 240px;
						padding-left: 10px;
						padding-top: 10px;
						padding-bottom: 10px;
						height: auto;
						margin-left: 0;
						margin-top: 1px;
						}	
			
				
#leftbarblue img {		margin-left: 1px; 
						margin-right: 1px;}

#leftbarblue ul{ 		list-style-type: none; 
						width: 224px; 
						padding: 0; 
						margin: 52px 0px 52px 0px; 
						font-family: "Trebuchet", Arial, Verdana, sans-serif; 
						color: #fff; 
						font-size: 1em; 
						font-weight: 700;
						}
#leftbarblue ul li{		display: block; 
						width: 100%; 
						color: #fff; 
						padding-top:8px; 
						padding-left: 14px; 
						padding-bottom: 5px; 
						background-color: #69c; 
						border-bottom: 1px solid #fff; 
						}
						
#leftbarblue ul li:hover{background-color: #06c; color: #fff;}	
#leftbarblue ul li.active{background-color: #06c;}	
#leftbarblue a{color: #fff;}					
.first{border-top: 1 px solid #fff;}


#copy{		position: relative;
			float: right;
			width: 730px;
			height: auto;
			margin-top: 1px;
			margin-right: 0;
			left: 0px;
			padding-top:10px;
			padding-bottom:10px;
			padding-right: 10px;
			padding-left: 0px;	
			}

		

table{		width: 650px;
			height: auto;
			margin: auto;
			padding: 2px;
			font-size: small;
			font-family: Arial, Helvetica, sans-serif;
			color: #003;
			border-collapse: collapse;
			margin-bottom: 40px;
			margin-top: 20px;
			background-color: #fff;
			}	

			
tr{			height: 2em;
			}					


th{			font-size: medium;
			font-family: Arial, Helvetica, sans-serif;
			font-style: italic;
			color: #39c;
			text-align: left;
			top: 20px;
			padding-bottom: 20px;		}

.cat{		font-style: italic;
			color: #333;
			padding-bottom: 12px;
			border-bottom: 1px solid #333;
			}		
.odd{		background-color: #ddd;
			}	
.none{		text-align: center;
			}			
.cs{		color: #c60;
			}	

/*Conescan Advantage Styling*/

	
				
#footer2{		position: relative;
				float: left;
				margin: 0px;
				width: 1000px;
				height: auto;
				background-color: #036;
				/*background-color: #666;*/
				font-size: small;
				color: #fff;
				text-align: right;
				margin-bottom: 20px;
				}			
					

#copyright{		position: relative; 
				float: right; 
				height: 50px; 
				width: 1000px; 
				margin-right: 10px; 
				margin-top: 20px; 
				margin-bottom: 5px; 
				text-align: right; 
				font-size: .8em; 
				font-weight: 500; 
				color: #fff; }


/*round corners*/



.round{display:block;}

.round *{
				  display:block;
				  height:1px;
				  overflow:hidden;
				  font-size:.01em;
				  background:#ffffff}

.round1{
				  margin-left:3px;
				  margin-right:3px;
				  padding-left:1px;
				  padding-right:1px;
				  border-left:1px solid #e1e4e4;
				  border-right:1px solid #e1e4e4;
				  background:#f2f3f3}

.round2{
				  margin-left:1px;
				  margin-right:1px;
				  padding-right:1px;
				  padding-left:1px;
				  border-left:1px solid #d1d5d5;
				  border-right:1px solid #d1d5d5;
				  background:#f5f6f6}

.round3{
				margin-left:1px;
				margin-right:1px;
				border-left:1px solid #f5f6f6;
				border-right:1px solid #f5f6f6;}

.round4{
				border-left:1px solid #e1e4e4;
				border-right:1px solid #e1e4e4}
.round5{
				border-left:1px solid #f2f3f3;
				border-right:1px solid #f2f3f3}
.roundfg{
				background:#ffffff;
				padding: 20px;}
  
.roundfg li a{	color: #06c;}
  
.roundfgleft{
  				background:#ffffff;
				padding: 1px;
				height: 100%;}
  
.anim {margin: auto; text-align: center; padding-top: 9px; padding-bottom: 9px;}


/*end round corners*/










.box {				position: relative; margin: 0;
				  background: #fff; 
				}
.boxtop { 
				  background: url(../graphics/ne.gif) no-repeat top right;  border-top: 1px solid #ccc;
				}
.boxtop div { 
				  font-size: 0;
				  height: 10px; 
				  background: url(../graphics/nw.gif) no-repeat top left; 
}
.boxbottom { 
				  background: url(../graphics/se.gif) no-repeat bottom right;
}
.boxbottom div { 
				  font-size: 0;
				  height: 10px; 
				  background: url(../graphics/sw.gif) no-repeat bottom left; 
				}
.boxcontent {
				  padding: 0px;
				}


/*  2nd   */

.box2 { 		position: relative; margin: 0;
 				background: #fff; 
				}
.boxtop2 { 
				}
.boxtop2 div { 
  				font-size: 0;
  				height: 10px; 
				}
.boxbottom2 { 
 				 background: url(../graphics/se.gif) no-repeat bottom right;
				}
.boxbottom2 div { 
  				font-size: 0;
  				height: 10px; 
  				background: url(../graphics/sw.gif) no-repeat bottom left; 
						}
.boxcontent2 { 	padding: 0px;
				}