/* COLORS

Red  #9a0722

*/



body {margin: 0;
padding: 0;
font-family: Helvetica, Arial, Verdana, Tahoma, "Trebuchet MS", "MS Sans Serif", sans-serif;
font-size: 12px;
color: #444;
background: #f3f2f1 url(../images/bg_x.png) top left repeat-x;
text-align: center;
}

h1, h2, h3, h4, h5 {margin: 0 0 3px;
font-weight: 400;
}
h1 {margin: 0 0 10px;
font-size: 24px;
line-height: 25px;
color: #65b543;
}
h2 {margin: 0 0 10px;
line-height: 18px;
font-size: 20px;
color: #9a0722;
}
h3 {font-size: 16px;
color: #006fc5;
}
p {margin: 0 0 10px;}

a {color: #006fc5;
outline: none;
text-decoration: none;
}
a:visited {color: #006fc5;}
a:hover {color: #004e8a;
text-decoration: underline;
cursor: pointer;
}
a img {border: none;}

hr {border-top: 1px solid #fff;
border-right: 1px solid #fff;
border-bottom: 1px solid #ccc;
border-left: 1px solid #fff;
}

#container {position: relative;
width: 1000px;
margin: 0 auto 20px;
background: url(../images/bg_y.png) top center repeat-y;
text-align: center;
}
#container_contents {position: relative;
z-index: 2;
width: 950px;
margin: 0 25px;
background-color: #fff;
}
#container img.bg_left, #container img.bg_right {position: absolute;
top: 47px;
z-index: 1;
}
#container img.bg_left {left: 0;}
#container img.bg_right {right: 0;}


#header, #container_contents, #footer {text-align: left;}
	
/* START Header */	
#header {position: relative;
z-index: 2;
height: 63px;
margin: 5px 18px 0;
background: url(../images/header.png) top left no-repeat;
}	
	#header .nav {width:620px;
	float: right;
	margin: 19px 20px 15px 0;
	padding: 5px 0 0;
	line-height: 20px;
	}
	#header .nav li {float: left;
	margin: 0 0 0 10px;
	padding: 0;
	list-style-type: none;
	font-size: 13px;
	font-weight: 400;
	color: #383838;
	}
	#header .nav a {display: block;
	padding: 3px 12px 0;
	color: #333;
	}
	#header li:hover, #header li.on {background: url(../images/nav_a.png) top left no-repeat;}
	#header li:hover a, #header a:hover, #header li.on a {background: url(../images/nav_span.png) top right no-repeat;
	color: #0073AE;
	} 
	#header li.alc {width:119px;
	height:23px;
	}
	#header li.alc:hover, #header li.alc:hover a {background:none;}
	#logo img {border: none;}
	
	#header a:hover {color: #004e8a;
	background-color: #fff;
	text-decoration: none;
	}
	#header .nav .chat_online, #header .nav .chat_online:visited, #header .nav .chat_online:hover, #header .nav .chat_offline, #header .nav .chat_offline:visited, #header .nav .chat_offline:hover {
	padding: 2px 12px 0 18px;
	background:url(../images/icon_chat_on.png) 0 60% no-repeat;
	font-size:12px;
	color:;
	}
	#header .nav .chat_offline, #header .nav .chat_offline:visited, #header .nav .chat_offline:hover {display:block;
	padding: 2px 12px 0 18px;
	background:url(../images/icon_chat_off.png) 0 60% no-repeat;
	color:#6c6c6c;
	}
	
	#login_nav {float: right;
	width: 600px;
	margin: 15px 0 0;
	text-align: right;
	}
	#login_nav a {margin: 0 0 0 10px;}
	#login_nav a:hover, ul#nav li a.on {text-decoration: none;}

	#logo {float: left;
	margin:10px 0 0 20px;
	padding: 0;
	cursor: pointer;
	text-decoration: none;
	}
	
