html{height:100%;}
body{font-family:Verdana,sans-serif;background:transparent url(images/bg-section.png) repeat-x scroll 0 0;color:#000;font-size:12px;margin:0;min-height:101%;}
body#home{background:transparent url(images/bg-index.png) repeat-x scroll 0 0;}
a{color:#F50000;text-decoration:underline;outline:none;}
a:hover{color:#2B67FF;text-decoration:none;}
a img{border:medium none;}
p{color:#000;margin:0 10px 2ex 0;text-align:justify;}
h1{color:#F50000;font-size:18px;margin:1.5ex 0 1ex;text-align:left;}
h2{font-size:13px;margin:2ex 0 1ex;text-align:left;}
h3{color:#F50000;font-size:16px;margin:1.5ex 0 1ex;text-align:left;}
h4{color:#F50000;font-size:14px;margin:1.5ex 0 1ex;text-align:left;}
ul{margin:0;padding:0 0 10px 25px;}
ul li{background:transparent url(images/li.gif) no-repeat scroll 0 3px;display:block;font-size:12px;margin:1ex 0;padding:0 16px 0 15px; list-style:none;}
.clear-floats{clear:both;}
.cell{background:transparent url(images/bg-index.png) repeat-x scroll 0 0;width:100%;}
.cell-section{background:transparent url(images/bg-section.png) repeat-x scroll 0 0;width:100%;}
.container{margin:0 auto;position:relative;width:855px;}
.container:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
.container-section{margin:0 auto;position:relative;width:884px;}
.menu{height:40px;}
.menu img{float:left;margin:0;}
.header{height:220px;width:854px;}
body#home .header{height:220px;width:884px;}
div.container-section .header{height:153px;}
.header a#sitelink{background:transparent url(images/logo-home.gif) repeat scroll left top;float:left;height:156px;margin-right:13px;position:relative;top:3px;width:319px;text-indent:-9999px;}
div.container-section .header a#sitelink{background:transparent url(images/logo-section.gif) repeat scroll left top;width:317px;height:128px;top:0 !important;}
.header a.button{background:transparent url(images/homepage-quick-quote-button.gif) no-repeat scroll left top;display:block;height:52px;position:absolute;top:165px;width:320px;text-indent:-9999px;left:0;}
#homepage-flash{float:left;margin-top:6px;width:523px;}
#myMovie {z-index:10;}
.header-section{height:120px;width:800px;}
.content{float:left;margin-top:50px;width:854px;}
.content-section{background:transparent url(images/faux-sub-nav.gif) repeat-y scroll 0 0;float:left;margin-top:16px;width:854px;}
.content-container{float:right;margin-left:-390px;width:100%;}
.content-inner{float:left;padding-left:333px;width:331px;}
.content-outer{float:left;width:172px;}
.content-main{float:left;margin:10px 0 0 0;width:685px;}
.content-main p{color:#000;font-size:12px;margin:0 0 2ex;text-align:justify;}
.title{display:none;}
.side-bar{border-right:1px dashed #999;float:left;margin-left:0;padding-right:5px;width:311px;}
.side-bar-section{float:left;margin:0 10px 0 0;width:158px;}
.side-bar-section img { display:block; margin:0 auto 10px;}
.side-nav{margin:0 0 10px 0;}
.side-nav-option a{
background:transparent url(images/sub-nav-bg.gif) no-repeat scroll left top;
color:#FFFFFF;
display:block;
height:28px;
line-height:28px;
padding:0;
text-decoration:none;
padding-left:25px;
font-size:11px;
}
.side-nav-option a:hover {
background-position: 0 -28px; 
color:#fff;
}
.sect-title {
background:#F02600 none repeat scroll 0 0;
border-color:#000000 #000000 #B41C00;
border-style:solid;
border-width:1px;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
height:20px;
padding-left:11px;
padding-top:4px;
display:block;
border-bottom:none;
}
.sect-title a {
color:#fff;
text-decoration:none;
}
.quote-txt{font-style:italic;padding:0 0 25px;}
.footer-cell{clear:both;width:100%;}
.footer{color:#fff;margin:0 auto;width:890px;background:url(images/section-footer-bg.gif) top left no-repeat;text-align:center;height:57px;margin-bottom:20px;}

body#home .footer-cell{clear:both;width:100%;}
body#home .footer{ background-image:url(images/footer-bg.gif);}

.footer *{color:#fff !important;}
.footer-section{margin:0 auto 0 10px;width:800px;}
.footer-txt{color:#999;line-height:18px; position:relative; top:22px;}
body#home .footer-txt {top:0;}
.vehicle{display:inline;float:left;margin:10px 8px;width:300px;border:1px solid white; position:relative; zoom:1;}
.vehicle-title a{float:left;font-size:14px;text-decoration:none;width:300px; font-weight:bold;}
.vehicle-price{font-size:12px;width:300px; margin-bottom:10px; display:block;}
.show-hide-button:hover {
color:#3366CC;
cursor:pointer;
text-decoration:none;
display:inline
}
.show-hide-button {
color:#003399;
margin:0;
padding:5px 0;
text-decoration:underline;
display:inline;
zoom:1;
_margin-left:-8px;
background:#fff;
}

.vehicle ul{float:left;margin:0;padding:0 0 0 15px; display:none;}



.vehicle ul li{background:transparent url(images/li-vehicles.gif) no-repeat scroll 0 4px;display:block;font-size:11px;margin:1ex 0;padding:0 16px 0 15px;}
img.about{margin:0 100px;}
img.location{border:1px solid #000;margin:0 75px;}
p.centre{text-align:center;}

/*--menu system--*/
ul#nav{background:transparent url(images/home-menu-bg.gif) no-repeat scroll 0 0;height:28px;margin:0;padding:0;position:absolute;top:225px;width:854px;
left:0;
}

/*--------------------- Drop Downs ---------------------*/

ul#nav li ul {
	position: absolute;
	z-index: 3;
	left: -999em;
	margin-left:-26px;
	top: 27px;
	display: none; /* Important */
	height: auto;
	width: 200px;
	font-weight: bold;
	margin: 0;
	background-image: none;
	background-color: #ffffff;
	padding:0;
}
ul#nav ul.drop li a {
text-indent:0;
}
ul#nav ul.drop li {
height:auto;
width:131px;
float:left;
padding:0;
position:relative;
}

ul#nav li li, #sect-nav li li {
	width: 131px;
	height: auto;
}

ul#nav li ul a, #sect-nav li ul a {
	width: 200px;
	height: 16px;
	margin: 0 0 0 0px;
	padding: 6px 0px 3px 20px;
	font-size: 12px;
	text-decoration: none;
	background-image: url(http://www.hirecar.co.nz/images/sub-nav-bg.gif);
	background-repeat: no-repeat;
	background-color: #ffffff;
	border-left: 1px solid #6B6B6B;
	border-right: 1px solid #6B6B6B;
	border-bottom: 1px solid #6B6B6B;
	line-height: 12px;
	background-position: 6px 10px;
	color: #5A5A5A;
}
ul#nav li ul a.nav-last, #sect-nav li ul a.nav-last {
	border: none;
}
ul#nav li ul a:hover, #sect-nav li ul a:hover {
	background-image: url(http://www.hirecar.co.nz/images/sub-nav-yellow-bg.gif);
	background-repeat: no-repeat;
	background-position: 6px 10px;
	background-color: #6B6B6B;
	color: #FFFF00;
	border-left: 1px solid #6B6B6B;
	border-right: 1px solid #6B6B6B;
	border-bottom: 1px solid #6B6B6B;
}
ul#nav #link-vehicles ul li a:hover, #sect-nav #sect-link-vehicles ul li a:hover {
	background-image: url(http://www.hirecar.co.nz/images/sub-nav-yellow-bg.gif);
	background-repeat: no-repeat;
	background-position: 6px 10px;
	background-color: #6B6B6B;
	color: #FFFF00;
}

ul#nav li ul ul {
	margin: -25px 0 0 130px !important;
	margin: -25px 0 0 129px; /* IE6 fix */
}

ul#nav li:hover ul ul, ul#nav li:hover ul ul ul, ul#nav li.sfhover ul ul, ul#nav li.sfhover ul ul ul {
	left: -999em;
}

#sect-nav li:hover ul ul, #sect-nav li:hover ul ul ul, #sect-nav li.sfhover ul ul, #sect-nav li.sfhover ul ul ul {
	left: -999em;
}

ul#nav li:hover ul, ul#nav li li:hover ul, ul#nav li li li:hover ul, ul#nav li.sfhover ul, ul#nav li li.sfhover ul, ul#nav li li li.sfhover ul {
	left: auto;
	display: block;  /* Important */
}
#sect-nav li:hover ul, #sect-nav li li:hover ul, #sect-nav li li li:hover ul, #sect-nav li.sfhover ul, #sect-nav li li.sfhover ul, #sect-nav li li li.sfhover ul {
	left: auto;
	display: block;  /* Important */
}

ul#nav li:hover, #nav li.sfhover, #sect-nav li:hover, #sect-nav li.sfhover {
	background-image: none;
}

ul#nav li,#nav li a{background:transparent none repeat scroll 0 0;display:block;height:26px;}


ul#nav li{margin:0;padding:0;position:absolute;top:0;}

#nav li,#nav li a{display:block;height:26px;}
ul#nav li a{text-indent:-9999px;}
#link-quick-quote{left:0;width:157px;}
#link-vehicles{left:157px;width:124px;}
#link-special-offers{left:281px;width:168px;}
#link-location{left:449px;width:128px;}
#link-our-team{left:577px;width:145px;}
#link-about-us{left:722px;width:132px;}
#link-quick-quote a:hover{background:transparent url(images/home-menu-bg.gif) no-repeat scroll 0 -28px;}
#link-vehicles a:hover{background:transparent url(images/home-menu-bg.gif) no-repeat scroll -157px -28px;}
#link-special-offers a:hover{background:transparent url(images/home-menu-bg.gif) no-repeat scroll -281px -28px;}
#link-location a:hover{background:transparent url(images/home-menu-bg.gif) no-repeat scroll -449px -28px;}
#link-our-team a:hover{background:transparent url(images/home-menu-bg.gif) no-repeat scroll -577px -28px;}
#link-about-us a:hover{background:transparent url(images/home-menu-bg.gif) no-repeat scroll -722px -28px;}

/*--section menu--*/
div.container-section ul#nav{top:142px;background:transparent url(images/menu-section-bg.gif);}

div.container-section #link-quick-quote{left:0;width:145px;}
div.container-section #link-vehicles{left:145px;width:113px;}
div.container-section #link-special-offers{left:258px;width:162px;}
div.container-section #link-location{left:420px;width:111px;}
div.container-section #link-our-team{left:531px;width:119px;}
div.container-section #link-about-us{left:650px;width:119px;}
div.container-section #link-home{left:769px;width:85px;}

div.container-section #link-quick-quote a:hover{background:transparent url(images/menu-section-bg.gif) no-repeat scroll 0 -27px;}
div.container-section #link-vehicles a:hover{background:transparent url(images/menu-section-bg.gif) no-repeat scroll -145px -27px;}
div.container-section #link-special-offers a:hover{background:transparent url(images/menu-section-bg.gif) no-repeat scroll -258px -27px;}
div.container-section #link-location a:hover{background:transparent url(images/menu-section-bg.gif) no-repeat scroll -420px -27px;}
div.container-section #link-our-team a:hover{background:transparent url(images/menu-section-bg.gif) no-repeat scroll -531px -27px;}
div.container-section #link-about-us a:hover{background:transparent url(images/menu-section-bg.gif) no-repeat scroll -650px -27px;}
div.container-section #link-home a:hover{background:transparent url(images/menu-section-bg.gif) no-repeat scroll -769px -27px;}





.qq-side-text{color:#F50000;font-size:13px;margin:2ex 0 1ex;text-align:left;}
.qq-side-bar{background-color:#FFE92B;border-bottom:1px solid #F50000;border-right:1px solid #F50000;border-top:1px solid #F50000;padding:10px;}
.qq-side-bar ul{margin:0;padding:10px 0;}
img.phone-qq{margin:225px 0 0;}
.qq-button{background:url('images/qq-button.gif') top left;width:196px;height:29px;display:block;text-indent:-9999px;outline:none;}
.qq-button:hover{background-position:0 -29px;}

.center{
display:block;
margin:0 auto;
}
/*---layer styles-- */
#layer1,#layer2,#layer3,#layer4,#layer5{position:absolute;visibility:hidden;width:200px;height:120px;left:5px;margin-top:33px;background-color:#fff;border:1px solid #e2e2e2;border-right:1px solid #000;border-bottom:1px solid #000;padding:10px;z-index:100;background:#fff url(images/box-gradient.jpg) repeat-x top left;}
#layer3{left:580px;margin-top:100px;}
#layer4{left:53px;top:90px;}
.close{float:right;margin:-7px -4px 0 0;background:url(images/close-box.gif) top right no-repeat;display:block;width:14px;height:14px;}
#layer1 h3,#layer2	h3,#layer3 h3,#layer4	h3,#layer5	h3{text-align:center;color:#000;}
/*--section head elements-- */
#contact-panel{background:transparent url(images/woman-phone-bg.jpg) no-repeat scroll right bottom;float:right;height:142px;overflow:hidden;position:relative;top:0;width:520px;}
ul.phone-numbers,ul.phone-numbers1{left:-20px;top:70px;position:absolute;text-align:right;width:170px;}
ul.phone-numbers1 {
left:137px;
}
ul.phone-numbers li , ul.phone-numbers1 li {
background:none;
}
ul.phone-numbers li strong, ul.phone-numbers1 li strong {
color:#f02900;
}
#layer1,#layer2,#layer3 li,ul.phone-numbers li,ul.phone-numbers1 li{font-weight:bolder; list-style:none;}


/*sidebar cta-free-call*/

dl#cta-free-call {
color:#000;
font-size:15px;
vertical-align:center;
margin: 0 1px ;
}
dl#cta-free-call dt{
font-weight:bold;
text-indent:15px;
}
dl#cta-free-call dd{
text-align:left;
text-indent:15px;
margin:0 0 10px 0;
padding:0;
}
dl#cta-free-call dt#cta-free-heading {
font-size:18px;
text-align:center;
text-indent:0;
margin-bottom:10px;
}