/*-============================================
* Author: S. Mohammed Alsharaf
* Version: 1.0
* Website: http://www.oilchanges.co.nz/
===========================================-*/
/*-===Default Tags==========================*/
.center {
	text-align:center;
}
html,body {
	height: 100%;
	min-height: 100%;
}

body {
	font-family: Arial;
	font-size: 12px;
	background: #fcfaf7;
	color: #4f4d4d;
}

body a, a:hover, a:visited {
	color: #4f4d4d;
	font-decoration: underline;
}

h2,h3,h4,h5,h6 {
	color: #ffc327;
}

h3 {
	color: #4F4D4D;
	font-size: 15px;
	font-weight: bold;
}

h1 {
	width: 98.6%;
	font-color: #4F4D4D;
	font-weight: bold;
	font-size: 18px;
	line-height: 23px;
	padding-left: 10px;
	margin-bottom: 10px;
	background: transparent url("../img/h1bg.png") repeat-x scroll left top;
}

p {
	line-height: 18px;
	margin-bottom: 10px;
}

p.intro {
	font-weight: bold;
	font-size: 13px;
}
p.pointlist ul li {
	list-style: decimal outside;
	margin-left: 40px;	
}

p.pointlist li {
	margin-bottom: 10px;	
}

p strong {
	font-weight: bold;
	color: #4f4d4d;
}
p a, a:hover, a:visited {
	color: #4f4d4d;
	font-decoration: underline;
}

form {
	
}

form li {
	float: left;
	margin: 5px 0;
	width: 100%;
}

label {
	float: left;
	width: 100px;
	font-weight: bold;
}

label span {
	color: red;
	float: left;
	font-size: 20px;
	font-weight: bold;
	margin-right: 3px;
}

input[type="text"],textarea,select {
	border: 1px solid #FFC327;
	width: 300px;
}

textarea {
	height: 200px;
}

.submit {
	text-align:right;	
}
input[type="submit"],.submit input, #button {
	background: transparent url("../img/left-middle-bg.gif") repeat-y scroll
		left top;
	border: 1px solid #FFC327;
	margin-right:50px;
	padding: 3px 8px;
	cursor: pointer;
	width:60px;	
	*margin-top:10px;
	*margin-right:47px;
}

.submit input:hover {
	border: 1px solid #EFEDE9;
	cursor: pointer;
}
* html textarea, * html input {
	border: 1px solid #FFC327;
	width: 300px;
}
* html #button {
	background: transparent url("../img/left-middle-bg.gif") repeat-y scroll
		left top;
	border: 1px solid #FFC327;
	margin-right:42px;
	padding: 3px 8px;
	cursor: pointer;
	width:60px;
}
.errors {
	color: red;
	float: right;
	font-size: 11px;
	font-weight: bold;
	margin-right: 50px;
	*margin-right:47px;
}
* html .errors {
	text-align:right;
	margin-right: 22px;
}
.errors li {
	
}

h2 {
	color: #C9B02E;
	font-size: 16px;

}

h1 img {
	margin-right: 5px;
	vertical-align: bottom;
}

/*-===Header================================*/
#wrapper {
	height: 100%;
	width: 100%;
	margin: 0px auto;
}

#header {
	height: 131px;
	background: #000000;
}

.logo {
	float: left;
	height: inherit;
	margin-left: 72px;
}

.sublogo {
	float: right;
	margin-right: 71px;
	margin-top: 54px;
}

#contentWrapper,.headerContainer {
	width: 1043px;
	margin: 0 auto;
}

/*-===Top Menu==============================*/
#topMenu,#topMenu ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#nav ul {
	display: none;
	position: absolute;
	z-index: 9;
}

#topMenu ul li {
	display: inline;
	float: left;
	text-indent: 0px;
	margin: 0px;
	margin: 0px;
	margin: 0px;
	background: transparent url("../img/topmenu-bg.gif") repeat-x scroll
		left -35px;
	height: 35px;
}

ul#nav li li {
	display: block;
	float: none;
}

ul#nav ul li a {
	display: block;
	padding: 2px;
}

