@charset "utf-8";
/* CSS Document */

body {
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	margin: 20px auto;
	width: 915px;
}
#top {
	height: 60px;
}
#logo {
}
#flash-home {
	clear: both;
	margin: 0 5px;
	width: 905px;
	height: 470px;
}
#flash-slideshow {
	margin: 10px 0;
	width: 704px;
	height: 470px;
}
#content {
	clear: both;
	padding: 0 0 20px 0;
}
.col-left-home {
	float: left;
}
.col-right-home {
	float: left;
}

#left-col {
	float: left;
	margin: 5px 0 20px 5px;
	width: 166px;
}
			
#main-col {
	float: left;
	margin: 5px 0;
	padding: 0 0 0 35px;
	width: 500px;
}
.flash-col {
	width: 704px !important;
}
.inner-content {
	width: 500px;
}

#footer {
	clear: both;
	border: 1px solid #ccc;
	font-size: 65%;
	margin: 0 5px;
	padding: 10px;
	text-align: center;
}
.clear {
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}




/* ########## Global ########## */
img {
	border: 0;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}





/* ########## Content ########## */

.pic-banner {
	padding: 0 0 10px 0;
}

h1 {
	color: #999;
	font-weight: normal;
}
#content h1 {
	height: 60px;
	margin: 0;
	text-transform: capitalize;
}

#content h2 {
	color: #999;
	font-size: 130%;
	font-weight: normal;
	margin: 0 0 10px 0;
	text-transform: lowercase;
}
#content .about h2 {
	margin: 0 0 10px 0;
}
#content h3 {
	font-size: 75%;
	font-weight: bold;
	margin: 0;
}

#content p {
	font-size: 75%;
	margin: 0 0 1em 0;
	line-height: 150%;
}

.subscribe-box p {
	font-size: 75%;
	margin: 0 0 5px 0;
}


ul.bullet {
	list-style: square;
	margin: 0 0 10px 20px;
}
ul.bullet li {
	font-size: 75%;
	line-height: 150%;
}


hr.grey {
	clear: both;
	color: #999999; 
	background-color: #999999; 
	height: 1px; 
	border: 0; 
	margin: 20px 0;
}
hr.grey5 {
	clear: both;
	color: #999999; 
	background-color: #999999; 
	height: 5px; 
	border: 0; 
	margin: 20px 0;
}
hr.grey-lt {
	clear: both;
	color: #ccc; 
	background-color: #ccc; 
	height: 1px; 
	border: 0; 
	margin: 5px 0;
}

.back,
.back-top {
	clear: both;
	font-size: 70%;
	line-height: 100%;
	padding: 20px 0 0 0;
}
.back img,
.back-top img {
	margin: 0 5px 0 0;
	vertical-align: middle;
}


/* ########## What's New ########## */

.new-item,
.install-item,
.press-item {
	clear: both;
	border-bottom: 1px solid #999;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
}
.col-left-new {
	float: left;
	width: 270px;
}
.col-right-new {
	float: left;
	width: 230px;
}

/* ########## Installations ########## */
.col-left-press,
.col-left-install {
	float: left;
	width: 180px;
}
.col-right-press,
.col-right-install {
	float: left;
	padding: 0 0 0 20px;
	width: 300px;
}

/* ########## Stockists ########## */
.stock-item {
	clear: both;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
}
.col-left-stock {
	float: left;
	width: 250px;
}
.col-right-stock {
	float: left;
	width: 250px;
}

/* ########## Promo boxes ########## */

#promo-home {
	clear: both;
	margin: 20px 0;
}
.promo-shad {
	float: left;
	background: url(../images/promo-box-shadow.gif) no-repeat;
	width: 175px;
	height: 160px;
}
.promo-box {
	padding: 2px 20px 8px 5px;
}
.subscribe-box {
	float: left;
	width: 210px;
	text-align: right;
}


/* ########## Form ########## */

.subscribe-box form {
	margin: 0;
	padding: 0;
}

form.rec-form,
form.subscribe-form {
	margin: 0 0 30px 0;
	padding: 0;
}

.subscribe-form .field-row {
	clear: both;
	height: 30px;
}
.subscribe-form .field-row2 {
	clear: both;
	height: 67px;
}

