/*
Project: Project Name
File: css/style.css
*/

/*  Main  */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #e2e2f5 url(../images/page-bg.gif) repeat-x left top;
}

#wrapper {
	margin:0 auto;
	width:940px; /*  Change to desired width :)  */
}
#page-header { margin-top:40px; }
a#logo {
	background: url(../images/img-logo.gif) no-repeat left top;
	display:block; width:241px; height:92px; float:left; 
}
/*#page-nav { float:right; margin-top:4px; width:auto; height:38px;  }
#page-nav a{ display:block; height:30px; border-right:solid 1px #0b903a;}
#page-nav a.home {
	width:53px; text-indent:-9999px; float:left; padding:0px 14px;
	background: url(../images/nav/home.gif) no-repeat center top;
}
#page-nav a.ps {
	width:207px; text-indent:-9999px; float:left; padding:0px 4px;
	background: url(../images/nav/ps.gif) no-repeat center top;
}
#page-nav a.about {
	width:81px; text-indent:-9999px; float:left; padding:0px 14px;
	background: url(../images/nav/about.gif) no-repeat center top;
}
#page-nav a.contact {
	width:95px; text-indent:-9999px; float:left; padding:0px 0px 0px 14px;
	background: url(../images/nav/contact.gif) no-repeat right top; border:none;
}
#page-nav a:hover, #page-nav a.m-active { background-position:center -30px;}
#page-nav a.contact:hover { background-position:right -30px;}
#page-nav a.active { background-position:center -60px;}
#page-nav a.cactive { background-position:right -60px;}*/

#page-header .phone { color:#939598; float:right; font-size:16px; width:600px; text-align:right; margin-top:14px;}
#page-header .phone span { color:#42c500; font-weight:bold;}

#page-header .login { 
	color: #939598;
    font-size: 14px;
    margin-top: -20px;
    position: absolute;
    text-align: right;
    width: 940px;
}

#page-banner { height:240px; clear:both; margin:24px 0 0 0; }
#page-content {
	clear:both;
	color:#2c3749;
	padding-bottom:24px;
	font-size:13px;
	background: url(../images/bg-page-content.gif) repeat-y left top;
}
#page-content.wide { background-image:none; background-color:#fff;}
#page-content p { font-size:13px; margin:12px 0 20px 0; line-height:18px;}

#page-col-left { width:277px; float:left; margin-right:30px;}
#page-col-right { width:600px; margin-top:20px; float:left;}
#page-content.wide #page-col-right { margin-left:30px; width:880px;}
#page-col-right p a, #page-col-right div a { color:#0052ca;}
#page-col-right a:hover{ color:#7ea603;}
#page-col-left h1 { font-size:22px; margin:26px 0 18px 22px; color:#fff; display:block; }
#page-col-left ul#left-nav {border-top:solid 1px #6061b5;}
#page-col-left ul#left-nav li { font-size:14px; border-bottom:solid 1px #6061b5;}
#page-col-left ul#left-nav li a {
	background:#26378c url(../images/nav-bullet1.gif) no-repeat 256px center;
	color:#aaabec;
	
	display:block;
	width:237px;
	padding:12px 20px;
	text-decoration:none;
}
#page-col-left ul#left-nav li a.active, #page-col-left ul#left-nav li a:hover { background:#101069 url(../images/nav-bullet2.gif) no-repeat 256px center; color:#fff;}
#page-col-left ul#left-nav li ul.subnav { padding:12px 0 12px 28px; background:#0a0a40;}
#page-col-left ul#left-nav li ul.subnav li {
	border:none; margin:0; padding:0; font-size:14px; height:22px;
	background: url(../images/bullet2.gif) no-repeat left 4px; 
}
#page-col-left ul#left-nav li ul.subnav li a{ color:#40aaff; font-size:13px; background:none; width:auto; border:none; padding:0 0 0 14px; }
#page-col-left ul#left-nav li ul.subnav li a:hover { background:none; color:#fff;}
#page-col-left ul#left-nav li ul.subnav li a.active{ color:#61ff25;}

#page-col-left .cert {
	background: url(../images/img-cert.png) no-repeat left top; width:214px; height:88px; margin:18px auto;
}


#left-panel-contact { font-size:11px; color:#969dbc; text-align:center; margin:38px 0 32px 0;}
#left-panel-contact h4{ color:#dcc409; font-size:16px; text-align:center; margin:12px 0; line-height:20px; }

#left-panel-contact a.contact-today {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/btn-contact-us.png',sizingMethod='scale'); 
	height: 47px;	width: 200px; display:block; margin:14px auto; cursor:pointer;
}
html>body #wrapper #page-content #page-col-left #left-panel-contact a.contact-today{ background: url(../images/btn-contact-us.png) no-repeat left top;}
#left-panel-contact a.contact-today:active {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/btn-contact-us-press.png',sizingMethod='scale'); 
	height: 47px;	width: 200px; display:block; margin:14px auto; cursor:pointer;
}
html>body #wrapper #page-content #page-col-left #left-panel-contact a.contact-today:active{ background: url(../images/btn-contact-us-press.png) no-repeat left top;}

