/*cope with inheritance bugs*/

body, table, th, td{

  color:#000000;

  font-size:x-small;

  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;

}



/*body specific*/



body{

  background-color:#FFFFFF;

  background-image:none;

  margin-top:0px;

  margin-right:0px;

  margin-bottom:0px;

  margin-left:0px;

}



a:link {

	color:#493D5E;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 8px;

	font-weight: normal;

	text-decoration: none;

  color:#493d5e;

  font-size:x-small;

  text-decoration:none;

}



a:visited {

	color:#493D5E;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 8px;

	font-weight: normal;

	text-decoration: none;

  color:#493d5e;

  font-size:x-small;

  text-decoration:none;

}



a:hover {

	color:#FF0033;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 8px;

	font-weight: normal;

	text-decoration: none;

  color:#ff0033;

  font-size:x-small;

  text-decoration:underline;

}



a:active {

	color:#000099;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 8px;

	font-weight: normal;

	text-decoration: none;

  color:#000099;

  font-size:x-small;

  text-decoration:none;

}



li {

  color:#000000;

  list-style-type:square;

}



ol {

color:#000000;

}
.edlinfo {
	font-family: "Times New Roman", Times, serif;
	font-size: 10px;
	font-style: italic;
}




ul {

color:#000000;

list-style-type:square;

}



H1, H2, H3, H4, H5, H6 {

font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;

}



.actCHECKOUTEM {background-color:#f1f2f5;}



.actCHECKOUTBG {background-color:#ffffff;}



.actlarger {

	font-size: larger;

	color:#000000;

	font-family: Arial, Helvetica, sans-serif;



}



.actsmaller {

	font-size: smaller;

	color:#000000;

	font-family: Arial, Helvetica, sans-serif;



}



.actxxsmall {

	font-size:10px;

	color:#333333;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-weight: normal;

	text-decoration: none;

  color:#333333;

}



.actxsmall {

	font-size:12px;

	color:#333333;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: normal;

	text-decoration: none;

  color:#333333;

}



.actsmall {

	font-size:14px;

	color:#333333;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: normal;

	text-decoration: none;

  color:#333333;

}

.actregular {font-size:medium;color:#000000;}



.actlarge {font-size:large;color:#000000;}



.actxlarge {font-size:x-large;color:#000000;}



.actxxlarge {font-size:xx-large;color:#000000;}



.actwarningcolor {color:#ff3300;}



.actrequiredcolor {color:#ff3300;}



.actsearchhighlightcolor {color:#ff0000;}



.actrequired {color:#ff3300;}



.actwarning {color:#ff3300;}



.actwelcome {color:#000000;}



.actlogotext {

  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;

  font-size: x-small;

  color: #D9090E;

  font-style: normal;

  font-weight: bold;

  text-align: center;

}

.contactdetails {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
	padding-bottom: 0em;
                padding-top: 0.5em;
                padding-left: 0.5em;
	width: 70%;
	font-weight: bold;
	text-align: left;
	
}
.contactinfo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	padding: 10px;
	width: 70%;
}

.actlogout {

  font-size:x-small;

  color:#003366;

}

.specheader {
	font-weight: bold;
	color: #FFFFFF;
}

.producthead {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #CCCCCC;

	text-decoration: none;

}

.productcode {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #333333;

	text-decoration: none;

	font-weight: bold;

}
.casestudy {
	background-color: #EBEBD8;
	padding: 10px;
	width: 100%;
	text-align: left;
}

.bigrednotice {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	color: #FF0000;

	text-decoration: none;

}

.stockmessage {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: bold;

	color: #333333;

	text-decoration: none;

}

.rednotice {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: normal;

	color: #FF0000;

	text-decoration: none;

}

a.info_link {

	border-right: 1px solid #f00;

	padding: 0 0.5em;

}

a.info_link_r {

	padding: 0 0.5em;

}



.sectdesc {

	width: 90%;

	padding-left: 20px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	border-top: 1px solid #000;

	border-bottom: 1px solid #000;

}



.sectdesc img {

	padding: 1em;

}



.page_header {

  width: 100%;

  height: 2em;

  background: #f1f2f5;

  font-size: 1.2em;

  font-weight: bold;

  border: 1px solid #e1e2e5;

}

.copyrite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 6pt;
	color: #CCCCCC;
}
.footeraddress {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

/*Left side navigation menu*/

#lnav, #lnav ul {

  padding: 0;

  margin: 0;

  list-style: none;

  width: 12em;

  font: 1.2em Verdana,Geneva,Arial,Helvetica,sans-serif;

}



#lnav li {

  position: relative;

  line-height: 1.25em;

  margin-bottom: -1px;

  width: 12em;

  list-style: none;

}



#lnav li ul {

  position: absolute;

  left: -999em;

  margin-left: 9em;

  margin-top: -1.35em;

  z-index: 10;

}



#lnav li ul ul {

  left: -999em;

  z-index: 10;

}



#lnav li a {

  width: 13em;

  display: block;

  color: black;

  text-decoration: none;

  background-color: #f1f2f5;

  border: 1px solid #aaa;

  padding: 0 0.5em;

}



#lnav li li a {

  width: 17em;

}



#lnav li a:hover {

  color: black;

  background-color: #c1c2c5;

}



#lnav li:hover ul ul, #lnav li:hover ul ul ul, #lnav li.sfhover ul ul, #lnav li.sfhover ul ul ul {

  left: -999em;

}







#lnav li:hover ul, #lnav li li:hover ul, #lnav li li li:hover ul, #lnav li.sfhover ul, #lnav li li.sfhover ul, #lnav li li li.sfhover ul {

  left: auto;

}





/*ext_info and specifications are layouts used in the pop-up info boxes*/



#extinfo body, #extinfo table, #extinfo html { /*ie6 hack*/

  margin: 0;

  padding: 0;

  font-family: Verdana, Arial, Helvetica, sans-serif;

  font-size: 100%;

  background: #fff;

}

#ext_info_logo {
	display: block;
	height: 25px;
	width: 100%;
	background-image: url(catheader.gif);
	background-repeat: repeat;
	background-position: left top;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #666;
	font-weight: normal;
	border-bottom-width: thin;
	border-bottom-style: inset;
	border-bottom-color: #999;

}

