.pointer {cursor: default }

.banner  {
	background-image : url("http://www.compucase-hec.co.uk/images/bg_banner.gif");
	background-image : url(../img/bg_banner.gif);
	background-repeat : repeat-x;
}

.maintable {vertical-align: top; padding: 0 12px 0 16px}
.maintable p {margin: 7px 0 5px 0; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #333}
.maintable h1, h2, h3, h4 {font-family: Helvetica, Arial, sans-serif;}
.maintable h1 {font-size: 16px; margin : 0px 0 10px 0; color: #191970;}
.maintable h2 {font-size: 14px; margin : 12px 0 7px 0; color: #191970;}
.maintable h3 {font-size: 12px; margin : 12px 0 7px 0; color: #191970;}
.maintable h4 {font-size: 12px; margin : 2px; color: #FFFFFF;}
.maintable a:link {color: #191970; text-decoration: none}
.maintable a:visited {color: #191970; text-decoration: none}
.maintable a:hover {color: #99CC33; text-decoration: none}

.maintablefooter{padding: 0 12px 0 20px;} 

.advert {vertical-align: top;}
.advert p {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; margin: 6px 6px 6px 10px;}
.advert a:link {color: #99CC33; text-decoration: none}
.advert a:visited {color: #99CC33; text-decoration: none}
.advert a:hover {color: #009933; text-decoration: none}

td.advert {
	background-color: #F5F5F5;
	border: 1px solid #FFF;
}

td.blue {background-color : #191970;}
td.blueborder {border-bottom : 1px solid #191970; border-left : 1px solid #DCDCDC; border-right : 1px solid #DCDCDC; background-color: #F5F5F5}
table.blueborder {border-bottom : 1px solid #191970;}

td.grey {background-color : #708090;}
td.greyborder {border-bottom : 1px solid #708090; border-left : 1px solid #DCDCDC; border-right : 1px solid #DCDCDC; background-color: #F5F5F5}
table.greyborder {border-bottom : 1px solid #708090;}

td.solidgreen {background-color : #99CC33;}
td.greenborder {border-bottom : 1px solid #99CC33; border-left : 1px solid #DCDCDC; border-right : 1px solid #DCDCDC; background-color: #F5F5F5}
table.greenborder {border-bottom : 1px solid #99CC33;}

td.green {
	background-image : url("http://www.compucase-hec.co.uk/images/green.gif");
	background-image : url(../img/green.gif);
	background-repeat : repeat-y;
	border-bottom: 1px solid #191970;
}

td.lightblue {
	background-image : url("http://www.compucase-hec.co.uk/images/light_blue.gif");
	background-image : url(../img/light_blue.gif);
	background-repeat : repeat;
	padding : 5px 3px 10px 15px;
	border-bottom: 1px solid #191970;
}

.white {color: #FFFFFF;}

.navwhite {background-color: #FFFFFF;}

h3.ptitle {margin: 10px 0 10px 0}

.title {font-size: 16px; font-style: bold; color: #99CC33;}

img {border: 0px}

.amiddle {vertical-align : middle;}

.pad {padding : 0 10px 0 10px}
h4.pad {padding : 0 6px 0 6px}
p.medpad {padding : 0 0 0 12px; margin-top: 0px;}
.largepad {padding : 0 0 0 35px}

.border {border : #708090 solid 1px}
.borderleft {border-left : 1px solid #DCDCDC}
.bordertop {border-top : 1px solid #DCDCDC}
.borderright {border-right : 1px solid #DCDCDC}
.borderbottom {border-bottom : 1px solid #DCDCDC;}
.bordertopnbottom {border-top : 1px solid #DCDCDC; border-bottom : 1px solid #DCDCDC;}
.bordernav {border-left : 1px solid #DCDCDC}

.range {padding : 0px; margin : 0px;}
.range a:link {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #99CC33; font-weight : bold; text-decoration: none}
.range a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #99CC33; font-weight : bold; text-decoration: none}
.range a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #191970; font-weight : bold; text-decoration: none}

p.footer {font-family: Arial, Helvetica, sans-serif; color: #333;  font-size : 10px; margin: 4px 0 0 0;}
.footer a:link {color: #191970; text-decoration: none; font-size : 9px; }
.footer a:visited {color: #191970; text-decoration: none; font-size : 9px; }
.footer a:hover {color: #FFF; text-decoration: none; font-size : 9px; }
.footer img {border : 1px solid #708090}

.flag {border : 1px solid #708090; vertical-align : middle;}

ul { 
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color : #666666;
	padding: 0px;
	margin: 0px;}

 .li { 
	margin: 6px 0px 6px 0px;
	list-style-image : url("http://www.compucase-hec.co.uk/images/icons/bullet.gif");
	list-style-image : url(../img/icons/bullet.gif);
	list-style-position : inside;
	padding: 0 10px 0 10px;
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
 }
 
 li { 
 	margin: 6px 0px 6px 0px;
 	list-style-image : url("http://www.compucase-hec.co.uk/images/icons/bullet.gif");
 	list-style-image : url(../img/icons/bullet.gif);
 	list-style-position : inside;
 	padding: 0 10px 0 10px;
 	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
 }
 
 li.tick { 
    margin: 6px 0px 6px 0px;
	list-style-image : url("http://www.compucase-hec.co.uk/images/icons/tick_bullet.gif");
	list-style-image : url(../img/icons/tick_bullet.gif);
	list-style-position : inside;
	padding: 0 10px 0 10px;
 }
 
.contactus {font-family : Tahoma Arial, Helvetica, sans-serif; font-size : 11px; color : #333}
.contactus td {padding: 4px 0 4px 0}

td.shade {background-color : #F5F5F5}
tr.shade {background-color : #F5F5F5}

a.rtv:link { color : #333333;  text-decoration : none;}
a.rtv:visited { color : #333333;  text-decoration : none;}
a.rtv:hover { color : #FF9933; 	text-decoration : none;}

.formBut {
	background-color : #F5F5F5;
	font-family :  Arial, Helvetica, sans-serif;
	font-size : 11px;
	padding : 2px;
	color: #333;
	border : 1px solid #708090;
}

textarea, select, input {
	font-family : Arial, Helvetica, sans-serif;
	background-color : #F5F5F5;
	border : 1px solid #778899;
	font-size : 11px;
}

.radio {border: none; background-color : #FFFFFF; vertical-align : middle;}

.imgpad img {margin: 12px}
.imgfloatright { float : right;  margin-top : 5px; margin-bottom : 5px; margin-left : 10px}
.imgfloatleft { float : left;  margin-top : 5px; margin-bottom : 5px; margin-right : 10px }

.cart { float : left;  margin-top : 5px; margin-bottom : 5px; margin-right : 10px; vertical-align : middle;}

/*Navigation (left) Table Cell*/
#navCell {
	vertical-align: top;
/*css shorthand values: Top Right Bottom Left */
	margin: 0 0px 0 0px; 
	font-family:  Arial, Helvetica, sans-serif; 
	color: #666666;
	border-right: 1px solid #DCDCDC;
}

/*Contains the Expand All and Collapse All controls*/
#TMctrl {
	margin: 0 0 12px 0;
	font-size: 12px;
	display: none;
	/*/*/display: block; /* */
}
#TMctrl a:link {
	color: #333333;
}
#TMctrl a:visited {
	color: #333333;
}
#TMctrl a:hover {
	color: #FFFFFF;
}

/* sets line-height of menu items*/
#TMnav {line-height: 1.6;}

/*Top-level menuitem divs*/
/* sets the bottom and top margins on top-level menu items*/
#TMnav div {
	margin: 7px 0 0px 0px;
}

/*Second-level menuitem divs*/
/* sets bottom margin back to zero*/
#TMnav div div {
	margin: 0px 0 0px 0;
}


/*third level menuitem divs*/
/*Sets left margin to 12px establishing a cascading indent*/
#TMnav div div div {
	margin: 0 0 0 12px;
}

/*The Link style for top-level menuitems and is read by all browsers*/
#TMnav div a {
	color: #333333;
	font-size: 16px;
}

/*The Link style for top-level menuitems hidden from Netscape 4*/
#TMnav div a {
	/*/
	*/
	font-size: 14px;
	background-color: #CCCCCC;
	border: 1px solid #778899;
	display: block;
	text-decoration: none;
	font-weight : bold;	
	padding: 0 0 0 15px;/* */
}
#TMnav div a:hover {
	color: #333;
	background-color: #99CC33;
	border: 1px solid #009933;
}

/*The Link styles for second-level menuitems*/
#TMnav div div a {
	color: #333;
	font-size: 12px;
	background-color: transparent;
	font-weight : normal;
	border : none;
}
#TMnav div div a:hover {
	color: #99CC33;
	background-color: transparent;
	border : none;
}

/*The Link style for third-level menuitems and lower*/
/*To set a specific style for the fourth level, add a div to the selector*/
/*Fourth-level example syntax: TMnav div div div div a {declaration}*/
#TMnav div div div a {
	color: #333;
	font-size: 11px;
}
#TMnav div div div a:hover {
	color: #99CC33;
	background-color: transparent;
}

/*rules programatically assigned to parent links when image-based plus and minus option is selected. The padding on the 4 following rules supercedes (via !important) the padding on the TMnav div a selector when you've chosen the option to use images for the plus and minus signs*/
.plusmark {
}

.minusmark {
}

/*rule programatically assigned to child links when image-based plus and minus option is selected*/
.defmark {
}

/*rules programatically assigned to page link correesponding to current page (You are Here)*/
.currentmark {
	font-weight: bold  !important;
	color: #FFF !important;
	background-color: #191970 !important;
}