/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, 
em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, 
legend, table, caption, tbody, tfoot, thead, tr, th, td 
{ margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline; }

/* common styles */
html { overflow-y: scroll; }
body { background-color: #e2e1dc; font:12px Arial; }
ol { list-style:none; }
ul { list-style:none; }

ul.formlayout { border:1px solid #CCCCCC; float:left; width:auto; }
ul.formlayout li { color:#333333; float: left; padding:1% 5%; width:90%; }
ul.formlayout li:nth-child(even) { background-color:#ECECEC; }
ul.formlayout li:nth-child(odd) { background-color:#E3E3E3; }
ul.formlayout li label { display:block; float:left; width:150px; }
ul.formlayout li input { float:left; }
label.compare{ margin:3px 0 0px 3px;padding-right:2px; }

/* Loading Screen */
#loading-screen  {
	background: url(../img/loading-background.png);
	position:relative;
	height:200px;
	width:200px;
	z-index:99999;
}

/* layout */
#header {
  	height:100px;
  	margin-top:0px;
}

.header {
	width: 900px;
	margin:0 auto;
	background: url(../img/main/header_bkg.png);
	background-position: top;
	background-repeat: repeat-x;
	height:100px;
	padding-bottom: 9px;
  /*height:100px;*/
  /*margin-top:46px;*/
}

.header-bar {
	height:22px;
	background: url(../img/header_shadow.png);
	background-repeat:repeat-x;
	background-position:bottom;
	position:relative;
}

.header-menu {
	/*background: url(../img/top_tab_bg2.png);*/
	background-color:#373B3C;
	color: white;
	font-size:10px; 
	font-weight: 600; 
	padding:3px 20px;
	position:absolute;
	right:0;
	text-align:center;
	top:0;
}	

.header-menu a {
	color: white;
	text-decoration:none;
}
	
.header-menu img {
	padding:0px 3px;
	vertical-align:bottom;
}
	
	
.header-menu span {
	border-right:1px solid #CC6600;
	padding-left:5px;
}
	
.header-menu .top-tab {
	padding:0px 4px 3px 4px;
}

.header-menu a.top-tab:link, a.top-tab:active {
	padding:0px 4px 3px 4px;
}
	
.header-menu a.top-tab:hover {
	color:white;
}

#logo {
	padding: 14px 0px 18px 20px;
	width: 210px;
	float: left;
	height: 57px;
}

.container{
	margin: 0px auto;
	width: 900px;
}

#footer {
	clear:both;
	height:56px;
}

/* Product Container */
.content {
	font-family: Arial;
	margin:0 auto;
	width:900px;
}

/* Product Content */
#section-header {
	color:#333333;
	float:left;
	height:40px;
	padding:20px 0px;
	width:900px;
}

#section-title {
	float:left;
	font-size:30px;
	width:400px;
}

#section-comparison {
	float:right;
	width:400px;
}

#section-boxes {
	float:right;
	width:auto;
}

.itemBox{
	background-image:url(/dev/test-imgs/comparison-empty.jpg);
	border:1px solid #999999;
	float:left;
	height:43px;
	margin-right:20px;
	width:43px;
}

.itemBox:last-child {
	margin-right:0px;
}

#section-container {
	background:url(/dev/test-imgs/prodcut-section-gradient.jpg) repeat-x bottom;
	background-color:#D9D8D4;
	border:1px solid #999999;
	float:left;
	margin-bottom:20px;
	width:898px;
}

#section-nav {
	background:url(/dev/test-imgs/product-section-nav-line.png)right no-repeat;
	float:left;
	height:500px;
	padding:20px;
	width:160px;
}

#section-nav ul {
	margin-bottom:20px;
}

#section-nav li {
	color:#575757;
	font-size:15px;
	text-indent:20px;
}

#section-nav li.nav-header {
	font-size:18px;
	text-indent:0px;
}

#section-nav li.nav-header a{
	color:#0586f3;
}

#section-nav li a {
	color:#575757;
}

#section-nav a {
	text-decoration:none;
}

#section-nav a:hover {
	text-decoration:underline;
}

#section-content {
	float:right;
	padding:10px 20px;
	width:658px;
}

#type-title {
	color:#333333;
	font-size:24px;
	margin-bottom:20px;
}

.system {
	background-color:white;
	float:left;
	margin-bottom:20px;
	padding:20px;
	width:618px;
}

.system a {
	display:block;
	float:left;
	height:25px;
}

.system .system-left {
	float:left;
	width:180px;
}

.system .system-left img {
	height:125px;
	width:140px;
}

.system .system-right {
	color:#4b4b4b;
	font-size:14px;
	float:right;
	width:438px;
}