#ext_info h1 {

  display: block;

  font-size: 1.1em;

  margin-left: 0;

  margin-right: 0;

  padding-bottom: 0.5em;

/*  border-top: 1px solid #888;

  border-bottom: 1px solid #888;*/

  background: #f8f8f8;

}



#ext_info p {

  font-size: 1em;

  padding-bottom: 0.3em;

}



#ext_info li {

  font-size: 1em;

}



#ext_info img {

  padding: 0.5em 1em 0.8em 0em;

}



/*#specifications {

  font-size: 0.8em;

  background: #fff;

}*/



#specifications table {

  border-collapse: collapse;

  background: #fff;

}



#specifications th {

  height: 2em;

  padding: 0 0.5em;

  text-align: left;

  background: #8888ff;

  font-size: 1.1em;

}



#specifications tr.lyell {

  height: 1.5em;

  background: #fffff4;

}



#specifications tr.lblue {

  height: 1.5em;

  background: #f4f4ff;

}



#specifications td {

  border-bottom: 1px solid #CCC;

  padding: 0 0.5em;

  font-size: 0.9em;

  border-left: 1px solid #ccc;

}



#specifications td.spec {

  font-weight: bold;

  border-right: 1px solid #ccc;

}



#specifications td.centre {

  text-align: center;

}



#specifications td+td {

  border-left: 1px solid #CCC;

}

#specifications td+td+td {

  border-left: 1px solid #CCC;

}


.AccordionPanel {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-top-style: none;
	border-right-style: solid;

}



