.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
/*This is the outter shell wrap */
body
{
margin:0;
padding:0;
height: auto;

}

body, td, ul, .normal 
{
font-family: arial, helvetica, sans-serif;
font-size: 12px;
line-height: 150%;
color: #333;
}
.wrap
{
positition: relative;
width: 100%;
background-position: center; 
background-image: url("../images/sitebg.gif");
background-repeat: repeat-y; 
text-align: center; 
padding-bottom: 50px;
_padding-bottom: 30px;
}

.outerShell
{
position:relative;
width: 760px; 
margin: auto;
_height: 500px;
margin-left: auto;
margin-right: auto; 
width: 760px; 
text-align: left;
}
.siteImage
{
position: relative;
background-image: url("../images/left.gif");
margin: auto;
background-repeat: repeat-y;	
width: 760px; 
}
.leftBar
{
position: relative; 
float: left;
height:	100%;
width: 130px;
}

.topBar
{
top : 0;
left: 0;
}

.headerBar
{
position: relative; 
float: right;
top: 0px;
_clear: both;
}

.footerBar
{
position: relative;
float: right;
bottom	: 0px;
width: 100%;
top: 50px;
	
}
.innerContainer 	
{
position: relative;
float: right;
width: 630px; 
_clear: both;
min-height:700px;
_height:700px;
}

.contentContainer
{
position: relative;  
margin: 10px 20px 0 20px;

_clear: both;
}
.innerBox
{
position: relative; 
display: block; 
margin: 0px 0px 0px 10px; 
width: 560px; 
min-height: 450px; 
border: 0px solid #F00; 
_height: 450px;
}

.titleImage
{
position: relative; 
top: 0; 
left: 0;
height: 200px;
width: 100%;
}

.navBox
{
position: relative; 
float: left;
top: 0px; 
left: 0px;
}	

.orderBriefBox
{
postion	: relative;
float: left;
border: 1px solid #FFF;
width: 115px;
padding: 5px 2px 5px 5px;
margin-left: 2px;
margin-bottom: 10px;
}


.fastwarm{
font-style:italic;
font-weight:bold;
color: #330099;
}
.cablewarm{
font-style:italic;
font-weight:bold;
color: #993300;
}
.faq_box {
border: 1px solid #999;
margin: 2px 0px;
padding: 4px;
background-color: #FFFCF9;
}
.faq_question {
margin: 10px 0px 0px 0px;
color: #900;
}
.faq_answer {
margin: 0px 0px 6px 0px;
color: #360;
}
.bgw {
background: #FFFFFF;
color: #003366;
}
td {
vertical-align:top;
}
.midalign {
vertical-align:middle;
}