#header_image_container {height: 138px;
background: url(../images/header.jpg) top left repeat-x;
}
	#header_home, #header_inside {clear: both;}	
	#header_home {height: 200px;
	background: url(../images/header_home.png) top left no-repeat;
	}
	#header_home img.screenshot {float: right;
	margin: 6px 6px 0 0;
	}
	#header_home div {float: left;
	margin: 35px 0 0 35px;
	}
	#header_home div ul {color: #fff;
	font-size: 14px;
	line-height: 20px;
	}
	
	#header_inside {height: 97px;
	background: url(../images/header_inside.png) top left no-repeat;
	}
	#header_inside div {float: left;
	margin: 36px 0 0 40px;
	}
	#header_inside img.screenshot {float: right;
	margin: 7px 63px 0 0;
	}
/* START Header */


/* START Side Bar */
#side_bar {float: left;
width: 178px;
margin: 0 20px 10px 0;
padding: 0;
}
	#side_bar dl, #side_bar dt, #side_bar dd {margin: 0;}
	.standard, .primary, .secondary, .tertiary, .quaternary, .side_link {display: block;
	margin: 0 10px 0 8px;
	}
	.secondary span, .tertiary span, .quaternary span {display: block;
	padding: 4px 2px 4px 14px;
	font-size: 11px;
	}
	dt {padding: 6px 5px 5px 10px;
	font-size: 13px;
	font-weight: 700;
	}
	.secondary {padding: 2px 0 2px 20px;}
	.tertiary {padding: 2px 0 2px 40px;}
	.quaternary {padding: 2px 0 2px 60px;}
	#side_nav {background: url(../images/sidenav_top.png) top left no-repeat;
	}
	#side_nav dl {padding: 4px 0 6px;
	background: url(../images/sidenav_bottom.png) bottom left no-repeat;
	}
	#side_nav dt, #side_nav dd {margin: 0 1px;
	background: url(../images/sidenav_divider.png) bottom left no-repeat;
	}
	#side_nav a:link, #side_nav a:visited {display: block;
	color: #333;
	text-decoration: none;
	}
	#side_nav a:hover {color: #299ed1;}
	#side_nav .current {color: #0073ae;
	background-color: #f1f0ef;
	}
	#side_nav a {color: #0073ae;}
	#side_nav .on, #side_nav dt:hover, #side_nav dd:hover {background-color: #fdfdfc;}
	#side_nav .primary .current, #side_nav .on {font-weight: 700;}
	#side_nav .on a {color: #0073ae;}
	#side_bar .pod, .home .pod {margin: 10px 0 0; 
	padding: 0;
	background: url(../images/sidebar_bottom.png) bottom left no-repeat;
	line-height: 17px;
	}
	
	#side_bar .pod h3, .home .pod h3 {padding: 10px 10px 0;
	background: url(../images/sidebar_top.png) top left no-repeat;
	}
	#side_bar .pod p, .home .pod p {margin: 0;
	padding: 0 10px;
	}
	
	#side_bar .pod .button, .home .pod .button {margin: 0 10px 10px 0;}

	.home .pod:hover {background: url(../images/pod_bottom_hover.png) bottom left no-repeat;}
	.home .pod:hover h3 {padding: 10px 10px 0;
	background: url(../images/pod_top_hover.png) top left no-repeat;
	}
	#trial, #no_fee img {margin: 10px 0 0;}
	#trial {display:block;
	width:160px;
	height:42px;
	padding:14px 0 0 18px;
	background: url(../images/freeTrial.gif) center no-repeat;
	font-size:20px;
	font-weight:700;
	text-align:center;
	color:#fff;
	text-decoration:none;
	word-spacing:-1px;
	letter-spacing:0;
	line-height:.8em;
	text-align:left;
	}
	/*#trial:hover {color:#1f4210;
	background: url(../images/freeTrial_hover.gif) center no-repeat;
	}*/
	#trial span {display:block;
	font-size:15px;
	font-weight: 400;
	}
	
	/* SINGLE Homepage side bar */
	#home_side_bar {float: right;
	width: 200px;
	min-height: 275px;
	margin: 0 0 10px 10px;
	padding: 0 0 0 250px;
	background: url(../images/element_tree.jpg) bottom left no-repeat;
	}
	#home_side_bar h3 {margin: 30px 0 0;}
	#home_side_bar p {margin: 0 0 30px;
	line-height: 17px;
	}
	/* END Side Bar */