.system .system-right .system-title {
	border-bottom:1px solid #999999;
	float:left;
	width:338px;
}	

.system .system-right .system-price {
	border-bottom:1px solid #999999;
	float:right;
	text-align:right;
	width:100px;
}	

.system .system-right .system-description {
	float:left;
	font-size:13px;
	height:100px;
	width:100%;
}

.system .system-buttons {
	float:left;
	margin-top:10px;
	width:100%;
}

.system .system-buttons a.compare-system {
	background:url(/dev/test-imgs/product-section-compare-btn.png) no-repeat;
	margin-right:82px;
	width:98px;
}

.system .system-buttons a.compare-system:hover {
	background-position:-100px;
}


.system .system-buttons a.cart-add {
	background:url(/dev/test-imgs/product-section-cart-btn.png) no-repeat;
	width:98px;
}

.system .system-buttons a.cart-add:hover {
	background-position:-99px;
}

/* End Product Section */
#slider {
	margin-bottom:12px;
}

#home-nav {
	height:50px;
	margin-bottom:15px;
	width:900px;
}
.nav-block {
	background: url(../img/main/section-btn-gradient.jpg) repeat-x;
	border:1px solid #a1a0a0;
	color:#494949;
	cursor:pointer;
	float:left;
	font-size:16px;
	font-weight:600;
	line-height:3em;
	margin-right:26px;
	text-align:center;
	text-decoration:none;
	width:280px;
	vertical-align:middle;
}
	
.nav-block a {
	color:#494949;
	text-decoration:none;
}
	
.nav-block.last{
	margin-right:0;
}
	
#home-desc {
	background:url(../test-imgs/setc) repeat-x white;
	height:auto;
	float:left;
	margin-bottom:15px;
}
#news-header {
	background-color:#525556;
	border-bottom:1px solid #CCCCCC;
	color:white;
	float:left;
	font-size:16px;
	font-weight:600;
	line-height:2.2em;
	padding-left:20px;
	width:880px;
}
	
#home-desc .home-text {
	background-color:white;
	float:left;
	margin:10px 20px;
	width:260px;
}
	
#home-desc p {
	color:#494949;
	font:600 10px  Verdana, Arial, sans-serif;
	line-height:1.6;
}
	
#home-desc .home-text h1, #home-desc .home-text h2, #home-desc .home-text h3 {
	color:#dd5808;
	display:inline-block;
	font-size:1.5em;
	font-weight:600;
	margin-bottom:0.5em;
	width:100%;
}
	
/* content - menu */
/* Journey Menu v.01 */
/* Bug in IE7 with border z-index */
/* Jumpy Bug with a. and parent-li */
ul.topnav {
	list-style: none;
	padding-right: 20px;
	margin: 0px;
	float:right;
	width: 600px;
	height: 94px;
	font-size: 1.2em;
	font-weight:400;
	font-style:normal;
}

ul.topnav li.parent-li {
    border-right:1px solid #ac7700;
	background-position:-20px -20px ;
	float: left;
	height:55px;
	margin: 0;
	padding: 0;
	position: relative;
}

ul.topnav li.parent-li a:hover {
	/* Empty For Now */
}

ul.topnav li a{
	color: #fff;
	float: left;
	padding: 20px 30px 20px 10px;
	text-decoration: none;
}

ul.topnav li a:hover{
	color: #fff;
	float:left;
	
}

ul.subnav li {
	float: left;
	margin: 0;
	position: relative; /*Do Not Remove */
	z-index: 999999; /*Do Not Remove */
}

ul.subnav li a{
	color: #ffffff;
	font-size: 12px;
	font-weight: 600;
	font-style: normal;
}

ul.subnav li a:hover{
	color: #000000;
	font-size: 12px;
	font-weight: 600;
	font-style: normal;
}

ul.topnav li span { /*--Drop down trigger styles--*/
	float: left;	
}

ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/

ul.topnav li ul.subnav {
	background:url("../img/drop-down-back.jpg") repeat-y scroll center top transparent;
	border-left:1px solid #AC7700;
	display: none;
	list-style: none;
	float: left;
	margin: 0;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: -1px; 
	top: 50px;
	width: 175px;
	z-index:999999;
}

ul.topnav li ul.subnav li{
	border-bottom:1px solid #666666;
	clear: both;
	margin: 0;
	padding-top:0px!important;
	padding-bottom:-10px!important;
	width:100%;
}

html ul.topnav li ul.subnav li a {
	float: left;
	height:28px!important;
	padding-top:10px!important;
	padding-bottom:0px!important;
	padding-left:0;
	padding-right:0px;
	text-align: left;
	text-indent:20px;
	width:100%;
}

