/**********************************************************************
 * smartsteel-common.css                                              *
 **********************************************************************
 * Stylesheet for http://www.smartsteel.co.nz                  *
 * Contains styles common to main and section pages                   *
 **********************************************************************
 * jesse warde (jesse@avatar.co.nz)                                   *
 * 28.02.06                                                          *
 * © 2005 Avatar Web Promotions Ltd                                   *
 **********************************************************************/
 
html {
 	height: 100%;
}
 
body {
   background: url(images/bg.jpg) repeat 0px 0px;
	margin: 10px 0px;
	min-height: 101%;
}

a { 
	color: #FE0000;
	text-decoration: underline; 
}

a:hover { 
	color: #FE0000;
	text-decoration: none; 
}

a img {
	border: none;
}

p {
	font: 11px Verdana, sans-serif;
	color: #444444;
	text-align: justify;
	margin: 2ex 0px;
}

h1 {
	font: 18px Verdana, sans-serif;
	font-weight: bold;
	color: #720000;
	text-align:left;
	margin: 0.5ex 0px 1ex;
}

h2 {
	font: 13px Verdana, sans-serif;
	font-weight: bold;
	color: #720000;
	text-align:left;
	margin: 1.5ex 0px -1ex;
}

h3 {
	font: 12px Verdana, sans-serif;
	font-weight: bold;
	color: #444444;
	text-align:left;
	margin: 0.5ex 15px 1ex;
}

.content ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
}

.content ul li {
	font: 11px Verdana, sans-serif;
	margin: 0ex 0px 1ex 0px;
	padding: 0px 5px 0px 20px;
	background: url(images/li.gif) no-repeat 0px 0px;
	list-style: none;
	display: block;
}

.clear {
	clear: both;
	overflow: hidden;
}

.clear-floats {
	width: 188px;
	height: 1px;
	margin: 0px 0px 0px 17px; 
	border-bottom: 1px solid #BCBCBC;
	clear: both; 
	overflow: hidden;	
}

.container {
	background: url(images/body-bg.gif) repeat-y 0px 0px;
	width: 789px; 
	margin: 0px auto;
}

.menu-bg {
	background: url(images/menu-bottom-bg.jpg) no-repeat bottom left;
}

img.totalspan {
	margin: 100px 0px 0px 32px; 
}

.header {
	background: url(images/index-header.jpg) no-repeat 0px 0px;
	width: 789px;
	height: 233px;
	margin: 0px;
	float: left;
}

.header-section {
	/*background: url(images/section-header.jpg) no-repeat 0px 0px;*/
	width: 789px;
	height: 153px;
	margin: 0px;
	float: left;
}


.header-section img {
	width: 789px;
	height: 153px;
	margin: 0px;
}


.side-bar {
	width: 205px;
	margin: 0px;
	padding: 0px;
	float: left;
}

.menu-container {
	width: 188px;
	margin: 0px;
	border-top: 1px solid #BCBCBC;
	float: right;
}

.content {
	width: 554px;
	margin: 0px;
	padding: 0px 15px 0px 0px;
	float: right;
}

.footer {
	background: url(images/footer-bg.gif) no-repeat 0px 0px;
	width: 789px;
	height: 48px;
	font: 11px Verdana, sans-serif;
	margin: 0px auto;
}

p.footer-menu {
	color: #FFFFFF;
	margin: 0px;
	padding: 17px 0px 0px;
	text-align: center;
}

p.footer-menu a {
	color: #FFFFFF;
	text-decoration: none;
}

p.footer-menu a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

p.info {
	margin: 3px auto 0px;
	text-align: center;
}

.index-title-img {
	background: url(images/index-title-img.jpg) no-repeat 0px 0px;
	width: 547px;
	height: 98px;
	margin: 0px 3px 5px;
	float: left;
}

/*.content-title {
	width: 553px;
	height: 19px;
	margin: 0px 0px 5px;
	float: left;
}*/

/*#title-index { background: url(images/title-index.gif) no-repeat 0px 0px; }
#title-range { background: url(images/title-range.gif) no-repeat 0px 0px; }
#title-features { background: url(images/title-features.gif) no-repeat 0px 0px; }
#title-outlets { background: url(images/title-outlets.gif) no-repeat 0px 0px; }
#title-contact-us { background: url(images/title-contact-us.gif) no-repeat 0px 0px; }
#title-site-map { background: url(images/title-site-map.gif) no-repeat 0px 0px; }
#title-disclaimer { background: url(images/title-disclaimer.gif) no-repeat 0px 0px; }
#title-privacy-policy { background: url(images/title-privacy-policy.gif) no-repeat 0px 0px; }*/

.box {
	background: #EEEEEE url(images/box-top-bg.gif) no-repeat 0px 0px;
	width: 553px;
	margin: 0px;
	float: left;
}

.box-bottom{
	background: url(images/box-bottom-bg.gif) no-repeat 0px 0px;
	width: 553px;
	height: 6px;
	float: left;
}

.box-left {
	width: 276px;
	margin: 0px; 
	float: left;
}

.box-right {
	background: url(images/index-logos.gif) no-repeat bottom;
	width: 276px;
	margin: 0px;
	padding-bottom: 119px;
	border-left: 1px dashed #444444;
	float: right;
}

.options {
	background: #DBDBDB url(images/options-top-bg.gif) no-repeat 0px 0px;
	width: 527px;
	margin: 10px 0px 0px 13px;
	float: left;
}

.options-bottom{
	background: url(images/options-bottom-bg.gif) no-repeat 0px 0px;
	width: 527px;
	height: 10px;
	float: left;
}

.options-left {
	width: 263px;
	margin: 10px 0px 0px; 
	float: left;
}

.options-right {
	background: url(images/colour-swatches.gif) no-repeat bottom left;
	width: 263px;
	margin: 10px 0px 0px; 
	padding-bottom: 43px;
	border-left: 1px dashed #444444;
	float: right;
}

.box p,
.options p {
	text-align: left;
	margin: 1ex 15px;
}

.garage {
	width: 527px;
	margin: 0px 0px 0px 13px;
	border-bottom: 1px dashed #444444;
	float: left;
}

.garage img {
	width: 160px;
	height: 102px;
	margin: 10px 10px 10px 0px;
	float: left;
}

.garden-shed {
	width: 150px;
	margin: 15px 0px 5px 25px;
	float: left;
	display: inline;
}

.garden-shed-colours {
	width: 150px;
	margin: 5px 0px 5px 25px;
	float: left;
	display: inline;
}

.garden-shed p, .garden-shed-colours p {
	text-align: center;
	margin: 0px;
}

.accessories {
	width: 150px;
	margin: 15px 0px 5px 20px;
	float: left;
	display: inline;
}
.accessories-last {
	width: 150px;
	margin: 15px 0px 5px 190px;
	float: left;
	clear: left;
	display: inline;
}

.accessories p, .accessories-last p {
	text-align: center;
	margin: 0px;
}

img.scan {
	width: 50px;
	height: 45px;
	margin: 10px 0px 10px 10px;
	float: left;
}

img.img-centre {
	width: 300px;
	height: 280px;
	margin: 10px 10px 0px 125px;
	border: 1px solid #444444;
	float: none;
}

#form {
	font: 11px Verdana, sans-serif;
	color: #444444;
	text-align: left;
	margin: 2ex 0px;
}

.spec-table {
	font: 9px Verdana, sans-serif;
	margin-top: 5px;
}

.spec-table td {
	padding: 1px 2px;
}
.spec-table td.spec-table-bg {
	background-color: #DBDBDB;
}