/*=======================================================
 CSS Document for Shacks Group
=======================================================*/
@import url("global.css");
@import url("thickbox.css");
@import url("sIFR.css");
@import url("lightbox.css");

.hidden { display: none; }
.show { display: block; visibility: visible; }

a.pdf {font-size:14px; padding-left:20px; line-height:25px; background:url('../images/icon-pdf.gif') no-repeat left center; display:block;}

/*=============================================================
	Main layout
=============================================================*/

#container { width: 980px; height: auto; padding: 15px 0 0 0; display: block; margin: 20px auto 0 auto; clear: both; background: url('../images/core/bg-header.png') no-repeat 0 0; }
body.splash #container { width: 950px; height: 700px; padding: 20px 15px 0 15px; margin-bottom: 0; background: url('../images/core/bg-container.jpg') no-repeat 0 0!important; }
#container:after, #mainpage:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }
body.popup #container { width: 620px; padding: 10px; margin: 10px auto; background-color: #000; }

/*=============================================================
	Header - nav + logo + banner
=============================================================*/

#header-banner { width: 950px; height: 367px; overflow: hidden; float: left; display: block; padding: 0 15px 38px 15px; position: relative; }
#header { width: 950px; height: 95px; overflow: hidden; clear: both; position: relative; z-index: 50; }
body.splash #header { height: 100px!important; background: none!important; }
body.rockingham #logo a, body.splash #logo a { text-indent: -9999em; width: 500px; height: 95px; position: absolute; top: 0; left: 0; z-index: 90; display: block; }
body.freo #logo { width: 500px; height: 95px; overflow: hidden!important; position: absolute; top: 0; left: 0; z-index: 90; display: block; }
body.freo #logo a { float: left; display: inline; }
body.rockingham #logo a {  background: url('../images/core/logo-rockingham.jpg') no-repeat 0 0; }
body.splash #logo a { width: 475px!important; height: 100px!important; background: url('../images/core/logo-group.jpg') no-repeat 0 0; }
#callus { width: 200px; height: 35px; display: block; position: absolute; top: 0; right: 15px; text-align: right; overflow: hidden; }
body.splash #callus { width: 330px!important; height: 50px!important; top: 50px!important; right: 0!important; }
#callus h2 { float: left; margin: 0; width: 165px; height: 50px; text-indent: -9999em!important; }
h2#phone-freo { background: url('../images/core/phone-freo.gif') no-repeat 0 0; }
h2#phone-rockingham { background: url('../images/core/phone-rockingham.gif') no-repeat 0 0; }

/*splashpage*/
#landing-flash { width: 920px; height: 270px; padding: 30px 15px 80px 15px; float: left; clear: both; position: relative; display: inline; }
a.splashbutton { float: left; display: inline; width: 380px; height: 270px; text-indent: -9999em; position: relative; overflow: hidden; }
a.splashbutton:hover, a.splashbutton.splashhover { background-position: 0 -270px!important; }
#enter-freo { background: url('../images/core/button-freo.jpg') no-repeat 0 0; }
#enter-rockingham { background: url('../images/core/button-rockingham.jpg') no-repeat 0 0; }
#landing-flash ul { width: 160px; height: 270px; margin: 0!important; padding: 0!important; display: inline; float: left; }
#landing-flash li { line-height: 0; display: inline; float: left; margin: 0!important; padding: 0!important; }
#landing-flash li img { line-height: 0; margin: 0; padding: 0; clear: both; float: left; }

/*banner*/
#banner { width: 950px; height: 328px; position: relative; z-index: 20; right: 0; display: block; clear: both; float: right; text-align: right; margin: -56px 0!important; }
#cycle-imgs { width: 725px; height: 328px; display: block; position: absolute; z-index: 20; top: 0; left: 225px; overflow: hidden; background: url('../images/freo/flash1.jpg') no-repeat 0 0; }
#cycle-imgs img { clear: both; width: 725px; height: 328px; }

