/*
Backloading Australia Website Stylesheet
Liquid Design Pty Ltd
Author: Dr Gusius Gus
*/

html {
	font-family: "Arial";
        font-weight: normal;
	font-size: 1em;
        color: #333333;
	overflow-y: scroll;
}
html a {
	outline: none;
	text-decoration: none;
        color: #555;
}

html a:hover {
        color: #555;	
	text-decoration: underline;
}

body {
	background: url('../images/bg_pattern.png') top repeat;
	margin: 0;
	padding: 0;
	text-align: center; 
	height: auto;
}

body p {
	text-align: justify;
}

.wrapper {
	width: 100%;
	height: auto;
	margin: 0px;
	background: -moz-linear-gradient(top,  rgba(51,51,51,1) 0%, rgba(51,51,51,1) 12%, rgba(51,51,51,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,51,51,1)), color-stop(12%,rgba(51,51,51,1)), color-stop(100%,rgba(51,51,51,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(51,51,51,1) 12%,rgba(51,51,51,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(51,51,51,1) 12%,rgba(51,51,51,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(51,51,51,1) 12%,rgba(51,51,51,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(51,51,51,1) 0%,rgba(51,51,51,1) 12%,rgba(51,51,51,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#00333333',GradientType=0 ); /* IE6-9 */
}

#colourband {
	margin: 35px 0px;
	background: #ffd602;
	width: 100%;
	height: 110px;
}	

#banner {
	display: block;
	padding: 0px 0px 0px 0px;
	margin:-145px auto; 
	width: 950px;
	height: 190px;
	background: #ffffff;
}

#bannerimg {
	display: block;
	padding: 0px 0px 0px 0px;
	margin:0 auto; 
}

#backloadmenu {
    margin: -50px 0px;
    height: 33px;
    width: 750px;
    padding-left: 0px;
    padding-left: 0px;
    z-index: 9999;
}

#backloadmenu ul {
    margin:0;
    padding:0;
    list-style-type:none;
    position:relative;
    display:block;
    text-transform:uppercase;
    font-size:0.95em;
    font-weight:bold;
}
#backloadmenu li#home a {
    float:left;
    list-style: none;
    padding: 0.5em 0.1em 0.7em 0em;
    display:block;
    width: 48px;
    height: 33px;
    color:#ffffff;
    text-decoration:none;
    font-weight:bold;
    background:transparent url('../images/menu_home.png') no-repeat top left;
    outline: none;
}
#backloadmenu li#home a:hover {
    background:transparent url('../images/menu_home_sel.png') no-repeat top left;    
    color:#333333;
}
#backloadmenu li a {
    float:left;
    list-style: none;
    padding: 0.5em 0.1em 0.7em 0em;
    width: 130px;
    display:block;
    color:#ffffff;
    text-decoration:none;
    font-weight:bold;
    background:transparent url('../images/menu_itm.png') no-repeat top left;
    outline: none;
}
#backloadmenu li a:hover, #backloadmenu li#currentmenu a {
    background:transparent url('../images/menu_itm_sel.png') no-repeat top left;    
    color:#333333;
}


.content {
	font-size: 0.8em;
	text-align: left;
	padding: 0px;
	margin:144px auto; 
	width: 950px;
	min-height: 500px;	
	background: #ffffff url('../images/largearrow.png') no-repeat left top;
	overflow: auto;
	height: auto;
}

.content#nosplashback {
	background-color: #ffffff;
	background-image: none;
}

.internal {
	padding: 20px 0px 20px 20px;
	margin: 0px;
	width: 930px;
	height: auto;
	overflow: hidden;
}


#colL { float:left; width:220px; margin: -20px 0px 0px 28px; padding:0;}
#colM { width: 125px; margin: -10px 0px 0px 290px; text-align: right;}
#colR { float:right; width: 335px; margin: -25px 125px 0px 0px; padding:0; font-size: 0.95em; }

#col2L { float:left; width:170px; margin: 0px; padding: 0px; text-align: right;}
#col2R { float:right; width: 735px; margin: -11px 10px 0px 0px; padding: 0px; font-size: 0.95em; overflow: hidden;}

.col2img { margin: 0px 20px 15px 0px; }

#contactl {
	margin: 40px 0px;
}

#carmovingl {
	margin: 10px 0px;
}

form#contact input {
	display: block;
	width: 200px;
	margin: 0px 0px 10px 0px;
	border: none;
	border-bottom: 1px solid #777;
}

form#contact textarea {
	display: block;
	width: 260px;
	height: 80px;   
	resize: none;
	margin: 0px 0px 10px 0px;
}

#contactformbutton {
	background: transparent url('../images/form_btn.png') no-repeat top left;
	display: block;
	float: right;
	line-height: 20px;
	width: 60px;
	text-align: center;
	margin: -45px 0;
	font-size: 0.9em;
	color: #fff;
}

#contactformbutton:hover {
	color: #ffd602;
	text-decoration: none;
}

form#carmoving span {
	display: block;
	float: right;
	margin-right: 30px;
}

