/* -- PAGE -- */

body,
div.main-menu div,
div.main-menu h2,
div.main-menu ul,
div.main-menu li,
div.main-menu p,
div.main-menu dl,
div.main-menu dt,
div.main-menu dd {
	margin:0; padding:0;
}
div.stripe,
div.one-column { /* (span-22 prepend-1 append-1 last) */
	float: left;
	width: 870px;
	padding-left: 40px;
	padding-right: 40px;
	margin-right: 0;
	padding-right: 0;
}
div.two-column-left { /* (span-15 prepend-1 append-1) */
	float: left;
	width: 590px;
	padding-left: 40px;
	padding-right: 40px;
	margin-right: 10px;
}
div.two-column-right { /* (span-5 prepend-1 append-1 last) */
	float: left;
	width: 230px;
	padding-left: 0;
	padding-right: 0;
	margin-right: 0;
}
div.three-column-left { /* (span-5 prepend-1) */
	float: left;
	width: 190px;
	margin-right: 10px;
	padding-left: 40px;
}
div.three-column-middle { /* (span-10 prepend-1) */
	float: left;
	width: 390px;
	margin-right: 10px;
	padding-left: 40px;
}
div.three-column-right { /* (span-5 prepend-1 last) */
	float: left;
	width: 190px;
	margin-right: 0;
	padding-left: 40px;	
}
div.one-column { /* (span-22 prepend-1 append-1 last) */
	float: left;
	width: 870px;
	padding-left: 40px;
	padding-right: 40px;
	margin-right: 0;
	padding-right: 0;
}
div.two-column-left,
div.two-column-left-b,
div.two-column-left-c,
div.half-column-left {
	float: left;
	width: 230px;
	padding-left: 40px;
	padding-right: 0px;
	margin-right: 10px;
}
div.two-column-right,
div.two-column-right-b,
div.two-column-right-c,
div.half-column-right {
	float: left;
	width: 590px;
	padding-left: 0;
	padding-right: 0;
	margin-right: 0;
	margin-left: 40px;
}
div.two-column-left-b  { width:590px; }
div.two-column-right-b { width:230px; }
/* Used for the level 3 nav layout */
div.two-column-left-c  { width:220px;margin-right:0px; }
div.two-column-right-c { width:650px;margin-left:30px; }
div.half-column-left,
div.half-column-right  { width:410px; }

a:active { outline: none; }
a:focus { -moz-outline-style: none; }

div.clear {
	clear:both;
}

/* -- COLORS -- */

body {
	background:#f2f2f2;
}
#main {
	background:#fff;
}
#footer {
}

/* -- MAIN MENU -- */
div.container {width:950px;margin:0 auto;margin-top: 0px;}
.container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.container {display:inline-block;}
* html .container {height:1%;}
.container {display:block;}

#main {
	padding: 25px 0;
}
div.main-menu {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	background-color: gray;
	height: 470px;
}

div.main-menu h2,
dl.services dt {
	padding: 8px 15px;
	color: white;
	font: bold 12px Arial, Helvetica, sans-serif;
	margin-bottom: 0;
}

div.main-menu h2 {
	text-indent: -9999px;
}

div.consumer,
div.dealer 
{	
	float: none;
	width: 470px;
	height:410px;
	position:relative;
	margin-left:auto;
    margin-right:auto;
	margin-top:70px;
}
div.consumer {
	background: url(/images/consumer-bg.jpg) no-repeat left top;
	margin-right: 10px;
}
div.dealer {
	background: url(/images/dealer-bg.jpg) no-repeat left top;
}

div.inner-left, 
div.inner-right {
	width:230px;
	float: left;
}
div.inner-left {
	margin-right: 10px;
}
dl.services dt {
	margin-top: 10px;
	padding: 0;
	background: #1c1c1c url(/images/icons/bullet_go.gif) no-repeat 15px 11px;
}
dl.services dt a {
	color: #c3c3c3;
	text-decoration: none;
	display: block;
	padding: 8px 15px 8px 26px;
}
dl.services dt.new {
	padding-left: 10px;
	background: #1c1c1c url(/images/icons/icon-tiny-new.gif) no-repeat 10px 11px;
}


dl.services dt a:hover {
	color: #fff;
}
dl.services dd {
	padding: 10px 15px 20px;
	font: 11px/1.5em Arial, Helvetica, sans-serif;
	background: url(/images/services-bg.gif) no-repeat left bottom;
	color: #adadad;
	border-top: 1px solid #2b2b2b;
}
dl.services dd a.infolink,
#login-consumer .non-member a,
#login-dealer .non-member a {
	display: block;
	color: #adadad;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 9px;
	line-height: 12px;
	margin-top: 8px;
	margin-bottom: -8px;
	padding: 3px 3px 3px 10px;
	height: 12px;
	background:url(/images/infolink.gif) no-repeat left top;
}
dl.services dd a.infolink:hover,
#login-consumer .non-member a:hover,
#login-dealer .non-member a:hover {
	color: #fff;
	background-position: 0 bottom;
}