#page-col-right h1 { font-size:38px; color:#26378c; font-weight:0; margin:14px 0 10px 0; }
#page-col-right ul.bcrumb { font-size:11px; margin:0px 0 42px 0; padding:0; }
ul.bcrumb li { float:left; background: url(../images/bullet3.gif) no-repeat left 3px; padding-left:8px;}
ul.bcrumb li a { color:#00b200; text-decoration:none; padding-right:8px; }
ul.bcrumb li a:hover { text-decoration:underline;}

#page-col-right h2 { color:#1e85d8; font-size:22px; margin:28px 0 10px 0; clear:both; }
#page-col-right h3 { color:#7ea603; font-size:16px; margin:28px 0 10px 0; clear:both; }
#page-col-right ul.features { margin:16px 0 34px 0; }
#page-col-right ul.features li {
	padding-left:18px; line-height:18px;
	background: url(../images/bullet1.gif) no-repeat left 6px;
	margin-bottom:16px; 
}
#page-col-right ul.features li strong { color:#000222; font-size:14px; margin:0;}
#page-col-right ul.features li div { margin:0; font-size:13px;}

#page-col-right ul.glist { margin-left:24px;}
#page-col-right ul.glist li {
	padding-left:14px; line-height:18px;
	background: url(../images/bullet4.gif) no-repeat left 6px;
	margin-bottom:4px;
}
#testimonial { float:right; margin:0 0 12px 12px; background:#abdc17;  width:187px;}
#testimonial .cnt {font:bold italic 14px Georgia, "Times New Roman", Times, serif; padding:8px 18px; color:#fff; }
#testimonial .ttop {background: url(../images/bg-top-testimonial.gif) no-repeat left top;	height: 32px;	width: 187px;}
#testimonial .tbtm {background: url(../images/bg-btm-testimonial.gif) no-repeat left bottom;	height: 32px;	width: 187px;}

#page-footer { border-top:solid 1px #c1c1ce; padding:20px 0 30px 0; margin-top:18px; }
#page-footer .col1 { width:auto; float:left; color:#6f6f81; line-height:18px; margin-right:20px;}
#page-footer .col2 { width:auto; float:left; color:#6f6f81; line-height:18px;}
#page-footer strong { color:#333333;}
#page-footer a { color:#0057e6; text-decoration:none;}
#page-footer .links { float:right; text-align:right; color:#43c600;}
#page-footer .links a { color:#0057e6; text-decoration:none; padding:0 4px;}
#page-footer .links a.last { padding-right:0;}
#page-footer .links .copy{ font-size:11px; color:#6f6f81; margin-top:8px;}
#page-footer a:hover { text-decoration:underline; color:#287c00;}
#page-footer .links .vantechs{ font-size:11px; color:#8d8d9a; margin-top:14px;}
#page-footer .links .vantechs a { padding:0; color:#3477e4;}

#prd-images { clear:both; padding-bottom:18px; }
#prd-images a img { width:109px; height:81px; /*float:left;*/ margin-right:8px; margin-bottom:8px; /*border:solid 1px #7f7f7f;*/ }

#ctg-list { clear:both; margin:12px 0;}
#ctg-list .prd-ctg {
	height:100px;
	margin:16px 0; clear:both;
	background: url(../images/hdiv1.gif) repeat-x left bottom;
}
#ctg-list.long .prd-ctg { height:auto; padding-bottom:14px;} 
#ctg-list .prd-ctg a.thumb { border:solid 1px #333333; float:left; margin-right:14px;}
#ctg-list .prd-ctg a.thumb:hover img{ opacity:0.6; filter:alpha(opacity=60); }
#ctg-list .prd-ctg a.thumb img{ width:109px; height:81px; }
#ctg-list .prd-ctg a.title { font-size:18px; text-decoration:none; color:#022222;}
#ctg-list .prd-ctg a.title:hover { color:#3a4eb3;}
#ctg-list .prd-ctg p { color:#444444; font-size:12px; line-height:16px; margin:8px 0;}
#ctg-list .prd-ctg a.rm {
	color:#3f62e5;	padding-left:12px; font-size:11px;
	background: url(../images/bullet4.gif) no-repeat left center;
}
#ctg-list .prd-ctg .prd-info { width:280px; float:left; }
#ctg-list .prd-ctg .prd-names { float:right; margin-left:14px; width:170px;}
#ctg-list .prd-ctg .prd-names li { line-height:18px; font-size:12px; background: url(../images/bullet5.gif) no-repeat left 6px; padding-left:14px;}
#ctg-list .prd-ctg .prd-names li a { font-weight:bold; font-size:11px; }
#ctg-list .prd-ctg .prd-names li a:hover { text-decoration:underline; color:#78cd04;}

