@charset "utf-8";
/* CSS Document */
/***** globals *********************************************************/
* {padding:0px; margin:0px;}
html, body{overflow:hidden;}
body{
	font-family:"lucida grande", verdana, helvetica, arial, sans-serif;
	font-size:62.5%;
	color:#333;
	padding:8px;
}
a:link {color: #254cb3; text-decoration: none}
a:visited {color: #254cb3; text-decoration: none}
a:hover {color: #9b2c2c; text-decoration: none}
a:active {color: #9b2c2c; text-decoration: none}
h1 { font-family:trebuchet,"lucida grande",  arial, sans-serif;}
h2 { font-family:trebuchet,"lucida grande",  arial, sans-serif;}
h3 { font-family:trebuchet,"lucida grande",  arial, sans-serif;}
li { list-style-type: none; }
/***** container *******************************************************/
#wrapper {
	min-width: 950px;
	font-size:1.1em;
	padding-bottom:10px;
}
/***** header container & elements ************************************/
#header{
	position: relative;
	width: 100%;
	min-height: 90px; 
	float: left; 
	margin-bottom: 8px;
	background:#696e6e;
}
#header img{border:none;}
#logo{
	left: 0px; 
	position: absolute; 
	top: 5px;
}
#head_leader {
	float: right;
	margin:0px;
}
#head_lead img{
	margin:0px 10px;
}


.column {
	float: left;
	margin-bottom: 8px;
}
#container {
	margin-left: 322px;
}
#form_field{
	margin:-8px 0px 0px -8px;
	position:relative;
	float: left;
	width:100%;
	height:610px;
}
#mainContent {
	position:relative;
	float: left; 
	width:100%;
}

