* {
	margin: 0;
	padding: 0;
	}

html {
	font-size: 100%;
	}

body {
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	color: #525252;
	text-align: left;
	background-color: #ECECEC;
	}
.clearFix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
#outerWrapper {
	width: 1000px;
	margin: 0px auto;
	}
#top {
	float: left;
	width: 1000px;
	height: 30px;
	background: url(../images/drop_top.gif) no-repeat;
	}
#mainWrap {
	float: left;
	width: 1000px;
	background: url(../images/drop_shadow.gif) repeat-y;
	margin: 0;
	padding: 0;
	}
#wrapper {
	float: left;
	width: 960px;
	padding: 0 0 0 20px;
	}
#bottom {
	float: left;
	width: 1000px;
	height: 30px;
	background: url(../images/drop_btm.gif) no-repeat;
	}
#inner {
	float: left;
	width: 880px;
	text-align: left;
	padding: 0 40px;
	}
	
	
/* Typography */
h1 {
	font-size: 2.5em;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	line-height: 1em;
	color: #2D467C;
	margin-bottom: 0.6333em;
	font-weight: normal;
	}
h1#welcome {
	background: url(../images/welcome-h1.jpg) 0 0 no-repeat;
	height: 0;
	overflow: hidden;
	display: block;
	padding: 20px 0 0 0;
	width: 160px;
	margin-bottom: 0.3em;
	}
h2 {
	font-size: 1.8em;
	line-height: 1.33333333em;
	color: #9F012F;
	margin-bottom: 0.6666em;
	}
h3 {
	font-size: 1.7em;
	line-height: 1.5384615em;
	color: #9F012F;
	padding-bottom: 0.7em;
	}
h2#news {
	margin-top: 40px;
	border-bottom: 1px solid #CCCCCC;
	}
h3.news {
	font-size: 1.4em;
	margin-bottom: 0.5em;
	padding: 0;
	}
h4 {
	font-size: 1.6em;
	line-height: 1.33333333em;
	color: #FFFFFF;
	margin-bottom: 1em;
	}
h2 a {
	color: #2D467C;
	}


h3#contact_details {
	color: #2A3D71;
	background: url(../images/contact_icon.gif) no-repeat;
	}	
p {
	font-size: 1.2em;
	line-height: 1.66666666em;
	margin-bottom: 1.6666666em;
	}
p.intro {
	font-size: 1.4em;
	}
p.date {
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 1.5em;
	}
ul {
	margin-bottom: 1.6666666em;
	}
li {
	font-size: 1.2em;
	line-height: 1.66666666em;
	}
a {
	color: #2D467C;
	}
#sub_nav a.selected {
	color: #9F012F;
	text-decoration: none;
	}
#navigation a {
	text-decoration: none;
	}
a:hover {
	color: #4852CC;
	}
a img {
	border: none;
	}
#about ul {
	padding-left: 20px;
	}



/* Masthead */
#masthead {
	float: left;
	width: 880px;
	}
#logo {
	float: left;
	width: 300px;
	}
.phone {
	float: left;
	font-size: 2em;
	line-height: 1em;
	color: #637197;
	display: block;
	background: url(../images/phone.gif) no-repeat;
	padding-left: 30px;
	margin-top: 6px;
	clear: left;
	}
#banner {	
	float: left;
	width: 880px;
	padding-top: 1.5em;
	}
	

/* Navigation */
#navigation {
	float: left;
	width: 880px;
	height: 50px;
	background: url(../images/nav_tile.gif) repeat-x;
	}
#navigation img {
	float: left;
	}
#navigation ul {
	float: left;
	width: 864px;
	margin: 0;
	}
#navigation li {
	float: left;
	width: 144px;
	height: 50px;
	list-style: none;
	text-align: center;
	}
#navigation li a {
	float: left;
	width: 144px;
	height: 50px;
	font-size: 1.3em;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	line-height: 1.6em;
	display: block;
	color: #FFFFFF;
	padding: 0;
	margin: 0;
	background-image: url(../images/navigation.gif);
	}
#navigation li a:hover, #topSelected a {
	text-decoration: none;
	height: 50px;
	margin-right: 1px;
	}
#navigation li span {
	height: 0;
	overflow:hidden;
	display: block;
	}
a.request {
	display: block;
	float: right;
	font-size: 1.2em;
	}
a.nav-1 {
	background-position: 0 0;
	}
a.nav-1:hover, #topSelected a.nav-1 {
	background-position: 0 -50px;
	}
	
a.nav-2 {
	background-position: 0 -100px;
	}
a.nav-2:hover, #topSelected a.nav-2 {
	background-position: 0 -150px;
	}
	
