/*
   homepage.css
   Mazda Homepage Stylesheet

   Copyright 2010 igloo digital. All rights reserved.

*/

#home-range, #home-range-ipad  {width:960px; margin:0 auto 10px auto; position:relative;}
#home-range { height:34px; }

#btn-home-range-wrapper {border-bottom:1px solid #e0e0e0; height:34px;}
.btn-home-range {text-indent:-9999em; position:absolute; right:0; width:205px; height:34px; background:url('/images/homepage/btn-home-range.png') no-repeat 0 0;}
.btn-home-range.active {background-position:0 -34px;}

#home-range-drawer {background:url('/images/homepage/bg-home-range.gif') no-repeat 0 0; position:absolute; width:960px; bottom:0;}
#home-range-drawer.ipad {position: relative;}

#home-range-drawer-info {position:relative; float:left; width:273px; padding:40px 0 0 0; min-height:342px; height:auto!important; height:342px; border-right:1px solid #ededed;}
#home-range-drawer-info h2 {height:12px; text-indent:-9999em; background:url('/images/homepage/title-home-range.gif') no-repeat 0 0; padding:0 0 30px 0; margin:0 24px;}
#home-range-drawer-info h3 {font-family:'Interstate-RegularRegular',arial,sans-serif; font-size:1.8em; color:#212121; padding:0 24px 18px 24px; font-weight:normal;}
#home-range-drawer-info p {font-family:'Interstate-RegularRegular',arial,sans-serif; font-size:1.2em; color:#6c6c6c; padding:0 24px;}
#home-range-drawer-info ul {position:absolute; bottom:0;}
#home-range-drawer-info ul li a {text-indent:-9999em; display:block; width:273px; height:26px; background:url('/images/homepage/btn-home-range-info-ctas.gif') no-repeat 0 0;}
#home-range-drawer-info ul li a#btn-home-range-info-test {background-position:0 0;}
#home-range-drawer-info ul li a#btn-home-range-info-test:hover {background-position:0 -26px;}
#home-range-drawer-info ul li a#btn-home-range-info-brochure {background-position:-273px 0;}
#home-range-drawer-info ul li a#btn-home-range-info-brochure:hover {background-position:-273px -26px;}
#home-range-drawer-info ul li a#btn-home-range-info-dealer {background-position:-546px 0;}
#home-range-drawer-info ul li a#btn-home-range-info-dealer:hover {background-position:-546px -26px;}

#home-range-drawer-vehicles {float:right; width:685px; padding:30px 0;}
#home-range-drawer-vehicles li {float:left; width:228px;}
#home-range-drawer-vehicles li img {margin:0 auto;}
#home-range-drawer-vehicles li span {display:block; font-size:1.2em; margin:-8px 0 0 50px;}
#home-range-drawer-vehicles li a:hover span {text-decoration:underline;}

#homepage-flash-wrapper {height:380px;}



/*generic small view module (3 teasers with thumbs) */
/* ALSO IN MODEL-LANDING.CSS, RATIONALISE THIS BABY */
/* .model-smlview-teaser will need width+margin tweaks just for homepage -vic */
.model-smlview {border-top:1px solid #ededed; padding:14px 0;}
.model-smlview h2 {font-family:'Interstate-RegularRegular',arial,sans-serif; font-size:1.8em; font-weight:normal; color:#212121; padding-bottom:13px;}
.model-smlview-teaser {float:left; width:242px; display:inline; padding-right:117px; background:url('/images/homepage/bg-model-smlview-teaser.gif') no-repeat 301px 0;}
.model-smlview-teaser.last {padding-right:0; background:none;}
.model-smlview-teaser h3 {font-size:1.4em; padding:20px 0 18px 0; width:242px;}
.model-smlview-teaser p {width:242px;}
.model-smlview-teaser div.image,
.model-smlview-teaser img {width:242px; background:#ededed;}
.model-smlview-teaser .listing-item-photo-placeholder {width:240px; height:134px; border:1px solid #eaeaea; background:url('/images/generic/bg-listing-placeholder-article-small.jpg') no-repeat center center;}


/*news & special events*/
/*inherits from above*/
#homepage-news {margin-top:10px;}


/*fancybox mazda brand*/
#fancy-bg-n,
#fancy-bg-ne,
#fancy-bg-e,
#fancy-bg-se,
#fancy-bg-s,
#fancy-bg-sw,
#fancy-bg-w,
#fancy-bg-nw
{
	background-image:none;
}

.fancybox-ie #fancy-bg-n	{ filter:0, sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne	{ filter:0, sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e	{ filter:0, sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se	{ filter:0, sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s	{ filter:0, sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw	{ filter:0, sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w	{ filter:0, sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw	{ filter:0, sizingMethod='scale'); }