/*****                 ***********************************************/
#mainContent {
	border:solid 1px #999;
}
#mainContents{
	float:left;
	position:relative;
	width:100%;
	margin:0px;
}
#mainContent #splash {
	background-color:#696e6e; 
	float: left; 
	width: 100%;
	height:90px;
	font-style:italic;
}
#mainContent #body{
	width:100%;
	height:510px;
	float:left;
	overflow-y:auto;
}
#body P {
	line-height: 1.36em;
}
#heading {
	float: left;  
	margin: 50px 0px 0px 20px; 
	cursor: default; 
	color: #fff;  
	font-family: "Trebuchet MS"
}
#heading img{
	float:left;
	margin:-5px 30px 10px 20px;
}
#heading h1{
	float:left;
	font-size:2.6em;
	margin:-6px 0px 0px 0px;
}
#body h2{
	font-weight:bold;
	font-style:italic;
}
#body h3{
	font-size:1.2em;
	margin:0px;
	font-weight:bold;
	color:#000;
}
#body .tab10{
	clear:both;
	width:90%;
	padding: 5px 0px 5px 20px;
}
#body .tab10-23{
	float:left;
	width:29%;
	padding: 5px 0px 5px 20px;
}
#body .tab10-33{
	float:left;
	width:33%;
	padding: 5px 0px 5px 20px;
}
#body .tab90{
	clear:both;
	width:50%;
	padding: 5px 0px 5px 90px;
}
#body .tab120{
	clear:both;
	width:50%;
	padding: 5px 0px 5px 120px;
}
#body .tab140{
	clear:both;
	width:50%;
	padding: 5px 0px 5px 140px;
}
#body .tab180{
	width:70%;
	padding:5px 0px 5px 320px;
}
#body .tab180a{
	padding:5px 0px 5px 20px;
}
.rgk{
	font-weight:bold;
	font-style:italic;
	color:#696e6e;
}
.rgka{
	font-size:1.2em;
	font-weight:bold;
	font-style:italic;
	color:#696e6e;
	margin:5px;
}
.rgkl{
	font-weight:bold;
	font-style:italic;
	color:#696e6e;
	cursor:pointer;
}
.red{
	font-weight:bold;
	font-style:italic;
	color:#f04a23;
}
.redl{
	font-weight:bold;
	font-style:italic;
	color:#f04a23;
	cursor:pointer;
}
.redp{
	font-weight:bold;
	font-style:italic;
	color:#f04a23;
	cursor:pointer;
}
.fright{
	float:left;
	bottom:10px;
	margin:0px 10px 0px 0px;
}
.fleft{
	float:right;
	margin:0px 10px 0px 0px;
}
.plist_left{
	clear:both;
	float:left;
	vertical-align:top;
	margin:2px 0px 2px 140px;
	width:60%;
}
.plist_right{
	float:right;
	vertical-align:top;
	text-align:right;
	margin:0px 2px 2px 0px;
	width:10%;
}
.plist_left2{
	clear:both;
	float:left;
	vertical-align:top;
	margin:5px 0px 5px 140px;
	width:20%;
}
.plist_right2{
	float:left;
	vertical-align:top;
	text-align:right;
	margin:5px 2px 5px 0px;
	width:25%;
}
.plist_right2_2{
	float:left;
	margin:5px 2px 5px 0px;
	width:25%;
}
.plist_left3{
	clear:both;
	float:left;
	vertical-align:top;
	margin:1px 0px 1px 20px;
	line-height:20px;
	width:70%;
	background:#f8f8f8;
}
.plist_right3{
	float:right;
	vertical-align:top;
	text-align:right;
	margin:0px 2px 0px 5px;
	width:25%;
}
.plist_right_price{
	float:right;
	vertical-align:top;
	padding: 0px 8px;
	margin:0px 2px 0px 5px;
	width:175px;
	cursor:pointer;
	background:transparent url(../images/go.png) no-repeat;
}
dt.selected div.plist_right_price{
	float:right;
	vertical-align:top;
	padding: 0px 8px;
	margin:0px 2px 0px 5px;
	width:175px;
	cursor:auto;
	background:#ccc;
}
.plist_right_price2{
	float:right;
	vertical-align:top;
	padding: 5px 10px;
	margin:5px 0px 0px 5px;
	height:20px;
	width:75px;
	cursor:pointer;
	background:transparent url(../images/go_next.png) no-repeat;
}
.plist_right_info{
	float:right;
	vertical-align:top;
	padding: 5px 10px;
	margin:5px 5px 0px 5px;
	height:20px;
	width:75px;
	cursor:pointer;
	background:transparent url(../images/go_info.png) no-repeat;
}
.plist_left4{
	clear:both;
	float:left;
	vertical-align:top;
	margin:1px 0px 1px 20px;
	width:35%;
}
.plist_right4{
	float:left;
	vertical-align:top;
	margin:1px 0px 1px 0px;
}
.plist_left5{
	clear:both;
	float:left;
	vertical-align:top;
	margin:1px 0px 1px 0px;
	width:50%;
}
.plist_right5{
	float:left;
	vertical-align:top;
	margin:1px 0px 1px 0px;
}
.pschild{
	float:right;
	margin:0px 200px 0px 10px;
	width:103px;
	height:47px;
	background:url(../images/business/pschild_w.png) no-repeat;
}
.pschildtext{
	padding:12px 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:bold;
	color:#696e6e;
}
.small{
	margin:2px 0px 0px 0px;
	font-size:0.9em;
}
#overlay{
	width:270px;
	position:absolute;
	bottom:20px;
	left:10px;
}
#body .tdg{
	padding:2px 15px 2px 15px;
	width:270px;
	background:#ccc;
}
#body .tdr{
	padding:2px 15px 2px 15px;
	width:270px;
	background:#f8927b;
}
#body .tdil{
	padding:0px 2px 0px 0px;
}
#body .tdir{
	padding:0px 0px 0px 2px;
}
#popup{
	position:absolute;
	top:35px;
	right:25px;
	width:180px;
	/*background:transparent url(../images/shadow.png) no-repeat scroll 100% 100%;
	padding:0px 4px 4px 0px;*/
}
#popup .pcontainer{
	position:relative;
	width:180px;	
}
#popup .cblock{
	height:60px;
	padding:2px 0px 2px 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:italic;
	color:#fff;
	background:#696E6E;
	border-bottom:solid 2px #b0b0b0;
	border-top:solid 1px #b0b0b0;
	border-right:solid 1px #b0b0b0;
	border-left:solid 1px #b0b0b0;
}
.cblock h2{
	margin:20px 0px 10px;
	font-size:2em;
	font-weight:normal;
}