/*navigation*/
ul#nav { width: 215px; height: 266px; display: block; padding: 7px 15px 0 20px; position: relative; left: 0; top: 55px; z-index: 80; float: left; background: url('../images/core/bg-nav.gif') no-repeat 0 0; }
ul#nav li { display: inline; clear: both; position: relative; z-index: 90; float: left; width: 215px; height: 24px; padding:0; margin: 1px 0; }
ul#nav li a { position: relative; z-index: 90; height: 20px; width: 195px; padding: 4px 10px 0 10px; text-indent: 5px; overflow: hidden; display: block; float: left; font-size:11px; color:#FFFFFF; text-transform:uppercase; text-align:left;}
ul#nav li li a { background: none!important;  text-indent: 5px!important; font-weight: normal!important;}
ul#nav li a:hover, ul#nav li li a:hover { font-weight: bold!important; text-indent: 25px!important; background: url('../images/core/bg-navhover.gif') no-repeat 0 0!important; text-decoration:none;}

body.rockingham li.fremantle_only {display:none !important;}

/*on stage*/
body#homepage a#nav-home, body#newcar-page a#nav-newcar, body#usedcar-page a#nav-usedcar, body#service-parts-page a#nav-service, body#finance-insurance-page a#nav-finance, 
body#fleet-page a#nav-fleet, body#careers-page a#nav-careers, body#news-events-page a#nav-news, body#newsletter-page a#nav-newsletter, body#contact-page a#nav-contact a
{ font-weight: bold; background: url('../images/core/bg-navhover.gif') no-repeat 0 -24px!important; text-indent: 25px!important; }

/* Second Tier */
ul#nav ul { clear: both; z-index:99; position:absolute; top:100%; left: -9999em; padding:5px; background: #000 url('../images/core/bg-nav.gif') no-repeat -10px -26px;}
ul#nav li:hover ul, ul#nav li.navhover ul { left: 215px; top: -5px; }
ul#nav li a.onsection { background: url('../images/core/bg-navhover.gif') no-repeat 0 0; font-weight: bold; text-indent: 25px; text-decoration:none; }

/*=============================================================
	Main body - left + right
=============================================================*/
/* Feature */

ul#feature_cars {display:block; margin:0 !important; padding:30px 0 0; height:220px;}
ul#feature_cars li{width:345px; height:191px; display:block; float:left; position:relative; background:#fff;}
ul#feature_cars li h3{height:20px; text-align:right; padding:10px 30px; color:#dd2d25; font: bold 16px Verdana, Arial, sans-serif; background:url('../images/core/h2-feature.gif') no-repeat 0 0; text-transform: uppercase; margin:0;}
ul#feature_cars li h3 em {color:#030000; font-style: normal;}
ul#feature_cars li img {line-height:0; padding:0; margin:0;}
ul#feature_cars li a.click_here{height:20px; width:200px; line-height:20px; text-align:right; padding:0 20px; color:#dd2d25; font: bold 14px Verdana, Arial, sans-serif; position:absolute; bottom:20px !important; right:0 !important; display:block; background:#ebebeb;}
ul#feature_cars li a em {color:#030000; font-style: normal;}
ul#feature_cars li a:hover {text-decoration:none; background:#ccd0d9;}

ul#feature_cars li.hsv_feature {float:right;}
ul#feature_cars li.holden_feature2 {float:right;}

ul#feature_cars li span.logo {position:absolute; top:-26px; left:-9px; width:106px; height:101px; background:url('../images/core/holden-logo.gif') no-repeat 0 0; text-indent:-9999px;}
ul#feature_cars li.hsv_feature span.logo {left:-39px; top:-26px; width:232px; height:76px; background-image:url('../images/core/hsv-logo.gif');}
ul#feature_cars li.holden_feature2 span.logo {left:-39px; top:-26px; width:106px; height:101px; background-image:url('../images/core/holden-logo.gif');}


#mainpage { width: 935px; background: url('../images/core/bg-body.png') repeat-y 0 0; padding: 0 30px 20px 15px; float: left; display: block; clear: both; height: auto; }
#mainpage-fullwidth { width: 1000x; background: url('../images/core/bg-body.png') repeat-y 0 0; padding: 0 0 0 0; float: left; display: block; clear: both; height: auto; }