/* START Homepage */
#index {position: relative;
margin: 0 5px;
}
	#value_statement {width: 500px;
	margin: 0 0 0 15px;
	}
	#mainPod {padding-bottom:30px;
	background: url(../images/homeMain_bg.gif) 0 120% no-repeat;
	}
	#st_button {display: block;
	width:389px;
	height:41px;
	margin:22px 0 0 75px;
	padding:19px 0 0;
	background: url(../images/mainPod_button.png) center no-repeat;
	font-size:20px;
	color:#272727;
	text-decoration:none;
	text-align:center;
	}
	#st_button img {margin-bottom:-1px;
	vertical-align: sub;
	}
	#st_button:hover {background: url(../images/mainPod_button_hover.png) center no-repeat;}
	.no_fee {font-size: 17px !important;}
	.home .pod {float: right;
	width: 178px;
	margin: 0 10px 10px 0;
	}
	.home .first_pod {margin: 0 10px 10px;}
	#subPod {clear:both;}
	#subPod div {width:455px;
	float:left;
	margin: 15px 5px 0;
	}
	#subPod h3 {margin:0 0 6px;
	border-bottom:1px solid #ccc;
	color:#444;
	font-weight:700;
	}
	/* END Homepage */


/* START Main Content */
#content_container {border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
background: #fff url(../images/content_x.png) top left repeat-x;
}
	#main_content {position: relative;
	margin: 1px 10px 0;
	padding: 10px 0 0;
	line-height: 20px;
	}
	
	/* SINGLE main text area on inside pages */	
	#content {float: left;
	width: 730px;
	margin: 10px 0 0;
	}
	.home h1 {margin: 10px 0 5px;
	border-bottom: 1px solid #ccc;
	padding: 0;
	}
	
	.driller {margin: 0 0 20px;
	border-top: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
	padding: 6px 5px 5px;
	color: #999;
	}
	.driller a, .driller b {padding: 0 4px;}
	.driller b {color: #333;}
	
	ul.arrow {list-style-image: url(../images/bullet.gif);}

	/* SINGLE Image & Caption */
	.inset_picture {border: none !important;
	margin: 0 10px 10px !important;
	}
	.inset_picture .picture, .inset_picture .caption {background-color: #f4f2f0;}
	.inset_picture .picture {border-top: 1px solid #dfdddd;
	border-right: 1px solid #dfdddd;
	border-left: 1px solid #dfdddd;
	padding: 7px 7px 0;
	}
	.inset_picture .picture p {margin: 0;}
	.inset_picture img {border: 1px solid #dfdddd;}
	.inset_picture .caption {border-right: 1px solid #dfdddd;
	border-bottom: 1px solid #dfdddd;
	border-left: 1px solid #dfdddd;
	padding: 7px;
	line-height: 14px;
	}
	
	.hcard, .emails {width: 400px; 
	margin: 20px;
	}
	
	.hcard h4, .emails h4 {border-bottom: 1px solid #eee;
	padding: 5px;
	font-size: 13px;
	font-weight: 700;
	color: #000;
	}
		.hcard .tel, .emails p {clear: left;
		margin: 0;
		border-bottom: 1px solid #eee;
		padding: 5px;
		}
		.hcard .tel .type, .emails p b {float: left;}
		.emails p b {width: 150px;}
		.hcard .tel .type {width: 55px;
		font-weight: 700;
		}
		
/* END Main Content */

#lendingstat_login, #vendorpro_login {width:350px;
float:left;
}
#lendingstat_login .h1, #vendorpro_login .h1 {margin: 10px 0 5px;
border-bottom: 1px solid #ccc;
padding: 0 0 3px 0;
font-size: 24px;
line-height: 25px;
color: #65b543;
}
.h1 a.button {float:right;
margin: 0 5px 0 0;}
.h1 a.button span {height:20px;
padding: 2px 27px 1px 4px;
font-size:12px;
line-height:1.8em;}
#vendorpro_login {margin: 0 0 0 15px;}

/* START Compatiblity */
.compatibility td, .compatibility th {padding: 2px 0 0 8px;}
.compatibility td {border-top: 1px solid #efecec;}
.compatibility tr.none td {border-top:none;}
.compatibility .platform {background: #FAF8F8;
border: 1px solid #EFECEC;
padding: 4px 8px 2px;
font-size:14px;
}
/* END Compatibility */


/* START Splash Pages */
#splash {position: relative;
bottom: 0;
width: 100%;
height: 400px;
margin: 0;
padding: 0;
background: #f3f2f1 url(../images/splash_x.gif) top left repeat-x;
}
.splash {width: 600px;
margin: 0 auto;
padding: 60px 0 0;
}
.splash h1 {margin: 25px 0;
font-size: 30px;
color: #555;
}
.splash img {margin: 10px;}
/* END Splash Pages */

/* START Screen Shots */
.big_shot {display:block;
margin:0 auto;
}
/* START Screen Shots */

/* START FAQS */
.faqs ul.faqs_list {margin: 10px 0 0;
border-bottom: 1px solid #eee;
padding-bottom: 10px;
}
.faqs .faqs_list li {font-weight: 700;}
.faqs dl {margin: -1px 0 10px;
border-top: 1px solid #eee;
}
.faqs dt {border-bottom: 1px solid #eee;
padding: 10px;
}
/* END FAQS */


/* START Cart/Checkout */
#order_summary, #shipping_summary {float: left;
width: 300px;
}
#order_summary h2 span, #shipping_summary h2 span {font-size: 12px;}
/* END Cart/Checkout */