/* -- NEW AREA -- */

/* -- HEADER -- */
#header {
	padding:0;
	background:#ececec url(/images/bkg-hdr.gif) repeat-x left top;
	height:90px;
}
#header .container {
	position:relative;
}
#logo {
	height:81px;
	width:416px;
	background:url(/images/logo-web.gif) no-repeat left 0px;
	text-indent:-9999em;
	margin:0;
	padding:0;
	position:absolute;
	left:20px;
	top:23px;
}

/* MEMBER LOGIN */
#login-consumer,
#login-dealer {
	width:467px;
	height:75px;
	background:#111 url(/images/login-bg.jpg) repeat-x left bottom;
	position:absolute;
	right:0;
	top:-73px;
    color:#adadad;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
}
/*#login-consumer {
	background-image:url(/images/login-bg-comingsoon.jpg);
}*/
#login-consumer h2,
#login-dealer h2 {
	text-indent:-9999em;
	background:url(/images/login-consumer.gif) no-repeat left 0px;
	width:129px;
	height:18px;
	margin:14px 10px 8px 22px;
	float:left;
	line-height:0;
	padding:0;
}
#login-dealer h2 {
	background:url(/images/login-dealer.gif) no-repeat left 0px;
	width:101px;
	height:18px;
}
	#IE.v6 #login-consumer h2,
	#IE.v6 #login-dealer h2 {margin-left:11px;}

#login-consumer p,
#login-dealer p {
	clear: left;
	margin:0 20px 0 25px;
}

#login-consumer .non-member a,
#login-dealer .non-member a {
	float:inherit;
	margin-top:14px;
	background-position:left -18px;
	padding-right:20px;
	color:#fff;
}
	#login-consumer .non-member a:hover,
	#login-dealer .non-member a:hover {
		background-position:right -18px;
	}

#ctl00_btnLogin {
	height:21px;
	width:57px;
	vertical-align:-6px;
}
	#IE #ctl00_btnLogin {vertical-align:-2px;}

.loginForm {
    padding: 3px;
    border:1px solid #4b4b4b;
    background-color:#FFFFFF;
	width:100px;
	margin-right:5px;
	color:#000000;
}
	#IE .loginForm {font-size:11px;}

	.loginForm:hover {
    	border:1px solid #676767;
	}

/* -- NAV -- */
#nav {
	background-color:#e8e9ea;
	font:12px "Lucida Grande", Lucida, Verdana, sans-serif;
}
#nav ul,
#nav li { border:0; margin:0; padding:0; list-style:none; }
#nav ul {
	height:40px;
	float:right;
}
#nav ul li {
	float:left;
	margin-left:4px;
	background:none;
}
#nav a:link, #nav a:visited {
	background:#231f20 url(/images/nav-tabs.png) no-repeat right -30px; /* color of tabs (inactive state) */
	color:#676767;
	display:block;
	font-weight:bold;
	height:30px;
	line-height:30px;
	text-decoration:none;
	margin-top:10px;
}
	#nav a span {
		background:#231f20 url(/images/nav-tabs.png) no-repeat left -30px;
		display:block;
		height:30px;
		margin-right:15px;
		padding-left:15px;
	}
#nav a:hover {
	background:#231f20 url(/images/nav-tabs.png) no-repeat right -60px;
	display:block;
	color:#fff;
}
	#nav a:hover span {
		display:block;
		background:#231f20 url(/images/nav-tabs.png) no-repeat left -60px;
	}
	
	#IE #nav a:link, #IE #nav a:visited, #IE #nav a span,
	#IE #nav a:hover, #IE #nav a:hover span {
		display: inline;
		float: left;
		cursor: pointer;
	}

#nav .active a:link, #nav .active a:visited, #nav .active a:visited, #nav .active a:hover {
	background:#1a54a2 url(/images/nav-tabs.png) no-repeat right 0px; /* color of active tab */
	color:#fff;
}
	#nav .active a span, #nav .active a:hover span {
		background:#1a54a2 url(/images/nav-tabs.png) no-repeat left 0px; /* color of active tab */
	}

/* -- SUB-NAV -- */

