/* CSS Document */

body{font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; background:url(../images/pagebg.jpg) repeat-x top; font-size:small; text-align:center; background-color:#D6D6D6;}
html {min-height: 100%; margin-bottom: 1px;} /*Shows vertical scroll bar - stops page moving about*/
a {text-decoration:none; color:#19ABAA; outline:none; }
a:hover {text-decoration:none; color:#39D4D3}
a img {border:none;}
table {color:#999999;}
p {font-size:1em; margin:0 0 10px 0; padding:0; color:#999999;}
p span {font-weight:normal; font-size:20px;}
h1, h2, h3, h4, h5 {color:#999999; padding:0; font-weight:normal}
h1 a, h2 a, h3 a, h4 a, h5 a {color:#999999; text-decoration:none}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {color:#333333; text-decoration:none;}
h1 {margin:0 0 5px 0; font-size:1.1em; color:#999999;}
h2 {margin:0 0 5px 0; font-size:1em; color:#999999;}
h3 {margin:0 0 5px 0; font-size:1em; color:#999999;}
h4 {margin:0 0 5px 0; font-size:1em; color:#999999;}
h5 {margin:0 0 5px 0; font-size:1em; color:#999999;}

#wrapper {width:795px; margin:0 auto 0 auto; overflow:hidden; text-align:left; }
#banner { position:relative;float:left; width:795px; height:93px; }
#favourite {position:absolute; top:0; left:603px; background:url(../images/heart.jpg) top left no-repeat; padding-top:1em;}
#favourite a {color:#333333; font-size:0.9em; text-decoration:none;}
#navbar {float:right; height:25px; margin-top:56px; padding-right:10px;}
#navbar ul {margin:0 auto; padding:0; }
#navbar li { margin:0; padding:0; list-style-type:none; display:inline;}
#navbar li a {text-decoration:none; color:#333333; font-size:0.9em; font-weight:bold; float:left; text-transform: uppercase; padding:3px 10px 3px 10px; display:block; }
#navbar li a:hover {color:#999999;}
#content {float:left; width:775px;  padding:3px 0 0 10px; overflow:hidden;}
#leftcolhome {width:585px; float:left; padding:5px 0 0 5px; }
#leftcol {width:575px; float:left; padding:10px; background-color:white;}
.leftcolmin {float:left; width:1px; height:540px;}
/* Styles for the right column on the layout */
#rightcol {float:right; width:180px; clear:none; }
#searchbox {width:170px;margin:0 auto; margin-bottom:5px;}

.sidebox {margin:0 auto 5px auto; width:152px; border:2px solid #CCCCCC;  font-size:0.9em; padding:0 7px 0 7px; background-color:white;}
.sidebox h1 {font-size:1em; color:#999999; font-weight:bold; margin:5px 0 10px 0px; padding:0;}
.sidebox h1 a {color:#333333;}
.sidebox h1 a:hover {color:#999999; text-decoration:none;}
.sidebox p {padding:0 0 0 0; font-size:0.95em;}

#categorylist {width:156px; margin:auto 6px auto; background-color:white; padding:0 7px 10px 7px;}
#categorylist h1 {color:#333333; margin:0 0 0 0; padding:0 0 5px 0; font-size:1em; font-weight:bold;}
#categorylist ul {color:#333333; width:153px; padding:0; margin:0;}
#categorylist li {list-style:none; margin:0; padding:0; font-size:1em; overflow:hidden;}
#categorylist a {display:block; text-decoration:none; padding:5px 0 3px 0; color:#999999; border-bottom:1px solid #333333;}
#categorylist a {width: 99%;/* only necessary for Internet Explorer */}
#categorylist a:hover {color:#333333; border-bottom:1px solid black;}

h1.download {margin:0; padding:0 0 3px 0; font-size:1.1em;}
#footer {margin:0 auto; padding:15px 0 0 0;width:795px; height:36px; }
#tickbox {margin:0 auto; width:795px; height:20px;}
#tickbox a {color:#999999; font-size:0.95em; text-decoration:none}

.searchboxbtn {width:100px;}
.footertable {border:0px solid red; width:90%; color:#999999; margin-left: auto; margin-right: auto;}
.footertable a {color:#999999; text-decoration:none;}
.footertable a:hover {color:#333333; text-decoration:none}

#homeflash {float:left; width:585px; height:235px; background-color:white; background:url(../images/homeboxmid.gif) repeat-y left; margin:0 0 0 0;}
#homeflashtop {float:left; width:585px;  background:url(../images/homeboxtop.gif) no-repeat top left;}
#homeflashbottom {float:left; width:585px; margin-bottom:5px;}
#homeclicks {float:left; width:585px; }
.homebox { float:left; width:192px; margin-right:4px; display:inline; }
.homebox img {border:0px solid #cccccc; margin-bottom:3px; padding-left:0;}
.homebox a {text-decoration:none; text-align:left; color:#333333; font-size:1.1em; padding:0 0 0 10px; display:block;}
.homebox a:hover {text-decoration:none; color:#999999;}

.producttableedge {float:left; width:585px; height:10px; }
#productstable {float:left; margin:0 0 0 0; width:585px; background-color:white; background:url(../images/prodtablebg.gif) repeat-y;}
#productstable table {width:585px; }
#catstable {float:left; margin:0 0 0 0; width:570px; background-color:white; }
#catstable table {width:570px; }
td.productclick {width:25%; border-right:1px solid #CCCCCC; color:#999999; vertical-align:top; text-align:center; /*border-right:none;*/}
td.productclick a {color:#999999; text-decoration:none;}
td.productclick a:hover {color:#333333; text-decoration:none;}
td.productclick1 {width:25%; color:#999999; vertical-align:top; text-align:center; /*border-right:none;*/}
td.productclick1 a {color:#999999; text-decoration:none;}
td.productclick1 a:hover {color:#333333; text-decoration:none;}
td.catclick {width:25%; color:#333333; vertical-align:top; text-align:center; padding:10px 0px 10px 0px; /*border-right:none;*/}
td.catclick a {color:#999999; text-decoration:none;}
td.catclick a:hover {color:#333333; text-decoration:none;}
.prodleft {text-align:center; padding-top:5px;}
.prodright {float:right; padding-right:5px;}

#productpreview {float:left; width:160px; border:1px solid #CCCCCC; padding:0 0 5px 0;}
#productpreview table {width:160px;}
#productpreview p {padding:0 0 7px 10px; margin:0;}

.category {float:left; width:120px; height:50px; background-color:#CCCCCC; margin-right:10px; display:inline;}
.error {color:red; display:none;}
.message {
width: 350px;
height:150px;
border:1px solid #CCCCCC; 
background:url(../images/alu.jpg) repeat;
font-family:Arial, Helvetica, sans-serif; 
font-size:1em; 
padding:3px;
}
.textbox {
width: 200px;
border:1px solid #CCCCCC; 
background:url(../images/alu.jpg) repeat;
font-family:Arial, Helvetica, sans-serif; 
font-size:1em; 
padding:3px;
}
hr {height:1px; background-color:#CCCCCC;border-top:none;}
.buybtn {border:1px solid #333333; color:#333333; float:right; padding:0; outline:none;margin:0 39px 5px 0; width:80px; background-color:white}

.carttable {width:99%;  margin-bottom:5px; border:1px solid #cccccc}
.carttable th { background:url(../images/thbg.gif) top repeat-x; padding:3px 0 3px 0}
.carttable td {padding:3px 0 3px 3px;}
.col_delete {width:25px; text-align:left; padding-left:3px;}
.col_qty {width:40px; text-align:center;}
.col_ref {width:50px;}
.col_price {width:90px; text-align:center}
.col_line {width:90px; text-align:center}
.cart_total {text-align:right;}

#focusonmain {float:left; width:570px; border-bottom:1px solid #CCCCCC; padding:0 0 10px 0}
.focusonsub {float:left; width:265px;  margin-right:5px; display:inline; padding:5px;}
#focusonother {width:560px; float:left; border-top:1px solid #CCCCCC; padding:5px;}

#errbox {
	margin:20px auto;
	color:#ff0000;
	border:1px solid #ff0000;
	padding:10px;
	width:300px;
	height:50px;
	text-align:center;
}

#confbox {
	margin:20px auto;
	color:#003399;
	border:1px solid #003399;
	padding:10px;
	width:300px;
	height:50px;
	text-align:center;
}

.errimg {
	float:left;
	margin-right:5px;
}
#dhtmltooltip{
	position:absolute;
	padding:2px 6px;
	background-color:#fff;
	border:1px solid #05438C;
	color:#05438C;
	visibility:hidden;
	z-index:1000;
}

.buybar {
	background:url(../images/buybar.gif) repeat-x;
	clear:both;
	padding:2px;
	float:right;
	width:100%;
	}
.buybar h2 {
	font-size:1em;
	margin:0;
	padding:2px 0 0 10px;
	}
.buybar h2 span {
	font-size:1.1em;

	font-weight:bold;
	}
.addtobasket {
	float:right;
	}