html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	/*background: #ffc159;	 Yellow Background */	
	background:#999999;
	height:28px!important;
	padding-top:10px!important;
	padding-bottom:0px!important;
	padding-left:0;
	padding-right:0px;
}
	
/* Bread Crumb */
#bread-crumbs {
	background:url("../img/common/breadcrumbs/bcrumb_bg.jpg") repeat-x scroll center top transparent;
	margin:0px auto;
	height:22px;
	width:900px;
}

#bread-crumbs ul {
	list-style:none;
}

#bread-crumbs ul li {
	color:#494949;
	cursor:pointer;
	float:left;
	font-weight:bold;
	line-height:22px;
	padding-left:20px;
	text-decoration:none;
}

#bread-crumbs ul li a:visited {
	color:#494949;
	text-decoration:none;
}

#bread-crumbs ul li a:link {
	color:#494949;
	text-decoration:none;
}

#bread-crumbs ul li a:hover {
	color:black;
	text-decoration:none;
}

#bread-crumbs ul li a {
	background: url("../img/common/breadcrumbs/bcrumb_arrow.png") no-repeat scroll right center transparent;
	text-decoration:none;
	display:block;
	padding:0 40px 0 0;
}

#bread-crumbs ul li.active-prequal a {
	background: url("../img/common/breadcrumbs/bcrumb_bg_active.jpg") no-repeat scroll right transparent;
	text-decoration:none;
}

#bread-crumbs ul li.active-crumb {
	cursor:default;
	background: url("../img/common/breadcrumbs/bcrumb_bg_orange.jpg") repeat-x scroll transparent;
	padding:0px 20px;
}

#bread-crumbs ul li.active-crumb-pnt {
	background:url(../img/common/breadcrumbs/bcrumb_arrow_active.png);
	background-position:left;
	background-repeat:no-repeat;
	width:14px;
	cursor:default;
}

#bread-crumbs ul li img {
	float:left;
	vertical-align:middle;
}

/* content - systems */
.consumer-banner {
	height:65px;
	margin-bottom:15px;
	text-align:center;
}

#consumer {
	background-color:#FFFFFF;
	float:left;
	margin-bottom:15px;
	padding:10px 30px;
	width: 840px;
}
	
#product-headers {
	background:url("../test-imgs/product-header-gradient.jpg") repeat-y;
	border-bottom:1px solid #da7736;
	color:white;
	float:left;
	font-size:14px;
	font-weight:600;
	line-height:2.2;
	text-indent:15px;
	width:830px;
}	

#product-laptop-title {
	background:url("../test-imgs/product-header-gradient.jpg") repeat-y;
	border-bottom:1px solid #da7736;
	color:white;
	float:left;
	font-size:14px;
	font-weight:600;
	line-height:2.2;
	text-indent:15px;
	width:276px;
}

.product-header-container {
	float:left;
	width:276px;
}
	
.products-section {
	float:left;
	line-height:2;
	width:276px;
}
	
.products-section.first {
	border-right:1px solid #CCCCCC;
}
	
.products-section #product-thumbnails {
	border-top:1px solid #999999;
	float:left;
	margin:0 auto;
	padding-top:20px;
	width:100%;
}
	
.products-section img#full {
	float:left;
}
	
.products-section img.thumbnail {
	border:1px solid #CCCCCC;
	float:left;
	margin-right:10px;
	width:40px;
}
	
.products-section img.thumbnaily {
	width:40px;
}
	
.products-list {
	min-height:210px;
}

.products-list li {
	background:none;
	border-bottom:1px solid #CCCCCC;
	color:#555454;
	float:left;
	font-weight:bold;
	width: 100%;
}
		
.products-list li a {
	color:#494949;
	display:block;
	float:left;
	font-size:13px;
	text-decoration:none;
	width:auto;
}
		
.products-list li a:hover {
	text-decoration:none;
	color:#696969;
}
			
.products-list li.products-title {
	background:#FFAD00;
	border:0;
	color:white;
	font-weight:600;
	font-size:13.5px;
	height:30px;
}
		
.products-list li.products-title a {
	color:white;
}
		
.products-list label {
	display:block;
	float:left;
	text-align:center;
	width: 80px;
}
	
#feature{ 
	margin-left:10px;
}
	
#feature #title {
	background-color:#ffad00;
	color:#FFFFFF;
	font-size:14px;
	font-weight:600;
	padding-left:20px;
}
		
#feature p {
	color:#555454;
	line-height:1.5;
	margin-bottom:10px;
	min-height:120px;
}	
		