.AccordionPanelTab {
	margin: 0px;
	padding: 5px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	color: #333333;
	font-weight: normal;
	font-size: 11px;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: none;
	border-top-color: #f1f2f5;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}



.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	height: 67px;
	color: #000000;
	padding-left: 10px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #0066cc;
	border-right-color: #0066cc;
	border-bottom-color: #0066cc;
	border-left-color: #0066cc;
	border-top-width: 2px;
	background-color: #FFFFFF;
	padding-top: 0px;

}



.AccordionPanelOpen .AccordionPanelTab {
	background-color: #0066CC;
	color: #FFFFFF;
	font-weight: normal;
	background-repeat: repeat;

}



.AccordionPanelTabHover {
	color: #FFFFFF;
	background-color: #0066cc;

}

.AccordionPanelOpen .AccordionPanelTabHover {


}



.AccordionFocused .AccordionPanelTab {
	background-color: #FFFFFF;
	color: #333333;

}



.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color: #0066CC;
	color: #FFFFFF;

}


.security {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	padding: 15px;
}

.brandnav {

	padding: 15px;

	font-family: Arial, Helvetica, sans-serif;

}

.topbar {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-weight: bold;

	color: #999999;

	letter-spacing: 0em;

	text-align: center;

}

.catalogheader {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 15px;

	font-weight: normal;

	padding: 10px;

	width: 600px;

	position: relative;

	top: auto;

	color: #000000;

	background-color: #FFFFFF;

	font-style: normal;

	text-decoration: none;

	border: thin dotted #cccccc;

}

#facebox .b {

  background:url(https://www.kvmswitchdirect.co.uk/facebox/b.png);

}



#facebox .tl {

  background:url(https://www.kvmswitchdirect.co.uk/facebox/tl.png);

}



#facebox .tr {

  background:url(https://www.kvmswitchdirect.co.uk/facebox/tr.png);

}



#facebox .bl {

  background:url(https://www.kvmswitchdirect.co.uk/facebox/bl.png);

}



#facebox .br {

  background:url(https://www.kvmswitchdirect.co.uk/facebox/br.png);

}



#facebox {

  position: absolute;

  top: 0;

  left: 0;

  z-index: 100;

  text-align: left;

}



#facebox .popup {

  position: relative;

}



#facebox table {

  border-collapse: collapse;

}



#facebox td {

  border-bottom: 0;

  padding: 0;

}



#facebox .body {

  padding: 10px;

  background: #fff;

  width: 370px;

}



#facebox .loading {

  text-align: center;

}



#facebox .image {

  text-align: center;

}



#facebox img {

  border: 0;

  margin: 0;

}



#facebox .footer {

  border-top: 1px solid #DDDDDD;

  padding-top: 5px;

  margin-top: 10px;

  text-align: right;

}



#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {

  height: 10px;

  width: 10px;

  overflow: hidden;

  padding: 0;

}



#facebox_overlay {

  position: fixed;

  top: 0px;

  left: 0px;

  height:100%;

  width:100%;

}



.facebox_hide {

  z-index:-100;

}



.facebox_overlayBG {

  background-color: #000;

  z-index: 99;

}



* html #facebox_overlay { /* ie6 hack */

  position: absolute;

  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');

}

#guarantee {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

form{

margin-top:0px;

margin-right:0px;

margin-bottom:0px;

margin-left:0px;

}
img
{  border-style: none;
}

.cathead {
	height: 84px;
	margin: 0px;
	background-image: url(catheader.gif);
	padding: 0px;
	float: none;
}

.headercontainer {
	width: 960px;
	text-align: left;
	position: relative;
	vertical-align: middle;
	float: none;
	margin-right: auto;
	margin-left: auto;
	padding: 20px;
}
.headercontainer2 {
	text-align: right;
	position: relative;
	vertical-align: bottom;
	float: none;
	margin-right: auto;
	margin-left: auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	background-image: url(bg_grey.gif);
}
.footer {
	padding: 10px 0;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #999;
	background-image: url(KVMheader.gif);
}