/* CSS Document to support garagestorage.com.au  */
/* Copyright Project DMS Pty Ltd */
/* www.projectdms.com.au */
/* last edited 150510 */

html {
	text-align: center;
	width: 100%;
	overflow: scroll;}

body {
	margin: 0;
	height: 100%;
	text-align: center;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	background: url(/images/bg.page.jpg);}

div {
	margin: 0;}

p {
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 1.25em;}
						
img {
	border: 0;}

#global {
	width:900px;
	background-color: #171717;
	margin: 10px auto;}

#h1container {
	width:900px;
	height:16px;
	color:#ccc;
	background-color: #000;}

#container {
	width: 900px;
	height: 100%;
	text-align: center;
	margin: 0 auto;
	background-color: #171717;}

#head {
	margin-top: 0;
	width: 900px;
	height: 190px;
	background-color: #232323;
	clear: both;}
	/* contains left and right divs */

#nav {
	float:left;
	width:898px;
	height:33px;
	border:1px solid #666;
	background: url(/images/bg.nav.jpg);}
	#nav ul {
	display: inline;
	list-style: none;}
	#nav li {
	display: inline;
	list-style: none;}

	.navlink {
	font:10px Verdana, Arial, Helvetica, sans-serif;
	padding: 9px 20px 0 20px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	height: 24px;
	float: left;
	cursor: default;
	background-image: url(/images/bg_nav.jpg);
	border-right: 1px solid #666;}
	a.navlink:hover {
	background: url(/images/bg.nav.hover.jpg);}
	a.navlink:active {
	color: #fff;
	background: url(/images/bg.nav.hover.jpg);}


	.adminnav {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #ccc;
	text-decoration: none;
	display: block;
	cursor: default;}
	a.adminnav:hover {
	color: #fff;}

#content {
	width: 900px;
	padding-top: 10px;
	clear:both;}			
	#col1 {
		float: left;
		width: 180px;
		margin-left:5px;
		text-align:left;}
	#col2 {
		float: right;
		width: 660px;
		margin-right:5px;
		font: 11px Arial, Helvetica, sans-serif;
		text-align:justify;
		color: #ccc;}
		#col2 td {
		vertical-align: top;}
		#col2 a  {
		font: bold 12px Verdana, Arial, Helvetica, sans-serif;
		color: #ccc;
		text-decoration: none;}
		#col2 a:hover  {
		font: bold 12px Verdana, Arial, Helvetica, sans-serif;
		color: #fff;
		text-decoration: underline;}

#catlist {
	float:left;
	margin-bottom:5px;}
	#catlist a {
	font:10px Arial, Helvetica, sans-serif;
	color: #99ff00;}
	#catlist a:hover {
	font:10px Arial, Helvetica, sans-serif;
	color: #00ff00;}	

#print {
	float:right;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#fff;}
	#print a {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#33ff00;}
	#print a:hover {
	font:bold 12px Arial, Helvetica, sans-serif;
	color: #33ff00;}

#footer {
	width: 900px;
	height: 150px;
	margin-top:15px;
	background-image: url(/images/bg.footer.jpg);
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	text-align: left;
	clear: both;}
	#footerleft {
	float: left;
	margin-left:2px;
	margin-top:5px;
	width: 191px;
	height: 140px;
	border-right: 1px solid #232323;}
		#footerleft a {
		color: #009900;
		text-decoration: none;}
		#footerleft a:hover {
		color: #009900;
		text-decoration: underline;}
	#footerright {
	float: right;
	margin-right:2px;
	margin-top:5px;
	width: 665px;
	height: 140px;}
		#footerright a {
		color: #009900;
		text-decoration: none;}
		#footerright a:hover {
		color: #009900;
		text-decoration: underline;}
												
#divx {
	width: 900px;
	height: 10px;
	clear: both;
	background-color: #171717;}

h1 {
	font: 8px Verdana, Arial, Helvetica, sans-serif;
	margin-top:2px;
	margin-bottom:2px;}

h2 {
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	border:1px solid #333;
	padding:5px;
	margin-top: 0px;}

h3 {
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	margin-top: 5px;}

h4 {
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	margin-top: 8px;
	margin-bottom: 4px;}

h5 {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	margin-top: 8px;}

h6 {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	margin-top: 8px;}

			
/* general font variations */
.formfields {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
	border: solid 1px #ccc;
	background-color:#ccc;
	margin-bottom: 1px;}
									
.button {
	text-align: center;
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	height:17px;
	color: #fff;
	background-color: #003300;
	border: solid 1px #50658A;}

.req {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #993333;}

.prodTitle {
	}					

.response {
	font: 10px Arial, Helvetica, sans-serif;
	color: #CBE301;}
	
.trbackground {
	background-color: #FFFFFF;}
	
.trnoborder td {
	border:none !important;}
	
.tablenoborder td {
	border:none !important;}

.enquiries {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #CBE301;
	text-align: center;
	display: block;
	width: 228px;
	height: 14px;
	text-decoration: none;
	background-color: #6580AF;
	border: solid 1px #fff;}
