@charset "utf-8";
/* CSS Document */

html { 				
	height: 100%; margin-bottom: 1px; 
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #515151;
	background-color:#3a3a3a;
	text-align: center;
	margin: 0px;
	padding: 0px;	
}
h1, h3 {
	font-size:18px;
	line-height:22px;
	margin: 0px;
	margin-bottom: -6px;
	padding: 0px;
}

h2, h4 {
	font-size:14px;
	line-height:22px;
	margin-top: 12px; 
	margin-bottom: 8px;
	color:#cc0003;
}
h2 a:link, h2 a:visited {
	color:#cc0003;
	text-decoration:none;
}
h2 a:hover {
	color:#FF2404;
	text-decoration:none;
}
h4 {
	border-bottom:solid 1px #FFCC00;
}
#specials h2 {
	font-size:14px;
	line-height:24px;
	margin-top: 12px; 
	margin-bottom: 0px;
	color:#cc0003;
	border-bottom:solid 1px #FFCC00;
	background-image:url('http://www.hometune.co.nz/images/tick.jpg');
	background-position:0px 3px;
	background-repeat:no-repeat;
	padding-left:27px;
}
p {
	line-height: 18px;	
}
#specials p {
	margin:6px 0px;

}
ul {
	margin-top:0px;

}
ul li {
	line-height: 18px;
	list-style:none;
	background-image:url(../images/tick.jpg);
	background-repeat:no-repeat;
	background-position:0px 1px;
	padding-top:0px;
	padding-bottom:10px;
	padding-left:30px;
	margin:0px;
	margin-left:-33px;
}
#specials li {
	line-height: 18px;
	background-image:none;
	list-style:outside square;
	padding:0px;
	margin:0px;
}
.numbering {
	font-size:18px;
	color:#e5c208;
	font-weight:bold;
	float:left;
	padding-right:10px;
	padding-bottom:10px;
}
.image-right {
	margin-left:25px;
}
.image-left {
	margin-right:25px;
}
.image-border {
	border:solid 4px #CCCCCC;
}
.bordered-box {
	border:solid 1px #e5c208;
	padding:10px;
	display:block;
}
/** html ul {
	padding-top:10px;
}
* html li {
	line-height: 30px;
	list-style-image:url(../images/tick-IE6.jpg);
	background-image:none;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:14px;
	margin:0px;
	margin-left:-20px;
}*/
a:link, a:visited {	
	color:#0099FF;
	text-decoration:none; 
}
a:hover, a:active {		
	color:#00CCFF;
	text-decoration:none; 
}

/* LAYOUT */
#wrapper {
	position: relative;
	width: 955px;	
	margin-top: 11px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: auto;
	text-align: left;
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-y;
}
#header {
	height: 157px;
	width: auto;
	background-image:url(../images/hd-bg.jpg);
	background-repeat:repeat-y;	
}
#menu {
	position:absolute;
	top:97px;
	left:36px;
	text-align:center;
	width:670px;
}
#header #logo {
	position:absolute;
	top:35px;
	left:11px;
}
#header #mobile-mechanic {
	position:absolute;
	top:35px;
	right:35px;
}
#header #mobile-mechanic-txt {
	position:absolute;
	top:157px;
	right:37px;
	z-index:9;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	width:231px;
	text-align:center;
}
#header #hd-bg-shadow {
	position:absolute;
	top:0px;
	left:36px;
	width:895px;
	height:11px;
	background-image:url(../images/hd-bg-shadow.jpg);
	background-repeat:repeat-x;	
}
#header #hd-crn-lhs {
	position:absolute;
	top:0px;
	left:0px;
}
#header #hd-crn-rhs {
	position:absolute;
	top:0px;
	right:0px;
}
* html #header #hd-crn-rhs {
	right:-1px;
}
#container {
	position:relative;
	padding: 0px;
	margin-top: -5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 1%;
	width: auto;
}
#left {	
	width: 634px;
	margin-top: 25px;
	margin-right: 17px;
	margin-bottom: 10px;
	margin-left: 36px;
	float: left;
}
* html #left {	
	margin-left: 18px;
}
#column, #column2, #column3  {
	position:relative;
	float:left;
	width:290px;
	height:auto;
}
#column2 {
	margin-left:32px;
	width:300px;
}
#column3 {
	margin-right:15px;
	width:195px;
}
#column-teaser {
	position:relative;
	margin-top:23px;
	margin-left:80px;
	font-size:11px;
	line-height:16px;
}
#tags {
	position:relative;
	margin-top:8px;
	padding-top:5px;
	text-align:center;
	background-image:url(../images/tag-bg.jpg);
	background-repeat:no-repeat;
}
#tags a:link, #tags a:visited {
	line-height:24px;
	color:#767676;
	padding:0px 4px 0px 4px;
}
#tags a:hover {
	color:#FF0000;
}
#column-teaser h2 {
	margin-top:0px;
	margin-bottom:2px;
}
#column-teaser #icon {
	position:absolute;
	right:228px;
	top:3px;
}
#column2 #icon {
	right:238px;
}
#column-teaser #button {
	margin-top:5px;
	margin-right:4px;
	margin-left:-1px;
}
#right {
	height: auto;
	width: 235px;
	margin-top:25px;
	float: left;
}
#car-makes {
	position:relative;
	left:11px;
	text-align: center;
	width:933px;
	height:64px;
	border-top:1px solid #cc0003;	
}
#car-makes img {
	padding-top:13px;
}
#image-right {
	float:right;
	margin-left:20px;
}
#image-left {
	float:left;
	margin-right:20px;
}
.clearer {
	clear: both;
}
#footer {	
	position:relative;
	top:0px;
	left:11px;
	width:933px;
	background-image:url(../images/ft-bg.jpg);
	background-repeat:repeat-x;
	background-color:#3a3a3a;
	height:55px;
}
#footer #ft-crn-lhs {
	position:absolute;
	bottom:0px;
	left:-11px;
}
* html #footer #ft-crn-lhs {
	bottom:-1px;
}
#footer #ft-crn-rhs {
	position:absolute;
	bottom:0px;
	right:-11px;
}
* html #footer #ft-crn-rhs {
	bottom:-1px;
	right:-12px;
}
#copyright {
	position:absolute;
	right:25px;
	top:0px;
	padding-top:7px;
	padding-left:27px;
	font-size:10px;
	color:#fff;
	z-index:8;
	background-image:url(../images/ft-seperator.gif);
	background-repeat:no-repeat;
}
/* BOXES */

