

/* LANDING PAGE */

.landing #content {
	margin-top: 1px;
}
.landing #content .col
{
	width: 299px; /* 319 - 10pad - 10pad = 299px   */
	margin-right: 1px;
	background-color: #ffffff;
	background-position: left top;
	background-repeat: repeat-x;
	background-image: url(../images/global/g_promo_bg.gif);
	padding: 25px 7px 25px 6px;
}


.landing #content .divider {
	width: 3px; 
	margin:0px;
	height:125px;
	background-color:#ffffff;
	background-position: left top;
	background-repeat: repeat-x;
	background-image: url(../images/landing/promo_divider.jpg);
	float:left;
	padding: 0px 0px 0px 0px;	
}

.landing #content .promo_highlight
{
	background-color: #ffffff;
	padding: 0px;
	margin: 0px;
	float: left;
}
.landing #content .promo_region {
	background-color: #ffffff;
	background-position: left top;
	background-repeat: repeat-x;
	background-image: url(../images/global/g_promo_bg.gif);
  width:960px;
 	height:155px;
	

}
.landing #content .hero {
	width:960px;
  height:575px;	
	padding:0px;
	margin:0px;
	}

.landing #content .hero_image {
	width:629px;
	height:404px;
	margin:0px;
	padding:0px;

}

.landing #content .hero .hero_right {
	width: 330px; 
	height: 575px;
	min-height:575px;
	margin:0px;
	background-color: #ffffff;
	background-position: left top;
	background-repeat: repeat-x;
	background-image: url(../images/landing/hero_right_bg.jpg);
	float:right;
}

.landing #content .hero .hero_left {
	float:left;
	width:629px;
	height:575px;
	padding:0px;
	margin:0px;
}

.landing #content .herocol {
	width: 298px; 
	margin-right: 1px;
	padding: 8px 6px 8px 2px;
	float:left;
}
.landing #content .herocolright {
	width: 310px; 
	margin-right: 1px;
	padding: 12px 10px 12px 8px;
	float:left;
}
.landing #content h2 a {
	color: #c3c5c6;
	text-decoration: none;
}
.landing #content h2 a:hover {color: #b7bdc1;}
.landing #content .copy {
	float: right;
	width: 63%;
	padding-top: 15px;

}
.landing #content .herocopy {
	width: 90%;
	padding:15px;
	font-size:11px;
	line-height:140%;
}

.landing #content .herocopy br{
	width: 90%;
	padding:15px;
	font-size:11px;
	line-height:100%;
}
.landing #content .herocopy h2 {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 1.2em;	
	text-transform:uppercase;
	padding-bottom:12px;
	line-height:150%;
	letter-spacing:2px;
	font-weight:bold;
}
.landing #content .herocopy .keyline {
  padding-top:12px;
	padding-bottom:12px;
	width:100%;	

}
.landing #content .copy h2 a {
	font-size: 1.4em;
	background: transparent url(../images/global/icn_promo_accent.gif) left top no-repeat;
	padding-top: 15px;

}
.landing #content .copy h2 a:hover {text-decoration: underline;}
.landing #content .copy p,
.landing #content .copy div.informed {
	margin: 5px 0 0 0;
	line-height: 1.4em;
}

.landing #content .display {
  padding-left:12px;
}
.landing #content .location_cta {
   width:250px;
	height:70px;
	background-position: left top;
  background-image: url(../images/landing/location_cta_notext.jpg);	
	
}
.landing #content .location_cta .location_cta_text {
	position:relative;
	width:200px;
	height:35px;
	left:80px;
	top:38px;

}
.imginline {
display:inline;
}
.cta_arrow {
padding-left:2px;
padding-bottom:1px;
}

.printmedia
{
    display:none;
}

/* LANDING PAGE - COLOR RESULTS */

.landing #content .hero.color_results {
	background-image:url(/images/landing/color_results_hero_bg.jpg);
	background-position:0 -1px;
}

.landing #content .hero.color_results h1 {
	text-indent:-2000px;
}

.landing #content .hero.color_results .hero_left h2 {
	font-weight:normal;
	margin:75px 0 15px 32px;
	text-transform:uppercase;
	color:#e1e1e1;
	font-size: 1.6em;
	line-height: 1.5em;
	letter-spacing: 3px;
}

.landing #content .hero.color_results .hero_left .color_results_jet img {
	display:block;
	margin:0 auto 15px auto;
}

.landing #content .hero.color_results .hero_right #color_scheme_chips {
	margin:48px 0 -32px 72px;
	_margin:56px 0 -28px 72px; /* IE 6 fix */
}

.landing #content .hero.color_results .hero_right {
	background-color: transparent;
	background-image: none;
}

.landing #content .hero.color_results .hero_right ol {
	margin:0 0 0 22px;
	padding:0;
}

.landing #content .hero.color_results .hero_right ol li {
	margin:0 0 10px 0;
	padding:0;
}