#popup .bblock{
	padding:5px 5px 5px 10px;
	background:#dfdfdf;
	border-bottom:solid 1px #b0b0b0;
	border-right:solid 1px #b0b0b0;
	border-left:solid 1px #b0b0b0;
}
#popup .bblock p{
	padding:5px 0px 5px 0px;
}
/******************************************************************************/
#content .box .block{
	background:#F3F3F3;
	border:1px solid #A0A0A0;
	width:282px;
}
/******************************************************************************/
#faqlist {/*** helplist ***/
	overflow: hidden;
	width:650px;
	margin: 10px 0px 10px 10px;
}
#faqlist dt{/*** headline ***/
	clear:both;
	display:block;
	cursor:pointer;
	width:625px;
	padding:5px 20px 5px 10px;
	font-weight:bold;
	font-style:italic;
	color:#696e6e;
	background:#f8f8f8;
	border-top:solid 1px #fff;
	border-bottom:solid 1px #fff;
}
#faqlist dt:hover{/*** headline ***/
	background:#ccc;
	color:#000;
}
#faqlist dt.selected{/*** headline ***/
	background:#ccc;
	color:#000;
}
#faqlist dd{/*** contentbox ***/
	clear:both;
	overflow: hidden;
	padding:10px;
	background:#efefdf;
	border-left:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	border-right:solid 1px #ccc;
}
/***** extensionlist **************************************************************/
#extlist {/*** helplist ***/
	overflow: hidden;
	width:650px;
	margin: 10px 0px 10px 20px;
}
#extlist dt{/*** headline ***/
	clear:both;
	display:block;
	cursor:pointer;
	width:625px;
	line-height:27px;
	padding:0px 20px 0px 10px;
	font-weight:bold;
	font-style:italic;
	color:#696e6e;
	background:#f8f8f8;
	border-top:solid 1px #fff;
	border-bottom:solid 1px #fff;
}
#extlist dt:hover{/*** headline ***/
	background:#ccc;
	color:#000;
}
#extlist dt.selected{/*** headline ***/
	background:#ccc;
}
#extlist dt.selected .rgk{/*** headline ***/
	color:#000;
}
#extlist dd{/*** contentbox ***/
	clear:both;
	overflow: hidden;
	padding:10px;
	background:#efefdf;
	border-left:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	border-right:solid 1px #ccc;
}
#extlist .ddform{/*** contentbox ***/
	clear:both;
	overflow: hidden;
	padding:10px;
	height:45px;
	margin: 1px 0px;
	background:#efefdf;
	border-top:solid 1px #333;
	border-left:solid 1px #333;
	border-bottom:solid 1px #ddd;
	border-right:solid 1px #ddd;
}
/*************** drop shadow *************************************************/
.wrap1, .wrap2, .wrap3 {
  display:inline-table;
  /* \*/display:block;/**/
  }
.wrap1{
	float:left;
	background:url(../images/dropshadows/shadow.gif) no-repeat right bottom;
}
.wrap2{
	background:url(../images/dropshadows/corner_bl.gif) left bottom no-repeat;
}
.wrap3{
	padding:0 4px 4px 0;
	background:url(../images/dropshadows/corner_tr.gif) right top no-repeat;
}
/************** round corners ************************************************/
.dialog {
 width:67%;
 margin:0px auto;
 min-width:20em;
 color:#fff;
}

.dialog .hd .c,
.dialog .ft .c {
 font-size:1px; /* ensure minimum height */
 height:13px;
}