form#carmoving input {
	width: 180px;
	border: none;
	border-bottom: 1px solid #777;
	margin: 0px 0px 10px 10px;
}

form#carmoving input.pc {
	width: 90px;
	border: none;
	border-bottom: 1px solid #777;
	margin: 0px 90px 10px 10px;
}

#carmovingformbutton {
	background: transparent url('../images/form_btn.png') no-repeat top left;
	display: block;
	float: right;
	line-height: 20px;
	width: 60px;
	text-align: center;
	margin: 10px 30px;
	font-size: 0.9em;
	color: #fff;
}

#carmovingformbutton:hover {
	color: #ffd602;
	text-decoration: none;
}

#homecaption {
	float: left;
	width: 460px;
	height: auto;
	margin: -27px 0px 0px 0px;
	font-size: 0.9em;
}

#blogtag {
	float: right;
	margin: 15px 0px;
	padding-right: 200px;
}

#splash {
	margin: 20px 0px 0px 0px;
	padding: 12px 0px 20px 0px;
	background: transparent url('../images/pageimages/splashimage.jpg') no-repeat right 2px;
}

#splashlink {
		float:right;
		margin: -280px;
		width: 680px; 
		height: 280px; 
		background-color: transparent; 
}

.widget {
	display: block;
	height: 70px;
	margin: 15px 0px 0px -20px;
	width: 285px;
	background: transparent url('../images/widget.png') no-repeat right;
}

.widgetcontent {
	display: none;
	position: relative;
	float: left;
	width: 176px;
	height: 59px;
	margin: -73px 0px;
	padding: 5px;
	opacity: 0.9;
	filter:alpha(opacity=90); /* For IE8 and earlier */	
	overflow: hidden;
	background: #333;
	font-size: 0.8em;
	color: #fff;
}
.widgetcontent p {
	color: #fff;
	margin: 0px;
}

.widgetimg {
	margin: 0px;
}

.widgettitle {
	float: right;
	margin: -60px 5px 0px 0px;
	width: 90px;
	color: #fff;
	text-transform:uppercase;
	font-weight: bold;
	font-size:1.3em;	
	text-align: center;
}

.widgettitle a {
	color: #333;
}

.widgettitle a:hover {
	color: #806B01;
	text-decoration: none;
}

/* Terms & Conditions */
#tcond { 
	width: 700px; 
}

#tcond p, #tcond li {
	text-align: justify;
}

/* ONLINE QUOTE OPTION 1 */
#option1head {
	float: left;
	background-color: #ffd602;	
	height: 90px;
	width: 165px;
	margin: 20px 0px;
	text-align: left;
	padding: 0px 0px 0px 5px;
}

#option1head h2 {
	font-size: 1.8em;
	font-weight: bold;
	margin: 5px 5px;
}

#option1head h3 {
	font-size: 1em;
	margin: 5px 5px;
}

#option1body {
	float: left;
	width: 165px;
	background-color: #fcf6c6;	
	text-align: left;
	padding: 5px 0px 0px 5px;
	margin: -10px 0px;
	font-size: 0.9em;
}
form#onlinequoteoption1 input {
	display: block;
	width: 150px;
	margin: 0px 5px 10px 0px;
	border: none;
	border-bottom: 1px solid #777;
	background: none;
}

form#onlinequoteoption1 input.fielderror {
	border-bottom: 1px dotted #FF0000;
}

#onlinequoteoption1formbutton {
	background: transparent url('../images/form_btn.png') no-repeat top left;
	display: block;
	float: right;
	line-height: 20px;
	width: 60px;
	text-align: center;
	margin: 10px 20px;
	font-size: 0.9em;
	color: #fff;
}

#onlinequoteoption1formbutton:hover {
	color: #ffd602;
	text-decoration: none;
}

/* ONLINE QUOTE OPTION 2 */
#option2box {
	float: left;
	background-color: #ffd602;	
	height: 90px;
	width: 117px;
	margin: 0px;
	text-align: left;
	padding: 0px 0px 0px 5px;
}

#option2box h2 {
	font-size: 1.8em;
	font-weight: bold;
	margin: 5px 5px;
}

#option2box h3 {
	font-size: 1em;
	margin: 15px 5px;
}

#option2details {
	float: right;
	width: 590px;
	height: 90px;
	text-align: left;
	font-size: 0.9em;
	padding: 0px 10px 18px 0px;
}

form#option2form input {
        display: inline;
	width: 100px;
	border: none;
	border-bottom: 1px solid #777;
	background: none;
	-webkit-appearance: none;
	-moz-appearance: none; /* mobile firefox too! */
}

form#option2form input.fielderror {
	border-bottom: 1px dotted #FF0000;
}

#option2details table {
	border: 0px;
	padding: 0px;
	margin: -5px 0px;
	width: 100%;
}

#option2tablewrapper {
	clear: both;
	width: 99%;
	padding: 1px 0px;
	margin: 0px -5px;
	font-size: 0.8em;
}

#option2tablewrapper table {
	border: 1px solid #444;
	background-color: #444;
	border-spacing:0;
	border-collapse:collapse;
}