a.nav-3 {
	background-position: 0 -200px;
	}
a.nav-3:hover, #topSelected a.nav-3 {
	background-position: 0 -250px;
	}
	
a.nav-4 {
	background-position: 0 -300px;
	}
a.nav-4:hover, #topSelected a.nav-4 {
	background-position: 0 -350px;
	}
	
a.nav-5 {
	background-position: 0 -400px;
	}
a.nav-5:hover, #topSelected a.nav-5 {
	background-position: 0 -450px;
	}
	
a.nav-6 {
	background-position: 0 -500px;
	}
a.nav-6:hover, #topSelected a.nav-6 {
	background-position: 0 -550px;
	}
	
	

/* Main */
#mainContent {
	float: left;
	padding-top: 20px;
	padding-bottom: 1em;
	}
#mainContent p {
	}

.half {
	float: left;
	width: 420px;
	}
.oneThird {
	float: left;
	width: 280px;
	}
.twoThirds {
	float: left;
	width: 560px;
	padding-right: 40px;
	padding-bottom: 60px;
	}
.oneQuarter {
	float: left;
	width: 210px;
	padding-right: 40px;
	}
.threeQuarters {
	float: left;
	width: 630px;
	}
.threeQuarters ul {
	margin-left: 2em;
	}
.twoFifths {
	float: left;
	width: 340px;
	}
.threeFifths {
	float: left;
	width: 488px;
	margin-left: 40px;
	}
#left {
	padding-right: 20px;
	}
#right {
	padding-left: 20px;
	}
#sub_nav {
	padding-top: 1em;
	padding-left: 15px;
	}
#about img {
	float: left;
	padding-right: 20px;
	}
#sub_nav ul {
	list-style: none;
	}
#sub_nav li {
	font-size: 1.4em;
	padding-left: 12px;
	background: url(../images/arrow.gif) no-repeat 0 9px;
	}
.products {
	float: left;
	width: 620px;
	padding-top: 1em;
	padding-bottom: 1em;
	border-top: 1px dotted #C4C4C4;
	}
.products ul {
	margin-left: 20px;
	}
.products h2 {
	padding-top: 0.5em;
	}

.products img {
	float: right;
	}
#details {
	float: left;
	}
#details ul {
	margin-left: 20px;
	}
#prod_pic {
	float: right;
	margin: 0 0 20px 20px;
	}


#prod_pic img {
	float: right;
	}
#latestNews {
	float: left;
	width: 200px;
	}
#latestNews ul {
	padding-left: 15px;
	}
#pic {
	float: right;
	padding-left: 10px;
	}
img.border, #pic img {
	padding: 6px;
	border: 1px solid #D9D8D8;
	}
p.more {
	color: #0033CC;
	}
a.more {
	padding-left: 10px;
	background: url(../images/arrow.gif) no-repeat 0 4px;
	}
a.more:hover {
	background-position: 0 -49px;
	color: #9F012F;
	}
.box {
	float: left;
	width: 500px;
	height: 220px;
	margin-top: 10px;
	}
.box div {
	padding: 30px 150px 0 30px;
	}
.box div a.more {
	font-size: 1.2em;
	}
p.more a {
	font-size: 1.2em;
	}

h3#distributors {
	background: url(../images/distributors-h3.gif) 0 0 no-repeat;
	height: 0;
	padding: 20px 0 0 0;
	width: 154px;
	overflow: hidden;
	display: block;
	margin-bottom: 0.7em;
	}
h3#re-distributors {
	background: url(../images/re-distributors-h3.gif) 0 0 no-repeat;
	height: 0;
	padding: 20px 0 0 0;
	width: 154px;
	overflow: hidden;
	display: block;
	margin-bottom: 0.7em;
	}
#distributers {
	background: url(../images/distributors.jpg);
	}
#re-distributers {
	background: url(../images/re-distributors.jpg);
	}
.box img, .sml_box img, .lrg_box img, .half_box img {
	float: left;
	}
.sml_box {
	float: left;
	width: 280px;
	padding-top: 0.5em;
	padding-bottom: 2em;
	}
.lrg_box {
	float: left;
	width: 630px;
	padding-top: 2em;
	padding-bottom: 2em;
	}
.half_box {
	float: left;
	width: 420px;
	padding-top: 0.5em;
	padding-bottom: 2em;
	margin: 0 10px;
	}
.gradient {
	float: left;
	background: #F0EEEE url(../images/box_tile.gif) repeat-x;
	border-left: 1px solid #D9D8D8;
	border-right: 1px solid #D9D8D8;
	}
.box .gradient {
	width: 486px;
	}
.sml_box .gradient {
	width: 278px;
	}
.lrg_box .gradient {
	width: 628px;
	}
