html {height:100%}
.leftlink    { margin:80px 0; font-size: 11px; color: #0066CC; text-decoration: none; 
               text-indent: 0; line-height: 13px; text-align:left  }
img.border10 { margin: 10px }
h3.normal-left { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 14px; color: #FFffff; font-weight: bold; 
               text-align: left; line-height: 18px; margin-left: 0; 
               margin-right: 0; margin-top: 0; margin-bottom: 10px; background-color:#c00000; padding:3px }
h3.specialhilight { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 14px; color: #008000; font-weight: bold; 
               text-align: left; line-height: 14px; margin-left: 0; 
               margin-right: 0; margin-top: 0; margin-bottom: 5px; padding:3px }
td           { font-size: 11px }
.bodytable   { border-collapse: collapse; border:0px none;}
.maintable   { border-collapse: collapse; border:1px solid #C0C0C0;}
.headline    { font-size: 14px; color: #0000FF; line-height: 1.2em; word-spacing: 0; 
               text-indent: 0; text-align: left; margin: 0; font-weight:bold }
:hover.headline    { font-size: 14px; color: #800000; line-height: 1.2em; word-spacing: 0; 
               text-indent: 0; text-align: left; margin: 0; font-weight:bold }
.cellheader1 { background-color: #800080 }
h2           { margin-left:0; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: bold; line-height:90%; text-align:left; margin-right:0; word-spacing:0; text-indent:0; margin-top:0; margin-bottom:0 }
h1           { margin:0 0 10px 0; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 20px; color: #000000; font-weight: bold; line-height:110%; text-align:left; word-spacing:0; text-indent:0  }
h3           { margin-left:0; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 15px; color: #000000; font-weight: bold; line-height:150%; text-align:center; margin-right:0; word-spacing:0; text-indent:0; margin-top:0; margin-bottom:5px }
h4           { margin-left:0; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 15px; color: #000000; font-weight: bold; line-height:100%; text-align:left ;word-spacing:0; text-indent:0; margin-top:10px; margin-bottom:0px }
h1.products  { padding:0 10px 5px 0; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 16px; font-weight: bold; line-height:125%; text-align:left; margin-right:5px; word-spacing:0; text-indent:0; border-bottom:2px dotted #3399FF}
body         { text-align:left; margin:0; background-color:#08468D; font-family:  Verdana, arial, sans-serif; font-size:11px;}
p            { word-spacing: 0; line-height: 15px; text-indent: 0; margin:0 0 10px 0}
p.newsbar    { font-size: 12px; padding:.3em; word-spacing: 0; line-height: 16px; text-indent: 0; margin: 0 }

.laftnavbar  { border-bottom: 1px solid #F6F5E5; ; border-left-width:1px; border-right-width:1px; border-top-width:1px; background-color:#D7E5ED }
:hover.laftnavbar  { border-bottom: 1px solid #F6F5E5; ; border-left-width:1px; border-right-width:1px; border-top-width:1px;  }
.tablebottomborder { border-bottom: 1px groove #000000 }
:hover.leftlink    { margin:80px 0; font-size: 11px; color: #800000; text-decoration: none; 
               text-indent: 0; line-height: 13px; text-align:left;   }
.toplink    { margin:80px 0; color: #ffffff; text-decoration: none; font-weight: bold; 
               text-indent: 0; text-align:left  }
:hover.toplink    { color: #FFFF00;}
.fullstory    { margin:80px 0; font-size: 8pt; color: #0066CC; text-decoration: none; text-indent: 0; line-height: 14px; text-align:left  }
:hover.fullstory    { margin:80px 0; font-size: 8pt; color: #800000; text-decoration: none; text-indent: 0; line-height: 14px; text-align:left  }
.tablefullborder { border:1px solid #C0C0C0;  }
.form { margin-top: 0; margin-bottom: 0; }
.newslist { font-size: 14px; line-height: 17px; margin-bottom:15px }
li	{ line-height: 14px; margin: 0 0 5px 0px; padding:0 }
ul	{ margin: 5px 0 0px 25px; padding:0 0 0 0px; list-style-image: url('/images/bullet2.jpg')  }
div.leftnavdiv  { float:left; width:145px; background-color:#ffffff;; margin-left:0px; margin-right:0; margin-top:-8px; margin-bottom:0px; padding-left:0; padding-right:0; padding-top:10px; padding-bottom:25px}
div.leftnavdiv div	{}
div.leftnavdiv p {text-align:center; padding:5px 0 5px 0px; line-height:20px; font-size:16px; margin:5px 0 5px 0;  border-bottom:solid 1px #000000;   border-top:solid 1px #000000}
div.leftnavdiv h1 {padding:2px 0 2px 10px; font-size:11px; color:#000000; background-image: url('/images/leftnavbar1.jpg'); background-repeat: repeat-x; margin:0 0 0 0; border-top:solid 1px #000000; border-bottom:solid 1px #000000}
div.maindiv {background-color:#ffffff; min-height:100%; width:770px; margin:10px auto auto auto; position:relative;}
div.maindivapparel {background-color:#ffffff; min-height:100%; width:770px; margin:0px auto auto auto; position:relative;}
div.headerdiv	{margin-bottom:10px;}
div.mainbodydiv {
	height:100%;
	padding-bottom:25px;
	margin: 0 200px 0px 155px;
}

div.mainbodydiv:after, div.mainbodydivfull:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div.mainbodydivfull {
	padding-bottom:0px;
	margin: 0 0px 25px 155px;
}
div.mainbodydiv img, div.mainbodydivfull img {margin:5px; float:left}
div.leftnavdiv div a {background-color:#e8e8e8; display:block; padding:2px 0 2px 10px; font-size:11px; color:#000000; text-decoration:none; border-bottom:solid 1px #cccccc}
div.leftnavdiv a:hover {color:#000000; background-color:#B8E7F0;}
div.subdiv	{margin:00px 0 0 200px;}
div.titlebardiv {
	margin:10px auto 10px auto;
	height:auto;
	background-color:#3399FF;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	color:#ffffff;
	padding:1px;
	}
div.rightbar	{
	margin:0 0 30px 0px;
	padding:5px 5px 5px 5px;
	width:180px;
	float:right; background:#ffffff;
	border:1px solid #000000;
}
div.rightbar h2	{margin:0 0 7px 0; padding:0; font-size:14px; text-align:left; text-decoration:underline; color:#000000; line-height:130%}
div.rightbar h3	{margin:0; padding:0; font-size:11px; text-align:left; text-decoration:underline; color:red;}
div.rightbar div.headerbox {padding:3px 3px 3px 5px; font-size:12px; color:#000000; font-weight:bold;}
div.rightbar div.headerbox p	{padding:0 0px 0 0px; margin:0; letter-spacing: -1px}
div.rightbar div.headerbox img	{margin:0px}
div.rightbar div.box1 img	{margin-right:5px}
div.rightbar div.box1 {padding:5px; background-color:#ECF5FD; border:1px solid; margin-left:0; margin-right:0; margin-top:0; margin-bottom:5px}
div.rightbar div.box1 p {font-size:10px; line-height:13px;padding: 0px 0px 0px 0}

/* styles for tabs */

#header {
	position: relative;
	margin:0px 0 0px 0px;
	width: 100%;
	height: 72px;
/*	width: 45em;  a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
	border-bottom:2px solid #000000; 
	border-top:2px solid #3399FF; 
	background-image: url('/images/headerback1.jpg');
	background-repeat: repeat-y;
	background-position: right;
	background-color:#ffffff;
}

#header ul#primary {
	margin: 0px 0 0 225px;
	padding: 0;
	position: relative;
	bottom: -24px;
	width: 48em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#header ul#primary li  {
	display: inline;
	list-style: none;
}

#header ul#primary a, #header ul#primary span {
	width: auto;
	display: block;
	float: left;
	padding: 5px 8px 7px 8px;
	margin: 1px 4px 0 0;
	text-align: center;
	font-family: tahoma, verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #333;
}

#marketing #header ul#primary a.onmarketing, #marketing #header ul#primary a.onmarketing:hover,
#homepage #header ul#primary a.onhome, #homepage #header ul#primary a.onhome:hover,
#buscom #header ul#primary a.onbuscom, #buscom #header ul#primary a.onbuscom:hover,
#quickq #header ul#primary a.onquickq, #quickq #header ul#primary a.onquickq:hover,
#client #header ul#primary a.onclient, #client #header ul#primary a.onclient:hover,
#contactpage #header ul#primary a.oncontact, #contactpage #header ul#primary a.oncontact:hover {
	border: 2px solid #666;
	border-bottom: none;
	background: #3399FF;
	padding-bottom: 9px;
	margin-top: 0;
	color: #ffffff;
}

#header ul#primary a {
	background: #ECF5FD;
	border: 1px solid #000000;
}

#header ul#primary a:hover {
	margin-top: 0;
	border-color: #666;
	background: #FFF7CD;
	padding-bottom: 8px;
}

div.belowheader	{
	height:7px;
	background: #3399FF;
	font-size:1px;
	margin: 0 0 8px 0;
	background-image: url('/images/headerbottom1.jpg');
	background-repeat: repeat-x;
	background-position: center;
}

div.headertop	{
	height:15px;
	margin: 0px 20px 0 200px;
	position: relative;
	padding:5px 0 0 0;
}

div.headertop a	{
	text-decoration:none;
	font-weight:bold;
	margin:0 0px 0 0;
	color:#000000;
}

div.headertop a:hover	{
	color:blue;
}

div.headertop ul	{
	margin: 0;
	padding:0; 
	list-style-image: url('none');
}

div.headertop li	{
	text-align: right;
	list-style-type:none;
	display:inline;
	background:none;
	margin:0;
	padding:0 1em;
	border-left:1px solid #000000;
	float:right;/* float needed to make borders in IE5 Win work */
}

div.featured	{
	padding:0 0 0 0px;
	margin:auto;
}

div.featured img	{
	border: solid 1px;
	margin:0;
}

div.footer {
	margin:10px 0 0px 0px;
	width: 100%;
	height: 20px;
	border-bottom:1px solid #000000; 
	border-top:1px solid #000000; 
	clear:both;
	background-color:#3399FF;
	color:#ffffff;
	font-size:9px;
	position:absolute;
	bottom:0;
}

div.footer ul {
	margin: 2px 0 0 0;
	padding: 0;
	text-align:right;
}

div.footer li  {
	display: inline;
	list-style: none;
	border-left:1px solid #000000;
	padding:0 1em;
	margin:0;
}

div.footer li a {
color:#ffffff;
}

div.labelpage{
	margin-right: 00px;
}

div.labelpage div {
	float:left;
	width:110px;
	text-align:center;
	margin: 15px 2px 5px 2px;
}

div.mainbodydivcal {
	position:absolute;
	left:5px;
	xtop:-25px;  // disabled to prevent iframe from scrolling by above header when using iframes mouse scroll bar.
	top:0px;
	height:450px;
	width:773px;
	margin: 00px 00px 0 -0px;
	xz-index:0;
}

div.mainbodydivapparel {
	position:absolute;
	xtop:-25px;
	xleft:-10px;
	width:799px;
	z-index:0;
	xleft:190px; // To allow space for leftnav
	xtop:-80px;  // disabled; margin-left:-0px; margin-right:00px; margin-top:00px; margin-bottom:0
}

div.ccardfloatright {float:right; width:260px; border-bottom:2px dotted #3399FF; height:210px; padding-right:30px; padding-top:20px}
div.ccardfloatright img {float:right; padding:5px}
div.enlarge h4 {font-size:11px; font-weight:bold;}

table.pricing {
	font-size:11px;
	border:solid 1px #000000;
	margin:0 0 0 10px;
	border-collapse: collapse;
	background-color:#ffffff;
	}

table.pricing td, th {
	padding:7px;
	text-align:right;
	border:solid 1px #000000;
	}
	
table.pricing th {
	font-weight:bold;
	text-align: center;
	background-color:#3399FF;
	color:#ffffff;
	padding:3px 10px 3px 10px;
	}
	
div.productlist1	{
	float:left;
	width:49%;
	overflow:auto;
	margin: 0 auto 10px auto;
}
	
div.productlist1 img {
	margin:0 0px 0 0;
	border:none;
	float:none;
	}
	
div.productlist1 a	{
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	}
	
div.productlist1 a:hover	{
	color:#C0c0c0;
	}
	
div.productlist1 p	{
	margin-top:10px;
	text-align:center;
	}

table.colours tr	{
	height:20px;
	}
	
#priceimage	{
	float:left;
	margin:0 30px 15px 0;
	}
	
div.productbox	{
	width:190px;
	height:140px;
	border:solid 1px;
	float:left;
	margin:3px;
	}
	
div.productbox ul	{
	margin-left:100px;
	}

div.pbheader	{
	width:190px;
	height:18px;
		}

div.pbheader a, div.pbheader p	{
	padding:0px 0 0 5px;
	margin:0;
	font-size:13px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	}
	
div.productbox img {
	border:none;
	}
	
/* colour declarations */

div.productbox, div.rightbar div.box1, div.featured img {
	border-color:#A5D2FF;
	}
	
div.rightbar div.headerbox, div.pbheader {
	background-color:#A5D2FF
	}
	
.producttable ul {
	margin-left:20px;
	}

.producttable td img {
	float:none;
	margin:0px;
	}	

.producttable td {
	vertical-align:top;
	text-align:left;
	}