body {
	font-size: 10pt;
	font-family: Arial,  'Lucida Grande', 'Lucida Sans Unicode', Verdana, Helvetica, sans-serif;
	text-align:center;
	background: #FFD600 url(../images/bg.gif) 0 114px repeat-x;
	margin: 4px;
	padding: 0;}
	
div.wrap {
	width: 777px;
	margin: 0 auto;
	text-align: left;
	/*background-color: #fff;*/}
	
div.header {
	position: relative;
	height: 178px;
	margin: 0;
	background: transparent url(../images/header_bg.gif) 0 0 no-repeat;}
div.header img#header_img {
	width: 745px;
	height: 149px;
	margin: 15px 0 0 16px;}
div.header img#logo {
	position: absolute;
	top: 39px;
	left: 40px;}

/* Container for nav */
div.nav_container {
	position: relative;
	/*width: 700px;*/
	height: 38px;
	background: #F1141B url(../images/nav_bg.gif) 0 0 repeat-x;
	clear: both;
	padding: 0 0 0 27px;}
div.nav_container img#lc {
	position: absolute;
	left: 0;
	top: 0;}
div.nav_container img#rc {
	position: absolute;
	right: -1px;
	top: 0;}
	
div.shad_wrap {
}

div.content {
	clear: both;
	padding: 5px 16px;
	background: #fff url(../images/side_shad.gif) 0 0 repeat-y;}

div.page_content {
	padding: 0 40px;}

/* Breadcrumb */
div.breadcrumb {
	font-size: 0.8em;
	margin: 1em 30px 1em;}
	
/* Pager links */
.pager_links {
	text-align: center;
	font-size: 0.8em;}
	
div.noimage {
	background-color: #f3f3f3;
	color: #999;
	border: 1px solid #999;
	padding: 10px;
	font-weight: bold;
	text-align: center;}
	
/* Category list */
div.category_desc {
	padding: 0 40px;}
	
/* Products list */
div.product_list {
	padding: 0 40px;}

div.product_list div.noimage {
	width: 80px;
	height: 60px;
	line-height: 60px;
	float: left;
	margin: 0 8px 10px 0;}
	
div.product_list div.item {
	clear: both;
	border-bottom: 1px solid #eee;
	margin: 10px 0;
	padding: 5px 0 20px;}
	
div.product_list div.item h3 {
	margin: 0 0 0.5em;
	font-size: 1.0em;
	/*background-color: #f0f0f0;*/
	padding: 2px;}
	
div.product_list div.item h3 a {
	color: #004F82; /*#34516F;*/
	text-decoration: none;}
	
div.product_list div.item h3 a:hover {
	/*color: #FA9D00;*/
	text-decoration: underline;}
	
div.product_list div.item img {
	float: left;
	margin: 0 8px 10px 0;
	border: 1px solid #ccc;}
	
div.product_list p.more_info {
	text-align: right;
	font-weight: bold;
	margin: 0.2em 0 0;}

/* Product detail */
div.product_detail {
	padding: 0 1em 1em;}
div.product_detail h2 {
	font-size: 1.2em;
	background-color: #ececec;
	padding: 2px 8px;
	color: #000;}
div.product_detail div.product_desc {
	padding: 0.5em 0;}

/* Home page */
body.body_home div.page_content {
	float: left;
	width: 390px;
	margin: 0;
	padding: 0 0 0 40px;}
div.feature {
	position: relative;
	float: right;
	width: 220px;
	/* background: #3b3b3b url(../images/feature_bg.gif) top left repeat-y; */
	color: #fff;
	padding: 8px 20px;}
div.feature img.br {
	position: absolute;
	bottom: 0;
	right: 0;}
div.feature h3 {
	margin: 0 0 5px;}
div.feature h4 {
	margin: 0 0 0 10px;}
div.feature p {
	margin: 0.5em 10px;}
div.feature a {
	color: #FFD600;
}
	
/* Locations page */
div#map {
	position: relative;
	width: 216px;
	height: 312px;
	margin: 0 60px 0 0;
	float: right;
	background: url(../images/nzmap.gif) 0 0 no-repeat;
	/*border: 1px dotted red;*/
	z-index: 100;}
	
div#map a {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	display: block;
	padding: 1px 1px 1px 15px;
	height: 10px;
	line-height: 10px;
	font-size: 10px;
	text-decoration: none;
	color: #0068A7;
	background: transparent url(../images/para_rubber_logo_location.gif) 1px center no-repeat;}
div#map a:hover {
	background-color: #fff;
	color: #FA171F;}
div#map a.right {
	background-position: right center;
	padding: 0 14px 0 0;}