/* START Account Pages */
/* END Account Pages */


/* START Footer */
#footer {height: 30px;
margin: 0 18px;
padding: 15px 0 0;
background: url(../images/footer.png) top left no-repeat;
font-size: 11px;
color: #4b4b4b;
}
	#footer_nav {float: left;}
	#footer ul {margin: 2px 0 0 20px;
	padding: 0;
	}
	#footer li {float: left;
	list-style: none;
	margin: 0 15px 0 0;
	font-weight: 700;
	}
	#footer img, #footer p {float: right;
	}
	#footer p {clear: right;
	margin: 2px 20px 0 0;
	font-size: 11px;
	}
	#footer a, #footer a:hover {color: #4b4b4b;}
	#footer a:hover {text-decoration: underline;}
/* END Footer */



/* SINGLE General UL Styles */
ul.bullet li, #header_home div ul {list-style-image: url(../images/bullet.png);}

/* SINGLE General button Styles */
a.button, a.button span {display: block;}
a.button {float: right;
height: 23px;
color: #444;
background: url(../images/button_left.png) top left no-repeat;
}
a.button span {margin: 0 0 0 13px;
padding: 5px 25px 1px 0;
background: url(../images/button_right.png) no-repeat;
background-position: bottom right;
}
a.button:hover {color: #000;
text-decoration: none;
}
a.button:hover span {background: url(../images/button_right.png) no-repeat;
background-position: top right;
}