.quote {
padding-right:10px;
border-right:1px solid #600;
font: 14px/21px Tahoma, Trebuchet, sans-serif;
}
.intro {
font-size: 11px;
font-weight: bold;
}
.altrow1 {
padding: 2px;
background: #DBCCA4;
}
.altrow2 {
padding: 2px;
background: #EBDCB4;
}
.prompt {
padding: 0px 10px 0px 6px;
font-size:11px;
width:140px;
font-weight: normal;
border: 0px solid #CCC;
border-bottom-width:1px;
background: #DBCCA4;
}
.value {
padding: 2px 10px;
}
.copyright {
	font-size: 10px;
}
.logoback {
	background-image: url(../logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
.maintable {
	border: 1px solid #999999;
}
.colhead {
padding:2px;
border: 1px solid #CCC;
border-bottom-width:0px;
}
.resultcell {
padding:3px;
}
.titleimg {
margin: 0px 0px 0px 0px;
}

.fullwidth {
border-left-width:1px;
}
.capsule_top {
border: 1px solid #999999;
border-bottom-width: 0px;
}
.capsule_bottom {
border: 1px solid #999999;
border-top-width: 0px;
}
.nopadding {
padding: 0px;
}
.lightpadround {
padding:2px;
}
.fullborder {
border: 1px solid #999999;
}
.notop {
border-top-width: 0px;
}
.nobase {
border-bottom-width: 0px;
}
.noright {
border-right-width: 0px;
}
.noleft {
border-left-width: 0px;
}
.zeroborder {
border: 0px solid #999999;
}
.top {
border-top-width: 1px;
}
.base {
border-bottom-width: 1px;
}
.right {
border-right-width: 1px;
}
.left {
border-left-width: 1px;
}
.allround {
border-width: 1px;
}
.light {
border-color: #CCCCCC;
}
.divider {
background-color: #999;
width:1px;
padding:0px;
/* border: 1px solid #CCCCCC;
border-width: 0px 0px 0px 1px;*/
}
.nopadding {
padding: 0px;
}
.smallpanel {
padding: 10px 20px;
}
.contentpanel{
margin-left: 2%;
position: relative; 
display: block; 
left:5px;
top:5px;
width: 98%; 
min-height: 600px;  
}
.paneltop {
padding-top: 10px;
}
.titlebox {
padding: 0px;
}
.introbox {
padding: 0px;
}
.light2bg {
background-color: #CCCCD7;
color: #003366;
}
.mid2bg {
background-color: #7A61BB;
color: white;
}
.dark3bg {
background-color: #003264;
color:white;
}
.mid3bg {
background-color: #1F5082;
color: white;
}
.light3bg {
background-color: #87A2BC;
}
.data {
font-size: 9px;
font-family: Tahoma, Trebuchet, sans-serif;
}
.error,#voucher_output{
color: white;
background-color: #990000;
padding: 6px 12px;
}
a { 
color: #965E50;
text-decoration:underline;
}
a:hover {
color: #965E50;
text-decoration:none;
}
a.email {
font-size: 10px;
color: #000;
text-decoration:underline;
}
a.menu { 
color: #FFF;
text-decoration:none;
line-height: 110%;
}
a.menu:hover {
color: #FFF;
text-decoration:none;
}
.anchor {

}
.pop-out {
background-color: #900;
}
.pop-out-cell{
color:white;
border: 1px solid #C33;
border-bottom-color: #600;
border-right-color: #600;
padding: 2px 6px 2px 4px;
}
.pop-edge{
background-color: #E86B0F;
}
.white {
color: white;
}
.main {
color: #333366;
}
input {
font-size:8pt;
color: #333333;
}
.formfield {
border:1px solid #CCC;
font-family: Tahoma, Trebuchet, sans-serif;
font-size: 11px;
color: #333;
height:20px;
padding: 2px;
}
.btn {
font: bold 11px Tahoma, Trebuchet, sans-serif;
background-image: url("../images/btn_bg.gif");
background-color: #965E50;
color: white;
border: 1px solid #E4D2CE;
border-width: 1px 2px 2px 2px;
border-left-color: #694F49;
border-top-color: #E4D2CE;
border-bottom-color: #694F49;
height:20px;
text-align: center;
vertical-align: top;
cursor: hand;
cursor: pointer;
}
.btn:hover {
background-color: #694F49;
}

a.footlink {
font: 9px/10px Tahoma, Trebuchet, sans-serif;
color:#FFF;
}
.footlinks {
font: 9px/10px Tahoma, Trebuchet, sans-serif;
border: 1px solid #FFF;
padding:4px 10px;
color:#CCC;
}
.footbar {
background-color: #965E50;
font: 9px/10px Tahoma, Trebuchet, sans-serif;
color:#FFF;
text-align:center;
padding:0px 10px 10px 10px;

}
.dark {
color: #333;
}

.mainimg {
margin: 0px;
}


.tabbg {
background-color: #FFEECC;
}
.tab {
border:1px solid #99C;
border-bottom-color: #669;
border-right-color: #669;
}
.tabgreen {
background-color: #DBCCA4;
}

.catdetail {
border: 1px solid #99C;
padding:3px 10px; 
height:25px;
background-color: #DCE;
}
.orderdetail {
color:#333;
font-size: 9px;
}
.tel {
font-family: Tahoma, Trebuchet, sans-serif;
}
.catdetailname {
padding-bottom: 0px;
margin-bottom: 0px;
font-weight:bold;
}
.productdetailbox {
padding:3px 10px; 
background-color: #FFF;
}
.listbox {
padding:0px; 
background-color: #EAE3EA;
}
.productname {
font-size:14px;
padding-bottom: 0px;
margin-bottom: 0px;
}
.manuf_name {
font-size:9px;
}
.specs {
font-size:9px;
}
.rrp {
font-size:12px;
}
.catdetailbody, p {
padding: 0px 10px 4px 0px;
margin: 0px 0px 6px 0px;
}
.outertable {
background-image: url('../images/main_bg.gif');
background-repeat: repeat-x;
background-position: 0px 100px;
background-color: #C8D3E0;
}
.resultstable {
background-color: #C8D3E0;
}

.currentcat {
background-color: #965E50;
color:white;
}

.cursor {
cursor: pointer;
_cursor: hand;
}
.contactForm{
padding-left:50px;
}
#voucher_output{
border:1px solid #000;
}
#yourorder{
color: #965E50;
font-weight:900;
font-size:12px;
line-height:12px;
}
.orderBriefBox h4{
font-weight:900;
font-size:12px;
line-height:25px;
margin:0px; 
text-align:left;
}