table.st1 {
	border-left:solid 1px #2c730a;
	border-top:solid 1px #2c730a;
}
table.st1 td { border-right:solid 1px #2c730a; border-bottom:solid 1px #2c730a; padding:6px; line-height:16px;}
table.st1 th { border-right:solid 1px #2c730a; border-bottom:solid 1px #2c730a; padding:10px; font-weight:bold; background-color:#49d604; color:#fff; font-size:14px;}
table.st1 td.qty { text-align:center;}
table.st1 td.vMid { vertical-align:middle; text-align:center; }
table.st1 td.lite { border-bottom:solid 1px #aac39e;}
table.st1 td a { color:#0052ca; }
table.st1 td strong a, table.st1 td a strong {font-size:16px; color:#022222; font-weight:bold; line-height:20px;}


/*--- signup form ---*/
#contactForm { background: url(../images/pattern-email.gif) repeat left top;
	padding:8px; margin:20px 0; }
#contactForm .content { background-color:#f2f9ec; padding:24px 26px;}
#contactForm .ipFld, #contactForm .ipFldSmall, #contactForm .ipFldBig, #contactForm .ipFldBigMulti {
	background: #ffffff url(../images/ipBg.gif) repeat-x top;
	border-top: 1px solid #7c7c7c;
	border-right: 1px solid #c3c3c3;
	border-bottom: 1px solid #c3c3c3;
	border-left: 1px solid #c3c3c3;
	font-size:12px;
	padding:3px 4px;
	margin-top:2px;
	width:386px;
	height:18px;
	font:normal 12px Arial, Helvetica, sans-serif, "Trebuchet MS";
	color:#516e39;
}
#contactForm .ipFldSmall {
	width:186px;
}
#contactForm .ipFldBig {
	width:800px;
}
#contactForm .ipFldBigMulti {
	width:800px; height:auto;
}
#contactForm select.drpDownFld, #contactForm select.drpDownFldSmall {
	border-top: 1px solid #7c7c7c;
	border-right: 1px solid #c3c3c3;
	border-bottom: 1px solid #c3c3c3;
	border-left: 1px solid #c3c3c3;
	font-size:13px;
	padding:3px 4px;
	margin-top:2px;
	width:394px;
}
#contactForm select.drpDownFldSmall {
	width:134px;
}
#contactForm .desc {
	font-size:10px;
	color:#666;
	padding:3px 0 10px 0;
}
#contactForm .red { color:red;}
#contactForm strong { line-height:16px; }
#contactForm .spacer { height:30px;}
#contactForm .mndFld { font-size:11px;}
#contactForm input.btn-submit {
	background: url(../images/btn-sendmessage.gif) no-repeat left top;
	height: 48px;	width: 200px; display:block; border:none; text-indent:-9999px; cursor:pointer;
}
#contactForm input.btn-submit:hover { background-position:left -48px;}
#contactForm input.btn-submit:active { background-position:left -96px;}

.login a:link, .login a:visited {
	color:#CCC;
	text-decoration:none;
}

.login a:hover, .login a:active {
	color:#FFF;
	text-decoration:underline;
}

#login_form input[type="text"], #login_form input[type="password"] {
	margin-left:10px;
}

#login_form input[type="submit"] {
	margin-top:10px;
	float:right;
}
#contact-us {
	background: url(../images/btn-contact-us.png) no-repeat left top;
	width: 200px; 
	display:block; 
	border:none; 
	text-indent:-9999px; 
	cursor:pointer;
    height: 47px;
    margin: 14px auto;
}
#contact-us:hover { background-position:left -47px;}
#contact-us:active { background-position:left -94px;}

.fsSubmitButton {
	background: url(../images/btn-send-me-information-yellow-vtech.png) no-repeat left top;
	height: 47px;	width: 200px; display:block; border:none; text-indent:-9999px; cursor:pointer;
}
.fsSubmitButton:hover { background-position:left -47px;}
.fsSubmitButton:active { background-position:left -94px;}
	


#constant-contact-form {
  background-color:#26378c;
  border:1px solid #6061b5;
  margin:14px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.fsForm .fsLabel {
  color:#AAABEC;
  font-weight:lighter;
}
.fsRequiredMarker {
  color:#AAABEC;
}

#constant-contact-form p {
  color:#DCC409;
  margin:14px;
  margin-right:10px;
  line-height: 20px;
  font-weight:bold;
}

.cert_ref_top{background: url(../images/img-cert-black.png) no-repeat left top;
	height: 105px;	width: 167px; float:right; margin-right:1px;}