.half_box .gradient {
	width: 418px;
	}
.info {
	float: left;
	width: 260px;
	padding-left: 15px;
	}
.info h3 {
	padding-left: 70px;
	padding-top: 1em;
	padding-bottom: 1.5em;
	}
.pic {
	float: left;
	width: 171px;
	padding-top: 10px;
	padding-left: 40px;
	}
.vendors {
	float: left;
	width: 380px;
	padding-left: 15px;
	padding-right: 15px;
	height: 200px;
	overflow: hidden;
	}
.vendors ul {
	margin-left: 20px;
	}
.vendors h3 {
	padding-top: 0.5em;
	}
.vendors img {
	float: right;
	margin-left: 20px;
	}	
#prod_enquiry p {
	padding: 1em 15px;
	}
img.border {
	padding: 6px !important;
	border: 1px solid #CCCCCC;
	margin: 0 20px 20px 0;
	}
img.border_r {
	padding: 6px !important;
	border: 1px solid #CCCCCC;
	margin: 0 0 20px 20px;
	}
	
	
	
/* Sidebar */
#sidebar {
	}
#address {
	}
#sidebar p {
	}
	
	
/* Footer */
#footer {
	width: 960px;
	float: left;
	color: #FFFFFF;
	background-color: #2B3F72;
	padding-top: 0.5em;
	padding-bottom: 0;
	}
#products {
	float: left;
	width: 508px;
	padding: 0.5em 20px 0 40px;
	}
#suppliers {
	float: left;
	width: 332px;
	padding: 0.5em 40px 0 20px;
	}
#products h4, #suppliers h4 {
	border-bottom: 1px solid #FFFFFF;
	}
.prod {
	float: left;
	width: 156px;
	padding-right: 20px;
	}
.prod a, .supp a {
	color: #FFFFFF;
	}
.supp {
	float: left;
	width: 156px;
	padding-right: 20px;
	}
.prod ul, .supp ul {
	padding-left: 15px;
	}
#last  {
	padding-right: 0;
	}
#legal {
	width: 960px;
	float: left;
	padding-top: 1em;
	}
#copyright {
	float: left;
	padding-left: 20px;
	}
#splink {
	font-style: italic;
	padding-right: 20px;
	text-align: right;
	}
#splink a {
	font-style: italic;
	font-size: 0.9em;
	color: #B4BFDA;
	}

#cat_list ul {
	width: 221px;
	list-style: none;
	float: left;
	margin: 0;
	}
#cat_list li {
	margin: 0;
	}
#cat_list a {
	color: #CCCCCC;
	}
#cat_list a:hover {
	color: #FFF;
	background-image: url(../images/arrow_wt.gif);
	}
#cat_list a.selected {
	color: #FFF;
	background-image: url(../images/arrow_wt.gif);
	}
#cat_list {
	padding: 20px 0 20px 40px;
	width: 880px;
	background: transparent;
	}
#footer #cat_list ul {
	width: 220px;
	}
#cc {
	margin: 10px 20px;
	}
#cc p {
	margin-bottom: 6px;
	}

/* Forms */	
form {
	padding-top: 2em;
	}
form#form1 {
	 width: 400px;
	 padding-left: 40px;
	 }
label {
	float: left;
	width: 65px;
	color: #9F012F;
	font-size: 1.2em;
	font-weight: bold;
	}
input {
	margin-left: 35px;
	margin-bottom: 1.5em;
	}
textarea {
	margin-left: 35px;
	margin-bottom: 2em;
	}
#submit {
	margin: 0 0 3em 100px;
	float: left;
	clear: both;
	}
#prod_enquiry form {
	width: 400px;
	padding: 1em 80px;
	}
#prod_enquiry label {
	width: 110px;
	}
#prod_enquiry input, #prod_enquiry textarea {
	margin-left: 0;
	margin-bottom: 1em;
	padding: 2px;
	margin-top: 2px;
	}
#prod_enquiry #submit {
	margin-left: 110px;
	}
.warning {
	color: #FF0000;
	}
#prod_enquiry h2 {
	padding: 20px;
	}
	
#quote {
	font-size: 2.4em;
	line-height: 1.6em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #2D467C;
	width: 242px;
	float: left;
	border: 3px solid #6D7FA6;
	border-width: 6px 0;
	padding: 10px 6px 12px 6px;
	margin: 2.8em 10px 20px 0;
	}
#line-card {
	padding-top: 10px;
	}
#line-card p a {
	background: url(../images/pdf-mini.gif) no-repeat 0 100%;
	margin: 0 0 0 20px;
	padding: 4px 0 0px 20px;
	color: #FFFFFF;
	line-height: 2em;
	}