#option2tablewrapper table thead tr td {
	color: #fff;
	background-color: #444;
	padding: 1px;
	border: 1px solid #444;
	text-transform: uppercase;
	cursor: default;
}
#option2tablewrapper table tbody tr td {
	padding: 1px;
	border: 1px solid #444;
	background-color: #fff;
	cursor: default;
}
#option2tableleft1{
   position: relative;
   float: left;
   left: 5px;
   width: 200px;
}
#option2tableleft2{
   position: relative;
   float: left;
   left: 8px;
   width: 155px;
}
#option2tableleft3{
   position: relative;
   float: left;
   left: 10px;
   width: 175px;
}
#option2tableright{
   position: relative;
   float: right;
   width: 185px;
}

#option2tableleft1 table {
   width: 100%;
   margin: 0px 0px 5px 0px;	
}
#option2tableleft2 table {
   width: 100%;
   margin: 0px 0px 5px 0px;	
}
#option2tableleft3 table {
   width: 100%;
   margin: 0px 0px 5px 0px;	
}
#option2tableright table {
   width: 100%;
   margin: 0px 0px 5px 0px;	
}

#option2bottom {
	clear: both;
	width: 99%;
	height: 200px;
	font-size: 0.9em;
	padding: 10px 0px;
}	

#additionaldetails {
	display: block;
	float: left;
	width: 540px;
	min-height: 120px;
	border: 2px solid #444;
	border-top: 20px solid #444;
	margin: -17px 0px;
	resize: vertical;
}

#additionaldetailstitle {
	display: block;
	color: #fff;
	text-transform: uppercase;
	margin-left: 4px;
}

#sidenotearea {
	float: right;
	width: 180px;
	top: 0px;
	text-align: left;
}

#option2button {
	background: transparent url('../images/form_btn.png') no-repeat top left;
	display: block;
	float: right;
	line-height: 20px;
	width: 60px;
	text-align: center;
	margin: 20px 120px 0px 0px;
	font-size: 0.9em;
	text-transform: uppercase;
	color: #fff;
}

#option2button:hover {
	color: #ffd602;
	text-decoration: none;
}

#option2tablewrapper table tbody tr td.qbx {
	text-align: center;
	background: #fff;
}
#option2tablewrapper table tbody tr td.qbx:hover {
	cursor: text;
	background: #ffd602;
}

#qtyfiller { 
	display: none; 
	position: absolute; 
	text-align: center; 
	padding: 0px; 
	background-color: transparent;	
} 

.popuprarr {
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #888;
}
#qtyfillercontent {
	border: 1px solid #888;
	-webkit-border-radius: 6px;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius: 6px;
	-moz-border-radius-topleft: 0;
	border-radius: 6px;
	border-top-left-radius: 0;
        background-color: #fcf6c6;
	padding: 5px; 
}
#qty {
	font-size: 0.8em;
}

.custome {
	font-style: italic;
}

/* SITEMAP */
#sitemap {
	list-style-type: none;
}

#sitemap li{
	list-style:none;
	padding: 0 0 0 12px;
	background: url(../images/sprite.png) -8px 0px;
}

#sitemap li:hover{
	background: url(../images/sprite.png) -8px 24px;
}

#sitemap a, #sitemap a:visited {
	display:block;
	padding: 4px 0;
	color:#333;
	text-decoration:none;
	background-color:#FFF;
	text-transform: uppercase;
}

#sitemap a:hover,#sitemap a:active {
	outline: none;
	color: #ffd602;
}


/* BLOG */
#blog {
	width: 850px;
}
ul#bloglist {
	list-style-type: none;
	margin: 10px 0px 10px -20px;
	width: 100%;	
}
ul#bloglist li {
	padding: 0px 0px 15px 0px;
}

ul#bloglist li span.btitle a {
	text-transform: uppercase;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	display: block;
	color: #333;
}

ul#bloglist li span.bdate {
	display: block;
	font-style: italic;
}

ul#bloglist li span.bcontent {
	display: block;
}

ul#bloglist li span.bcontent a {
	color: #555;
}

ul#bloglist li span.morecontent {
	display: none;
}

ul#bloglist li span.morecontent p { margin:0; padding:0 }

.keepreading {
	color: #333;
	outline: none;
	font-weight: bold;
}

.keepreading:hover {
	color: #ffd602;
}

#readmore {
	margin: 0px 20px;
	color: #333;
	outline: none;
	font-weight: bold;
}


/* FOOTER */
.footer {
	display: block;
	text-align: center;
	font-size: 0.7em;
	margin: -120px auto; 
	height: 100px;
	width: 950px;
        color: #ffffff;
	background: transparent;
}

.footerspacer {
	width: 0px;
	height: 0px;
	padding: 0px 20px 0px 20px;
}

.footer a {
        color: #ffffff;
}

.footer a:hover, .footer a#footercurrent {
	color: #ffd602;
	text-decoration: none;
}

.clearall {
	clear: both;
	height: 100px;
}