/* CPO Main css
	Rebrand 2011
	@AlexMorua */

#main_content {
	display: inline-block;
	width:975px;
	min-height: 500px;
	height:auto !important;
	height:500px;
	padding-bottom:30px;
	left:0;
}

#main_content h3 
	{color:#999999;}
	
#main_content p {
	font: 11px/17px interstateLight,sans-serif,arial;
	color:#FFF;
	margin: 10px 0;
}

.clear
	{clear:both;}

/*SubNav Section*/

.ie7 #cpo_sub_nav {margin-top: 23px;}

#cpo_subNav
	{ clear:both;}

/* cpoMain */

#cpoMain {
	display: inline-block;
	width:645px;
	float:left;
}

#cpoMain h3 {
	font:bold 14px interstate,sans-serif,arial;
}

#cpoMain .cpo_main_content {
	padding: 20px 0;
}

#cpoMain .cpo_module_content {
	margin-top:5px;
}

#cpo_promo a.promoLink {
	cursor:pointer;
	text-decoration:none !important;
}

cpo_module_content{
	display:block;
	width: 620px;
}

.cpo_module{
	display:block;
	width:300px;
	float:left;
	margin:20px 20px 0 0;
}

#cpo_promo .cpo_module div.promoImageCont {
	display:block;
	height:119px;
	width:299px;
}

#cpo_promo .promo1 .promoImageCont div.promoImageOn {
	background:url("../../../../../MciWeb/images/shop/cpo/img_mci_cpo_promo_sprite.jpg") 0 -119px no-repeat scroll transparent;
	height:119px;
	width:299px;
	position:relative;
	top:0;
}

#cpo_promo .promo1 .promoImageCont div.promoImage {
	background:url("../../../../../MciWeb/images/shop/cpo/img_mci_cpo_promo_sprite.jpg") 0 0 no-repeat scroll transparent;
	height:119px;
	width:299px;
	position:relative;
	top:-119px;
	z-index:10;
}

#cpo_promo .promo2 div.promoImageOn {
	background:url("../../../../../MciWeb/images/shop/cpo/img_mci_cpo_promo_sprite.jpg") -299px -119px no-repeat scroll transparent;
	height:119px;
	width:299px;
	position:relative;
	top:0;
}

#cpo_promo .promo2 div.promoImage {
	background:url("../../../../../MciWeb/images/shop/cpo/img_mci_cpo_promo_sprite.jpg") -299px 0 no-repeat scroll transparent;
	height:119px;
	width:299px;
	position:relative;
	top:-119px;
	z-index:10;
}

#cpo_promo .promo3 div.promoImageOn {
	background:url("../../../../../MciWeb/images/shop/cpo/img_mci_cpo_promo_sprite.jpg") -598px -119px no-repeat scroll transparent;
	height:119px;
	width:299px;
	position:relative;
	top:0;
}

#cpo_promo .promo3 div.promoImage {
	background:url("../../../../../MciWeb/images/shop/cpo/img_mci_cpo_promo_sprite.jpg") -598px 0 no-repeat scroll transparent;
	height:119px;
	width:299px;
	position:relative;
	top:-119px;
	z-index:10;
}

#cpo_promo .promo4 div.promoImageOn {
	background:url("../../../../../MciWeb/images/shop/cpo/img_mci_cpo_promo_sprite.jpg") -897px -119px no-repeat scroll transparent;
	height:119px;
	width:299px;
	position:relative;
	top:0;
}

#cpo_promo .promo4 div.promoImage {
	background:url("../../../../../MciWeb/images/shop/cpo/img_mci_cpo_promo_sprite.jpg") -897px 0 no-repeat scroll transparent;
	height:119px;
	width:299px;
	position:relative;
	top:-119px;
	z-index:10;
}

#cpoMain .cpo_module h3{
	background:url("../../../../../MciWeb/images/home/musaLinkArw.gif") no-repeat scroll right top transparent;
	font:bold 11px/14px interstate,sans-serif,arial !important;
	font-weight:bold;
	display: inline-block !important;
	width:auto;
	padding-right:20px;
	margin: 15px 0 0;
}