#topMenu {
	float: left;
	height: 35px;
	margin-left: 71px;
	margin-top: -2px;
	width: 901px; *
	margin-top: 0px;
}

#topMenu ul {
	float: left;
	height: 35px;
	width: inherit;
}

#topMenu ul li {
	background: transparent url("../img/topmenu-bg.gif") repeat-x scroll
		left -35px;
	border-right: 1px solid #444241;
	display: inline;
	float: left;
	height: 35px;
	margin: 0;
	text-indent: 0;
}

#topMenu ul li.last {
	border: 0px none;
	width: 139px;
}

#topMenu .first a {
	padding: 11px 23px !important;
}

#topMenu .parent-item a {
	color: #FFD229;
	float: left;
	font-weight: bold;
	margin: 0px;
	padding: 11px 19px 10px;
	font-size: 13px;
	text-decoration: none;
}

#topMenu .parent-item a img {
	margin-left: 5px;
}

#topMenu .parent-item a:hover {
	color: #fcfaf7;
	background: transparent url("../img/topmenu-hover.gif") repeat-x scroll
		left 0px;
}

.parent-item ul {
	display: none;
	position: absolute;
}

#topMenu .subNav {
	z-index: 1000;
}

#topMenu .subNav li {
	width: 184px;
	z-index: 1000; *
	margin-bottom: -3px;
}

#topMenu .subNav li.subNav-item {
	background: transparent url("../img/submenu-bg.gif") repeat-x scroll
		left 0;
	border-bottom: 1px solid #1C1B1B;
	border-left: 1px solid #1C1B1B;
	border-right: 1px solid #1C1B1B;
	height: 25px;
}

#topMenu .subNav li.subNav-item a {
	color: #121111 !important;
	padding: 7px 0 7px 5px;
	float: left;
	width: 184px;
	font-size: 11px;
}

#topMenu .subNav li.subNav-item a:hover {
	background: #1C1B1B none no-repeat scroll left top;
	color: #f1c327 !important;
	width: 180px;
}

* html #topMenu .subNav li.subNav-item a:hover {
	width: 184px;
}

#topMenu .subNav ul {
	border-top: 1px solid #1C1B1B;
	height: auto;
	margin-left: 2px;
	margin-top: -1px;
}

#topMenu .subNav ul.subNav2 {
	background: none !important;
}

#topMenu .subNav ul li {
	background: transparent url("../img/submenu-bg.png") no-repeat scroll
		left -25px;
	border-bottom: 1px solid #1C1B1B;
	border-right: 1px solid #1C1B1B;
	height: 25px;
}

#topMenu .subNav ul li a {
	color: #f0c628 !important;
}

#topMenu .subNav ul li a:hover {
	color: #121111 !important;
	background: transparent url("../img/submenu-bg.png") no-repeat scroll
		left -25px !important;
}

#topMenu .subNav  .subNav2-item {
	background: transparent url("../img/submenu-bg.png") repeat-x scroll
		left -25px
}
* html #nav li.parent-item{
	height:37px;	
}
* html #nav li.subNav-item a {
	height:14px;
	padding-bottom:4px !important;
	margin-bottom:0px !important;	
}
/*-===Content===============================*/
#content {
	clear: both;
	float: left;
	margin-left: 71px;
	margin-top: 20px;
	width: 900px;
}

/*===Home===*/
.home9minutes {
	background: transparent url("../img/images/9-minutes.jpg") no-repeat
		scroll center;
	height: 400px;
	width: 647px;
}

.content9minutes {
	float: right;
	margin-top: 70px;
	width: 250px;
}

.content9minutes h2 {
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
}

.content9minutes p {
	color: #F9F7F2;
}

.homepromises {
	background: transparent url("../img/11points.gif") no-repeat scroll left
		top;
	height: 145px;
	margin-top: 20px;
	padding-left: 150px;
}

/*-===left==================================*/
.left {
	float: left;
	width: 230px;
	fon-family: Arial;
	display: inline;
}

.left-top {
	background: transparent url("../img/left-top-bottom-bg.gif") no-repeat
		scroll left top;
	height: 10px;
}

