/* @override http://tyrecycle.kelvin/includes/styles.css */

/* ============= GLOBAL STYLES ============ */
body {
	margin:0;
	padding:0;
	color:#FFFFFF;
	background:#191919;
	font-size: 10px;
}
a {
	color:#FFFFFF;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a img {
	border: none;
}
html,body {
	height:100%;
	font-family: Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
}
form {
	margin:0;
	padding:0;
}

#wrapper {
	width:790px;
	height:auto;
	margin:0 auto;
	position:relative;
	min-height:100%;
}
* html #wrapper {
	height:100%;
}
h1,h2,h3,h4,h5,h6 {
	padding:0;
	margin:0;
}
h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 15px 0;
}
ul {
	margin: 0 0 0 2px;
	padding: 0;
	list-style-type: none;
	font-size: 1.2em;
}
ul li {
	margin: 0 0 5px 0;
}
ul li a {
	text-decoration: none;
	color: #FFF;
}
.blue {
	color: #00aeef;
}
.blue2 {
	color: #00aeef;
	font-size: 1.2em;
	line-height: 17px
}
/* ============= HEADER/NAV STYLES ==============*/
#header {
	height:90px;
	padding:13px 0 0 0;
	margin: 0 13px 0 17px;
	border-top:#303030 3px solid;
	position:relative;
}
#header img.right {
	margin-left: 34px;
}
#header .locator-box {
	float: right;
	border: 1px solid #303030;
	height: 40px; width: 210px;
	margin: 18px 0 0 0;
	padding: 9px;
}
#header .locator-box span {
	font-size: 12px;
}
#header .locator-box span.enter-postcode {
	color: #adafb2;
	margin: 15px 0 0 0;
	float: left;
}
.locator-box input,
#header .locator-box input {
	width: 90px; height: 14px;
	float: left;
	border: 1px solid #303030;
	background: #000 url(../images/inputbox-bg.gif) repeat-x;
	color: #fff;
	margin: 8px 0 0 5px;
	padding: 4px 0 0 5px;
	font-size: 12px;
	font-family: Helvetica, Arial;
}
.locator-box .submit,
#header .locator-box .submit {
	border: none;
	float: right;
	width: 20px; height: 20px;
	margin: 8px 0 0 0;
	background: url(../images/submit.gif) no-repeat;
	cursor: pointer;
}
#content_full .locator-box span {
	margin: 10px 0 0 0;
	float: left;
}
#content_full .locator-box .submit {
	float: left;
	margin-left: 3px;
}
#nav {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	text-align:left;
	height:28px;
	font-weight:normal;
	border-top:#303030 1px solid;
	border-bottom:#303030 1px solid;
	margin:0 13px 0 17px;
	font-size: 1.2em;
}
#nav a {
	display: block;
	float: left;
	margin: 0 0px 0 15px;
	padding: 0 0px 0 0px;
	height: 30px;
	line-height: 30px;
	font-family: Helvetica, Trebuchet MS, Arial, sans-serif;
}
#nav a:hover {
	text-decoration: none;
	color: #00aeef;
}
#nav ul {
	margin: 5px 0 0 0;
	padding: 0;
	list-style: none;
}
#nav ul li {
	height: 19px;
	display: inline;
}
#nav ul li span.access {
	visibilty: hidden;
	display: none;
}
#nav ul li a {
	float: left;
	display: block;
	height: 19px;
}
#nav ul li#home a:hover, #nav ul li#environment a:hover, #nav ul li#process a:hover, #nav ul li#tyreapps a:hover, #nav ul li#retailpartners a:hover, #nav ul li#about a:hover, #nav ul li#contact a:hover {
	background-position: bottom left;
}

/* Home */
#nav ul li#home a {
	width: 51px;
	background: url(/images/nav/home.gif) no-repeat;
}

/* Envronment */
#nav ul li#environment a {
	width: 140px;
	background: url(/images/nav/environmental_impact.gif) no-repeat;
}

/* Process */
#nav ul li#process a {
	width: 153px;
	background: url(/images/nav/how_tyres.gif) no-repeat;
}

/* Tyre Apps */
#nav ul li#tyreapps a {
	width: 165px;
	background: url(/images/nav/tyreapps.gif) no-repeat;
}

/* Retail Partners */
#nav ul li#retailpartners a {
	width: 84px;
	background: url(/images/nav/partnership.gif) no-repeat;
}

/* About */
#nav ul li#about a {
	width: 84px;
	background: url(/images/nav/about.gif) no-repeat;
}

/* Contact */
#nav ul li#contact a {
	width: 80px;
	background: url(/images/nav/contact.gif) no-repeat;
}
/* ========== CONTENT STYLES ================*/
#content {
	height:400px;
	font-size:1.4em;
	font-family:Tahoma;
	position:relative;
	height:inherit;
	margin-top:10px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	line-height: 16px;
}
#content p {
	margin: 0 0 26px 0;
}
#content p.green2 {
	/*color: #8DC63F;*/
	/*font-weight: bold;*/
	color: #00aeef;
	font-size: 1.2em;
	line-height: 17px;
}
#content p.green, #content p.green a, span.green, span.green a {
	/*color: #8DC63F;*/
	color: #00aeef;
	font-weight: bold;
}
#content p.green a:hover, span.green a:hover {
	/*background: #8DC63F;*/
	background: #00aeef;
	font-weight: bold;
	text-decoration: none;
	color: #FFF;
}
#content h1 {
	/*color:#8DC63F;*/
	color: #00aeef;
	font-size: 2.0em;
	font-family: Helvetica, Arial, sans-serif;
	margin: 60px 14px 20px 20px;
	font-weight: normal;
}