/*CPO Incentive*/
#cpoMain .cpo_incentive {
	display:inline-block;
	float:right;
	height:auto;
	width:auto;
	margin: 0 0 5px 20px;
	text-decoration:none !important;
}

#cpoMain .cpo_incentive p {
	font:9px/12px interstateLight,sans-serif,arial;
	font-size:9px;
	font-weight:bold;
	text-transform:uppercase;
}

/*CPO Rightnav*/
#rightnav {
	display: inline-block;
	float:right;
	
	/* fallback */
	background-color: #151515;
	background-repeat: repeat-x;
	background-position-y: bottom;
	
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #151515 75%, #2B2C2D);
	
	/* Safari 5.1+, Chrome 10+ */
	background: -webkit-linear-gradient(top, #151515 75%, #2B2C2D);		
	
	width: 315px;
	min-height: 510px;
	height:auto !important;
	height:510px;
	margin: 0 0 0 15px;
	line-height: 15px;
	color:#fff;
	
	/* rounded corners for FF,Chrome,Safari */
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border-radius: 3px; 
	
	-moz-background-clip: padding; 
	-webkit-background-clip: padding-box; 
	background-clip: padding-box;
}

#intro1_promo_container, .cpo_rightnav  {
	margin:10px;
}

#cpo_search_block h3, .cpo_rightnav h3 {
	font:bold 13px interstate,sans-serif,arial;
	text-transform:uppercase;
	margin-bottom:15px;
}

#cpo_search_block div#btnCont{
	display:block;
	height:47px;
	width:150px;
	margin-top:8px;
}

#cpo_search_block input#btnSearch {
    background: url("../../../../../MciWeb/images/shop/cpo/img_cpo_rightnav_sprite.png") no-repeat scroll 0 -63px transparent;
    border: medium none;
    color: #008AD0;
    display: block;
    font: 13px/31px interstateBlack,sans-serif,arial;
    height: 31px;
    margin: 10px 0;
    outline: medium none;
    padding: 0px 70px 0 0px;
    position: absolute;
    width: 180px;
	text-transform:uppercase;
	cursor:pointer;
}

#cpo_search_block div#submitArrow {
    background: url("../../../../../MciWeb/images/home/musaLinkArw.gif") no-repeat scroll right top transparent;
    display: block;
    height: 12px;
    left: 145px;
    position: relative;
    top: 19px;
    width: 10px;
    z-index: 100;
}

#cpo_search_block div#submitArrow{
	background:url("../../../../../MciWeb/images/home/musaLinkArw.gif") no-repeat scroll right top transparent;
	display:block;
	height:12px;
	position:relative;
	width:10px;
	z-index:100;
	top:19px;
	left:143px;
}

#cpo_search_block .formtextbox {
	display:block;
	background:url("../../../../../MciWeb/images/shop/cpo/img_cpo_rightnav_sprite.png") no-repeat scroll 0 -36px transparent;
	border:medium none;
	color:#666666;
	font:12px/14px interstate,sans-serif,arial;
	height:23px;
	outline:medium none;
	width:112px;
	padding:0 23px 0 7px;
	line-height:24px;
}

#cpo_search_block label {
	display:block;
	width:80px;
	height:10px;
	padding:4px 0 0 3px;
	margin: 10px 0 8px;
}

.cpo_rightnav ul  {
	color:#FFF;
	list-style:disc inside none;
	margin-left:10px;
}
#cpo_search_block div{
	position:relative;	
}
#cpo_search_block select {
	width:224px;
	height:23px;
	z-index:101;
	border:medium none;
	color:#666666;
	font:12px/14px interstate,sans-serif,arial;
	outline:medium none;
	position:relative;
}

#cpo_search_block select option {
	background-color:#dedddd;
}