body.splash #mainpage { display: block; padding: 0 20px!important; background: none!important; }
#left-contents { width: 165px; height: auto; float: left; padding: 0 5px; display: inline; background: url('../images/core/bg-left.jpg') no-repeat 0 0; }
#right-contents { width: 745px; height: auto; float: right; display: inline; }
#right-contents ul { margin: 0 0 20px 30px; }
#right-contents ul li { list-style: square; }
#fullwidth-contents { width: 935px; height: auto; float: right; display: inline; }
#iframe-contents-fullwidth { background-color: #fff; border-top: 10px solid #990000; border-bottom: 10px solid #990000; padding: 0; }
#iframe-contents { background-color: #fff; border-top: 10px solid #990000; border-bottom: 10px solid #990000; padding: 10px; }
.scroll-contents { width: 735px; height: auto; padding-right:10px; position: relative; }
body.splash .scroll-contents { width: 900px; height: 130px; overflow: auto; padding-right:10px; position: relative; visibility: visible!important;  }
#mainpage2 h1 { margin-left: 20px; }
#mainpage2 { width: 935px; background: url('../images/core/bg-body2.png') repeat-y 0 0; padding: 0 30px 20px 15px; float: left; display: block; clear: both; height: auto; }
body#newcar-page #iframe-contents { width: 910px; display: block; margin-left: 10px; }

/*mailing list*/
#mailing-list { width: 165px; height: 200px; padding: 45px 0 15px 0; clear: both; display: block; background: url('../images/core/title-mailing.gif') no-repeat 0 0; }
#mailing-list p { color: #9d9d9d; font-size: 1.1em; line-height: 15px; padding: 0 10px 10px 10px; margin: 0; text-align: center; }
#mailing-list form.cmxform ol { width: 140px; display: block; margin: 0 auto 10px auto; }
#mailing-list form.cmxform li { margin: 0!important; }
#mailing-list form.cmxform input { width: 130px; height: 16px; text-align: center; font-size: 11px; }
#mailing-list form.cmxform input.subscribe { line-height: 0!important; font-size: 0!important; width: 115px; height: 25px; padding:0; margin: 10px 0 0 12px; background: transparent url('../images/core/button-subscribe.gif') no-repeat 0 0; }
#mailing-list form.cmxform input.subscribe:hover, #mailing-list form.cmxform input.subscribe.subscribehover { background-position: 0 -25px!important; }
#mailing-list form.cmxform input.unsubscribe { line-height: 0!important; font-size: 0!important; width: 115px; height: 25px; padding:0; margin: 10px 0 0 12px; background: transparent url('../images/core/button-unsubscribe.gif') no-repeat 0 0; }
#mailing-list form.cmxform input.unsubscribe:hover, #mailing-list form.cmxform input.unsubscribe.unsubscribehover { background-position: 0 -25px!important; }

/*CTA*/
#ctas a { width: 165px; height: 125px; text-indent: -999em; display: block; clear: both; overflow: hidden; }
#ctas a:hover { background-position: 0 -125px; }
a#button-new_cars { background: url('../images/core/button-new_cars.jpg') no-repeat 0 0; }
a#button-used_cars { background: url('../images/core/button-used_cars.jpg') no-repeat 0 0; }


/* Specials */
.specials{width:745px; height:207px; padding-bottom:20px; background:url('../images/core/specials-background.gif') no-repeat 0 0;}
  .new_cars {float:left; width:373px; height:207px;}
  .weeks_specials {float:right; width:372px; height:207px;}
