@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
}

html {
	height:100%;
}

body {
	font:90%/1.6em 'Trebuchet MS', Helvetica, sans-serif;
	color:#000;
	height:100%;
	background-color: #09141A;
}

.clear {
	clear:both;
}

form {
	margin:0;
	padding:0;
}

img {
	border:none;
}

table {
	margin:0.6em 0;
}

/* Colours and appearance */

h1, h2, h3, h1 a, h2 a {
	color:#069;
}

a {
	color:#09F;
	text-decoration:none;
}

a:hover {
	color:#09F;
	border-bottom:dotted 1px #39F;
}

#banner h1, #banner h2 {
	color:#FFF;
}

#sidemenu ul li a:hover {
	color:#0099FF;
}

#sidemenu ul li a {
	color:#069;
}

.date, .grey {
	color:#999;
}

.price {
	color:#C00;
}

#footerwrap {
	color:#3399CC;
}

#footerwrap a {
	color:#CCC;
}

/* Typography */

p {
	line-height:1.6em;
	padding: 0.3em 0 0.3em;
}

p.breadcrumb {
	padding: 0 0 1em;
	font-size:.8em;
}

p.price, p.price2 {
	font-weight:bold;
	font-size:1.4em;
}

p.price2 {
	font-size:1.8em;
}

p.category {
	padding: .5em 0 0 0;
	text-align:center;
}

h1 {
	padding: 0 0 0.5em;
	line-height:1.6em;
	font-size: 1.4em;
}

h2 {
	padding: 1em 0 0.5em;
	font-size: 1.1em;
	line-height:1.5em;
}

#banner h1, #banner h2 {
	padding:0;
}

#banner p {
	padding-top:1em;
}

#rightcol ul {
	padding-top:.6em;
	list-style: none;
}

#rightcol ul li {
	padding-left:1em;
	background: url(/images/layout/bullet.gif) no-repeat left 0.55em;	
}

.date {
	font-size:.8em;
	font-weight:normal;
}

#footerwrap {
	font-size:.9em;
	line-height:1.2em;
}

/* top menubar */

#topnav{position:relative;display:block;height:42px;font-size:1em;font-weight:bold;background:transparent url(/images/layout/mnubg.gif) repeat-x top left;width:960px;margin:0 auto;}
#topnav ul{padding:0;list-style-type:none;}
#topnav ul li{display:block;float:left;margin:0 1px 0 0;}
#topnav ul li a{display:block;float:left;color:#D5F1FF;text-decoration:none;padding:9px 22px 0 22px;height:33px;}
#topnav ul li a:hover, #topnav ul li a.current{color:#fff;border:none;background:transparent url(/images/layout/mnubgon.gif) no-repeat top center;}

/* Form elements */

input.txt, input.captcha, textarea {
	font:1em/1.6em 'Trebuchet MS', Helvetica, sans-serif;
	width:250px;
	background-color:#EEE;
	border:1px solid #CCC;
	border-left:none;
	border-right:none;
	padding:0px 4px 4px;
	margin:0;
}

input.captcha {
	font:1.5em/1.6em 'Trebuchet MS', Helvetica, sans-serif;
	width:80px;
}

/* Layout General */

#container {
	background: url(/images/layout/containerbg.jpg) repeat-x;
	position: relative;
	z-index:1;
	margin: 0 auto -79px;
}

#navwrap, #headerwrap, #footerwrap {
	position:relative;
	width:auto;
}

#navwrap {
	background: url(/images/layout/mnubg.jpg) no-repeat center;	
}

#headerwrap {
	background: url(/images/layout/headerbg.jpg) no-repeat center;
}

#header {
	position:relative;
	width:960px;
	margin:0 auto;
	height:218px;
	background: url(/images/layout/banner.jpg) no-repeat;
}

#banner {
	height:170px;
	width:520px;
	position:absolute;
	top:30px;
	left:380px;
	text-align:right;
	color:#FFFFFF;
	overflow: visible;
}

#content, #footercontent {
	width:960px;
	clear:both;
	margin:0 auto;
	position:relative;
	background-color:#FFF;
}

/* LEFT column layout */

#leftcol {
	float:left;
	margin-left:35px;
	padding-top:30px;
	width:230px;
	display:inline; /* horrible IE6 bug fix */
}

/* Sidemenu */

#sidemenu {
	width:230px;
	position:relative;
}
#sidemenu h1 {
	color:#FFF;
	padding: 5px 10px;
	text-transform:uppercase;
	text-align:center;
	font-size:1em;
	background: url(/images/elements/sbheader.gif) no-repeat top;
	cursor: hand;
	cursor: pointer;
}

#sidemenu h1.gap {
	margin-top:15px;
}
#sidemenu ul {
	list-style:none;
	margin-bottom:15px;
}

#sidemenu ul li {
	background:none;
}

#sidemenu ul li a {
	font-weight:bold;
	background: url(/images/elements/triangle.gif) no-repeat left center;
	display:block;
	width:210px; /* IE6 Fix */
	border-top:solid 1px #CCC;
	border-bottom:none;
	padding:5px 0;
	padding-left:20px;
}

#sidemenu ul li a:hover {
	background-color:#EEE;
}

img.promo {
	margin-bottom:15px;
}

/* RIGHT column layout */

#rightcol {
	position:relative;
	float:left;
	width:610px;
	margin-left:45px;
	padding-top:30px;
}

#rightcol img.center {
	display:block;
	margin:20px auto;
}

#rightcol img.right {
	float:right;
	margin:20px 0 20px 20px;
}

#rightcol img.left {
	float:left;
	margin:20px 20px 20px 0;
}

#rightcol table {
	border:1px solid #DDD;
}

#rightcol table td {
	padding:4px;
	border:1px solid #DDD;
	background-color:#EEE;
}

#rightcol table td.header {
	background-color:#666;
}

#rightcol table td p.header {
	color:#FFF;
	font-weight:bold;
}

.installerbox {
	background:#EEE;
	border:solid 1px #DDD;
	padding:0 20px 20px;
	margin-bottom:15px;
	overflow:auto;
}

#rightcol table.installer {
	border:none;
}

#rightcol table.installer td {
	padding:5px;
	margin:0;
	border:none;
}

.productdiv {
	padding:10px;
	background:#EEE;
	border:solid 1px #DDD;
	margin-bottom:15px;
	overflow:auto;
}

.productdiv h2 {
	padding:0;
	font-size:1em;
}

.productdiv p.price {
	font-size:1em;
}

.prodimgbox1, .prodimgbox2, .prodimgbox3 {
	position:relative;
	width:170px;
	height:170px;
	padding:0;
	float:left;
	display:inline;
}

.prodimgbox2, .prodimgbox3 {
	margin-left:30px;
}

#rightcol table.forms {
	border:none;
}

#rightcol table.forms td {
	padding:5px;
	border:none;
	background:none;
}

.catbox {
	width:170px;
	padding:10px 0;
	float:left;
	margin-left:25px;
	display:inline;
}

.catbox a:hover {
	border:none;
}

/* page bottom layout */

#mesh {
	position:relative;
	height:79px;
	background: #000 url(/images/layout/meshbg.gif) repeat-x;
	z-index:0;
}

#footerwrap {
	width:auto;
	background: #173348;
	border-top: 10px solid #45B3E4;
}

#footercontent {
	margin: 20px auto;
	background:none;
}

#ftrcol1, #ftrcol2, #ftrcol3 {
	float:left;
	height:200px;
	padding:30px;
	position:relative;
	width:230px;
	background: #214867;
}

#ftrcol2, #ftrcol3 {
	margin-left:45px;
}