#feature #tag-line {
	color:#555454;
	font-size:13px;
	font-weight:600;
	margin-bottom:5px;
}
		
#feature #tag-line img {
	vertical-align:text-bottom;
}
			
#feature li {
	font-size:10px;
	line-height:3;
}
		
#system-gallery {
	width:259px;
}
		
#image-container {
	height:200px;
	width:200px;
}

#system-view-more {
	background-color:#F1981F;
	color:white;
	cursor:pointer;
	float:left;
	font-size:16px;
	font-weight:600;
	height:30px;
	margin:10px 0px;
	padding:5px 50px 5px 50px;
	text-align:center;
	text-decoration:none;
	width:170px;
}

#system-call {
	background-color:#F1981F;
	color:white;
	float:left;
	font-size:13px;
	font-weight:600;
	margin:10px 0px;
	padding:5px 30px 5px 30px;
	text-align:center;
	width:220px;
}

/* System Comparison */
#comparison-container {
	background-color:white;
	color:#333333;
	padding:10px;
}

table#system-comparison {
	border:1px solid #CCCCCC;
	margin-bottom:20px;
}

table#system-comparison a {
	display:block;
	float:left;
	text-decoration:none;
	margin-bottom:20px;
	width:auto;
}

table#system-comparison a:hover {
	color:#DA7403;
}

table#system-comparison img {
	display:block;
}

table#system-comparison td, table#system-comparison th{
	padding:10px 20px;
}

table#system-comparison th {
	text-align:left;
	vertical-align:top;
}

table#system-comparison td {
	color: #666666;
	border-left:1px dotted #CCCCCC;
}

table#system-comparison tbody tr:nth-child(2n+1) {
	background:none repeat scroll 0 0 #EEEEEE;
}

/* Authentication */
#auth-container {
	background-color:#EEEEEE;
	min-height:350px;
	padding:0px 0px 30px 0px;
	float:left;
	width:900px;
}

#auth {
	background:url(../img/accounts/account-fade.png) repeat-x;
	background-color:#D2D2D2;
	float:left;
	line-height:3;
	margin:50px 230px;
	padding:0px 10px 10px 10px;
	width:450px;
}

#auth #auth-title {
	color:#333;
	font-weight:600;
	font-size:16px;
	height:42px;
	padding:0px 10px;
}

#auth .auth-sub {
	background-color:#999999;
	border-bottom:1px solid #666666;
	border-top:1px solid #666666;
	font-weight:100;
	font-size:14px;
	line-height:2.5;
	padding:0px 20px;
}

#auth form {
	display:block;
	float:left;
	width:100%;
}

#auth form img {
	margin-right:5px;
	vertical-align:middle;
}

#auth form input {
	color:#666666;
}

#auth form input[type=submit]:hover, #auth form input[type=button]:hover {
	color:#ff6500;
}

#auth #auth-fields {
	background-color:#f1f1f1;
	padding:0px 0px 10px 15px; 
}

#auth a.auth-btn {
	background:url(../img/accounts/auth-btn.png) repeat-x;
	border:1px solid #b7b7b7;
	color:#333333;
	cursor:pointer;
	display:block;
	float:left;
	font-size:13px;
	line-height:2;
	height:28px;
	margin-top:10px;
	padding:0px 24px;
	text-align:center;
	width:5em;
}

#auth a#reminder-btn.auth-btn {
	margin-right:5px;
	width:9em;
}

#auth a#reminder-btn.auth-btn {
	width:9em;
}

#auth a.auth-btn:hover {
	color:#ff6500;
}

#auth input.auth-btn {
	background:url(../img/accounts/auth-btn.png) repeat-x;
	border:1px solid #b7b7b7;
	color:#333333;
	cursor:pointer;
	height:30px;
	margin-top:10px;
	padding:0px 24px;
}

#auth input.text, #auth input.phone {
	border-left:1px solid  #CCCCCC;
	border-right:1px solid  #CCCCCC;
	border-top:1px solid  #999999;
}

#auth input#auth-btn-login, #auth input#auth-btn-register {
	float:right;
}

#auth #infoMessage {
	height:auto;
	float:left;
	width:100%;
}

#auth #infoMessage ul{
	height:auto;
	float:left;
	width:100%;
}

#auth li {
	display:block;
	height:35px;
}

#auth label {
	color:#333;
	display:block;
	float:left;
	height:20px;
	width:130px;
}

#auth input.text{
	margin-top:8px;
	vertical-align:top;
	width:200px;
}

#auth input.phone{
	width:50px;
}

#auth p {
	margin:10px 0;
}

#auth-container a {
 color:white;
 text-decoration:none;
}