.dialog .ft .c {
 height:14px;
}

.dialog .hd {
	background: transparent url(../images/dropshadows/tl.gif) no-repeat 0px 0px;
}

.dialog .hd .c {
 background:transparent url(../images/dropshadows/tr.gif) no-repeat right 0px;
}

.dialog .bd {
 background:transparent url../images/dropshadows/(ml.gif) repeat-y 0px 0px;
}

.dialog .bd .c {
 background:transparent url(../images/dropshadows/mr.gif) repeat-y right 0px;
}

.dialog .bd .c .s {
 margin:0px 8px 0px 4px;
 background:#000 url(../images/dropshadows/ms.jpg) repeat-x 0px 0px;
 padding:1em;
}

.dialog .ft {
 background:transparent url(../images/dropshadows/bl.gif) no-repeat 0px 0px;
}

.dialog .ft .c {
 background:transparent url(../images/dropshadows/br.gif) no-repeat right 0px;
}
/************** drop boxen ***************************************************/
.dropshadow{
	width:298px;
	background:#F3F3F3;
	border:1px solid #A0A0A0;
}
#bbrochure{/***** pdf - box *****/
	position:absolute;
	bottom:26px;
	text-align:center;
}
#bbrochure .login{/***** pdf - box *****/
	position:absolute;
	top:550px;
	text-align:center;
}
#register{/***** not found *****/
	position:absolute;
	top:625px;
}
#hlist{/***** faq - list *****/
	position:absolute;
	left:8px;
	bottom:21px;
}
#hlist ul{
	width:298px;
	margin:0px 0px -1px -8px;
	border-top:solid 1px #999;
}
#hlist li{
	line-height:1.8em;
	padding: 0px 0px 0px 5px;
	border-bottom:solid 1px #999;
}
#hlist li a{
	color:#696e6e;
	text-decoration:none;
}
#contact{
	width:180px;
	background:#F3F3F3;
	border:1px solid #A0A0A0;
}
/***** foooter area ***********************************************************/
#footer {
	position:absolute;
	bottom:1px;
	left:0px;
	width:100%;
	height:20px;
}
#footer ul {
	padding:0px 0px 0px 0px;
	margin:5px 0px 5px 45%;
	list-style-type:none; 
}
#footer li {
	float: left; 
	border-left: #aaa 1px solid;
}
#footer li.first {
	border-width:0px;
}
#footer li.first a {
	padding-left: 0px;
}
#footer li a {
	padding:0px 6px 2px 6px;
	float: left; 
	color:#696e6e;
}
#footer li a:hover {
	background: #fff; 
	color: #9b2c2c
}
.imgeye{
	margin:-24px 15px 0px 0px;
	float:right;
	display:inline;
	cursor:pointer;
}
.error_message{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#f00;
	background: #ffffe1 url(../images/cancel.gif) 5px 5px no-repeat;
	border:solid 1px #f00;
	padding:5px 5px 5px 25px;
	margin: 2px 0px 10px 0px;
}
.login_message{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#00f;
	background: #ffffe1 url(../images/cancel.gif) 5px 5px no-repeat;
	border:solid 1px #ccc;
	padding:5px 5px 5px 25px;
	margin: 5px 2px 10px 2px;
}
.loginh{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	padding:2px 0px 2px 5px;
	margin:5px 0px 10px 0px;
	width:275px;
	color:#fff;
	background:#696e6e;
}
.logind{
	margin:3px 2px 10px 2px;
	padding: 2px;
	border:solid 1px #696e6e;
}
.loginp{
	margin:2px;
	padding: 2px;
}
.center{
	text-align:center;
}
.product_line{
	float:left;font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#696E6E;
	font-weight:bold;
	font-size:1.1em;
	font-variant: small-caps;
}
.product_content{
	clear:both; 
	margin:5px 10px; 
	padding:0px 75px 0px 10px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:0.85em;
}
.product_left{
	margin:0px 10py 0px 33px;
}
