@import "common.css";

a {color: #903;}
a:hover {color: #D24400;}

h1 {font: normal 2em "Arial Narrow";}
h2 {font: normal 1.8em "Arial Narrow";}
h3 {font: normal 1.4em Arial;}
h4 {font: bold 1.2em Arial;}

pre {font-size: 1.1em;}

.clred {color: #903 !important;}
.cllred {color: #d00 !important;}
.clgreen {color: #390 !important;}
.clblack {color: #000 !important;}

.pslink {border-bottom: 1px dotted #903; cursor: pointer;}

.okmsg {color: #339900; font: bold 1.15em Arial; margin: 0.7em 0;}
.errmsg {color: #dd0000; font: bold 1.15em Arial; margin: 0.7em 0;}
.errmsg UL {font-size: 0.87em; font-weight: normal; list-style-type: none; margin: 0.7em 0 0 1em; padding: 0; }
.errmsg UL LI {background: url(../images/list_item_error.gif) no-repeat 0% 0.4em; padding: 0 0 0.3em 12px;}

.simleInp {background-color: #f8f8f8; border: 1px solid #ddd; font-size: 1em; padding: 1px 3px;}
INPUT.simleInp.err, TEXTAREA.simleInp.err {background-color: #FFE8E8; border: 1px solid #FF8C8C;}
SELECT.simleInp.err OPTION {background-color: #FFE8E8;}

#headline {background-color: #f3f3f3; height: 70px; line-height: 70px; width: 100%;}
#main {margin: 40px 0 0 0; max-width: 1024px;  min-width: 980px; position: relative; width: 100%;}
* html #main {width: 980px;}
#main .mainarea {1background-color: #ffffff; margin: -70px 0 0 40px; position: relative;}
#header {height: 70px; margin: 0 0 40px 0; 1padding-left: 40px; position: relative; 1width: 100%;}
#header .login {font-size: 1.2em; line-height: 2.4em; position: absolute; right: 0; top: -2.2em; width: 220px;}
#header .login INPUT.text {font: normal 1em Arial; padding: 0 2px; width: 85px;}
#header .login INPUT.text.inact {color: #bbb;}
* html #header .login INPUT.text {margin-top: 3px;}

#contwpr {float: left; position: relative; width: 100%;}
#content {font-size: 1.3em; position: relative; padding-right: 240px;}

#special {float: left; margin-left: -100%; 1position: relative; width: 330px;}
#special .wpr {background: url(../images/spec.jpg) no-repeat top left; height: 217px; padding: 0 145px 0 0; 1position: relative;}
#special DL {padding: 10px 0 0 10px;}
#special DL DD UL {margin-top: 5px !important; margin-bottom: 5px !important; padding: 0;}
#special DL DD UL LI {padding-bottom: 5px !important;}

#onefaq {float: left; width: 100%;}
#onefaq .wpr {margin-left: 350px;}

#abserts {clear: both; height: 20px; line-height: 20px;}

#serts {background: url(../images/serts_bg.gif) repeat-y top left; clear: both; position: relative; width: 100%;}
#serts .brands {float: left; overflow: hidden; margin-left: -100%; position: relative; width: 140px;}
#serts .brands P {background-color: #eaeaea; font: normal 1.6em "Arial Narrow"; line-height: 2.2em; margin: 0 0 15px 0; padding: 0; text-align: center;}
#serts .brands P IMG {margin: 0;}
#serts .brands IMG {margin-bottom: 15px;}
#serts .sertswpr {float: left; position: relative; width: 100%;}
#serts .feat {margin-left: 140px; position: relative;}
#serts .feat DL {float: left; margin: 0 0 0 3.3%; width: 30%;}
* html #serts .feat DL {margin-left: 1.65%;}
*+html #serts .feat DL {margin-left: 2.5%;}
#serts .feat DL DT, #special DL DT {color: #333; font: normal 1.7em "Arial Narrow";}
#serts .feat DL DD UL, #special DL DD UL {color: #333; font-size: 0.9em; list-style-type: none; margin: 7px 0; padding: 0;}
#serts .feat DL DD UL LI, #special DL DD UL LI {background: url(../images/list_item.gif) no-repeat 0% 0.6em; padding: 0 0 10px 12px;}
#serts .feat DL DD SPAN, #special DL DD SPAN {color: #333; font-size: 1.15em;}
#serts .feat DL DD SPAN B, #special DL DD SPAN B {color: #903;}
#serts .feat DL DD IMG, #special DL DD IMG {margin-left: 5%;}
* html #serts .feat DL DD IMG, * html #special DL DD IMG {margin-left: 2.5%;}

#right {font-size: 1.3em; float: left; margin-left: -220px; position: relative; width: 220px;}

#mainMenu {position: relative;}
#mainMenu LI {list-style-type: none; padding: 0 0 7px 0;}
#mainMenu LI.active {}
#mainMenu LI A.active {background-color: #f3f3f3; color: #000; /*font-size: 90%; */font-weight: bold; left:-2px; position:relative; text-decoration: none; padding: 1px 2px;}
#mainMenu LI UL {font: normal 1.0em Arial; margin: 0; padding: 7px 0 0 5px; position: relative;}
#mainMenu LI UL LI {background: url(../images/list_item.gif) no-repeat 0% 0.6em; padding: 0 0 3px 12px;}

#footer {clear: both; font-size: 1.2em; 1line-height: 1.5em; padding: 15px 10px 10px 0;}
#footer .copy {border-left: 2px solid #bbb; float: right; padding: 3px 0 3px 10px; text-align: left;}
#footer .contacts {float: right; padding: 3px 10px 3px 0; text-align: right;}

.clientInfo {border-collapse: collapse;}
.clientInfo TD, .clientInfo TH {padding: 3px; vertical-align: top;}
.clientInfo TH {font-weight: normal; padding-top: 6px; text-align: left; width: 14em;}
.clientInfo SMALL {color: #bbb; font-size: 0.85em;}
.clientInfo INPUT, .clientInfo TEXTAREA {background-color: #f8f8f8; border: 1px solid #ddd; padding: 1px 3px; width: 250px;}
.clientInfo TEXTAREA {font-size: 0.9em;}
.clientInfo INPUT.sm, .clientInfo TEXTAREA.sm {width: 100px;}
.clientInfo INPUT.big, .clientInfo TEXTAREA.big {width: 350px;}
.clientInfo INPUT.err, .clientInfo TEXTAREA.err {background-color: #FFE8E8; border: 1px solid #FF8C8C;}
.clientInfo SELECT.err OPTION {background-color: #FFE8E8;}

.listSimple {border-collapse: collapse; border-top: 1px solid #e5e5e5;}
.listSimple TD, .listSimple TH {border-bottom: 1px solid #e5e5e5; padding: 5px; text-align: left; vertical-align: top;}
.listSimple TH {background-color: #f3f3f3; font-weight: bold; padding: 8px 5px;}

.certsList {}
.certsList H3 {color: #666;}
.certsList H3 SUP {font-size: 75%;}
.certsList .desc {padding: 0 0 0.7em 1em;}
.certsList .price {color: #777; font-size: 1.2em; margin-bottom: 3em; padding: 0 0 0 0.83em;}
.certsList .price A {background-color: #f3f3f3; color: #903; padding: 2px 5px; text-decoration: none;}
.certsList .price BIG {font-weight: bold; font-size: 1.3em;}
.certsList .price EM {color: #444; font: normal 0.9em Tahoma;}

.certDesc .prices {float: right; margin: 10px 0 30px 10px;}
.certDesc .prices TABLE {border-collapse: collapse; font-size: 1.1em;}
.certDesc .prices TD {padding: 4px 7px;}
.certDesc .prices B {color: #903}

.twoCol {border-collapse: collapse;}
.twoCol TD, .twoCol TH {padding: 5px; vertical-align: top;}
.twoCol TH {font-weight: normal; text-align: left; width: 14em;}
.twoCol SMALL {color: #bbb; font-size: 0.85em;}

/* radios, checkboxes */
.jquery-checkbox {display: inline; font-size: 16px; line-height: 16px; cursor: pointer; cursor: hand;}
.jquery-checkbox .mark {display: inline;}
.jquery-checkbox img {background: transparent url(../images/checkbox.png) no-repeat 0px 0px; vertical-align: middle; width: 16px; height: 16px;}
.jquery-checkbox-hover img{background-position: -16px 0px;}
.jquery-checkbox-checked img{background-position: 0px -16px;}
.jquery-checkbox-checked .jquery-checkbox-hover img {background-position: -16px -16px;}
.jquery-checkbox-disabled img{background-position: 0px -32px;}
.jquery-checkbox-checked .jquery-checkbox-disabled img{background-position: 0px -48px;}

.amtip-arrows {background-repeat: no-repeat; background-position: 0 0; display: none; height: 11px; left: -6px; position: absolute; top: 7px; width: 6px;}

.amtip-default {background-color: #d9d9c2;}
.amtip-default .amtip-outer {background-color: #777; border: 1px solid #555; color: #fff; font-size: 1.3em; margin: 0; position: relative;}
.amtip-default .amtip-inner {padding: 10px;}

/* default arrows */
.am-right-default .amtip-arrows {background-image: url(../images/amtip/arrowleft.gif);}
.am-left-default .amtip-arrows {background-image: url(../images/amtip/arrowright.gif); left: 100%; margin-right: -6px;}
.am-top-default .amtip-arrows {background-image: url(../images/amtip/arrowdown.gif); height: 6px; left: 50%; margin-left: -5.5px; top: 100%; width: 11px;}  
.am-bottom-default .amtip-arrows {background-image: url(../images/amtip/arrowup.gif); height: 6px; left: 50%; margin-left: -5.5px; top: -6px; width: 11px;}

/* stupid IE6 HasLayout hack */
.amtip-rounded #amtip-title, .amtip-rounded #amtip-inner {zoom: 1;}

/* sliding images */
#clients{}	
#clients ul, #clients li{
	margin:0;
	padding:0;
	list-style:none;
}
#clients li{ 
	width:215px;
	height:160px;
	overflow:hidden; 
}