.specials h3 {height:40px; margin-bottom:10px; display:block; background:url('../images/core/h3-new_cars.gif') no-repeat 20px center; text-indent:-9999px;}
.weeks_specials h3 {background-image:url('../images/core/h3-weeks_special.gif');}
.specials ul {padding-left:5px; display:inline; display:block; margin: 0!important;}
.specials ul li{float:left; display:inline; width:181px; text-align:center;}
.specials ul li a img{border:3px solid #fff;}
.specials ul li a:hover img{border-color:#e8e8e8;}
.specials ul li p {padding-right:10px; line-height:30px; text-align:center; }
.specials ul li p a {color:#fff;}
.specials ul li p a:hover { text-decoration:underline; color:#decb29;}

/*Listing*/
ul.listings { list-style: none; width: 720px; display: block; margin: 0 auto 0 auto!important; }
ul.listings li { position: relative; display: inline; float: left; width: 700px; height: 105px; overflow: hidden; clear: both; margin: 0 0 10px 0; padding: 10px;  background-color: #141414; }
ul.listings li span { font-weight: bold; color: #ffae46; display: block; padding-bottom: 5px; }
ul.listings li span.desc { font-weight: normal; color: #fff; }
img.fixedsize { width: 140px; height: 100px; display: block; border: 2px solid #fff; }
ul.listings li:hover, ul.listings li.listinghover { background-color: #363636; }

ul.pdfs { list-style: none; display: block; padding: 0 0 10px 0; margin: 0 0 15px 0!important; border-bottom: 1px dotted #252525; }
ul.pdfs li { background: url('../images/icon-pdf.gif') no-repeat 0 2px; padding-left: 25px; display: block; margin-bottom: 3px;}
ul.links { list-style: none; display: block; padding: 0 0 10px 0; }
ul.links li { background: url('../images/icon-links.gif') no-repeat 0 2px; padding-left: 25px; display: block; margin-bottom: 3px;}

/*staff listings*/
ul.staff-listings { list-style: none; width: 720px; display: block; margin: 0 auto 0 auto!important; }
ul.staff-listings li { width: 360px; float: left; display: inline; height: 130px; overflow: hidden; margin: 0 0 10px 0; }
ul.staff-listings a { border: 5px solid #ebca58; display: block; float: left; width: 160px; height: 120px; margin-right: 20px; }
ul.staff-listings a:hover { border-color: #ad090e; }
ul.staff-listings span { display: block; padding: 30px 10px; line-height: 25px; }

/*Car listings*/
ul#car-listings { list-style: none; display: block; float: left; background-color: #fff; border-top: 10px solid #990000; border-bottom: 10px solid #990000; padding: 10px 7px; padding-right: 0; width: 738px; margin: 0!important; }
ul#car-listings li { position: relative; z-index: 10; background: #e2e2e2; padding: 5px; float: left; display: inline; margin: 0 5px 10px 0; width: 169px; height: 200px; overflow: hidden; }
ul#car-listings li .display-image { background-color: #fff; display: block; width: 169px; height: 107px; overflow: hidden!important; clear: both; margin-bottom: 5px; text-align: center; }
ul#car-listings li .display-image a { height: 103px; display: block; border: 2px solid #fff; }
ul#car-listings li .display-image a:hover { border-color: #a30303; }
ul#car-listings li span.ptitle { font-weight: bold; line-height: 16px; display: block; color: #000!important; font-size: 1.1em; text-align: center; padding: 0 10px; height: 35px; border-bottom: 1px solid #d5d5d5; margin-bottom: 5px;overflow: hidden; }
ul#car-listings li .featured { position: absolute; z-index: 20; width: 90px; height: 70px; top: 0; left: 0; display: block; background: url('../images/core/bg-featured.gif') no-repeat 0 0; }
ul#car-listings li .special { position: absolute; z-index: 20; width: 90px; height: 70px; top: 42px; right: 0; display: block; background: url('../images/core/bg-special.gif') no-repeat 0 0; }
ul#car-listings li span.p-full { font-weight: bold; font-size: 1.2em; display: block; color: #000!important; text-align: center; padding: 0 10px; height: 20px; overflow: hidden; }
ul#car-listings li span.p-full.slash { text-decoration: line-through!important; color: #333!important; }
ul#car-listings li span.p-offer { font-weight: bold; font-size: 1.2em; display: block; color: #CC0000!important; text-align: center; padding: 0 10px; height: 20px; overflow: hidden; }


/*Car details*/
div#right-contents ul#images {width:310px; padding:0 10px 30px 0; margin:0; display:block; list-style:none !important; float:left;}
div#right-contents ul#images li.heroshot {width:300px;}
div#right-contents ul#images li {width:150px; float:left; list-style:none;}
div#right-contents ul#images li a{margin:0 auto;}
div#right-contents ul#images li { width: 288px; }

/* Panel and Paints */
ul#panel_affiliates li {list-style: none; padding:5px;}

/* Person of the Month */

div.person_of_the_month, 
div.person_of_the_month p {
	font-size: 12px;
}

div.person_of_the_month,
div.person_of_the_month p,
div.person_of_the_month h2,
div.person_of_the_month h3 {
	color: #000;
}

div.person_of_the_month h2 {
	background-color:#990000;
	background-image:none;
	color:#FFFFFF;
	font-size:15px;
	font-weight:bold;
	vertical-align:middle;
	padding: 10px;
	}
	
div.about_person {
	margin: 15px;
}

div.person_of_the_month img {
	border: 1px solid black;
	display: block;
	float: right;
	margin: 0 0 10px 10px;
}



/*=============================================================
	Footer
=============================================================*/

#footer { width: 925px; height: 100px; padding: 10px 25px 20px 30px; margin: -20px auto 0 auto; display: block; clear: both; background: url('../images/core/bg-footer.png') no-repeat 0 0; position: relative; z-index: 90; }
#footer-showroom { width: 165px; height: 25px; overflow: hidden; position: absolute;  top:10px; left:33px; display: inline; }
a#button-visit_our_showroom1, a#button-visit_our_showroom2 {width:165px; height:25px; display:block; position: relative; background:url('../images/core/button-visit_our_showroom.gif') no-repeat 0 0; text-indent:-9999px; z-index:95;}
#footer-showroom a:hover {background-position:0 -25px!important;}

body.freo a#button-visit_our_showroom2 { display: none; }
body.rockingham a#button-visit_our_showroom1 { display: none; }
body.splash #footer { width: 920px!important; height: auto!important; background: none!important; padding: 0!important; margin: 0 auto; display: block; clear: both; position: relative; }

#sub-footer { display: block; height: 65px; position: relative; z-index: 90; }
.address-btm { display: block; position: absolute; top: 30px; left: 5px; font-size: 1.2em; color: #000; }
body.freo .atrockingham, body.rockingham .atfreo { display: none!important; }
ul#affiliates { width: 380px; height: 50px; display: block; position: absolute; top: 0; right: 0; }
ul#affiliates li {  position: relative; z-index: 95; line-height: 0; height: 50px; display: inline; margin: 0 5px; padding: 0; float: right; }
ul#affiliates a { height: 50px; display: block; text-indent: -9999em; }
ul#affiliates a:hover { background-position: 0 -50px!important; }
a#aff-holden { background: url('../images/core/aff-holden.jpg') no-repeat 0 0; width: 60px; }
a#aff-elfin { background: url('../images/core/aff-elfin.jpg') no-repeat 0 0; width: 55px; }
a#aff-hsv { background: url('../images/core/aff-hsv.jpg') no-repeat 0 0; width: 100px; }
a#aff-shacks { background: url('../images/core/aff-shacks.jpg') no-repeat 0 0; width: 125px; }

body.rockingham #aff-elfin, body.rockingham #aff-hsv { display: none!important; }

#footer b { color: #898484; }
#footer p { margin: 0; font-size:1.1em; color: #ebca58; float: left; width: 825px; }
#footer img { float: right; display: inline; }
html > body.splash #footer img { margin-top: -10px; }

#footer a { color: #ebca58; text-decoration: none; }
#footer a.mainlink { font-weight: bold; color: #fff; text-decoration: none;}
#footer a:hover { color: #b8040b; text-decoration: underline;}


/*=======================================================
 End of CSS Document for  Shacks Group
=======================================================*/