.left-bottom {
	background: transparent url("../img/left-top-bottom-bg.gif") no-repeat
		scroll left -10px;
	height: 10px;
}

.left-middle {
	background: transparent url("../img/left-middle-bg.gif") repeat-y scroll
		left top;
}

.left h2 {
	color: #4F4D4D;
	font-size: 14px;
	font-weight: bold;
	margin-left: 15px;
	width: 230px;
	margin-right: 0px; *
	padding-bottom: 20px;
}

.left a {
	color: #c79817;
}

.left a:hover {
	text-decoration: none;
}

.left ul {
	border-top: 1px solid #EFEDE9;
	border-bottom: 1px solid #FBF9F6;
	margin: 0 2px;
}

.left ul li {
	background: transparent url("../img/point.gif") no-repeat scroll 13px
		5px;
	border-bottom: 1px solid #EFEDE9;
	border-top: 1px solid #FBF9F6;
	padding: 5px 5px 5px 30px;
}

.left ul li.light {
	background: transparent url("../img/images/home-left.jpg") no-repeat
		scroll left top;
	color: #C79817;
	font-weight: bold;
	height: 365px;
	padding-left: 10px;
	text-transform: uppercase;
}

.leftBottom {
	text-align: center;
	padding-top: 30px;
}

/*==Left Menu ==*/
.leftMenu a {
	color: #565253;
	font-family: Verdana;
	text-decoration: none;
}

.leftMenu a:hover,.leftMenu a.here {
	text-decoration: underline;
	color: #cba640;
}

/*-===middle================================*/
.content {
	padding-top: 20px;
	float:left;
	width:100%;
	clear:both;
	display:inline;
	height:1%
}
* html .content {
	height:470px;	
}
.middle {
	float: left;
	margin-left: 22px;
	width: 648px;
	display: inline;
}

* html .middle {
	margin-left: 7px;
}

#guarantee ul li {
	list-image: url("../img/point.gif");	
}

.breadcrumb {
	border-bottom: 2px solid #efede9;
	color: #cfcccc;
	padding-bottom: 10px;
}

.breadcrumb a {
	color: #cba640;
	padding: 0px 3px;
}

.breadcrumb a:hover {
	text-decoration: none;
}

.contentImg {
	float: right;
	margin-left: 15px;
	margin-bottom: 20px;
}

/*locations*/
#locationsDiv {
	float:left;
	width:249px;
}

.locationItem {
	border:2px solid #EFEDE9;
	display:none;
	float:left;
	padding:5px;
	width:249px;
}

.locationItem .mlone {
	border-top: 1px solid #EFEDE9;
	border-bottom: 1px solid #FBF9F6;
	
}
.locationItem .lone ,.locationItem .mlone {
	float:left;
	padding-bottom:10px;
	width:100%;
}
.locationItem .address {
	line-height: 15px;
	margin-bottom: 10px;
	clear:left;
	text-align:left;
	width:154px;
	font-size:11px;
	min-height:70px;
	*height:70px;
}

.locationItem  .owner {
	clear:both;
	float:left;
	text-align:right;
	width:100%;
}

.locationItem  strong {
	font-weight: bold;
}
.locationItem  h3 {
	float:left;
}
.locationItem  span {
	font-style: italic;
}
.locationItem  em {
	display:block;
	font-size:11px;
	font-weight:bold;
	text-align:left;
}
.locationItem  img {
	float:right;
	margin-bottom:10px;
	margin-left:0;
}

/*survey*/
#surveyForm {
	float:left;
}
#surveyForm  li{
	background:#F7F4F0 none repeat scroll 0 0;
}
#surveyForm table {
	border:2px solid #EFEDE9;
	border-collapse:collapse;
	width:100%;
}
#surveyForm table th {
	background:transparent url(../img/topmenu-bg.gif) repeat-x scroll left -35px;
	color:#FFD229;
	font-weight:bold;
}
#surveyForm table th span {
	background:#FFC119 none repeat scroll 0 0;
	border:1px solid #FFD229;
	color:#565253;
	padding:4px 0;
	position:absolute;
	top:245px;
	width:70px;
	margin-left:-40px;
}
#surveyForm td,#surveyForm table th {
	border:2px solid #EFEDE9;
	padding:5px;
}
* html #surveyForm td input, * html .term input, * html .shops input {
	width:auto !important;
	border:0px none;
}
#surveyForm td label {
	width:100%;
}

