/* css for Rolaway Hose Systems by Dinkum Web Solutions, http://www.dinkumweb.com.au */
/* All associated graphics copyright 2005, Rolaway Hose Systems */

/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. However, feel free to study the CSS and use 
   techniques you learn from it elsewhere. */

/*
-----------------------------------------------------------------------------------------
Body Formatting	
----------------------------------------------------------------------------------------- 
*/

body {
	margin: 0;
	padding: 0;
	background-color: #323232;
}

.right {
	text-align: right;
	width: 25%;
}

/*
-----------------------------------------------------------------------------------------
Wrapper/Div Formatting	
----------------------------------------------------------------------------------------- 
*/

#wrapper_container {
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
}

#wrapper_leftcolumn {
	position: relative;
	width: 267px;
	height: 831px;
	margin: 0;
	padding: 0;
	background: #ffffff url(../images/bg-leftcolomn.gif) bottom no-repeat;
	float: left;
}

#wrapper_rightcolumn {
	position: relative;
	width: 483px;
	height: 831px;
	margin: 0;
	padding: 0;
	background: url(../images/bg-rightcolomn.gif) repeat-y;
	float: left;
}

#left_logo {
	position: relative;
	width: 267px;
	height: 225px;
	margin: 0;
	padding: 0;
}

#left_links {
	position: relative;
	width: 267px;
	height: 268px;
	padding: 0;
	margin: 0;
}

#left_address {
	position: relative;
	width: 267px;
	height: 302px;
	margin: 0;
	padding: 0;
}

#right_groupedImages {
	position: relative;
	width: 483px;
	height: 315px;
	margin: 0;
	padding: 0;
}

#groupedImages_1 {
	position: absolute;
	width: 215px;
	height: 302px;
	margin: 0 0 0 27px;
	padding: 0;
}

#groupedImages_2 {
	position: absolute;
	width: 214px;
	height: 151px;
	margin: 0 0 0 242px;
	padding: 0;
}

#groupedImages_3 {
	position: absolute;
	width: 214px;
	height: 151px;
	margin: 151px 0 0 242px;
	padding: 0;
}

#groupedImages_tagline {
	position: absolute;
	width: 483px;
	height: 20px;
	margin: 302px 0 0 0;
	padding: 0;
}

#groupedImages_taglineLower {
	position: relavtive;
	width: 483px;
	height: 20px;
	margin: 0;
	padding: 0;
}

#wrapper_base {
	width: 750px;
	height: 16px;
	margin: 0;
	padding: 0;
	background: url(../images/bg-base.gif) no-repeat;
	clear: left;
	line-height: 10%;
}

#wrapper_footer {
	width: 750px;
	height: 80px;
	background: #323232;
}

#footer_left {
	width: 600px;
	height: 50px;
	margin-top: 5px;
	float: left;
}

#footer_right {
	width: 150px;
	height: 50px;
	float: left;
	text-align: right;
}

#wrapper_popup {
	width: 500px;
	background: #006002;
	margin: 0;
	padding: 0;
}

#popup_header {
	width: 500px;
	height: 30px;
}

#popup_content {
	width: 500px;
	background: #ade77f;
}



/*
-----------------------------------------------------------------------------------------
Text/Content Formatting	
----------------------------------------------------------------------------------------- 
*/

p, .text-table {
	font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 10px 20px 0 15px;
	color: #000000;
}

#groupedImages_tagline span, #groupedImages_taglineLower span {
	font: 10px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

#left_logo li {
	font: bold 14px/16px Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	color: #000000;
	list-style: url(../images/image-iconTick.gif);
}

#left_links li {
	font: bold 15px/20px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0 0 0 10px;
	list-style: disc;
}

h1 {
	font: bold 18px/20px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: center;
	margin: 0;
	padding: 15px 20px 0 15px;
}

h2 {
	font: bold 14px/20px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
	margin: 0;
	padding: 160px 20px 0 15px;
}

h3 {
	font: bold 20px/20px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	margin: 0;
	padding: 5px 0 0 15px;
}

.white {
	color: #ffffff;
	margin: 0 0 0 5px;
}

.red {
	color: #ff00000;
	font-weight: bold;
}

.small {
	font-size: 10px;
	color: #ffffff;

}

/*
-----------------------------------------------------------------------------------------
Menu/Navigation Formatting	
----------------------------------------------------------------------------------------- 
*/

/* No menu structure */

/*
-----------------------------------------------------------------------------------------
Elements Formatting	eg hr, lists, form items, links etc
----------------------------------------------------------------------------------------- 
*/

a:link { text-decoration: none; border: none; }
a:visited { text-decoration: none; border: none; }
a:active { text-decoration: none; border: none; }
a:hover { text-decoration: none; border: none; }

a.custom-link:link { color: #006002; text-decoration: none; font-weight: bold; border-bottom: 1px dashed #006002; }
a.custom-link:visited { color: #006002; text-decoration: none; font-weight: bold; border-bottom: 1px dashed #006002; }
a.custom-link:active { color: #006002; text-decoration: none; font-weight: bold; border-bottom: 1px dashed #006002; }
a.custom-link:hover { color: #006002; text-decoration: none; font-weight: bold; border-bottom: 1px solid #006002; }

a.customWhite-link:link { color: #ffffff; text-decoration: none; font-weight: bold; border-bottom: 1px dashed #ffffff; }
a.customWhite-link:visited { color: #ffffff; text-decoration: none; font-weight: bold; border-bottom: 1px dashed #ffffff; }
a.customWhite-link:active { color: #ffffff; text-decoration: none; font-weight: bold; border-bottom: 1px dashed #ffffff; }
a.customWhite-link:hover { color: #ffffff; text-decoration: none; font-weight: bold; border-bottom: 1px solid #ffffff; }

input.input-text:focus, input.textarea:focus, textarea:focus {
	background: #006002;
	padding: 2px;
	color: #ffffff;
}

input.input-text, select.list-text, input.textarea, textarea {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #006002;
	padding: 2px;
	background: #ffffff;
	border: 1px solid #006002;
}

td {
	vertical-align: top;
	color: #000000;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}

hr {
	clear: both;
	border: 0;
}

/*
-----------------------------------------------------------------------------------------
Validation Formatting	eg xhtml, css buttons etc
----------------------------------------------------------------------------------------- 
*/

.validXHTML {width: 38px; height: 16px; background: url(../images/image-xhtml.gif) top left no-repeat; float: left; display: block;}
.validXHTML:hover {background-position: 0 -16px;}
.validXHTML span { display: none; }

.validCSS {width: 38px; height: 16px; background: url(../images/image-css.gif) top left no-repeat; float: left; display: block;}
.validCSS:hover {background-position: 0 -16px;}
.validCSS span { display: none; }

.dws {width: 38px; height: 16px; background: url(../images/image-dws.gif) top left no-repeat; float: left; display: block;}
.dws:hover {background-position: 0 -16px;}
.dws span { display: none; }


/* end of css */