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

/* ######################################################################### */
/* STRUCTURE */

div#container {
	background:url(../images/content_bg.jpg) repeat-y;
	height: auto !important; /* allows content to extend past 650px if there is overflow */
  	height: 680px; /* for ie5 and 6 which don't recognise minheight */
	position: relative;
	top:29px;
	width: 920px;
	margin: 0px auto 0px auto;
	text-align: relative;
}



#topbanner h1 {
	float:left;
	position:absolute;
	left:26px;
	top:65px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:100;
	color:#959EA7;
	}

div#footer{
	background:url(../images/footer.gif) no-repeat top;
	height: 105px;
	width: 920px;
	margin: 20px auto;
	text-align: center;
	font-size:9px;
	line-height: 13px;
	color:#666666;
	padding: 50px 0px 0px 0px;
}

div#footer a{
	color:#666666;
}



div#content {
	position: relative;
	width: 940px;
	margin: 0px auto 0px auto;
	left:-20px;
	top:6px;
	min-height:550px;
	padding:0px;
}

div#middlecontent {
	position:relative;
	top:20px;
	width:690px;
	margin-left:245px;
	min-height:600px;
	padding-bottom:50px;
}

div#middlecontenthome {
	position:relative;
	width:667px;
	margin-left:240px;
	top:20px;
	padding-bottom:50px;
}

div#maincontent {
	position:relative;
	width:690px;
	margin-left:233px;
	margin-top:10px;
}

	
.doublecolumn {
	width:50%;
	float:right;
	position:relative;
	top:-30px;
	}
	
	
.logo {
	position:absolute;
	left:22px;
	top:10px;
	}


#popupcontent {
	background:#FFF;
	width: 500px;
	padding:0px 10px 10px 20px;
	position:absolute;
	margin:auto;
	border:#A7B0B7 solid 4px;
	}

/* ######################################################################### */
/* MENU */


ul#productsnav {
	list-style:none;
	position:relative;
	margin-top: 0px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
}

	
li.main a {
	background:url(../images/buttons.jpg);
	text-decoration:none;
	display:block;
	width: 183px;
	height:25px;
	color:#818C96;
	padding: 5px 0 0 5px;
}

li.main a:hover {
	text-decoration:none;
	color:#818C96;
}

li.main a.active {
	text-decoration:none;
	font-weight:bold;
	color:#818C96;
}

li.main a.active:hover {
	text-decoration:none;
	font-weight:bold;
	color:#818C96;
}

li.brand a {
	background:url(../images/buttons_brands.jpg);
	text-decoration:none;
	display:block;
	width: 183px;
	height:25px;
	color:#fff;
	font-weight:bold;
	padding: 5px 0 0 5px;
}

li.mainproduct {
	margin-top:20px;
	color:#FFF;
	font-weight:bold;
	background:url(../images/buttons_productinfo.jpg);
	padding: 4px 0px 0px 5px;
	height:24px;
	width: 183px;
	}

li.brand a:hover {
	text-decoration:none;
	color:#647079;
	font-weight:bold;
}

li.brand a.active {
	text-decoration:none;
	font-weight:bold;
	color:#fff;
}

li.brand a.active:hover {
	text-decoration:none;
	font-weight:bold;
	color:#fff;
}



li.price a {
	text-decoration:none;
	font-size:13px;
	background: url(../images/pricebg.gif);
	display:block;
	width: 179px;
	height:16px;
	color:#959EA7;
	padding: 0px 0 4px 7px;
	border:solid 1px #FFFFFF;
}

li.price a:hover {
	background: url(../images/pricebg_active.gif);
	text-decoration:none;
	padding: 0px 0 4px 17px;
	width: 169px;
	color:#A20612;
}

li.price a.active {
	text-decoration:none;
	background: url(../images/pricebg_active.gif);
	padding: 0px 0 4px 17px;
	width: 169px;
	color:#A20612;
}

li.price a.active:hover {
	text-decoration:none;
	color:#A20612;
}


/* ######################################################################### */
/* DEFAULT STYLING */

a {
	color:#BD0E2A;
	text-decoration:none;
} 

a:hover {
	text-decoration:underline;
}

body {
	font-family: Verdana, Arial;
	font-size: 9pt;
	line-height: 16pt;
	text-align: relative;
	color:#333333;

	 /* centers container divs in browsers that don't understand margin: auto */
}

html, body { height: 100%;	
margin-top:0px;
margin-right:0px;
padding-top:0px;
padding-bottom:0px;
}


p
{
	width:93%;
}




/* ######################################################################### */
/* STYLES */

.fltrt { 
	float: right;
}

.fltlft { 
	float: left;
}

.clrflt {
	clear:both;
	}

.rednumber {
	font-family:Arial, Helvetica, sans-serif;
	color:#BD0E2A;
	font-size:27px;
}
	
.nonbold {
	font-weight:100;
}

.bold {
	font-weight:bold;
	}
	
.bluebold {
		color:#3E667D;
		font-weight:bold;
		}
	
.smalltext {
	font-size:10px;
	}
	
.bluelink {
	color:#1E96F9;
	text-decoration:underline;
	}

/* ######################################################################### */
/* DO NOT EDIT - STYLES TO MAKE EVERYTHING WORK THE SAME IN ALL BROWSERS */

/* Elements to clean out: */
body, fieldset, form, html {
	margin: 0;
	padding: 0;
}

html { /* font values can be overwritten for specific sites using body tag in default.css */
	font: 75%/150% Verdana, Arial, Helvetica, sans-serif; /* font-size, line-height, font-family */
}

input, label, select, textarea { /* font values can be overwritten for specific sites using these tags in default.css */
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Elements with a vertical margin: */
address, blockquote, dl, h1, h2, h3, h4, h5, h6, ol, p, pre, ul {
	margin: 1em 0;
	padding: 0;
}

/* Apply left margin:                     */
blockquote, dd {
	margin-left: 1em;
}

li {
	margin-left: 2.5em;
}

/* Miscellaneous: */
label {
	cursor: pointer;
}

fieldset {
	border: none;
}

input, select, textarea {
	font-size: 100%;
}

img {
	border: none;
}

textarea {
	overflow: auto;
}

input.submit {
	cursor: pointer;
}


/* Copyright (c) Webfuel Ltd. */