span.select{
	position:absolute;
	top:31px;
	color:#666666;
	bottom:0;
	float:left;
	left:0;
	width:224px;
	height:23px;
	line-height:26px;
	text-indent:10px;
	background:url("../../../../../MciWeb/images/shop/cpo/img_cpo_rightnav_sprite.png") no-repeat scroll 0 -5px transparent;
	cursor:default;
	z-index:1;
	}
	

.cpo_rightnav a.downloadPdf {
	display:block;
	background:url("../../../../../MciWeb/images/shop/cpo/img_cpo_rightnav_sprite.png") no-repeat scroll 0 -98px transparent;
	height:15px;
	margin: 15px 0;
	padding: 4px 0 0 30px;
	font-size:11px;
	color:#0089CF;
}

.cpo_rightnav .adobeReader {
	display:block;
	width:auto;
	margin: 0 0 10px 30px;
}

.cpo_rightnav .adobeReader span {
	display:block;
	font-size:10px;
}

.cpo_rightnav .adobeReader a.getAdobe {
	text-indent:-9999px;
	display:block;
	background:url("../../../../../MciWeb/images/shop/cpo/img_cpo_rightnav_sprite.png") no-repeat scroll -5px -121px transparent;
	width:95;
	height:32px;
	margin-top:15px;
}

/*end*/

/*START CPO Content*/

#cpoContent {
	display: inline-block;
	width:645px;
	float:left;
	clear:both;
	min-height: 440px;
	height:auto !important;
	height:440px;
}

#cpoContent {
	
	/* fallback */
	background-color: #FFFFFF;
	/*background: url(http://images.mazda.ca/MciWeb/images/shop/cpo/bg_cpo_content.gif) #FFFFFF;*/
	background-repeat: repeat-x;
	background-position-y: bottom;
	
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #FFFFFF 70%, #D6D6D6);
	
	/* Safari 5.1+, Chrome 10+ */
	background: -webkit-linear-gradient(top, #FFFFFF 70%, #D6D6D6); 
	
	-moz-background-clip: padding; 
	-webkit-background-clip: padding-box; 
	background-clip: padding-box;
}

.cpoFeatureDetail {
	padding: 0 20px 20px;
}

#cpoContent .cpoFeatureDetail p {
	color:#333333;
	line-height:18px;
}

#cpoContent .cpoFeatureDetail h4 {
	color:#0089CF;
	text-transform:uppercase;
	font:bold 13px interstate,sans-serif,arial;
	font-weight:bold;
	margin: 20px 0 10px 0;
	padding:0 0 3px;
	border-bottom:1px solid #CCCCCC;
}

.cpoFeatureDetail ul {
	font: 11px/17px interstateLight,sans-serif,arial;
	list-style:disc outside none;
	margin-left:15px;
}

#cpoSubList {list-style-type:none}

.cpoFeatureDetail a.downloadPDF {
	background: url("../../../../../MciWeb/images/home/musaLinkArw.gif") no-repeat scroll right 2px transparent;
	color:#0089CF;
	font:bold 13px/15px interstate,sans-serif,arial;
	text-decoration:none;
	padding-right:20px;
}

/*end Rebrand*/

/*Start Old css*/

#main_content #content {
	padding:0;
	width:745px;
}

.main_clear {
	width:980px;
}
.main_clear:after {
	content:".";display:block;height:0;clear:both;visibility:hidden;
}

#leftnav {
	background-color:#3E484A;
	color:#FFFFFF;
	display:block;
	font-size:12px;
	padding:16px 12px 40px 42px;
	width:161px;
	float:left;
}

#leftnav ul.leftnav_subnav li a {
	color:#FFFFFF;
	font-size:11px;
	text-decoration:none;
}

ul.leftnav_subnav {
	color:#FF7D00;
	font-size:11px;
	margin:4px 0 0 4px;
	padding:0 0 0 4px;
}


#content li{
	background:transparent url(../../../../../MciWeb/images/global/bullets/blt_dot_blue.gif) no-repeat scroll 1px 6px;	
	padding: 3px 0 3px 9px;	
	list-style-type:none;
	line-height:14px;
}