#auth button {
	height:30px;
	line-height:1;
	width:100px;
}

#auth input[type=submit] {
	height:30px;
	padding:0px 15px;
}

#auth ul {
	text-decoration:none;
	display:block;
}

#auth .error, #auth .notice, #auth .success {
	margin-bottom:0em;
	padding:0em;
}

#auth ul.error {
	background-color:#EDEDED;
	border:0px solid #999999;
	color:#666666;
	float:left;
	margin:0px;
	padding:0;
}

#auth ul.error li {
	background:url(../img/common/icons/cross.png) no-repeat left center;
	background-position: 5px;
	border-bottom:1px solid #CCCCCC;
	padding-left:30px;
}

#auth ul.success {	
	background-color:#EDEDED;
	border:none;
}

#auth ul.success li {
	background:url(../img/common/icons/checkmark.png) no-repeat left center;
	background-position: 5px;
	border-bottom:1px solid #CCCCCC;
	padding-left:30px;
}	

#auth #confirmation {
	color:#666666;
	font-size:16px;
	font-weight:600;
	padding:50px 0px;
	text-align:center;
}

/* footer */
#footer .container {
	background-color:#a4a3a3;
	color:#494949;
	height:100%;
	/*margin-bottom:15px;*/
	text-align:center;
}

.footer-menu {
	width:900px;
	margin:0 auto;
	height:15px; 
	text-align:center; 
	font-size:10px; 
	font-style:normal;
	font-size-adjust:none;
	font-stretch:normal; 
	font-variant:normal;
	font-weight: 200; 
	margin-top: 4px;
	margin-bottom:2px;
}

.footer-menu a:active { color: #929292; text-decoration:none; }
.footer-menu a:link { color: #929292; text-decoration:none; }
.footer-menu a:visited { color: #929292; text-decoration:none; }
.footer-menu a:hover { color: #4f4e4e; text-decoration:none; }
.footer-menu a:focus { color: #4f4e4e; text-decoration:none; }

#creditcards { float:left; padding-top:16px; width:150px; }
#copyright { font-size:10px; float:left; padding-top:6px; text-align:center; width:600px; }
#bbb-logo { float:left; padding-top:7px; margin:0 auto; width:150px; }	

/* forms.css */
label { font-weight:bold;}
fieldset { padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc; }
legend { font-weight:bold;font-size:1.2em; }
input.text.news, input.title, select.news { margin:0.5em 0;border:1px solid #bbb; }
input.text.news:focus, input.title:focus, select.news:focus { border:1px solid #666; }
input.text.news, input.title { padding:5px; }
input.title { font-size:1.5em; }
.error, .notice, .success { padding:.8em;margin-bottom:1em;border:2px solid #ddd; }
.error { background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4; }
.notice { background:#FFF6BF;color:#514721;border-color:#FFD324; }
.success { background:#E6EFC2;color:#264409;border-color:#C6D880; }
.error a { color:#8a1f11; }
.notice a { color:#514721; }
.success a { color:#264409; }
ol#toc { list-style:decimal; }
p.indent{ text-indent:50px; }
p.returntop { clear:none; float:right; font-size:10px; margin-bottom:2em; margin-right:5em; padding:2px 2px; border: 1px solid grey; }
h1, h2, h3, h4, h5, h6 { font-weight:normal;color:#111; }
h1 { font-size:3em;line-height:1;margin-bottom:0.5em; }
h2 { font-size:1.5em;margin-bottom:0em;color:#DD5808;font-weight:600; }
h3 { font-size:1.5em;line-height:1;margin-bottom:1em; }
h4 { font-size:1.2em;line-height:1.25;margin-bottom:1.25em; }
h5 { font-size:1em;font-weight:bold;margin-bottom:1.5em; }
h6 { font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0; }
p { margin:0 0 1.5em; }
p img.left { float:left;margin:1.5em 1.5em 1.5em 0;padding:0; }
p img.right { float:right;margin:1.5em 0 1.5em 1.5em; }
blockquote { margin:1.5em;color:#666;font-style:italic; }
strong { font-weight:bold; }
em, dfn { font-style:italic; }
dfn { font-weight:bold; }
sup, sub { line-height:0; }
abbr, acronym { border-bottom:1px dotted #666; }
address { margin:0 0 1.5em;font-style:italic; }
del { color:#666; }
pre { margin:1.5em 0;white-space:pre; }
pre, code, tt { font:1em 'andale mono', 'lucida console', monospace;line-height:1.5; }
li ul, li ol { margin:0 1.5em; }
dl { margin:0 0 1.5em 0; }
dl dt { font-weight:bold; }
dd { margin-left:1.5em; }