#teaser-book {
	position:relative;
	display:block;
	margin-top:5px;
	margin-left:2px;
}
#sponsors {
	position:relative;
	display:block;
	margin-top:10px;
	margin-left:2px;
}
#radio-ads {	
	width:229px;
	margin:10px 0px;;
	padding:1px;
	background-image:url(../images/teaser-head.gif);
	background-repeat:no-repeat;
	background-color:#000;
	display:block;
	color:#FFF;	
}
#radio-ads p {
	line-height:18px;
	padding:0px;
	margin:0px;	
}
#radio-ads h2 {
	line-height:18px;
	margin:8px 20px ;
	padding:0px;		
}
#cust-test {
	display:none;
	position:absolute;
	bottom:115px;
	left:20px;
	padding:20px;
	z-index:80;
	background-color:#fff;
	color:#000;	
	font-size:16px;
	font-weight:bold;	
	filter:alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	width:auto;
}
/* NAVIGATION */
.arrow-link, .arrow-link:link, .arrow-link:visited, .arrow-link:hover {
	background-image:url(../images/arrow-grey.gif);
	background-repeat:no-repeat;	
	padding-left:18px;
	font-weight:bold;
	line-height:12px;
	margin:8px;
}
#menu a:link, #menu a:visited  {	
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	width:auto;
	float:left;
	margin-right:32px;
	height:60px;
}
#menu a:hover  {
	color:#ffb22a;
}
#menu .active {
	background-position:bottom center;
	background-image:url(../images/arrow-active.gif);
	background-repeat:no-repeat;
}
#menu a:link img, #menu a:visited img {
	background-color:#b00003;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:4px;
}
#menu a:hover img {
	background-color:#7c0002;
}
#foot-menu a:link, #foot-menu a:visited, #foot-menu a:active {
	position:relative;
	top:13px;
	left:21px;
	font-size:14px;
	line-height:14px;
	background-image:url(../images/arrow.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;
	padding-left:14px;
	padding-right:16px;
	color: #fff;
	text-decoration: none;
	z-index:8;
}
#foot-menu a:hover {
	color: #ffb22a;
	text-decoration: none;
}
#copyright a:link, #copyright a:visited, #copyright a:active {
	color: #fff;
	text-decoration: none;
	z-index:8;
}
#copyright a:hover {
	color: #ffb22a;
	text-decoration: none;
}
#button-rhs:link, #button-rhs:visited {
	position:relative;
	width:215px;
	height:40px;
	line-height:36px;
	margin-top:13px;
	padding-left:20px;
	background-image:url(../images/btn-rhs.jpg);
	background-repeat:no-repeat;
	color:#030000;
	font-size:13px;
	font-weight:bold;
	text-align:left;
	text-decoration:none;
	display:block;
}
#button-rhs:hover {
	color:#cc0003;
	text-decoration:none;
}
#button-rhs #view-all {
	font-size:11px;
	color:#7a730d;
	position:absolute;
	top:0px;
	right:20px;
	font-weight:normal;
}
#button-next:link, #button-next:visited {
	width:102px;
	height:30px;
	line-height:32px;
	margin-left:-2px;
	margin-top:5px;
	padding-left:55px;
	background-image:url(../images/btn-next.jpg);
	background-repeat:no-repeat;
	color:#000;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	text-decoration:none;
	display:block;
}

/* FADE-IN/OUT BACKGROUND */
#slide-images{
	position:relative;
	width:211px;
	height:182px;
	margin-top:4px;
	margin-left:2px;	
}
#teaser {
	display:none;
	position:relative;
}
#teaser p {
	position:absolute;
	top:31px;
	left:0px;
	color:#000000;
	padding:8px 20px;
	background-image:url(../images/teaser-testimonial.jpg);
	height:140px;
	width:191px;
	font-size:12px;
	line-height:18px;
	margin:0px;
}
#teaser:link, #teaser:visited {
	position:absolute;
	width:211px;
	height:192px;
	line-height:31px;
	padding-left:20px;
	background-image:url(../images/teaser-head.gif);
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;
	color:#fff;
	font-size:14px;
	font-weight:bold;
}
#teaser:hover {
	text-decoration:none;
	color:#ffb22a;
}
#teaser img {
	position:absolute;
	top:31px;
	left:0px;
}

.tag1:link, .tag1:visited  {
	font-size:24px;
}

.tag2:link, .tag2:visited  {
	font-size:20px;
}

.tag3:link, .tag3:visited  {
	font-size:16px;
}
.tag4:link, .tag4:visited, .tag5:link, .tag5:visited, .tag6:link, .tag6:visited  {
	font-weight:bold;
}