* {margin:0;padding:0;} 
/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */
html ,body {
	height:100%; min-height: 100%; max-height: 100%; margin: 0 auto; 
}
#wrapper { margin:0 auto; width:940px; padding: 0 10px; background: url(../img/wrapper.png) repeat-y; min-height: 100%; overflow:auto; text-align:left; overflow:hidden; }

body {
	background: #FFF url(../img/bk.jpg) no-repeat center top fixed;
	text-decoration: none;
	text-align: left; margin:0 auto; padding:0; font-family:Arial, Helvetica, sans-serif;
}
* html #wrapper {height: 100%;} /* for IE */
/* @Default */
/* ------------------------------------------------------------------------------------ */
a {
	color: #6B94B2;
}
a:hover {
	color: #6B94B2;
	text-decoration:none;
}
img {
	border: none;
}
td {
	vertical-align: top;
}
p {
	margin: 0 0 1.5em 0;
	padding: 0;
	line-height: 1.5em; /* 15px */
}
em {
	color: #333;
	font-style:normal;
}
.clear {
	height: 0 !important;
	line-height: 0 !important;
	clear: both !important;
	font-size: 1px !important;
	float: none !important;
	padding: 0 !important;
	margin: 0 !important;
	width: auto !important;
}
.clear-left { clear:left; }
span {
	text-indent: -9999px;
	float:left;
}
.auto {
	margin: 0 auto;
}
/* Removes outline around flash files in FF3 */
object {
	outline:none;
}
/* remove halo effect in firefox   */
*:focus, button:focus, a:active, input:active {
	outline: none;
}
/* @Base Font - START: Styles for scalable font consistency */
html {
	font-size: 100%; /* IE hack */
}
body {
	font-size: 0.688em; /* Sets base font size to 12px */
	line-height:1.364em; color: #666;
}
table {
	font-size: 100%; /* IE hack */
}
input, select, textarea, th, td {
	font-size: 1em;
}
h1, h2, h3 {
	font-size:16px;
	line-height: 1.5em;
	color:#D72939;
	margin-bottom:0.368em !important;
} /* all em = 16px */
h1 { border-bottom: solid 1px #FFF; }
h2 {
	font-size:1.2em;
	margin: 0 0 0.4em 0px;
	font-weight:bold;
}
h3 { font-weight:bold; }
strong {  }
.none { display:none; 
}
#content ul { margin:0 0 20px 20px; }
.holden-logo-top { background:url(../img/holden-logo-top.gif) no-repeat; float:right; margin:14px 20px 0 0; width:70px; height:67px; display:inline;}
/* @Header */
/* ------------------------------------------------------------------------------------ */
#header { width:auto; margin: 0 auto; background:url(../img/top-left.png) no-repeat top right; overflow:auto;  }
a.logo { width: 185px; height:106px; background:url(../img/logo.gif) no-repeat; float:left; display:inline; margin: 0; }
#select-manufacturer { width:760px; float:left; height:90px; background: url(../img/select-manufacturer.jpg) no-repeat; padding-left:180px; }
.left-col { width:230px; float:right; }
/* @Nav */
/* ------------------------------------------------------------------------------------ */
ul#nav { width:940px; margin: 0 auto; list-style:none; clear:left; height:36px; background:#222; }
ul#nav li { float:left; }
ul#nav li a { float:left; text-indent:-9999px; height:36px; }
a.nav-home-R1 { width:61px; background: url(../img/nav-home-R1.gif) no-repeat; }
a:hover.nav-home-R1 { background: url(../img/nav-home-R1.gif) no-repeat 0 -36px; }
a.nav-home-R3 { width:61px; background: url(../img/nav-home-R1.gif) no-repeat 0 -36px; }
a.nav-about-R1 { width:79px; background: url(../img/nav-about-R1.gif) no-repeat; }
a.nav-about-R3 { width:79px; background: url(../img/nav-about-R1.gif) no-repeat 0 -36px; }
a:hover.nav-about-R1 { background: url(../img/nav-about-R1.gif) no-repeat 0 -36px; }
a.nav-new-R1 { width:82px; background: url(../img/nav-new-R1.gif) no-repeat; }
a.nav-new-R3 { width:82px; background: url(../img/nav-new-R1.gif) no-repeat 0 -36px; }
a:hover.nav-new-R1 { background: url(../img/nav-new-R1.gif) no-repeat 0 -36px; }
a.nav-our-R1 { width:89px; background: url(../img/nav-our-R1.gif) no-repeat; }
a.nav-our-R3 { width:89px; background: url(../img/nav-our-R1.gif) no-repeat 0 -36px; }
a:hover.nav-our-R1 { background: url(../img/nav-our-R1.gif) no-repeat 0 -36px; }
a.nav-service-R1 { width:75px; background: url(../img/nav-service-R1.gif) no-repeat; }
a.nav-service-R3 { width:75px; background: url(../img/nav-service-R1.gif) no-repeat 0 -36px; }
a:hover.nav-service-R1 { background: url(../img/nav-service-R1.gif) no-repeat 0 -36px; }
a.nav-parts-R1 { width:66px; background: url(../img/nav-parts-R1.gif) no-repeat; }
a.nav-parts-R3{ width:66px; background: url(../img/nav-parts-R1.gif) no-repeat 0 -36px; }
a:hover.nav-parts-R1 { background: url(../img/nav-parts-R1.gif) no-repeat 0 -36px; }
a.nav-news-R1 { width:64px; background: url(../img/nav-news-R1.gif) no-repeat; }
a.nav-news-R3 { width:64px; background: url(../img/nav-news-R1.gif) no-repeat 0 -36px; }
a:hover.nav-news-R1 { background: url(../img/nav-news-R1.gif) no-repeat 0 -36px; }
a.nav-specials-R1 { width:77px; background: url(../img/nav-specials-R1.gif) no-repeat; }
a.nav-specials-R3 { width:77px; background: url(../img/nav-specials-R1.gif) no-repeat 0 -36px; }
a:hover.nav-specials-R1 { background: url(../img/nav-specials-R1.gif) no-repeat 0 -36px; }
a.nav-finance-R1 { width:70px; background: url(../img/nav-finance-R1.gif) no-repeat; }
a.nav-finance-R3 { width:70px; background: url(../img/nav-finance-R1.gif) no-repeat 0 -36px; }
a:hover.nav-finance-R1 { background: url(../img/nav-finance-R1.gif) no-repeat 0 -36px; }
a.nav-employment-R1 { width:97px; background: url(../img/nav-employment-R1.gif) no-repeat; }
a.nav-employment-R3 { width:97px; background: url(../img/nav-employment-R1.gif) no-repeat 0 -36px; }
a:hover.nav-employment-R1 { background: url(../img/nav-employment-R1.gif) no-repeat 0 -36px; }
a.nav-testimonials-R1 { width:104px; background: url(../img/nav-testimonials-R1.gif) no-repeat; }
a.nav-testimonials-R3 { width:104px; background: url(../img/nav-testimonials-R1.gif) no-repeat 0 -36px; }
a:hover.nav-testimonials-R1 { background: url(../img/nav-testimonials-R1.gif) no-repeat 0 -36px; }
a.nav-contact-R1 { width:76px; background: url(../img/nav-contact-R1.gif) no-repeat; }
a.nav-contact-R3 { width:76px; background: url(../img/nav-contact-R1.gif) no-repeat 0 -36px; }
a:hover.nav-contact-R1 { background: url(../img/nav-contact-R1.gif) no-repeat 0 -36px; }
#flash, #main-photo-slider { float:left; width: 940px; height:300px; }
#mini-search { width:222px; float:right; height:200px; background: url(../img/minisearch.jpg) no-repeat; clear:right; margin-top:13px; margin-right:10px; display:inline; }
#mini-search iframe { margin:0; }
#content div #map-container, #content div #map-container div { padding:0;}
/* @Footer */
/* ------------------------------------------------------------------------------------ */
ul#footer { width:840px; margin: 5px auto 20px auto; list-style:none; clear:left; border-top: solid 1px #ECECEC; text-align:left; float:left; padding:5px 20px 0 20px;}
ul#footer li {  display: inline; margin: 0; padding: 0 0em 0.5em 0.5em; background: url(../img/line.gif) left center no-repeat; line-height: 1.7em;  font-size: 10px; 
}
ul#footer li a {
	margin: 0 3px 0 3px; /* Width of the graphic */ color: #666; white-space:nowrap;  display: inline;
} 
ul#footer li a.nolink {
	margin: 0 3px 0 3px; /* Width of the graphic */ color: #666; text-decoration: none; cursor:default;
} 
ul#footer li a:hover.nolink {
	color: #666;
} 
ul#footer li a:hover {
	color: #6B94B2;
}
ul#footer li.first {
	padding-left: 0; background: none; display: inline;
}
ul#footer li.firstnext {
	padding: 0 0.5em 0 0em; background: none; clear:both; display: inline; margin:0;
}
ul#footer li .firstnext a {
	margin-left: 0;
}
ul#footer li.firstnext span, ul#footer li span {
	padding: 0; text-indent:0; display: inline; margin:0; clear:left; float:none;
}
ul#footer li.first a {
	margin-left: 0;
}
/* @Feature Box */
/* ------------------------------------------------------------------------------------ */
.margin-ten { margin-left: 10px; display:inline; }
.feature-box { width: 233px; float:left; margin-top:10px; display:inline; } 
.feature-box .feature-three { width: 455px; height:auto; float:left; margin-left: 13px; } 
a.feature-three { width: 455px; height:auto; float:left; } 
.feature-box-two { width: 230px; float:left; margin-top: 10px;  }
.margin-left { margin-left:10px;
} 
/* @Slider */
/* ------------------------------------------------------------------------------------ */
/*
	root element for the scrollable. when scrolling occurs this element stays still.
*/
.scrollable {
	position:relative; overflow:hidden; width: 720px; height:90px; background:#FFF;
}
/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em; position:absolute; clear:both;
}
/* single scrollable item */
.scrollable img {
	float:left;	margin:5px 20px 4px 20px; display:inline; cursor:pointer; width:auto; height:76px;
}
.scrollable a { float:left; }
/* active item */
.scrollable .active { 
	z-index:9999; position:relative;
}
/* active item */
.scrollable img:hover { opacity:0.8;filter:alpha(opacity=80);
}
/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}
/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../img/left-arrow-R1.png) no-repeat;	display:block;width:15px; height:15px; float:left;	margin:35px 0px; cursor:pointer;	font-size:1px;
}
/* right */
a.right { background-position: 0 -15px; clear:right; margin-right: 0px;}
a.right:hover { background-position:-15px -15px; }
a.right:active { background-position:-30px -15px; } 
/* left */
a.left { margin-left: 0px; } 
a.left:hover { background-position:-15px 0; }
a.left:active { background-position:-30px 0; }
/* up and down */
a.up, a.down { 
	background:url(../img/scrollable/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}
/* up */
a.up:hover { background-position:-30px 0; }
a.up:active { background-position:-60px 0; }
/* down */
a.down { background-position: 0 -30px; }
a.down:hover { background-position:-30px -30px; }
a.down:active { background-position:-60px -30px; } 
/* disabled navigational button */
a.disabled { visibility:hidden !important;		
}
#content { width: 940px; float:left; background:#F0F0F0 url(../img/content-bottom.gif) no-repeat bottom left; height: auto; text-align:left; }
#content #header-img { width:940px; float:left; padding:0; }
#content .divone, #content .divtwo { padding: 24px 37px; float:left;}
#content #search_result { width: 620px; float:left; padding:0; }
#content #search_result iframe { width: 650px; height:400px; float:left; margin:0 0 0 0px; padding:0; }
/* @Form */
/* ------------------------------------------------------------------------------------ */
/*form*/
h2 a { color:#6B94B2; font-size:14px; margin:0; }
#content .genericForm fieldset div { padding:8px; }
.genericForm{}
.genericForm fieldset{border:1px solid #CCC;padding:0 0 5px 10px;}
.genericForm fieldset legend{color:#6B94B2;font-size:13px;font-weight:bold;height:20px; margin-top:5px;}
.genericForm div{float:left;padding:0 15px 5px 0;}
.genericForm input{width:185px; border:solid 1px #FFF; padding:0.2em;}
.genericForm input:focus, .genericForm textarea:focus { border: solid 1px #3DADE7; }
.genericForm select{width:183px; border:0;}
.genericForm label{margin:0 5px 0 0;}
.genericForm textarea{width:600px;height:60px; border:solid 1px #FFF;}
#agree{width:auto;}
#lastname{display:none;}
.submit{background:url('../img/send-enquiry-R1.gif');width:110px;height:20px;line-height:0;border:0; text-indent:-9999px; margin-top:5px; float:right; cursor:pointer;}
.genericForm p{margin-bottom:0;}

.alert .required{color:#c90000;}
.alert p.required{font-size:13px;border:1px solid #c90000;height:20px;line-height:20px;}
/*end form*/
/* @Form */
/* ------------------------------------------------------------------------------------ */
/*form*/
.content .divone .genericForm fieldset div { padding:8px; }
.content .divone .content .divone .genericForm{}
.content .divone .genericForm fieldset{border:1px solid #CCC;padding:0 0 5px 10px;}
.content .divone .genericForm fieldset legend{color:#6B94B2;font-size:12px;font-weight:bold;height:20px;  margin-top:5px;}
.content .divone .genericForm div{float:left;padding:0 15px 5px 0;}
.content .divone .genericForm input{width:116px; border:solid 1px #FFF; padding:0.2em;}
.content .divone .genericForm input:focus, .content .divone .genericForm textarea:focus { border: solid 1px #3DADE7; }
.content .divone .genericForm select{width:125px; border:0;}
.content .divone .genericForm label{margin:0 5px 0 0;}
.content .divone .genericForm textarea{width:410px;height:60px; border:solid 1px #FFF;}
#message { width:261px !important;} 

/*end form*/

/* @Slider */
/* ------------------------------------------------------------------------------------ */
.csw{width:940px;height:300px;overflow:hidden;}
.slider-wrap{ width: 940px; position: absolute; top: 0px; left:0px; }			
.stripViewer{ position: relative; overflow: hidden; width: 940px; height: 300px; }
.stripViewer .panelContainer{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel{ float: left; height: 100%; position: relative; width: 940px; }
.stripNavL, .stripNavR, .stripNav{ display: none; }
.nav-thumb{ border: 0; margin-right: 0; }
#movers-row{ margin: 0px 0 0 0; }
#movers-row div{ width: 20%; float: left; }
#movers-row div a.cross-link{ float: right; }

/* @Equal Height */
/* ------------------------------------------------------------------------------------ */
#outer #content div, #inside-outer .content div { padding:0; }
#outer {
	width:940px; clear:both; background:url(../img/outer.gif) repeat-y; margin:0 auto; overflow:auto; border-bottom: solid 1px #DFDEDE; padding-bottom:10px;
}
#inside-outer {
	width:940px; clear:both; background:url(../img/inside-outer.gif) repeat-y; margin:0 auto; overflow:auto; border-bottom: solid 1px #DFDEDE; padding-bottom:30px;
}
#left {
 width:190px; padding:20px 10px 20px 20px; float:left; margin:0 0 0 0px; display:inline;
}
#inside-outer .content { width:439px; padding: 20px; float:left; margin:0; display:inline; background:none;}
.content{
	width:720px; float:left; margin:0; display:inline; background:none;
}
#ticker { background:url(../img/ticker.jpg) no-repeat; width:940px; float:left; height:30px; }
.address { color: #FFF; float:left; padding:25px 20px 0 0; float:right;}
.holden-logo { height:48px; float:right; position:absolute; width: 150px; background: url(../img/holden-logo.gif) no-repeat; right:-10px; top:-15px;}
.footer-position { position:relative; float:left; width: 940px;}
ul.sitemap { margin:0; padding: 0; list-style:none; }
ul.sitemap li { padding:0px 0 0 10px; margin: 2px 0 2px 10px; list-style:none; background:url(../img/arrow.gif) no-repeat 0px 3px; }
ul { margin:0 0 1.5em 20px; padding: 0; }
ul li { padding:0px 0 0 0px; margin: 2px 0 2px 5px;list-style:circle; }
ul#nav { margin:0; padding: 0; }
ul#nav li { padding:0; margin:0;list-style:none; }
.col2 { width: 320px; float:left; }
a.service-R1 { background:url(../img/service-R1.gif) no-repeat; height:20px; display:block; width:158px; text-indent:-9999px; }
button.calculate { background:url(../img/calculate-R1.gif) no-repeat; height:20px; display:block; width:120px; text-indent:-9999px; border:0;}