#sub-nav {
	padding:0;
	background:url(/images/bkg-nav-Home.gif) repeat-x left top;
	height:30px;
	font:9px "Lucida Grande", Lucida, Arial, sans-serif;
}
#sub-nav ul, #sub-nav li{
	border: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
}
#sub-nav ul li {
	float: left;
	margin-right: 4px;
	background:none;
}
#sub-nav a:link,
#sub-nav a:visited {
	background: none;
	color:#cfd8e5; /* sub-nav primary color (inactive state) */
	display: block;
	height: 19px;
	line-height:19px;
	text-decoration: none;
	text-transform: uppercase;
	margin-top:5px;
	margin-bottom: 5px;
}
	#sub-nav a span {
		background: none;
		display: block;
		height:19px;
		margin-right: 10px;
		padding-left: 10px;
	}
#sub-nav a:hover {
	background: none; /* sub-nav hover color */
	display: block;
	color: #fff;
}
	#sub-nav a:hover span {
		display: block;
	}
#sub-nav .active a:link, #sub-nav .active a:visited, #sub-nav .active a:hover {
	background:url(/images/subnav-tabs.png) no-repeat right top; /* sub-nav active color */
} 
	#sub-nav .active a span, #sub-nav .active a:hover span {
		color: #fff;
		background:url(/images/subnav-tabs.png) no-repeat left top;
	}	
	#IE #sub-nav a:link, #IE #sub-nav a:visited, #IE #sub-nav a span,
	#IE #sub-nav a:hover, #IE #sub-nav a:hover span {
		display: inline;
		float: left;
		cursor: pointer;
	}

/* NAV Colors > Consumers */
.page-consumers #nav .active a:link,
.page-consumers #nav .active a:visited,
.page-consumers #nav .active a:visited,
.page-consumers #nav .active a:hover { background:#a61920 url(/images/nav-tabs.png) no-repeat right -90px; }
	.page-consumers #nav .active a span,
	.page-consumers #nav .active a:hover span { background:#a61920 url(/images/nav-tabs.png) no-repeat left -90px; }
.page-consumers #sub-nav { background:#a61920 }
.page-consumers #sub-nav a:link,
.page-consumers #sub-nav a:visited { color:#e5cfcf; }
.page-consumers #sub-nav a:hover { color: #fff; }
	.page-consumers #sub-nav .active a:link, .page-consumers #sub-nav .active a:visited, .page-consumers #sub-nav .active a:hover { background-position:right -19px; } 
	.page-consumers #sub-nav .active a span, .page-consumers #sub-nav .active a:hover span { background-position:left -19px; } 

/* NAV OVERRIDE > Affiliates */
.page-affiliates #nav .active a:link,
.page-affiliates #nav .active a:visited,
.page-affiliates #nav .active a:visited,
.page-affiliates #nav .active a:hover { background:#248013 url(/images/nav-tabs.png) no-repeat right -120px; }
	.page-affiliates #nav .active a span,
	.page-affiliates #nav .active a:hover span { background:#248013 url(/images/nav-tabs.png) no-repeat left -120px; }
.page-affiliates #sub-nav { background:#248013 }
.page-affiliates #sub-nav a:link,
.page-affiliates #sub-nav a:visited { color:#d2e5cf; }
.page-affiliates #sub-nav a:hover { color: #fff; }
	.page-affiliates #sub-nav .active a:link, .page-affiliates #sub-nav .active a:visited, .page-affiliates #sub-nav .active a:hover { background-position:right -38px; } 
	.page-affiliates #sub-nav .active a span, .page-affiliates #sub-nav .active a:hover span { background-position:left -38px; } 

/* Product Lists +03/02/09BL */

.product-list {
	clear:left;
}
.product-list-icon {
	clear:left;
	float:left;
	width:100px;
	text-align:center;
}
.product-list-icon img {
	border:0;
}
.product-list-description,
.product-list-description-b,
.product-list-description-c {
	float:left;
	width:300px;
	padding-top:5px;
	margin-left:10px;
}
.product-list-description-b, /* Need to phase out b and move to c in markup */
.product-list-description-c {
	width:540px;
}
.product-list-description a,
.product-list-description-c a {
	text-decoration:none;
    color: #1452a4;
}

/* -- FOOTER +03/04/09 BL -- */

#footer {
	padding: 25px 0;
	margin-bottom: 0px;
	border-top:1px solid #d4d4d4;
	position:relative;
}
#footer .credits,
#footer .credits p {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:17px;
	color: #74787a;
	text-align:center;
}
#footer .credits p {
	margin-bottom: 0px;
}
#footer-bbb {
	margin-bottom:5px;
	border:none;
}
#footer a {
    color: #808080;
    text-decoration: none;
}
#footer a:hover {
    color: #333333;
    text-decoration: underline;
}
#footer ul {
    text-align: center;
	list-style:none;
	margin-bottom: 0px;
	padding-bottom:0;
}
#footer li {
	padding:0px 3px 0 6px;
	border-left:1px dotted #b8b8b8;
 	display:inline;
 	background:none;
 	}