#intro2{
	display:none;	
}

#content #cpo_search_block {	
	height: 221px;
	width:743px;
	margin:0 0 10px 0;
	background:transparent url("../../../../../MciWeb/images/shop/cpo/top_bg.jpg") 0 0 no-repeat
}

#searchHdr {
	font-size:12px;
}

#cpo_search_block p {
	font-weight:bold;
	margin:0 0 15px 0;	
}


.features{
	float:left;
	margin:0;
	height:85px;
}
#cpoFeatures .features p{
	width:270px;
}
#cpoFeatures {
	padding:10px 0 0 20px;	
	
}
#cpoFeatures p, 
#cpoFeatures ul{
	width:325px;
	float:left;
	
}
#cpoFeatures p{
	line-height:14px;
}

.featuresRowFirst{
	height:245px;
}

.featuresRowFirst div{
	float:left;
	height:182px;
	width:325px;
	padding: 0 0 0 47px;

}

.featuresRowFirst ul {
	margin:0 0 9px 0;		
}
.featuresRowFirst ul li{	
	margin:3px 0 0 0;
}

.featuresRow{
	height:278px;
	padding:20px 0 0 0;
	border-top:1px solid #c5c8c8;	
}

.featureBoxRight, .featureBoxLeft{
	width:353px;
	height:260px;
}
.featureBoxRight img, .featureBoxLeft img{
	float:left;
	padding:13px 5px 5px 0;
}
.featureBoxRight a img, .featureBoxLeft a img{
	float:left;
	padding:0;
}

.featureBoxRight{float:right;}

.featureBoxLeft{float:left;}

.featuresRow h4 {
	margin:12px 0 0 5px;
}
.featuresRow a{	
	color:#295778;
	font-size:11px;
	font-weight:bold;	
}

a.moreDetails{
	background:transparent url(../../../../../MciWeb/images/global/bullets/blt_dkblue.gif) no-repeat scroll 0 8px;
	padding:5px 10px;
	text-decoration:none;
	width:330px;	
	float:left;
	clear:both;
	margin: 0 0 0 72px;
}

.featuresRow p{
	height:45px;
	margin:12px 0 12px 5px;
	
}


.detailBox{
	width:350px;
}

.rightBox{float:right;}
.leftBox{float:left;}

.disclaimer{
	clear:both;
	padding:15px 0 0 20px;	
	color:#898989;
	font-size:10px;
}

.cpoFeatureDetail p.roadSiteFeatures{
	margin:0;
}

/* MCI CPO Specific Styles - James Holzgang */

.banner_image {
	position:relative;
}

#main_content .banner_image p {
	position:absolute;
	bottom:4px;
	right:10px;
	color:#fff;
	font-weight:bold;
	font-size:9px;
	margin:0;
}

#cpo_sub_nav .section_header {
	width:310px;
}

.fr #cpoMain .cpo_incentive {margin-left:12px}
.fr span.select {top:46px}
.fr #cpo_search_block input#btnSearch {padding-right:37px}


#content_wrap #header {
    height: 33px;
    padding: 5px 0 0 30px;
    width: 945px;
}

.cpoSearchResultsHead, .cpoDealerQuoteHead, .cpoVehicleDetailsHead, .cpoSearchAreaHead 
	{background: url(../../../../../MciWeb/images/shop/cpo_header_sprite.png) no-repeat 0 0;width:560px;height:26px}

.cpoSearchResultsHead {background-position:0 0}
.cpoDealerQuoteHead {background-position:0 -54px}
.cpoVehicleDetailsHead {background-position:0 -108px}
.cpoSearchAreaHead {background-position:0 -162px}
.fr .cpoSearchResultsHead {background-position:0 -27px}
.fr .cpoDealerQuoteHead {background-position:0 -81px}
.fr .cpoVehicleDetailsHead {background-position:0 -135px}
.fr .cpoSearchAreaHead {background-position:0 -189px}