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

html, body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	font-size:100.01%;
	font-family: 'Open Sans', sans-serif;
	color:#333;
	background-image:url(../graphics/background-dark-repeat.jpg);
	background-repeat: repeat;}
	
.clear {
	clear:both;}
	
.spacer {
	width:50px;
	height:50px;}
	
a img {
	border:none;
}
		
a img:hover {
	 filter: alpha(opacity=50);
     opacity: 0.5;}
	

#background-dark {
	background-image:url(../graphics/background-dark-repeat.jpg);
	background-repeat: repeat;
	width:100%;
	margin:0;
	padding:0;}
	
.wrapper {
	width:1000px;
	margin:0 auto;
	padding:0 auto;}
	
	
	
/* VEHICLES PAGE ********************************************/

.vehicle {
	border-bottom: 1px solid #CCC;
	margin:0px 0px 20px 0px;
}
	
.first {
	border-top: 1px solid #CCC;
	padding:30px 0px 0px 0px;}
	

.vehicle .image{
	float:left;
	width:250px;
	height:170px;
	margin:0px 0px 20px 0px;
}

.vehicle .links {
	float:left;
	width:250px;
	margin:0px 30px 20px 30px;
}

ul.vehicle-links {
	list-style-image:url(../graphics/arrow-bullet-point.png);
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 15px;
	font-weight:400;
	color:#333;
}
	
ul.vehicle-links li{
	margin:0px 0px 0px 0px;
	padding:0px 0px 15px 5px;
	font-size:19px;
	line-height:19px;
	color:#333;}
	
ul.vehicle-links a {
	text-decoration:none;}
	
ul.vehicle-links a:hover {
	text-decoration:none;
	color:#C00;}
	
ul.vehicle-links li:hover {
	list-style-image:url(../graphics/arrow-bullet-point-over.png);}

.vehicle .intro{
	float:left;
	width:440px;
	margin:0px 0px 20px 0px;
}	

.vehicle .intro h1 {
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 0px;
	line-height:19px;
	font-size:19px;
	font-weight:bold;
	color:#C00;
}
	
	
/* HEADER ********************************************/

#header {
	width:100%;
	height:395px;}
	
#background-vehicle {
	background-image:url(../graphics/turnbulls-construction-vehicle-sales.jpg);
	background-repeat:no-repeat;
	background-position:center bottom;
	width:100%;
	height:395px;}
	
#background-rednavs {
	background-image:url(../graphics/background-rednavs-repeat.png);
	background-repeat:repeat-x;
	background-position:top;
	width:100%;
	height:395px;}
	

/* TOP */

#top {
	height:395px;
	width:1000px;
	position:relative;}

#logo {
	float:left;
	padding:20px 0px 0px 0px;
	width: 500px;
	height:80px;
}

#logo-image {
	float:left;
	padding: 0px 10px 0px 0px;
}

#logo-text {
	float:left;}
	
#logo-text h1 {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-weight:bold;
	color:#fff;}
	
#logo-text h1.one {
	font-size:18px;
	line-height:20px;}
	
#logo-text h1.two {
	font-size:20px;
	line-height:23px;}

#phone-number {
	text-align:right;
	float:left;
	padding:20px 0px 0px 0px;
	width: 500px;
}

#phone-number h1 {
	margin:0px 8px 0px 0px;
	padding:0px 0px 0px 0px;
	font-weight:bold;
	color:#fff;}
	
#phone-number h1.one {
	font-size:17px;
	line-height:17px;}
	
#phone-number h1.two {
	font-size:40px;
	line-height:40px;}
	
	

	
	
/* BANNER */

#banner {
	height:245px;
	text-align:right;}
	
	
#banner h1 {
	margin:0px 0px 0px 0px;
	padding:150px 0px 0px 0px;
	line-height:38px;
	font-size:36px;
	font-weight:bold;
	color:#fff;
	text-shadow: black 0.1em 0.1em 0.2em;}
	
	
/* QUOTE BUTTON */

#get-a-quote {
	position:absolute;
	z-index:5;
	top:75px;
	right:0;
	text-align:center;
	background-image:url(../graphics/get-a-quote-button.png);
	background-repeat:no-repeat;
	width:186px;
	height:45px;
	padding:20px 0px 0px 0px;}
	
#get-a-quote:hover {
	background-image:url(../graphics/get-a-quote-button-over.png);}
	
#get-a-quote:hover a.quote-button {
	color:#fff;}

a.quote-button {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height:22px;
	font-size:22px;
	font-weight:600;
	color:#fff;
	text-decoration:none;}
	
a.quote-button:hover {
	color:#fff;}





/* CONTENT ********************************************/

#background-white {
	background-color:#FFF;
	width:100%;}


#content-bg {
	background-image:url(../graphics/background-content-seperator.jpg);
	background-position:center;
	background-repeat:repeat-y;
}

#main-content {
	width:600px;
	float:left;}

#content-seperator {
	width:100px;
	height:100px;
	float:left;}

#side-content {
	width:300px;
	float:left;}
	
#main-content-wide {
	width:1000px;
	float:left;}
	
	
/* SIDEBAR CONTENT ********************************************/
	
	
h1.leftfloat {
	float:left;}	
	
p.leftfloat {
	line-height:40px;
	float:left;}
	
p.leftfloat a{
	font-weight:normal;
	color:#333;
	text-decoration:none;}
	
p.leftfloat a:hover {
	color:#C00;}
	
	

	
/* FOOTER ********************************************/


#footer {
	padding:20px 0px 20px 0px;}
	
#footer-left {
	float:left;
	width:650px;}

#footer-right {
	text-align:right;
	float:left;
	width:350px;}
	
#footer p {
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	color:#fff;
	font-size:11px;
	line-height:15px;
	font-weight:400;}
	
	
