﻿/* Global Reset */
HTML, BODY, FORM, DIV, SPAN, CITE, P, A, UL, OL, LI, DL, DT, DD, H1, H2, H3, H4, H5, H6, IMG, FORM, FIELDSET, LABEL, INPUT, BUTTON, SELECT, TEXTAREA, EMBED, TABLE TH, TD, OBJECT, EMBED {margin:0px; padding:0px;}
OBJECT, EMBED, IFRAME {float:left;}
DIV IMG {border:0px; font-size:10px; font-weight:bold;}
DIV.content IMG {float:none;}
HTML {background:#000;}
BODY {padding: 0; font-family:Arial,Tahoma,Helvetica,San Serif; font-size:62.5%; line-height:normal; text-align:center; }
BODY DIV {text-align:left;}
.hidden {position:absolute; left:-9000px; top:0px;}
.nodisplay {display: none;}
.float-left {float: left;}
.float-right {float: right;}
.clear {
	clear: both;
}

/* Table Elements */
TABLE {margin: 10px 0 20px;}
TR {}
TD {color:#000000; font-size:1.0em;}
/* Inline Elements */
a {color:#5b5a5a; text-decoration:underline;}
a:hover {color: #df2204;}
/* Form Elements */
FIELDSET {border:none;}
INPUT {color:#000000; font-size:1.0em; padding-left:3px;}
LABEL {color:#000000; font-size:1.0em;}
LEGEND {color:#000000; font-size:1.0em;}
SELECT {color:#000000; font-size:1.0em;}
TEXTAREA {color:#000000; font-size:0.9em; font-family:Verdana,Tahoma,Helvetica,San Serif;}
/* Accessibility Elements */
ACRONYM, ABBR {border:none;}
ACRONYM[title], ABBR[title] {cursor:help;}
P ABBR[title], P ACRONYM[title], BLOCKQUOTE ABBR[title], BLOCKQUOTE ACRONYM[title], DL ABBR[title], DL ACRONYM[title], CODE ABBR[title], CODE ACRONYM[title] {border-bottom:1px dotted #AAA;}
ABBR {speak:normal;}
ACRONYM {speak:spell-out;}

/*STRUCTURE*/
body {
	background: #000 url(../img/bg-html.jpg) top left repeat-x;
	min-height: 720px;
}
div.site {
	width: 899px;
	margin: 0 auto 0px;	
}
div.header {
	color: #fff;
	height: 318px;
}
div.page {
	background: #fff;
	padding: 20px 0 30px 0;
}
	div.tile-collection {
		margin: 20px 0 0;
	}
	.btn-tile {
		width: 285px;
		height: 104px;
		display: block;
		float: left;
	}
	.btn-tile span {
		display: none;
	}
		.catalystDifference {
			background: url("../img/btn-catalyst-difference.jpg") 0 0 no-repeat;
		}
		.catalystCollection {
			background: url("../img/btn-catalyst-collection.jpg") 0 0 no-repeat;
		}
	a.btn-tile:hover {
		background-position: 0 -104px;
	}
	
div.menu {
	float: right;
	margin: 0 0 10px;
}
div.sidecol {
	width: 230px;
	padding: 0 40px 0 0;
}
	div.search {
		background: url(../img/bg-search.gif) top left no-repeat #eaeaeb;
		width: 190px;
		padding: 30px 0 5px;
		margin: 10px 0 20px;
		float: right;
	}
	div.search form{
		margin: 10px 5px 10px 10px;
		text-align: right;
		font-size: 11px;
	}
		fieldset {
			padding: 4px;
			float: right;
			text-align: right;
		}
		input, label {
			float: right;
			text-align: right;
		}
		input, select {
			padding: 2px;
			font-size: 10px;
		}
		#suburb input {
			width: 153px;
		}
		select {
			height: 23px;
			width: 160px;
		}
		label {
			margin: 0px 5px;
		}
		#size label {
			margin: 3px 6px;
		}
		#buy {
			margin: 0 40px 0 6px;
		}
		.sizeTxt {
			width: 60px;
		}
		#submitBtn {
			margin: 10px 0 0;
		}
	
div.content {
	float: left;
	width: 64%;
	font-size: 12px;
	color: #000;
	margin: 00px 0 0;
}
	div.content img {
		float: right;
		margin: 0px 0px 15px 20px;
		border: solid 1px; 
	}
	div.content a {
		font-weight: bold
	}
	
	div.content table {
	float: none;
}
	
	
div.footer {
	font-size: 12px;
	color: #c3c3c3;
	clear: both;
	width: 900px;
	margin: 0 auto;
	padding: 10px 0;
	text-align: right;
	letter-spacing: 0.3px;
}
	div.footer a{
		color: #d63421;
		text-decoration: none;
	}

div.non-index .header {
	height: 127px;
}