/* 
CSS for new landing pages
all divs will start with #nl (new landing)
*/

/* generic */
#clearIt {
	margin: 0; padding: 0;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	clear: both;
}
#nl-contentWrap img { display: block; }

p { color:#555; font-size:11px; line-height:14px; }

p a         { font-weight: normal; text-decoration: underline; }
p a:link    { color: #326B86; }
p a:visited { color: #326B86; }
p a:hover   { color: #AEC2D4; text-decoration: none; }
p a:active  { color: #AEC2D4; text-decoration: none; }

/* START: TYPOGRAPHY */

/* h1/h2/h3 global settings */
#nl-sidebar h1, #nl-mid h1, #nl-right-h1, 
#nl-sidebar h2, #nl-mid h2, #nl-right-h2, 
#nl-sidebar h3, #nl-mid h3, #nl-right-h3 {
	margin: 0; padding: 0;
	font-family: "Helvetica Neue 67 Medium Condensed", "Helvetica Neue Cond Medium", Arial, sans-serif;
	letter-spacing: normal;
	font-weight: normal;
}

/* h1/h2/h3 individual settings */
#nl-mid h1 {
	margin: 0; padding: 0 0 10px 0;
	font-size: 19px;
	line-height: 19px;
	color: #326B86;
}
#nl-mid h2 {
	margin: 0; padding: 0 0 5px 0;
	font-size: 15px;
	line-height: 15px;
	color: #326B86;
}

#nl-sidebar-icons h1 {
	margin: 0 0 3px 0; padding: 0;
	font-size: 17px;
	line-height: 17px;
	color: #326B86;
}

#nl-sidebar-icons h2 {
	margin: 0; padding: 0;
	font-size: 11.5px;
	line-height: 13px;
	color: #326B86;
}



/* right (news) column */
#nl-right h2			{ margin: 0px; padding:0px; }
#nl-right h2 a         { font-weight: bold; text-decoration: none; font-size: 12px; }
#nl-right h2 a:link    { color: #326b86; }
#nl-right h2 a:visited { color: #326b86; }
#nl-right h2 a:hover   { color: #555; text-decoration: underline; }
#nl-right h2 a:active  { color: #555; text-decoration: underline; }

#nl-right p a         { font-weight: normal; text-decoration: none; }
#nl-right p a:link    { color: #555; }
#nl-right p a:visited { color: #555; }
#nl-right p a:hover   { color: #326b86; text-decoration: underline; }
#nl-right p a:active  { color: #326b86; text-decoration: underline; }

/* middle column: bottom links */
#nl-mid-bottomlinks { margin: 0; padding: 50px 0; }
#nl-mid-bottomlinks p           { color: #326B86; }
#nl-mid-bottomlinks p a         { font-weight: normal; text-decoration: none; }

/* individual type colors */
.builderOne   { color:#326B86; }
.builderTwo   { color:#6D98B4; }
.builderThree { color:#AEC2D4; }
.builderFour  { color:#D2DAE3; }

/* END: TYPOGRAPHY */


#nl-right-line {
	margin: 0 0 10px; padding: 10px 0 0 0;
	border-bottom: 1px solid #ccc;
}
#nl-right-divider {
	margin: 0 0 20px; padding: 20px 0 0 0;
	border-bottom: 1px dotted #555;
}

/* top banner: product search / image */
#nl-banner {
	margin: 0; padding: 0;
	width: 1000px;
	height: 100px;
	background-color: #326B86;
}
#nl-banner-left {
	margin: 0; padding: 0;
	float: left;
}
#nl-banner-right {
	margin: 0; padding: 0;
	float: right;
}

/* modified CSS for product search dd / properties commented out are changed from original CSS */
#nl-banner SELECT { font-size:9px; line-height:9px; display:block; /*margin-top:100px;*/ margin:0 0 0 20px; padding:0; color:#333; background-color:#f2e9d9; border:1px solid #f2e9d9; width:200px; }
#nl-banner OPTION { background-color:#fff; margin:0; padding:2px 0 0 0; }

* html #nl-banner SELECT {
background-color:#E7EBD3;
}

/* this same DIV is in styles.css, but doesn't have the margin/padding settings */
#pageContainer {
	margin: 0; padding: 0;
}

/* START: main holders */
/* main content */
#nl-contentWrap {
	margin: 0; padding: 0;
	width: 1000px;
	background: url(../images/2008/body-bg.gif) left top repeat-y;
}
#nl-contentWrap p { margin: 0; padding: 0; }

/* 
holders for 3 main columns: use the "in" div when the 20px padding is needed
do not use it if an element needs to span the entire width, such as the "NEWS" title
*/

/* sidebar */
#nl-sidebar {
	margin: 0; padding: 0;
	width: 250px;
}
#nl-sidebar-in {
	margin: 0; padding: 20px;
}
#nl-sidebar-navbg { /* to set a darker BG color behind the navigation */
	margin: 0; padding: 0;
	background-color: #D2DAE3;
	/*border-bottom: 1px solid #326B86;*/
}

#nl-sidebar-icons { 
	margin:0; padding:0; 
	width: 250px;
	height: 250px;
	}