.rec-form .submit-row,
.subscribe-form .submit-row {
	clear: both;
	width: 497px;
	text-align: right;
}

.subscribe-form p.sub-form-margin {
	margin: 0 0 0 215px !important;
}

.subscribe-box label {
	font-size: 75%;
}
.subscribe-form label {
	float: left;
	font-size: 75%;
	margin: 6px 10px 2px 2px;
	width: 200px;
	text-align: right;
}
.subscribe-form input.textbox,
.subscribe-box input.textbox {
	border: 1px solid #999;
	font-size: 75%;
	margin: 4px 0 3px 4px;
	padding: 2px;
	width: 150px;
}
.subscribe-form input.textbox {
	float: left;
	width: 275px;
}
.subscribe-form .textbox2 {
	float: left;
	border: 1px solid #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	margin: 4px 0 3px 4px;
	padding: 2px;
	width: 275px;
	height: 50px;
}

.subscribe-form select {
	float: left;
	border: 1px solid #999;
	font-size: 75%;
	margin: 4px 0 3px 4px;
	padding: 1px;
	width: 280px;
	
}

.rec-form input#Submit,
.subscribe-form input#Submit,
.subscribe-box input#Submit {
	width: 50px;
	background-color: #333;
	border: 0;
	color:#fff;
	font-size: 90%;
	font-weight: bold;
	margin: 5px 0 0 0;
	padding: 3px;
}


/* ### Recommend Friends Form ### */
#content .rec-form h3 {
	float: left;
	margin: 6px 8px 2px 0;
	width: 100px;
}
#content .rec-form h3.narrow {
	width: 70px;
}
.rec-form .field-row {
	clear: both;
	height: 30px;
}
.rec-form .friend-row {
	clear: both;
	border-bottom: 1px solid #ccc;
	height: 30px;
	padding: 5px 0;
}

.rec-form label {
	float: left;
	font-size: 75%;
	margin: 6px 5px 2px 0;
	width: 45px;
	text-align: right;
}
.rec-form .field-row label {
	margin: 6px 10px 2px 0;
	width: 94px;
}
.rec-form .field-row label.marginleft {
	margin-left: 108px;
}

.rec-form input.textbox {
	float: left;
	border: 1px solid #999;
	font-size: 75%;
	margin: 4px 0 3px 4px;
	padding: 2px;
	width: 150px;
}
.rec-form .field-row input.textbox {
	width: 275px;
}

.bg-hilite {
	background-color: #9ABCD3;
	color: #333;
	padding: 10px;
}


/* Error */

p.form-error {
	border: 3px solid #f00;
	color: #000;
	padding: 3px;

}


/* ########## Navigation ########## */

ul#nav {
	width: 915px;
	height: 47px;
}
ul#nav li {
	float: left;
	height: 47px;
}

ul#left-nav {
	border-right: 1px solid #999;
	margin: 60px 0 0 0;
	width: 165px;
	height: 310px;
}
ul#left-nav li {
	font-size: 75%;
	padding: 1px 30px 4px 0;
	text-align: right;
}
ul#left-nav li.current {
	background: url(../images/arrow-nav-grey.gif) no-repeat right;
	color: #999;
}
ul.links {
	padding: 0 0 1em 0;
}
ul.links li {
	font-size: 75%;
}


/* ########## Links ########## */

a {color: #333; text-decoration: none;}
a:hover {color: #3399FF; text-decoration: underline;}

#main-col a {color: #3399FF;}
/*
	color: #6A9DBF;
*/

#main-col .back a,
#main-col .back-top a {color: #333; text-decoration: none;}

#main-col .back a:hover,
#main-col .back-top a:hover,
ul#left-nav a:hover {color: #3399FF; text-decoration: none;}




/* ########## Modifiers ########## */

.normal {font-weight: normal !important;}
.nomargin {margin: 0 !important;}
.margin-bot {margin-bottom: 20px !important;}
.pad-height {height: 25em;}
.left {float: left;}
.border-top-lt {border-top: 1px solid #ccc;} 
.border-bot-lt {border-bottom: 1px solid #ccc;} 


0