/*========================
Cascading Style Sheets
for TSB www.tsb.net.au

by Lochlan McBride
Cornerstone Technologies
www.cstech.net.au
=========================*/

/*====General====*/
html {overflow-y:scroll;}
body {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	background:url(../images/bg.png);
	color:#ccc;
	line-height:16px;
}
h1 {
	margin:0 -5px 20px;
	font:100 36px "Segoe UI", "Trebuchet MS", Helvetica, sans-serif;
	color:#D0A206;
	border-bottom:3px solid #D0A206;
	padding-left:25px;
}
h2 {
	margin:10px 0;
	font:100 28px "Segoe UI", "Trebuchet MS", Helvetica, sans-serif;
	color:#D0A206;
	letter-spacing:-1px;
}
h3 {
	margin:0;
	font:700 15px "Segoe UI", "Trebuchet MS", Helvetica, sans-serif;
}
h4 {
	margin:15px;
	font:700 15px "Segoe UI", "Trebuchet MS", Helvetica, sans-serif;
	text-align:left;
}
h5 {
	margin:0;
}
h6 {
	margin:0;
}
a {outline:none;}
a:link, a:visited {text-decoration:underline;color:#999;}
a:hover {text-decoration:none;color:#B4B4B4;}
a:active {color:#D0A206;}

::-moz-selection{background:#D0A206;color:#fff;}
::selection {background:#D0A206;color:#fff;}

ul, ol {margin:10px 20px;padding:0;list-style-position:inside;}
li {margin:0;padding:0;}
p {margin:10px 0;}
table {border-collapse:collapse;width:95%;margin:15px auto;}
td {font-size:12px;vertical-align:top;}
td img {display:block;margin:0 auto;}

img {border:solid 1px #fff;}

/*====Misc Classes====*/
.rightAlign {float:right;padding-left:10px;}
.leftAlign {float:left;padding-right:10px;}
.smallText {font-size:10px;}
a.button {
	display:block;
	margin:0 auto;
	width:100px;
	height:35px;
	line-height:35px;
	color:#fff;
	text-decoration:none;
	background:url(../images/button.png) no-repeat;
	font-size:10px;
	text-align:center;
	text-transform:uppercase;
}
a.button:hover {color:#BA9ABD;line-height:36px;}

/*====Layout====*/
#outter-wrap {
	margin:0 auto;
	width:961px;
	background:url(../images/bg-outter-wrap.png);
	padding:0 5px 0 4px;
}
#flash {background:url(../images/bg-flash.jpg) no-repeat;height:80px;}
#header {background:url(../images/banner-home.jpg) no-repeat;height:253px;}
#header h1 span {display:none;}
#content {padding:0 15px 0 5px;}

#footer {
	font-size:9px;
	text-align:center;
	border-bottom:solid 6px #3A0141;
	overflow:hidden;
	padding:20px 0 50px;
	position:relative;
	clear:both;
}
#phone {position:absolute;right:10px;bottom:5px;color:#D0A227;font-size:18px;}

/*====Navigation====*/
#nav ul {
	padding:0;
	margin:0;
	list-style-type:none;
	overflow:hidden;
	border-top:solid 3px #D0A206;
	border-bottom:solid 11px #88508E;
	background:#3A0141;
	height:30px;
}
#nav li {float:left;text-align:center;height:22px;padding-top:8px;}
#nav li a:link, #nav li a:visited {
	color:#fff;
	line-height:14px;
	height:14px;
	text-transform:uppercase;
	display:block;
	padding:0 7px;
	border-right:solid 1px #fff;
	letter-spacing:-1px;
	text-decoration:none;
}
#nav li a:hover {color:#A489A7;text-decoration:none;}
#nav li#first a {padding-left:3px;}
#nav li#last a {padding-right:3px;border-right:none;}

/*====Tables====*/
table.distributors {margin:20px 10px;}
table.distributors td {padding:10px 5px;width:33%;}

table.light-trucks td {padding:10px 35px;width:33%;}

table.photogalleryTable td {text-align:center;font-size:11px;}
table.photogalleryTable td a {color:#D0A206;}
table.photogalleryTable td a img {border:solid 2px #C89E15;}
table.photogalleryTable .description {float:none;margin:10px 0 0;width:100%;}

table.info td {width:16%;font-size:10px;text-transform:uppercase;text-align:center;}
table.info td a {color:#E4B048;text-decoration:none;}
table.info td a:hover {color:#FF2A00;}
table.info td img {border:none;}

table.prices {font-size:10px;border-collapse:separate;margin:0 auto 10px;}
table.prices th {background:#D1D1D1;color:#330033;text-transform:uppercase;text-align:center;}
table.prices td {background:#fff;color:#111;text-align:center;font-size:10px;}
table.prices .alt td {background:#FCF2E2;}

/*====Gallery====*/
table.photogalleryTable td {width:200px;}
#imageData #caption, #imageData #numberDisplay {color:#111;}

/*====Accessories List====*/
.accessories {margin:0 0 10px;padding:0;list-style:none;overflow:hidden;}
.accessories div, .accessories li {float:left;text-align:center;padding:3px;}
.accessories ul {margin:0;padding:0;list-style:none;float:left;}
.accessories .title {width:370px;text-align:left;line-height:20px;}
.accessories .cost {width:125px;line-height:15px;line-height:20px;}
.accessories .builders, .accessories .service, .accessories .plumbers, .accessories .utility {width:100px;line-height:15px;}
.accessories .itemNo {background:url(/images/cross.png) no-repeat center;text-indent:-9999px;}
.accessories .itemYes {background:url(/images/tick.png) no-repeat center;text-indent:-9999px;}
.accessories .Cost {background:none;text-indent:0;}
.accessories .heading {
	background:#996699;
	color:#660066;
	text-transform:uppercase;
	font-weight:700;
	height:30px;
	line-height:15px;
}
.accessories .heading-title {line-height:30px;}
.accessories .alt {background-color:#390145;}
.accessories .hover {background-color:#88508E;}
.accessories a {color:#ccc;text-decoration:none;}
.accessories a:hover {text-decoration:underline;}

.image {float:left;}
.image img {border:none;width:500px;border:solid 2px #C89E15;}
.description {float:left;margin:30px 0 0 30px;width:400px;}
.email {display:block;margin:10px 0;}

/*====Image Links====*/
a.hover-large {display:block;width:210px;height:205px;background-repeat:no-repeat;text-indent:-9999px;margin:0 auto;}
a.hover-large:hover {background-position:0 -205px;}
a.fixed-bodies {background-image:url(/images/home/fixed-bodies.jpg);}
a.lift-off {background-image:url(/images/home/lift-off.jpg);}
a.light-trucks {background-image:url(/images/home/light-trucks.jpg);}
a.toolboxes {background-image:url(/images/home/toolboxes.jpg);}

a.hover-small {display:block;width:168px;height:164px;background-repeat:no-repeat;text-indent:-9999px;margin:0 auto;}
a.hover-small:hover {background-position:0 -164px;}
a.custom-built {background-image:url(/images/lift-off/hover-custom-built.jpg);}
a.builder {background-image:url(/images/lift-off/hover-builder.jpg);}
a.lt-service {background-image:url(/images/lift-off/hover-lt-service.jpg);}
a.plumber {background-image:url(/images/lift-off/hover-plumber.jpg);}
a.utility {background-image:url(/images/lift-off/hover-utility.jpg);}

a.fixed-utility {text-indent:0;height:50px;}
a.fixed-plumbers {text-indent:0;height:50px;}
a.fixed-telco {text-indent:0;height:50px;}
a.fixed-diesel {text-indent:0;height:50px;}