/*.icons01 {
	width:250px;
	height:79px;
	margin:0; padding:0px;
	background:url(../images/leftnav/jh-sidebar.gif) no-repeat left top;
	background-position: 0px -20px;
	}	*/
	
.icons02 {
	margin:0; padding:0;
	background:url(../images/leftnav/jh-sidebar.gif) no-repeat left top;
	height: 107px;
	width: 250px;
	background-position: 0px -10px;
	}	

.icons03 {
	margin:0; padding:0;
	background:url(../images/leftnav/jh-sidebar.gif) no-repeat left top;
	height: 109px;
	width: 250px;
	background-position: 0px -120px;
	}	
	
#nl-sidebar-line {	
	margin: 0px 21px; padding:0;
	background: url(../images/leftnav/dots.gif) no-repeat top left;
	height:1px;
	width: 208px;
	clear:both;
	}
	
.icons-in {
	width: 145px;
	margin: 10px 20px 0px 85px;
	padding:0px;
	}	

	
#nl-sidebar p           { font-size:10px; line-height:12px; color: #555; margin:0px 0px 5px 0px; padding:0; }
#nl-sidebar p a         { font-weight: normal; text-decoration: none; display:inline; }
#nl-sidebar p a:link    { color: #555; }
#nl-sidebar p a:visited { color: #555; }
#nl-sidebar p a:hover   { color: #326B86; text-decoration: underline; }
#nl-sidebar p a:active  { color: #326B86; text-decoration: underline; }

.sidebar-field { border:1px solid #326B86; font-size:11px; color:#555; width:145px; line-height:15px; margin-bottom:10px; }

#nl-sidebar img {display:block; margin: 5px 0px; padding: 0; border:none; }

/* mid */
#nl-mid {
	margin: 0; padding: 0;
	width: 570px;
}
#nl-mid-in {
	margin: 0; padding: 0;
}

#nl-mid-in-home {
	margin: 0; padding: 20px 25px 20px 25px;
}
/* right */
#nl-right {
	margin: 0; padding: 0;
	width: 180px;
}
#nl-right-in {
	margin: 0; padding: 20px;
}
/* END: main holders */


/* sub-page middle column content holders */
#nl-contentModuleA {
	margin: 0; padding: 0 0 20px 0;
	width: 530px;
}
#nl-contentModuleA-left {
	margin: 0; padding: 0;
	width: 180px;
	float: left;
}
#nl-cm-imgHolder { /* content module image holder: IE will not show proper padding and border assigned directly to an img */
	margin: 0; padding: 5px;
	border: 1px solid #326B86;
}
#nl-contentModuleA-right {
	margin: 0; padding: 0;
	width: 340px;
	float: right;
}

/* START: left navigation */
#nl-leftnav {
	margin: 0; padding: 0;
	width: 210px;
	/*background-color: #E5EDF2;*/
}
#nl-leftnav ul  {
	margin: 0; padding: 0;
	list-style: none;
	float: left;
}
#nl-leftnav li {
	display: table;
	margin: 0; padding: 2px 0;
	border-bottom: 1px solid #326B86;
	background-color: #E5EDF2;
}
#nl-leftnav li a:hover {
	text-decoration: none;
}
#nl-leftnav li a {
	float: left;
	/*
	height: 20px;
	border-bottom: 1px solid #326B86;
	*/
}
#nl-leftnav li a span {
	display: none;
}
#nl-ln1, #nl-ln2, #nl-ln3, #nl-ln4 {
	margin: 0; padding: 0;
	width: 210px;
	height: 20px;
	background: url(/dealer/images/2008/left-nav2.gif) no-repeat;
}
#nl-ln1 { background-position:   0px 0px; }
#nl-ln2 { background-position: 0px -20px; }
#nl-ln3 { background-position: 0px -40px; }
#nl-ln4 { background-position: 0px -60px; }

#nl-ln1:hover, #nl-ln1:focus, #nl-ln1.on { background-position:   -210px 0px; }
#nl-ln2:hover, #nl-ln2:focus, #nl-ln2.on { background-position: -210px -20px; }
#nl-ln3:hover, #nl-ln3:focus, #nl-ln3.on { background-position: -210px -40px; }
#nl-ln4:hover, #nl-ln4:focus, #nl-ln4.on { background-position: -210px -60px; }
/* END: left navigation */

/* START: left navigation sub-links */
#nl-leftnav-sublinks ul {
	margin: 0; padding: 0;
	list-style: none;
	float: none;
	background-color: #D2DAE3;
}
#nl-leftnav-sublinks li {
	margin: 0; padding: 2px 0;
	border-top: 0px;
	border-bottom: 0px;
	background-color: #D2DAE3;
}
#nl-leftnav-sublinks a         { font-size: 10px; font-weight: normal; text-decoration: none; }
#nl-leftnav-sublinks a:link    { color: #326B86; }
#nl-leftnav-sublinks a:visited { color: #326B86; }
#nl-leftnav-sublinks a:hover   { color: #204e64; }
#nl-leftnav-sublinks a:active  { color: #204e64; }
/* END: left navigation sub-links */

/* hack adjustments */
#nl-leftnav li.afterSub {
	border-top: 1px solid #326B86;
}