.term label{
	display:inline !important;
	float:none;
}
#surveyForm .surveyContainer1 {
	border:2px solid #EFEDE9;
	margin-left:-1px;
	padding:5px 0 5px 5px;
	width:639px !important;
}
.surveyContainer1 label {
	display:block;
	margin-bottom:10px;
	width:90%;
}
.surveyContainer2 label,#surveyForm .surveyContainer2f label,#surveyForm .surveyContainer2l label {
	width:140px;
}
#surveyForm .surveyContainer2f {
	border-top:2px solid #EFEDE9;
	border-bottom:0px none;
}

#surveyForm .surveyContainer2l {
	border-bottom:2px solid #EFEDE9;
}

#surveyForm .surveyContainer2,#surveyForm .surveyContainer2f,#surveyForm .surveyContainer2l  {
	border-left:2px solid #EFEDE9;
	border-right:2px solid #EFEDE9;
	margin-bottom:0;
	padding:5px 0 5px 5px;
	width:639px !important;
}
#surveyForm .surveyContainer3 {
	border:2px solid #EFEDE9;
	margin:10px 0;
	padding:5px 0 5px 5px;
	width:639px !important;
}
#surveyForm .surveyContainer3 label {
	margin-bottom:10px;
	width:90%;
}
#surveyForm .surveyContainer3 .shops label {
	width:45%;
	font-weight:normal;
}
#surveyForm li {
	margin:0 0 10px;
	width:647px;
}
#surveyForm textarea {
	height:80px;
	width:630px;
}
#surveyForm  li.submit {
	margin:0px;
	background:none;	
}
#surveyForm #button {
	margin:0px;
}
#surveyForm .shops {
	margin-left:140px;
}

/*-===bottom================================*/
#bottom {
	background: transparent url("../img/bottom-bg.jpg") no-repeat scroll 0 0;
	clear: both;
	float: left;
	height: 163px;
	margin-left: 71px;
	width: 900px;
	color: #565353;
	font-family: Verdana;
	font-weight: normal;
}

#bottom  .left,#bottom .right {
	margin-top: 26px;
	padding-left: 20px;
	padding-top: 10px;
	width: 270px;
	float: left;
}

#bottom .left {
	background: transparent url("../img/nz-map-small.png") no-repeat scroll
		right center;
	behavior: url("../is/iepngfix.htc");
}

#bottom h3 {
	color: #D2A52A;
	font-weight: bold;
	margin: 0 0 10px;
	text-decoration: underline;
	text-transform: uppercase;
}

#bottom p {
	font-size: 11px;
}

#bottom a {
	color: #ca9d24;
	font-weight: bold;
}

#bottom a:hover {
	text-decoration: none;
}

/*-===Footer================================*/
#footer {
	float: left;
	margin-top: 30px;
	width: 100%;
	clear: both;
}

.footerMenu {
	background: #E6B42C none repeat scroll 0 0;
	border-top: 3px solid #D2A52A;
}

.footerMenu ul {
	height: 60px;
	margin: 0 auto;
	width: 600px;
}

.footerMenu li {
	border-right: 1px solid #D7A92A;
	display: inline;
	float: left;
	margin: 5px 0;
	padding: 0 10px;
}

.footerMenu li.last {
	border-right: 0px none;
}

.footerMenu a {
	color: #FCFAF7;
	font-weight: bold;
	text-decoration: none;
}

.footerMenu a:hover {
	text-decoration: underline;
}

.copyright {
	background: #090909 none repeat scroll 0 0;
	color: #4E4C4C;
	font-size: 11px;
	padding: 20px 0;
	text-align: center;
}

.copyright a {
	color: #FCFAF7;
	text-decoration: none;
}

.copyright a:hover {
	text-decoration: underline;
}