#footer a {
	text-decoration:none;
	color:#fff;
	font-size:11px;
	font-weight:400;}
	
#footer a:hover {
	color:#999;}
	

/* TYPE ********************************************/

h1 {
	margin:0px 0px 18px 0px;
	padding:0px 0px 0px 0px;
	line-height:38px;
	font-size:23px;
	font-weight:normal;
	color:#333;
}
	
	
h2 {
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 0px;
	line-height:150%;
	font-size:15px;
	font-weight:600;
	color:#333;}
	
	
h3 {
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 0px;
	line-height:150%;
	font-size:15px;
	font-weight:600;
	color:#900;
}
	
	
h4 {
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	line-height:130%;
	font-size:15px;
	font-weight:normal;
	color:#333;}
	
p {
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 0px;
	line-height:22px;
	font-size:14px;
	font-weight:normal;
	color:#222;
}
	
	
ul {
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 30px;
	font-size:12px;
	color:#333;
}
	
ul li{
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 5px;
	line-height:150%;
	font-size:13px;
	color:#333;
}
	
ol {
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 30px;
	font-size:12px;
	color:#333;
}
	
ol li{
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 5px;
	line-height:150%;
	font-size:12px;
	color:#333;}
	
a {
	color:#333;}
	
a:hover {
	color:#B5B5B5;}
	
	
	
/* IMPORTANT LINKS */	

	
ul.important-links {
	list-style-image:url(../graphics/arrow-bullet-point.png);
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 15px;
	font-weight:400;
	color:#333;
}
	
ul.important-links li{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 5px;
	font-size:21px;
	line-height:36px;
	color:#333;}
	
ul.important-links a {
	text-decoration:none;}
	
ul.important-links a:hover {
	text-decoration:none;
	color:#C00;}
	
ul.important-links li:hover {
	list-style-image:url(../graphics/arrow-bullet-point-over.png);}
	
	
	
	
	
/* Get a Quote page ********************************************/


.col-third {
	float:left;
	width:280px;
}
	
.col-third-seperator {
	float:left;
	width:80px;
	height: 80px;
}


form#QuoteForm p {
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	line-height:12px;
	font-size:12px;
	font-weight:normal;
	color:#333;
}
	
form#QuoteForm p.red {
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	line-height:11px;
	font-size:11px;
	font-weight:normal;
	color:#C00;
}

form#QuoteForm input {
	font-family: 'Open Sans', sans-serif;
	color:#666;
	padding:2px;}
	
	
form#QuoteForm input.standard {
	margin:0px 0px 15px 0px;
	width:280px;
}
	
	
form#QuoteForm input.half {
	margin:0px 0px 10px 0px;
	width:125px;
}
	
	
form#QuoteForm .halfcol1 {
	margin:0px 30px 0px 0px;
	float:left;
	width:125px;
}
	
form#QuoteForm .halfcol2 {
	float:left;
	width:125px;
}


form#QuoteForm .vehicle-row {
	margin:0px 0px 10px 0px;
}
	
form#QuoteForm .vehicle-name {
	width:230px;
	float:left;
}

form#QuoteForm .vehicle-name p {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height:25px;
	font-size:12px;
	font-weight:normal;
	color:#666;
}


form#QuoteForm .vehicle-quantity p {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height:25px;
	font-size:12px;
	font-weight:normal;
	color:#333;
}

form#QuoteForm .vehicle-quantity {
	width:50px;
	float:left;
}


form#QuoteForm input.quantity {
	margin:0px 0px 0px 0px;
	width:50px;
}



form#QuoteForm .option-row{
	margin:0px 0px 5px 0px;}

form#QuoteForm .option-row .select{
	float:left;
	width:25px;
	height:20px;
}

form#QuoteForm .option-row .option{
	float:left;}
	
form#QuoteForm .option-row .option p {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height:20px;
	font-size:12px;
	font-weight:normal;
	color:#333;
}


form#QuoteForm textarea {
	width:280px;
	height:100px;}
	
form#QuoteForm input#Submit {
	padding:2px 5px 2px 5px;}
	
	
form#QuoteForm input#security_code {
	width:110px;
}



/* MINE SPEC PAGE*******************************/



#bma-checklist p {
	margin:0px 0px 8px 0px;
	padding:0px 0px 0px 0px;
	line-height:110%;
	font-size:12px;
	color:#333;}
	
#bma-checklist h3 {
	margin:0px 0px 10px 0px;;
	padding:0;
	font-weight:bold;
	line-height:130%;
	font-size:16px;
	color:#333;}
	
#bma-checklist img {
	vertical-align:bottom;}
	
.bma-img2 {
	float:left;
	width:220px;
}

.bma-img {
	float:left;
	width:200px;
}
	
.bma-description {
	float:left;
	padding:0px 0px 0px 20px;
	width: 250px;
}

.big {
	padding:0px 0px 0px 0px;
	width: 560px;
}
	
.bma-description h3 {
	margin:0px 0px 10px 0px;;
	padding:0;
	font-weight:bold;
	line-height:130%;
	font-size:16px;
	color:#333;}
	
.bma-check-box {
	margin:0px 0px 0px 0px;
	border-top: 1px #ccc solid;
	padding: 20px 0px 20px 0px;
}

.main-left-col {
	float:left;
	width:470px;
	margin:0px 60px 0px 0px;
}
	
.main-right-col {
	float:left;
	width:470px;
	margin:0px 0px 0px 0px;
}
	
	
.bma-check-box p {
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 0px;
	line-height:19px;
	font-size:13px;
	font-weight:normal;
	color:#222;
}
#background-rednavs .wrapper #top #phone-number .two a, #background-rednavs .wrapper #top #phone-number .two a.hover {
	color: #FFF;
	text-decoration: none;
}