/* SINGLE General Form Styles */
input.button, input.button_lite {margin: 0 0 5px;
padding: 2px 4px 3px;
background: #d0d0d0 url(../images/input_signup.gif) top right repeat-x;
cursor: pointer;
}
input:focus, select:focus, textarea:focus {background-color: #e7f1f9;}
input, select, textarea {border:1px solid #9B9B9B;
padding:3px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333;
}
label {font-weight: 700;}

form {margin: 0;}
form.form {margin: 30px 50px;}
form.payment_type {margin: 0 50px -30px !important;}

form.form div {clear: left;
margin: 0;
border-bottom: 1px solid #eee;
padding: 10px 10px 10px 0;
}
form.form div div {padding: 0;}
form.form div:hover {background-color: #f4f7f9;}
form.form div.first, form.form div.radio {border-top: 1px solid #eee;}
form.form div#state_box, form.form div#province_box {clear: none;
margin: 0;
}
form.form p.indent {margin: 10px 0 0 180px;}
form.form div label {float: left;
width: 150px;
margin: 3px 20px 0 10px;
text-align: right;
}
form.form div.checkbox label, form.form div.clear.checkbox label {width:330px;
margin-top:0;
text-align:left;
}
form.form div.checkbox input {float:left;
margin:0 0 0 177px;
}
input.button {height:27px;
padding: 0 10px 1px;
background: url(../images/button_bg.gif) top left repeat-x;
border:1px solid #9f9f9f;
cursor: pointer;
}
input.input {width:180px;}
.form textarea {width:364px;
height:140px;
margin-left:180px;
}
form.form div p {clear: left;
float: left;
width: 400px;
margin: 0 0 0 180px;
}
form.form h4 {margin: 10px 10px 0;
font-weight: 700;
}
form.form div p.send_item {clear: none;
margin: 0;
font-size: 16px;
}
form.form span.captcha {float: left;}
form.form div.password input {float: left;}
form.form div.password div.clearme {float: left;}
form.form span.checker_inline {color: #636;}
form.form div .radio input {margin-left:180px;}
form.form div .radio label {width:300px;
float:none;
margin:0;
text-align:left;
}
form.form div span.radio {display:block;
margin: 5px 10px 0 0;
border-top:none;
padding-top:0;
text-align:left;
}

/* SINGLE : Checkbox/radio styling */
form.form div.radio {border-bottom: 0;
padding: 8px 10px 0 0;
}
form.form div.radio input {float: left;
margin: 3px 0 0 180px; 
}
form.form div.radio label {width: auto;
margin: 0 0 5px 10px !important;
text-align: left;
}
form.form div.radio input.checkbox1 {margin: 3px 0 0 180px;}
form.form div.radio input.checkbox2 {margin: 3px 0 0 20px;}
form.form div.radio label.label1 {width: 150px;}
form.form div.radio label.label2 {width: 200px;}


input.qty {text-align: center;}
form.form input.dollar {padding: 0 0 0 13px;}
form.form div input.button {margin: 0 0 0 180px;}
form.form div.clear label {margin: 4px 20px 0 10px;}
form.form div img.cc {margin: 0 0 -5px 5px;}

/* START Activa Images */
.img_left, .img_right {width:200px;
float:left;
clear:both;
margin:10px 10px 5px 0;
}
.img_right {float:right;
margin:10px 5px 5px 10px;
}
.img_mid {width:200px;
margin:10px auto 0;
}
.img_left img, .img_right img, .img_mid img {width:200px;
}
.img_left p, .img_right p, .img_mid p {margin:5px 0 0;
color:#9F9F9F;
}
/* END Activa Images */

/* clear fix */
.clear:after {content: ".";
display: block;
height: 0; 
clear: both; 
visibility: hidden;
}
.clear {display: inline-table; 
display: block;
}
form.form div .clear, form.form div:hover .clear {border: none !important;
padding: 0;
line-height: 0;
}
.clear {display: inline-block;}
html[xmlns] .clear {display: block;}
* html .clear {height: 1%;}

.floatright {float: right;}
.floatleft {float: left;}


/* SINGLE error messgae styling */
.alert {margin: 5px 0 10px;
padding: 7px;
color: #fff;
}
.red {background: #ed5563;
border: 1px solid #8e0310;
}
.green {background: #66ab59;
border: 1px solid #2f5e27;
}
.alert h3 {margin: 0 0 3px;
padding: 0;
}
.alert p {margin: 0;}