@charset "utf-8";
/* CSS Document */

/*****Zero out margins and padding*****/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, th, td { margin: 0; padding: 0; }


/*******BASIC LAYOUT********************/

body {background-color: #e7e7e7; text-align:center; margin-top: 8px; color: #3e3e3e; font: 12px Verdana, Arial, Helvetica, sans-serif; }
#header {width: 840px; height: 146px; background-image: url(../images/newheader_logo.png); background-repeat: no-repeat; margin: 0 auto; text-align:center; padding-top: 0px;}
#container {background-image: url(../images/content_back-trans.png); text-align: center; margin: 0 auto; background-repeat: repeat-y; width: 840px;}

#navBar { background-color: #0f53a1; height: 37px; margin: 0px 10px 0px 11px; text-align: left; }
#nav {float: left; width: 819px; list-style: none; font: 14px Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}

#content {float: left; width: 780px; padding: 20px 30px;}

#leftCol {float: left; width: 540px; text-align:left; }
#rightCol {float: right; width: 220px; text-align:left; }

#bothCol { text-align: left; }


#footer {width: 726px; height: 81px; background-image: url(../images/footer_back-trans.png); background-repeat:no-repeat; margin: 0 auto; padding-top: 20px; font: 11px Verdana, Arial, Helvetica, sans-serif; padding-left: 114px; text-align:left; line-height: 15px; color: #000;}

.clearfloat {clear: both;}


/********MAIN NAVIGATION*****************/

#nav li {float: left; }

#nav li.last {margin-right: 0px;}



/************LINK STYLES*****************/
a:link {color: #2C72A0;}
a:visited  {color: #333333;}
a:hover {color: #A39C51;}
a:active {color: #2C72A0;}

#nav li a:link, #nav li a:visited {color: #000; text-decoration:none;}
#nav li a:hover {color: #ffffff; text-decoration:none;}
#nav li a:active {color: #000; text-decoration:none;}

ul.offnav a:link, ul.offnav a:visited {color: #000; text-decoration:none;}
ul.offnav a:hover {text-decoration:underline;}
ul.offnav a:active {color: #000; text-decoration:none;}

#footer a:link, #footer a:visited {color: #000;}
#footer a:hover {color:#003399;}
#footer a:active {color: #000;}

H2 a:link {color: #7f7934;}
H2 a:visited  {color: #7f7934;}
H2 a:hover {color: #7f7934;}
H2 a:active {color: #7f7934;}

/********CUSTOM STYLES*****************/

H1 {font: 18px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; margin-bottom: 16px;}
H2 {font: 14px Verdana, Arial, Helvetica, sans-serif; color:#7f7934; font-weight: bold; margin-bottom: 4px; clear:both;}
H3 {font: 13px Verdana, Arial, Helvetica, sans-serif; color: #296B9D;}
P {line-height: 20px; margin-bottom: 20px;}
input, textarea, select {margin-bottom: 20px;}

#leftCol img {padding: 4px; border: 1px solid #cccccc; margin-right: 6px; margin-bottom: 6px;}
#leftCol img.logo, #leftCol img.plain {border: none; padding: 0px;}
#leftCol img.product {float: left;}

#leftCol ul, #leftCol ol, #bothCol ul, #bothCol ol {margin-left: 40px; line-height: 20px; margin-bottom: 10px;}
#leftCol ul.prodDesc, #bothCol ul.prodDesc {width: 340px; float:right;}
#leftCol p.prodDesc, #bothCol p.prodDesc {width: 380px; float:right;}

#rightCol img {border: none;}

#search {background-image:url(../images/search_back.gif); background-repeat:no-repeat; height: 40px;}
input.search {background-color: #f3f3e9;  border: 0px; color: #235B89; height: 23px; margin-right: 3px; margin-left: 4px; float:left; margin-top: 1px;}
input.searchbtn {float: right;}

ul.offnav {border: 1px solid #D9E4EF; background-image:url(../images/offnav_back.jpg); background-repeat: no-repeat; font:12px Verdana, Arial, Helvetica, sans-serif; line-height: 31px; margin-top: 14px; margin-bottom: 14px; list-style: none;}
ul.offnav li {border-bottom: 1px solid #D9E4EF; padding-left: 8px;}
ul.offnav li.last {border-bottom: 0px;}

table.comparefeatures td {padding: 2px;}
table.comparefeatures {margin-bottom:10px;}

table.comparechart p {font-size: 11px; line-height: 14px; margin: 0px;}
table.generic p {margin:0px; line-height:14px;}
table.generic td {padding: 3px; border:1px solid #CCCCCC;}
table.generic {border:1px solid #CCCCCC;}

.3colLeft {float: left; width: 170px; text-align:center;}
.2colLeft {float: left; width: 260px;}
.2colRight {float: right; width: 260px;}

.callout {padding: 5px; border: 1px solid #cccccc; width: 200px; float: right; margin-left: 10px;}
#leftCol .callout ul, #bothCol .callout ul {margin-left: 16px;}

div.productGroup {clear: both; float: left; min-height: 160px; margin:0px; width: 100%;}

form#searchForm input {margin-bottom:0px}

/******************** 	Lease Calculator  	********************/
div#lc_preview, div#lease_form {
	text-align:left;
	margin-left: 10px;
}
div#lease_form .invalidText {
	text-align:left;
	background: #ffcccc;
}
div#lease_form .validText {
	background: #ccffcc;
}
div#lease_form p {
	text-align:left;
	margin-top: 10px;
}
div#lease_form input {
	text-align:left;
}
div#lc_preview p.lc_message {
	margin-top: 5px;
}