div#map #map_whangarei {
	top: 25px;	left: 127px;}
div#map #map_auckland {
	top: 55px;	left: 90px;}
div#map #map_glenfield {
	top: 45px;	left: 140px;}
div#map #map_hamilton {
	top: 82px;	left: 104px;}
div#map #map_tauranga {
	top: 80px;	left: 172px;}
div#map #map_rotorua {
	top: 95px;	left: 170px;}
div#map #map_new_plymouth {
	top: 112px;	left: 54px;}
div#map #map_palmerston_north {
	top: 135px;	left: 55px;}
div#map #map_christchurch {
	top: 215px;	left: 105px;}
div#map #map_dunedin {
	top: 270px;	left: 65px;}
div#map #map_nelson {
	top: 160px;	left: 75px;}

div#details {
	position: relative;
	background: #e3e3e3;
	margin: 0 0 0 100px;}
div#details div {
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	margin: 1em 0 0;}
div#details h2,
div.details h2 {
	margin: 0 0 1em;}
div#details h3,
div.details h2 {
	margin: 0.2em 0 0;}
div#details p,
div.details p {
	margin: 0 0 1em;}

div.footer {
	clear: both;
	background: #fff url(../images/side_shad.gif) 0 0 repeat-y;
	padding: 20px 18px 0;
	text-align: center;
	font-size: 0.8em;
	color: #000;}
body.body_home div.footer {
	padding-top: 0;
}
div.footer div.dashes {
	/*width: 720px;
	margin: 0 auto;*/
	background: #fff url(../images/hori_dash.gif) 0 0 repeat-x;}

div.debug {
	overflow: auto;
	width: 400px;
	/*height: 300px;*/
	margin: 1em;
	padding: 1em;
	white-space: pre;
	font-size: 0.8em;
	border: 1px dashed #609;
	background-color: #f9f9f9;}

	.clearfix:after {
	        content:".";
	        display:block;
	        height:0;
	        clear:both;
	        visibility:hidden;
	}
	.clearfix {display:inline-block;}
	/* Hide from IE Mac \*/
	.clearfix {display:block;}
	/* End hide from IE Mac */
	
h1.title {
	margin: 1em 0 0.5em 35px;
	color: #004F82;}
h2.title {
	color: #004F82;}
	
h1, h2, h3, h4, h5 {
	margin: 0.5em 0;}
h1 { font-size: 1.6em;}
h2 { font-size: 1.4em;}
h3 { font-size: 1.2em;}
h4 { font-size: 1.0em;}
h5 { font-size: 0.8em;}
	
a {
	color: #FA171F;}
a:hover {
	color: #000;
	text-decoration: none;}

a img {
	border: none;}

input,
select,
textarea {
	border: 1px solid #999;
	background-color: #fff;
	margin:0;
	padding:1px 2px;
	font-family: arial, sans-serif;
	font-size: 9pt;}

select.categories {
	font-size: 7pt;}

input.checkbox {
	border: none;}
	
input.button {
	background: transparent url(../systemimages/dev/button_bg_org.png) 0 -24px repeat-x;
	height:24px;
	color:#000;
	font-weight:bold;
	border:none;
	cursor:pointer;
	padding:2px !important;
	margin:0px;
	font-size: 0.8em;}
input.button:hover {
	background-position: 0 0;}
	
.required {
	color: red;}
	
form {
	margin:0;
	padding:0;}

a.orc:link {
	color: #000;
	text-decoration: none;
}

a.orc:hover {
	color: #000;
	text-decoration: underline;
}