/***********
 *  INITS  *
 ***********/
body{font-family:'Open Sans',Arial, Helvetica, Verdana, sans-serif;padding:0px 0px 0px 0px;background:#0f0f0f url('../img/layout/body-bg.jpg') top center no-repeat;}
a:link, a:visited, a:hover{color:#013764;}
.color{color:#243645;}

.pageHeader,.navBar,
.footerLinks{padding:0; margin:0 auto; width:960px;}
.b{font-weight:bold;}
.i{font-style:italic;}
.center{text-align:center;margin:0 auto;}

/**********
 * HEADER *
 **********/
.pageHeader{height:187px;font-size:12px;}
   
	.pageHeader  #hdrLogo{background:url('../img/layout/logo.png') no-repeat top left;display:block;position:absolute;top:55px;left:211px;height:58px;width:308px;}
 	.pageHeader  #logo-nav{background:transparent none;display:block;position:absolute;top:23px;left:0px;height:82px;width:155px;}   
	.pageHeader  #text-url{font-size:14px; font-family:'Open Sans';font-weight:700;color:#fff;display:block;position:absolute;top:132px;left:211px;height:25px;width:180px;} 
	.pageHeader .phoneNumbers{overflow:hidden;position:absolute;right:0px;top:44px;width:225px;height:100px;}
    .pageHeader .phoneNumbers .phone{font-size:22px;float:left;height:25px;padding:0px 0px 10px 0px;}
	.pageHeader .phoneNumbers .phone .color{color:#fff;padding-bottom:5px;display:inline-block;font-weight:700}
	.pageHeader .phoneNumbers .phone .type{color:#c3c4c6; font-size:14px;display:inline-block;width:61px;text-align:right;font-weight:normal;}
	.pageHeader .phoneNumbers #hdrContactMap{position:absolute;right:40px;display:block;background:url('http://www.milestonemazda.com/img/layout/directions.jpg');width:20px;height:20px;}
	.pageHeader .phoneNumbers #hdrContactMap:hover{background:url('http://www.milestonemazda.com/img/layout/directions.jpg') bottom;}
	.pageHeader .address-container{position:absolute;right:0;top:10px;width:394px;}
	.pageHeader .address-container span.address{border-right:1px solid #c3c4c6; color:#c3c4c6; font-size:12px; line-height:16px;padding-right:10px;}
	.pageHeader .address-container #hdrMapLink{background:url('../img/layout/map-arrow.png') no-repeat 96px 0px;padding:0 25px 0 10px; font-size:12px;
		font-weight:bold;color:#ff7d00;display:inline-block;height:16px;}
	.pageHeader .address-container #hdrMapLink:hover{background-position:96px -16px;color:#0089cf;}
	.pageHeader #contact-us{overflow:hidden;position:absolute;left:629px;top:156px;width:330px;height:17px;}
	
	
/*******
 * NAV *
 *******/
 #navWrap{background:#c3c4c6;z-index:200}
.navBar{height:50px;z-index:200;}
.navBar .link{
    height:50px;
    font:normal 14px 'Open Sans';font-weight:700;color:#474646;text-align:center;float:left;margin-top:-2px;
	border-top:2px solid #0f0f0f;
}

   .navBar .link >a{display:block;height:52px;line-height:52px;}
    .navBar .link.active,
		.navBar .link.temp_active{background:#fefefe;border-top:2px solid #0089cf;}
    .navBar .link a:link,
		.navBar .link a:visited,
		.navBar .link.temp_active a:link,
		.navBar .link.temp_active a:visited,
		.navBar .link.active a:link,
		.navBar .link.active a:visited{color:#373737;text-transform:capitalize;}

    .navBar .link .bar{display:none;}
    .navBar .link .drop{background:url('../img/layout/nav-drop-bg.png') no-repeat top left;
        display:none;position:absolute;left:0;top:50px;
        font-size:12px;font-weight:normal;text-align:left;width:224px;z-index:200;}
    .navBar .link .drop .item{cursor:pointer;}
    .navBar .link .drop .item.temp_active{}
	.navBar .link .drop .item.temp_active:hover{background-color:#096fa4;}
    .navBar .link .drop .item a:link,
		.navBar .link .drop .item a:visited,
		.navBar .link .drop .item a:hover,
		.navBar .link .drop .item.temp_active a:link,
		.navBar .link .drop .item.temp_active a:visited
		{color:#fff;display:block;font-weight:normal;text-transform:none;margin:0 20px;padding:18px 0}
    .navBar .link .drop .item.temp_active a:hover{}
/********
 * HOME *
 ********/
 .mainSlideHolder,.mainSlideHolder .mainSlideHolder,
 .scrollbar_holder,.homeMidBox{padding:0; margin:0 auto; width:960px;}

.mainSlideHolder{height:399px;overflow:hidden;padding:0px;}
    .mainSlideHolder .mainSlides{height:399px;overflow:hidden;padding:0px;}
    .mainSlideHolder .mainSlides .slide{width:960px;height:399px;position:absolute;top:0px;left:0px;display:none;}
    .mainSlideHolder .mainSlides .slide:first-child{display:block;}


/* specials */
#specials-wrapper{width:960px;height:315px; margin:0 auto;padding:0;overflow:hidden;}
#specialsTabs{width:960px; height:52px;background:url('../img/layout/tabs-bg-sprite.png') no-repeat top left;}
#specialsTabs .tabButton,#specialsTabs .tab{float:left;display:block;
color:#231f20;font-size:14px; font-weight:700;height:52px;outline:none;text-align:center;line-height:52px;}

#specialsTabs #newTab{width:192px;}
#specialsTabs #usedTab{width:192px;}
#specialsTabs #certUsedTab{width:192px;}
#specialsTabs #serviceTab{width:192px;}
#specialsTabs #buildTab{width:192px;}

#specialsTabs .tabButton.active, #specialsTabs .tabButton:hover, #specialsTabs .tab:hover  {color:#0089cf;}

div#specialsBox{background:#fff;width:885px;height:225px;padding:20px 35px 20px 40px;}
div#specialsBox .special{margin:20px 35px 0 0;float:left;width:195px;height:205px;position:relative;}
div#specialsBox .special:last-child{margin:20px 0 0 0;}
div#specialsBox .special a.image-overlay{display:block;height:135px;width:195px;z-index:1;position:absolute; right:0;background:url('../img/layout/specials-overlay-sprite.png') no-repeat 0 0;}
div#specialsBox .special a.image-overlay:hover{background-position:0 -135px;}
div#specialsBox .special div.image-wrap{height:128px;width:188px; background:#fff;border:1px solid #b4b4b3;overflow:hidden;margin-top:5px}
div#specialsBox .special img{width:188px;}
div#specialsBox .special-info{}
div#specialsBox .special-info h3 ,#specials-wrapper .special-info p{font-size:12px;font-weight:700;text-align:left;}
div#specialsBox .special h3{color:#231f20;height:50%;padding-top:7px;margin:0;}
div#specialsBox .special p{color:#0089cf;height:50%;padding-bottom:10px;margin:0;}
#newSpecialsBox, #usedSpecialsBox, #serviceBox, #certUsedSpecialsBox{display:none}
#service-left , #service-right{width:400px;height:225px;float:left;}
#service-left{background:url('../img/layout/service-engine.png') no-repeat top right;}
#service-left h3, #service-right h3{color:#0089cf;font-weight:700;font-size:14px;}
#service-left p, #service-right p{font-size:12px;line-height:18px;color:#231f20;width:220px;}
#service-right p{width:100%;height:50px;}
#service-right{margin-left:80px}

#service-left a, #service-right a{display:block;background:url('../img/layout/map-arrow.png') no-repeat 107px 0px; font-size:12px;
	font-weight:700;color:#ff7d00;height:16px; width:123px;position:absolute;bottom:20px}
#service-left a:hover,#service-right a:hover{background-position:107px -16px;color:#0089cf;}

/*two column section - links */

#two-col-info{padding:32px 0 0 0;height:210px;width:960px;margin:0 auto;}
#two-col-info #left, #two-col-info #right{height:210px;float:left}
#two-col-info #left{width:500px;background:url('../img/layout/home-first-time-bg.png') no-repeat top left;}
#two-col-info #right{padding-left:20px;width:440px;background:url('../img/layout/home-store-tires-bg.png') no-repeat top left;}

#two-col-info #left p, #two-col-info #right p{color:#b4b4b3;font-size:12px;line-height:18px;padding-top:53px;}
#two-col-info #left p{width:290px;}
#two-col-info #right p{width:226px;}
#two-col-info #left a , #two-col-info #right a{margin-top:35px;display:block; height:27px;width:114px;background:url('../img/layout/home-btm-buttons-sprite.png') no-repeat 0 0;}
#two-col-info #left a{margin-top:35px;}
#two-col-info #left a:hover , #two-col-info #right a:hover{display:block; height:27px;width:114px;background:url('../img/layout/home-btm-buttons-sprite.png') no-repeat 0 -27px;}


/* news */
#news-wrapper{background:url('../img/layout/home-news-bg.jpg') no-repeat top left;width:960px; height:71px;overflow:hidden;margin:0 auto 40px;}
#news-wrapper a.news-all-btn{background:url('../img/layout/home-btm-buttons-sprite.png') no-repeat 0 -54px;display:block;height:27px;width:160px;position:absolute; right:20px;top:22px}
#news-wrapper a.news-all-btn:hover{background-position:0 -81px;}

#newsbox{width:726px;height:71px;font-weight:700; overflow:hidden;}
#newsbox #newsholder{height:25px;margin:0px;padding:0px;top:23px;left:175px;width:550px; overflow:hidden;}
#newsbox #newsholder .envelope{width:660px;height:16px;padding:4px 0px 0px 0px;font-size:12px;white-space:nowrap;text-align:left; overflow:hidden;}
#news-wrapper .envelope a{color:#231f20;}

/* testimonials tab */
#testTab{width:42px;height:147px;position:fixed;top:500px;right:0;background:transparent url('../img/layout/home-testimonials-tab.png') center center no-repeat;}


/**********
 * FOOTER *
 **********/
.footerWrapper{background:#000;margin:0px;width:100%;padding:0px;float:left;}
.footerLinksWrap{background:url('http://www.milestonemazda.com/img/layout/footer-link-wrap-bg.jpg') top left repeat-x;width:100%;height:52px;margin-top:-2px;}
#pageFooterWrapper{margin:0px auto;width:960px;background:transparent url(../img/layout/footer-bg.jpg) 0 5px no-repeat;}
    #pageFooterWrapper .footerLinks{height:52px;margin-top:-2px;margin-bottom:40px;}
	#pageFooterWrapper .footerLinks a,.footerLinksWrap .footerlinks a:link,.footerLinksWrap .footerlinks a:active{
        float:left;display:block; height:14px;color:#ccc;font-size:13px;padding-top:22px;
		font-weight:bold;margin-left:27px;text-align:center;border-top:solid 2px #0f0f0f;}
	#pageFooterWrapper .footerLinks a:hover{border-top:solid 2px #0072ac;}
	#pageFooterWrapper .footerLinks a:first-child{margin-left:0;}

 #pageFooterWrapper .pageFooter{}
    #pageFooterWrapper .pageFooter .socialBox{width:440px;height:200px;float:left;overflow:hidden;}
    #pageFooterWrapper .pageFooter .socialBox h3{color:#808080;font-size:11px; font-family:'Open Sans';margin-top:0;}
	#pageFooterWrapper .pageFooter .socialBox a{
        background:transparent url(../img/layout/social-sprite.jpg) top left no-repeat;height:75px;
		width:75px;display:block;margin-right:45px;float:left;text-indent:-9999em;}
    #pageFooterWrapper .pageFooter .socialBox a#Facebook{background-position:0 0;}
	#pageFooterWrapper .pageFooter .socialBox a#Facebook:hover{background-position:0 -75px;}
    #pageFooterWrapper .pageFooter .socialBox a#Twitter{background-position:-75px 0;}
    #pageFooterWrapper .pageFooter .socialBox a#Twitter:hover{background-position:-75px -75px;}	
    #pageFooterWrapper .pageFooter .socialBox a#ContactUs{background-position:-150px 0;}
    #pageFooterWrapper .pageFooter .socialBox a#ContactUs:hover{background-position:-150px -75px;}
	#pageFooterWrapper .pageFooter .socialBox a#Directions{background-position:-225px 0;margin-right:0px;}
	#pageFooterWrapper .pageFooter .socialBox a#Directions:hover{background-position:-225px -75px;}	
	#pageFooterWrapper .pageFooter .socialBox #dealerAssociationLogo{margin-top:15px;}

.pageFooter .seoText{float:left;width:440px;color:#808080;margin-left:80px;margin-right:0px;}
.pageFooter .seoText h3{font-size:11px;color:#808080;margin:0px 0px 10px 0px;padding:0px;font-weight:700;}
.pageFooter .seoText p{line-height:1.5em;font-size:9px;font-size:11px;line-height:14px;font-family:'Open Sans'}
.pageFooter .seoText strong{font-weight:normal;}
.pageFooter .seoText #dealerAssociationLogo{float:right;clear:right;margin-top:20px;}
.pageFooter .copy{font-size:10px;color:#666;padding-top:20px;border-top:1px solid #0f0f0f;}	
.pageFooter .seomodel p{color:#666;font-weight:700;font-size:11px;}
.pageFooter .seomodel a, .pageFooter .seomodel a:visited, .pageFooter .seomodel a:active{color:#808080;}
.pageFooter .seomodel a:hover{color:#0089cf;}


/************************
 * HAIL SALE POP COUPON *
 ************************/
#tradeInCoupon{background:url('http://www.milestonemazda.com/img/popcoupons/popup_trade_in_form.jpg') top left no-repeat #0f0f0f;width:630px;
	height:476px;position:absolute;display:none;}
#tradeInCoupon .tradeInCouponClose{background:url('http://www.milestonemazda.com/img/popcoupons/popup_trade_in_closeButton.png') no-repeat scroll top left transparent;
	width:20px;height:20px;position:absolute;top:18px;right:18px;cursor:pointer;z-index:100;}
#tradeInCoupon .tradeInCouponClose:hover, #tradeInCoupon .tradeInCouponClose:focus{background-position:0px -20px;}
#tradeInCoupon form{position:absolute;left:60px;top:233px;padding-top:17px;width:604px;}
#tradeInCoupon .input{width:235px;margin:0px 30px 20px 0px;float:left;height:40px;}
#tradeInCoupon .input label{color:#808080;cursor:text;display:block;font-style:italic;line-height:13px;
	padding:5px;position:absolute;top:10px;z-index:9999;}
#tradeInCoupon .red{color:red;}
#tradeInCoupon .input input{font-family:'Open Sans',Arial, Helvetica, Verdana, sans-serif;outline:none;width:225px;
	height:40px;line-height:40px;border:0px;padding:0px 10px;}
#tradeInCoupon_submit{background:url('http://www.milestonemazda.com/img/popcoupons/popup_trade_in_printButton.png') 0px 0px no-repeat transparent;
	width:245px;height:40px;position:absolute;display:block;right:94px;top:137px;z-index:50;outline:none;}
#tradeInCoupon_submit:hover, #tradeInCoupon_submit:focus{background-position:0px -40px;}
#tradeInCoupon_print{display:none;position:absolute;}


/*******************
 * POP CODE STYLES *
 *******************/
#popup-close {display: none;position: absolute;top: -500px;left: 523px;width: 42px;height: 42px;cursor: pointer;z-index: 2001;}
iframe.dms-popup {display: none;position: absolute;top: -500px;left: 0;width: 576px;height: 300px;filter: alpha(opacity=00);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0;color: #FFF;z-index: 2000;overflow: hidden;background: #FFF;border: solid 2px #CCC;}