@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;
}

div#topbanner {
	background:url(../images/topbanner_bg.jpg) no-repeat;
	height:99px;
	text-align:right;
	padding:20px 20px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:bold;
	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:#FFFFFF;
	padding: 50px 0px 0px 0px;
}

div#footer a{
	color:#FFFFFF;
}

div#wrapper {
	position: relative;
	background:url(../images/top_bg.jpg) center top no-repeat;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0px auto;
	padding:0px;
	width: 100%;
}

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:560px;
	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;
}

div#highlightbox {
	width:670px;
	background-color:#EAF4FB;
	color:#3E667D;
	font-weight:bold;
	text-align:center;
	padding:20px 0px;
	}
	
.doublecolumn {
	width:50%;
	float:right;
	position:relative;
	top:-30px;
	}
	
	
#logicoolmini {
	position:absolute;
	left:35px;
	top:300px;
	}
	
#logicoolminiprice {
	position:absolute;
	left:35px;
	top:390px;
	}
	
#logicoolminitech {
	position:absolute;
	left:35px;
	top:365px;
	}
	
	
#logicoolminiair {
	position:absolute;
	left:35px;
	top:495px;
	}

/* ######################################################################### */
/* 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:#959EA7;
	padding: 5px 0 0 5px;
}

li.main a:hover {
	text-decoration:none;
	color:#949EA7;
	font-weight:bold;
}

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

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

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;
}

/* ######################################################################### */
/* TABLESTYLES */

.tablestyle {
	margin: 0px 0px;
	border-collapse:collapse;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-bottom: #B5CCD7 2px solid;

}

.tablestyle td {
	padding: 3px 3px;
	border: #FFFFFF 1px solid;
	border-bottom: #B5CCD7 1px solid;
	line-height:1.9em;
}

.tablestyle th {
	border: #FFFFFF 1px solid;
	background-color: #B5CCD7;
	color: #FFFFFF;
	font-weight: bold;
	padding: 3px 3px;
	line-height:1.9em;
}

tr.altrow {
	background-color:#EBEBEB;
}

.image {
	padding:0px;
	border: #B5CCD7 1px solid;
	border-bottom: #B5CCD7 2px solid;
	text-align:center;
	float:left;
	margin-top:1px;
	margin-right:2px;
	}
	
	
td.imagetitle {
	background: #B5CCD7;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	height:36px;
	vertical-align:middle;
}

.tablestyle2 {
	margin: 0px 0px;
	border-collapse:collapse;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-bottom: #6394A9 2px solid;
	line-height:1.9em;
}

.tablestyle2 td {
	padding: 3px 3px;
	border: #FFFFFF 1px solid;
	border-bottom: #6394A9 1px solid;
	line-height:1.9em;
}

.tablestyle2 th {
	border: #FFFFFF 1px solid;
	background-color: #5584B7;
	color: #FFFFFF;
	font-weight: bold;
	padding: 3px 3px;
}

.image2 {
	padding:0px;
	border: #6394A9 1px solid;
	border-bottom: #6394A9 2px solid;
	text-align:center;
	float:left;
	margin-top:1px;
	margin-right:2px;
	}
	
td.imagetitle2 {
	background: #5584B7;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	height:36px;
	vertical-align:middle;
}

.tablestyle3 {
	margin: 0px 0px;
	border-collapse:collapse;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-bottom: #40BEE3 2px solid;
	line-height:1.9em;
}

.tablestyle3 td {
	padding: 3px 3px;
	border: #FFFFFF 1px solid;
	border-bottom: #40BEE3 1px solid;
	line-height:1.9em;
}

.tablestyle3 th {
	border: #FFFFFF 1px solid;
	background-color: #40BEE3;
	color: #FFFFFF;
	font-weight: bold;
	padding: 3px 3px;
}

.image3 {
	padding:0px;
	border: #40BEE3 1px solid;
	border-bottom: #40BEE3 2px solid;
	text-align:center;
	float:left;
	margin-top:1px;
	margin-right:2px;
	}

.image3 td {
	vertical-align:top;
	}
	
td.imagetitle3 {
	background: #40BEE3;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	height:36px;
	vertical-align:middle;
}

.tw400 {
	width:400px;
	}
	
.tw100 {
	width:681px;
	}

.iw258 {
	width:258px;
	}

.tw450 {
	width:497px;
	}

.iw208 {
	width:185px;
	}
	
.tablestyle4 {
	margin: 0px 0px;
	border-collapse:collapse;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-bottom: #666666 2px solid;
	margin-top:0px;
}

.tablestyle4 td {
	padding: 3px 3px;
	border: #FFFFFF 1px solid;
	border-bottom: #B5CCD7 1px solid;
}

.tablestyle4 th {
	border: #FFFFFF 1px solid;
	background-color:#B6BDCD;
	color: #FFFFFF;
	font-weight: bold;
	padding: 3px 3px;
}

.bottom {
	background-color:#B6BDCD;
	font-weight:bold;
	height:35px;
	font-size:13px;
	}

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

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

a:hover {
	text-decoration:underline;
}

body {
	background:url(../images/body_bg.jpg) repeat-x #739FBA;
	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%;
}

H1 {
	font-family:Arial, Helvetica, sans-serif;
	color:#BD0E2A;
	font-size:22px;
}

H2 {
	font-family:Arial, Helvetica, sans-serif;
	color:#3E667D;
	font-size:18px;
}

H2.links {
	font-family:Arial, Helvetica, sans-serif;
	color:#3E667D;
	font-size:16px;
	margin-bottom:0px;
	margin-top:40px;
}

H3 {
	font-family:Arial, Helvetica, sans-serif;
	color:#3E667D;
	font-size:18px;
}


/* ######################################################################### */
/* 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. */