h1 {color: #fff; font-size: 30px}
#content h2 {
	font-size:12px;
	/*color:#8DC63F;*/
	color: #00aeef;
}
.content_left {
	float:left;
	width:485px;
	font-size:12px;
	margin:0 23px 0 26px;
	position:relative;
}
.content_left2 {
	float:right;
	width:485px;
	height:inherit;
	font-size:12px;
	margin:0 0 0 14px;
}
.content_wrapper {
	height:auto;
	position:relative;
	margin-bottom:10px;
	display:table;
}

div.content_wrapper { 


	padding-top: 20px;
	
}
.content_img_border {
	padding:9px;
	border:#303030 1px solid;
	margin-bottom: 8px;
}
	
.content_right {
	width:242px;
	height:auto;
	float:left;
	margin-right: 8px;
}
.content_right2 {
	width:250px;
	height:auto;
	float:left;
	margin:0 0 0 14px;
}
.content_padder {
	margin:0 12px 0 14px;
	height:100px;
	display:table;
}
#content_full {
	margin:0 23px 0 24px;
	font-size:12px;
}


/* ============== PAGE SPECIFIC  =========== */
#home_Promo {
	height:450px;
	margin: 0 0 0 2px;
}
#home_videoInfo {
	height:94px;
	background:url(../images/home/home_promo/home_promo03Back.gif) no-repeat;
	padding:10px 100px 0 120px;
	font-size:12px;
	font-weight:bold;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}
#home_videoInfo h5 {
	font-size:16px;
	font-weight:bold;
	margin:0;
	padding:0;
}
#home_videoInfo span {
	/*color:#8DC63F;*/
	color: #00aeef;
}
.home_boxes {
	width:224px;
	height:inherit;
	position:relative;
	margin:0;
	float:left;
	display:table;
	margin-left: 4px;
}
.home_boxes .blue {
	color: #00aeef;
}
.home_boxes img.border {
	padding:9px;
	border:#303030 1px solid;
}
.home_boxes_info {
	padding-left:10px;
	font-size:12px;
	line-height: 17px;
}
.home_boxes_info a {
	/*color:#8DC63F;*/
	color: #00aeef;
	text-decoration:none;
	padding: 1px;
}
.home_boxes_info a:hover {
	color: #FFF;
	padding:1px;
	/*background: #8dc63f;*/
	background: #00aeef;
}
.home_boxes h4 {
	/*color:#8DC63F;*/
	color: #00aeef;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	padding:7px 0 7px 10px;
	margin-bottom:5px;
	border-bottom:#303030 1px solid;
	font-weight: normal;
}
.home_boxes h4 a {
	/*color:#8DC63F;*/
	color: #00aeef;
	text-decoration:none;
}
.home_boxes h4 a:hover {
	text-decoration: none;
}
.home_boxes_margin {
	margin:0 12px 0 14px;
}

#how_main {
	border-top:#303030 1px solid;
	margin: 10px 14px 30px 14px;
	padding:20px 0 0 0;
}
#how_main p {
	margin: 0 0 16px 0;
}
.how_steps {
	height:200px;
	margin-bottom:10px;
	display:table;
}
.how_steps h3 {
	/*color:#8DC63F;*/
	color: #00aeef;
	font-size:20px;
	margin:0 0 20px 0;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 20px;
}
.how_steps_h3white {
	color:#FFFFFF;
}
.how_steps_left {
	width:445px;
	height:140px;
	background:#303030;
	margin:0 10px 0 0;
	float:left;
	padding:30px 30px 32px 30px;
	font-size: 0.9em;
}

.how_steps_right {
	height:200px;
	float:left;
}
.how_steps_img_border {
	padding:10px;
	border:#303030 1px solid;
	width:223px;
}

#recycled_intro {
	width:650px;
	height:auto;
	position:relative;
	padding-left:26px;
	font-size: 0.9em;
}
.recycled_apps_cat {
	width:240px;
	float:left;
	height:inherit;
	position:relative;
	min-height:70px;
	margin-bottom:20px;
	cursor: pointer;
	padding-left: 10px;
}
.recycled_apps_cat img {
	border:#303030 1px solid;
	width:70px;
	padding:5px;
	float:left;
}
.recycled_apps_info {
	width:135px;
	float:left;
	padding-left:10px;
	/*color:#8DC63F;*/
	color: #00aeef;
	font-size:14px;
	font-weight:bold;
	height:70px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}
.recycled_apps_cat span {
	position:relative;
	top:43%;
	margin-top:-0.5em;
	width:100%;
}