#footer li.first {
	padding-left:0px;
	border-left:none;
}

/* -- 3rd LEVEL NAV +03/06/09 BL -- */

#nav-l3 {
	
}
#nav-l3 h3 {
	padding:5px 10px;
	font-size:11px;
	text-transform:uppercase;
	color:#e9f2ff;
	margin-bottom:0;
	margin-right:13px;
	font-weight:normal;
	background:#bababa url(/images/nav-l3-header.png) no-repeat left top;
	width:187px;
}
#nav-l3 ul {
	padding:0 10px 0 0;
	margin:0;
}
#nav-l3 li {
	background-image:none;
	padding-left:0;
	padding:0;
	margin:0;
}
#nav-l3 li a {
	text-decoration:none;
	border:1px solid #c7c7c7;
	border-top-color:#fff;
	display:block;
	padding:8px 10px;
	background-color:#f3f3f3;
	color:#666;
	width:185px;
	height:18px;
}
#nav-l3 li.first a {
	border-top-color:#d1d1d1;
}
#nav-l3 li.active a {
	margin-right:0;
	background:#d6d6d6 url(/images/nav-l3-active.png) no-repeat right top;	width:195px;
	border-bottom:none;
	border-right:none;
	border-top:none;
	padding:10px;
	height:20px;
	color:#1a1a1a;
}
#nav-l3 li a:hover {
	background-color:#e7e7e7;
	color:#1a1a1a;
}

/* Login Box +05/18/09 BL */

#login {
	background-color:#f2f2f2;
	border-bottom:1px solid #d4d4d4;
}
#login-box {
	width: 355px;
	margin: 50px auto;
}
#login-box h2 {
	text-indent:-9999px;
	background: url(/images/login-box-h2.gif) no-repeat center top;
	height:88px;
	width:355px;
	margin-bottom:0;
}
#login-box fieldset {
	border:none;
	padding:30px;
	padding-top:10px;
	width:295px;
	background: url(/images/login-box.gif) no-repeat center bottom;
	margin:0;
}
#login-box label {
	color: #777;
	font:13px "Lucida Grande", Lucida, Verdana, sans-serif;
}
#login-box .login-text input {
	font-size: 24px;
	width: 96%;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 10px;
	border: 1px solid #e5e5e5;
	background: #fbfbfb;
}
#login-box .login-button {
	margin-bottom:10px;
}
#login-box .login-button input {
	font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
	padding: 5px 20px;
	border: none;
	font-size: 12px;
	border-width: 0px;
	border-style: solid;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	text-decoration: none;
	margin-top: -3px;
	background-color:#3262a9;
	color:#fff;
	margin-bottom:0px;
}
#login-box ul li {
	padding-left:30px;
	padding-bottom:0;
	background-position:20px;
}
#login-box ul li a {
	text-decoration:none;
	color:#777;
}
#login-box ul li a:hover {
	text-decoration:underline;
}

/*CSS for "you are approved" page*/
.logo h1.lineone { 
font-size : 2.7em; 
font-weight : lighter; 
font-family : helvetica, arial, sans-serif; 
padding-top : 10px; 
padding-left : 5px; 
border : none; 
letter-spacing : -1px; 
color : #5f9b1e; 
} 
.logo h1.lineone span { 
color : #53a5ce; 
} 
.logo h2.linetwo { 
padding-left : 5px; 
font-size : 0.9em; 
font-family : helvetica, arial, sans-serif; 
text-transform : none; 
color : #53a5ce; 
} 
.logo a { 
color : #53a5ce; 
text-decoration : none; 
} 
#YAPcontent { 
float : left; 
color : #333; 
background : #fafaee; 
margin : 0 0 0 0; 
padding : 10px; 
min-height : 350px; 
width : 458px; 
display : inline; 
text-align : justify; 
} 
#content YAPh1 { 
color : #53a5ce; 
font-size : 1.9em; 
font-weight : lighter; 
} 
#content YAPh2 { 
color : #53a5ce; 
font-size : 1.6em; 
font-weight : lighter; 
padding-top : 20px; 
} 
img.floatTL { 
float : left; 
margin-right : 10px; 
margin-bottom : 5px; 
margin-top : 10px; 
margin-left : 0; 
} 
img.floatTR { 
float : right; 
margin-left : 10px; 
margin-bottom : 5px; 
margin-top : 10px; 
margin-right : 0; 
} 
div.pop{
font-family : verdana; 
font-size : 1em; 
padding-top : 30px; 
padding-left : 3px; 
padding-bottom : 5px; 
color : #151B8D; 
font-weight: lighter
}