#recycled_content {
	border: #FFF solid 1px;
	margin: 0 10px 0 25px;
	position: absolute;
	width: 700px;
	height: 343px;
	bottom: -385px;
	left: -2px;
	z-index: 50;
	background:#191919;
	border:#303030 1px solid;
	padding: 20px;
	font-size: 0.9em;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}
#recycled_content h1 {
	margin: 20px 0 30px 0;
	padding: 0;
}
#recycled_content a:hover {
	text-decoration: none;
}
#recycled_content_left_wrapper {
	float: left;
}

#recycled_content_left1 {
	width: 250px;
	height: 265px;
	color: #FFF;
	font-weight: normal;
}
#recycled_content_left2 {
	width: 250px;
	height: 33px;
}

#recycled_content_right {
	width: 450px;
	height: 283px;
	float: left;
	text-align: right;
}
#recycled_content_right img {
	padding:10px;
	border:#303030 1px solid;
}
/*
#recycled_content h1 {
	font-size: 1.4em;
	padding: 10px 0 30px 0;
	margin: 0;
	font-weight:bold;
	font-family: Helvetica, Arial, sans-serif;
}*/

label {
	width:100px;
	float:left;

	color:#FFF;
	margin-bottom:5px;
	margin: 0px 30px 15px 30px;
}
input {
	float: left;
	margin: 0px 0 15px 0;
}
textarea {
	margin: 0px 0 15px 0px;
}
.contact_form_right {
	width:105px;
	height:25px;
	float:left;
	margin-bottom:5px;
	display:table;
	margin-left: -10px;
	margin-top: -10px;
}

.contact_formTF {
	width:170px;
	height:14px;
	font-size:12px;
}
.contact_formTA {
	width:290px;
	height:100px;
	font-size:12px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}
.contact_formBUTT {
	background: none;
	font-weight: bold;
	/*color:#8DC63F;*/
	color: #00aeef;
	border:none;
	height:22px;
	width:60px;
	cursor: pointer;
}
.content_right_contact {
	width:250px;
	height:auto;
	float:left;
	font-size: 0.9em;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}
.success {
	/*color:#8DC63F;*/
	color: #00aeef;
	font-weight:bold;
	font-size:16px;
	text-align:left;
}

p.blue_link_bord {
	border-top:#303030 1px solid;
	border-bottom:#303030 1px solid;
	color: #33ccff;
	font-weight: bold;
	font-size: 1.0em;
	width: 200px;
	padding: 5px 0 5px 0;
	
}
p.blue_link_bord a {
	text-decoration: none;
	color: #33ccff;
}
p.blue_link_bord a:hover {
	color: #FFF;
	text-decoration: none;
	background: #33ccff;
}
/* ================ FOOTER ================*/
#footer {
	height:50px;
	border-top:#303030 1px solid;
	border-bottom:#303030 6px solid;
	margin:20px 14px 20px 14px;
	text-align:center;
	font-size:0.8em;
	color:#FFF;
	font-family:Tahoma;
	padding:15px 0 15px 0;
	float:left;
	width:762px;
	line-height: 25px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}
#footer a {
	color:#FFF;
	text-decoration:none;
	margin: 0 2px 0 2px;
	padding: 1px;
}
#footer a:hover {
	text-decoration: none;
	padding:1px;
	background: #00aeef;
}

div#video_frame {
	margin-left: auto; 
	margin-right: auto; 
	
	width: 442px; 
	height: 290px;
	margin-top: 20px;

	text-align: center;
}
.search-results-box {
	border-top: 1px solid #303030;
	border-bottom: 1px solid #303030;
	width: 760px;
	clear: both;
	float: left;
	margin: 20px 0 0 -10px;
}
.search-results-innerbox {
	border: 1px solid #303030;
	margin: 20px;
	padding: 20px 20px 50px 20px;
}
.search-results-innerbox h2,
.search-location-box h2 {
	font-size: 20px !important;
	margin: 0 0 20px 0;	
}
.search-location-box {
	clear: both;
	float: left;
	margin: 20px 0 20px -10px;
	padding: 0 20px 20px 20px;
	width: 710px;
	border-bottom: 1px solid #303030;
}
.select-state, .select-suburb {
	float: left;
	margin-right: 20px;
}
#state_dropdown, #suburb_dropdown {
	margin-top: 5px;
	min-width: 135px;
}
#php_code p.location-header span {
	float: left;
	color: #00aeef;
	
}
#php_code span {
	display: block;
	float: left;
}
div.results {
	clear: both;
}
.name, .address, phone {
	width: 200px;
}
.name, .address {
	width: 300px;
}
.suburb-title {
	clear: both;
	font-size: 14px;
	font-weight: bold;
	display: block;
	width: 100%;
	border-bottom: 2px solid #303030;
	padding: 0 0 3px 0;
	margin: 0 0 10px 0;
}
.submit-search {
	background: url(../images/go-button.gif) no-repeat 0 0;
	width: 25px; height: 21px;
	border: none;
	float: left;
	margin: 20px 0 0 0px;
	cursor: pointer;
}
.map {
	margin: 0 0 15px 20px;
}