@charset "utf-8";
/* CSS Document */
body  {
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	background-color: #999999;
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	text-decoration: none;
}
/*** header part ****/
#header {
	width:960px;
	height:168px;
	margin:0 auto;
	padding:0px;
	background-color:#FFFFFF;
}
#header #topmenu {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 13px;
	padding-bottom:8px;
}
#header #topmenu a, #header #topmenu a:visited, #header #topmenu a:active{
	color:#FFFFFF;
	text-decoration: none;
	padding:0 10px 0 10px;
}
#header #topmenu a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}
#header #topsmlink {
	text-align:center;
	vertical-align:bottom;
	font-family: "Microsoft Sans Serif";
	font-size: 10px;
	width:283px;
}
#header #topsmlink a:link, #header #topsmlink a:visited , #header #topsmlink a:active {
	color: #0000FF;
	text-decoration:none;
	padding:0 5px 0 5px;
}
#header #topsmlink a:hover {
	color: #0000FF;
	text-decoration:underline;
}
 

p {
	font-family: Arial;
	font-size:12px;
	color:#484848;
	margin:10px 5px 10px 5px;
	color:#000000;	
}
a:link, a:visited { color: #0033FF; text-decoration:none;}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	margin:2px 0 2px 0;
	padding:5px 0 5px;
}
a:hover, {	text-decoration:underline;}
h1 a, h1 a:visited, h1 a:active {
	text-decoration:none;
}
h1 a:hover {
	text-decoration:underline;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	margin:0px;
}
h2 a, h2 a:visited, h2 a:active {
	text-decoration:none;
}
h2 a:hover {
	text-decoration:underline;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	margin:0px;
}
h3 a, h3 a:visited, h3 a:active {
	text-decoration:none;
}
h3 a:hover {
	text-decoration:underline;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:2px 0 2px 0;
}
h4 a, h4 a:visited, h4 a:active {
	text-decoration:none;
}
h4 a:hover {
	text-decoration:underline;
}
h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	margin:0px;
}
h5 a, h5 a:visited, h5 a:active {
	text-decoration:none;
}
h5 a:hover {
	text-decoration:underline;
}
h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px;
}
h6 a, h6 a:visited, h6 a:active {
	text-decoration:underline;
}
h6 a:hover {
	text-decoration:underline;
}
.black{
font:Arial, Helvetica, sans-serif ;
color:#333333;
}
#content {
background:url(../images/content_bg.jpg);
background-repeat:repeat-y;
	background-color:#FFFFFF;
}

.gen-ss {
	font-size: xx-small;
	font-weight: bold;
}
.gen-m {
	font-size: 12;
}
#container { 
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	background-color:#FFFFFF;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin:0px auto;
	width:960px;
	padding:0px;
	display:inline-table;
}
#container-2 { 
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	background-color:#FFFFFF;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin:0px auto;
	width:940px;
	padding:0px;
	display:inline-table;
}
#mainContent {
	margin:0px;
	vertical-align:top;
	width:800px;
	float:right;
	padding:0px;
	background-color:#FFFFFF;
	display: table-cell;
	position: inherit;
	min-height:1200px;
  	height:auto !important;
  	height:1200px;
}
#mainContent #entrytop {
	width:800px;
	padding:0px;
	margin:0px;
	background-color:#FFFFFF;
	float:right;
	}
#mainContent #entrybread {
	margin-left:10px;
	text-align:left;
	float: left;
	width:500px !important;
    width:497px;
	color:#333333;
	padding-top:5px;
	}
.opera .searchbox { 
	 margin:-12px;
	 padding-left:12px;
	 width:295px;
	 background-color:#FFFFFF;
}
#search {
	float:right;
	margin:0px;
    padding:0px;
    border:0px;
	position:static;
	width:283px;
	vertical-align:top;
 }
.searchbox {
	border:0px;
	background-image: url(../images/newsearch.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	width:283px;

	height:39px;
	float:right top;
	border:0px;
	background-color:#FFFFFF;
	}
.searchbox input #yschsp {
	margin:0px !important;
	height:15px;
	background-color:#FFFFFF;
	border:0px #FFFFFF;
	}
.searchbox input {
	border:0px none;
	background-color:none;	
	margin:0px;
	padding:0;
}
div#yschsbx {width: 113px;margin:0px;}
div#yschsbx {width: 71%; width: 75.8%;}
#mainContent #entry p{
	margin:5px;
	padding:3px 0 3px 0;
}
html>/**/body #mainContent #entry,x:-moz-any-link { 
   	height: expression( this.scrollHeight < 1201 ? "1200px" : "auto" ); /* sets min-height for IE */
   	min-height: 1600px; /* sets min-height value for all standards-compliant browsers */
}
#mainContent #entry {
	padding:10px;
	vertical-align:top;
	text-align:left;
	float:right;
	width:780px; 
	display:block;
	min-height: 1600px;
	height: auto !important;
	 height:1500px;

}
#mainContent #entry h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	margin:2px 0 2px 0;
	padding:5px 0 5px;
	text-align:center;
}
#mainContent #entry h1 a:link, #mainContent #entry h1 a:visited, #mainContent #entry h1 a:active {
	text-decoration:none;
	text-align:center;
}
#mainContent #entry h1 a:hover {
	text-decoration:underline;
	text-align:center;
}
#mainContent #entry h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	margin:2px 0 2px 20px;
	padding:3px 0 3px;
	text-align:center;
}
#mainContent #entry h2 a:link, #mainContent #entry h2 a:visited, #mainContent #entry h2 a:active {
	text-decoration:none;
	text-align:center;
}
#mainContent #entry h2 a:hover {
	text-decoration:underline;
	text-align:center;
}
#mainContent #entry h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	margin:2px 0 2px 0;
	padding:3px 0 3px;
	text-align:center;
}
#mainContent #entry h3 a:link, #mainContent #entry h3 a:visited, #mainContent #entry h3 a:active {
	text-decoration:none;
	text-align:center;
}
#mainContent #entry h3 a:hover {
	text-decoration:underline;
	text-align:center;
}
#mainContent #entry h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:2px 0 2px 0;
	padding:3px 0 3px;
	text-align:center;
}
#mainContent #entry h4 a:link, #mainContent #entry h4 a:visited,#mainContent #entry h4 a:active {
	text-decoration:none;
	text-align:center;
}
#mainContent #entry h4 a:hover {
	text-decoration:underline;
	text-align:center;
}
#mainContent #entry h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	margin:2px 0 2px 0;
	padding:3px 0 3px;
	text-align:center;
}
#mainContent #entry h5 a:link,#mainContent #entry  h5 a:visited, #mainContent #entry h5 a:active {
	text-decoration:none;
	text-align:center;
}
#mainContent #entry h5 a:hover {
	text-decoration:underline;
	text-align:center;
}
#mainContent #entry h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:2px 0 2px 0;
	padding:3px 0 3px;
	text-align:center;
}
#mainContent #entry h6 a:link,#mainContent #entry  h6 a:visited,#mainContent #entry  h6 a:active {
	text-decoration:underline;
	text-align:center;
}
#mainContent #entry h6 a:hover {
	text-decoration:underline;
	text-align:center;
}
.proddesclist{
	margin:15px 5px 15px 10px;
}
.proddesclist ul {
	margin:3px;
	padding:0 5px 0 5px;
}
.proddesclist ul li {
	padding:5px 5px 5px 12px;
	background-image:url(../images/arrow-b.gif);
	background-position:left 7px;
	background-repeat:no-repeat;
	list-style:none;
}
#mainContent td{
	font-family: Arial;
	font-size:12px;
    padding:0;
}
#mainContent td.technicalhead {
	font-family: Arial;
	font-size:12px;
    padding:5px;
	color:#41466c;
}
#mainContent table.technicalspec tr td {
	font-family: Arial;
	font-size:12px;
    padding:5px;
}
#mainContent table tr td.modelcomparisonhead { color:#000000;}

#mainContent .gen-s {font-size: 10px;} 
#mainContent .red, #mainContent .red a:link, #mainContent .red a:visited, #mainContent .red a:active {
color:#FF0000;text-decoration:none} 
#mainContent .red a:hover {color: #FF0000;text-decoration:underline} 
#mainContent .blue, #mainContent .blue a:link, #mainContent .blue a:active, #mainContent .blue a:visited, #mainContent .blue a:hover {color:#0000FF; text-decoration:none}
#mainContent .darkgrey, #mainContent .darkgrey a,#mainContent .darkgrey a:active, #mainContent .darkgrey a:visited, #mainContent .darkgrey a:hover {color:#333333;}
#mainContent .grey, #mainContent .grey a:link, #mainContent .grey a:active, #mainContent .grey a:visited, #mainContent .grey a:hover {color:#666666;}
#mainContent .lightgrey, #mainContent .lightgrey a:link, #mainContent .lightgrey a:visited, #mainContent .lightgrey a:active, #mainContent .lightgrey a:hover{color:#555555;}
#mainContent .arrow {margin-right:4px}
#mainContent .description {color:#484848}
#mainContent a:link, #mainContent a:visited, #mainContent a:active { color: #0033FF;text-decoration:none }
#mainContent a:hover { color: #0033FF;text-decoration:underline } 
#mainContent .product_name{padding:5px 5px 0px 5px; font-weight:bold} 
#mainContent .product td{padding:5px 5px 5px 5px; vertical-align:top} 
#footerlogo {
	width:960px;
	margin:0px auto;
	background-color:#FFFFFF;
	padding:0px;
	display: block;
	position: inherit;
}
#footer { 
	width:960px;
	padding:0px;
	background-color:#666666;
	height:100% auto;
	margin:0px auto;
	display: block;
}
#footer .entry {
	padding:15px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: center;
	line-height:20px;
}
#footer a:link, a:visited, a:active{
	color:#FFFFFF;
	text-decoration:underline;
}
#footerlogo .return a:link,#footerlogo .return a:visited,#footerlogo .return a:active{
	color:#0033ff;
	text-decoration:none;
}
#footerlogo .return a:hover {
	color: #0033ff;
	text-decoration:underline;
}
#footer p {
	margin: 0;
	padding: 10px 0; 
}
.return {
text-align:center;
font-family:Arial;
font-size:12px;
padding:10px 0 10px 0;
}
/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0px;
    font-size: 20px;
    line-height: 0px;
	padding:0px;
	margin:0px;
}
.clearfix:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
}
.clearfix {display: inline-block;}    
/* Hides from IE-mac \*/  
* html .clearfix {height: 1%;}  
.clearfix {display: block;}  
/* End hide from IE-mac */
/** leftbar **/
#navbar {
width:160px;
background-color: #FFFFFF;
float:left;
font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif;
font-weight: normal;
font-size:12px;
position: absolute;
display:table-cell;
min-height:1100px;
text-decoration: none;
}
#mainmenu {
  	 background-image:url(images/leftmenu/rackmount_main.jpg);
	 background-position:left top;
	 background-repeat:repeat-x;
	 background-color:#c5c3c4;
	 height:22px;
	 line-height:20px;
	 color: #333333;
	 font-family:Arial, Helvetica, sans-serif;
	 font-weight: bold;
	 font-size:15px;
	 width:158px;
	 text-indent:5px;
	 padding:3px 0 3px 0;
	 border-left:1px solid #a9a9a9;
	 border-right:1px solid #a9a9a9;
	 border-top:1px solid #a9a9a9;
	 text-decoration: none;
}
.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 160px; /* Width of Menu Items */
list-style: none;
color:#000000;
position: relative;
background-color:#ececec;
border: 1px solid #a9a9a9;
text-decoration: none;
}
.suckerdiv ul li{
position: relative;
text-indent:0px;
line-height:18px;
background-color:#ececec;
color:#000000;
border-bottom: 1px solid #a9a9a9;
margin:0px;
padding:0px;
text-decoration: none;
z-index: 100;
}
	
/*Sub level menu items */
.suckerdiv ul li ul{
	position: absolute;
	width:190px; /*sub menu width*/
	top: 0;
	visibility: hidden;
	text-decoration: none;
}

/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: black;
text-decoration: none;
margin:0;
background-color:#ececec;
padding:3px 5px 3px 5px;
width:100% auto;
border:0px;
}
.suckerdiv ul li a:visited{
color: black;
display: block;
text-decoration: none;
}
.suckerdiv ul li a:hover{
background-color: #CCCCCC;
display: block;
margin:0px;
text-decoration: none;

}
.suckerdiv .subfolderstyle{
background: url(arrow-list.gif) no-repeat center right;
text-decoration: none;
}
.table-border{
border-spacing:2px;
border: solid 1px #CCCCCC;
}
.table-border td{
padding:3px;
}
.green{
color:#008080;
}
.purple{
color:#6600CC;
}
.hs{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:20px;
color:#0033FF;
}
	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%;}
* html .suckerdiv ul li a{ height: 1%; }
/* End */

/*** Rackmount Keyboard LCD Entry Style ****/
#L-Series, #LS-Series, #W-Series, #WS-Series, #D-Series, #DS-Series, #RKP-Series,#Quad-Display,#Keyboard-Drawer,#LCD-Case  {height:190px; width:385px;}
#L-Series { 
	background:#FFFFFF url(../images/Rackmount_KVM_Keyboard_Drawer_L-120.jpg) left top no-repeat; 
}
#LS-Series { 
	background:#FFFFFF url(../images/Rackmount_KVM_Keyboard_Drawer_LS-120.jpg) right top no-repeat; 
}
#W-Series { 
	background:#FFFFFF url(../images/Rackmount_KVM_Keyboard_Drawer_W-119.jpg) left top no-repeat; 
}
#WS-Series { 
	background:#FFFFFF url(../images/Rackmount_KVM_Keyboard_Drawer_WS-119.jpg) right top no-repeat; 
}
#D-Series { 
	background:#FFFFFF url(../images/Rackmount_KVM_Keyboard_Drawer_D-117_D-119.jpg) left top no-repeat; 
}
#DS-Series { 
	background:#FFFFFF url(../images/Rackmount_KVM_Keyboard_Drawer_DS-117_DS-119.jpg) right top no-repeat; 
}
#RKP-Series { 
	background:#FFFFFF url(../images/Rackmount_KVM_Keyboard_Drawer_RKP115_RKP117.jpg) left top no-repeat; 
}
#S-Series { 
	background:#FFFFFF url(../images/Rackmount_KVM_Keyboard_Drawer_S-117_S-119.jpg) right top no-repeat; 
}
#N-Series { 
	background:#FFFFFF url(../images/Rackmount_KVM_Keyboard_Drawer_N-117_N-119.jpg) left top no-repeat; 
}
#NS-Series { 
	background:#FFFFFF url(../images/Rackmount_KVM_Keyboard_Drawer_NS-117_NS-119.jpg) right top no-repeat; 
}
#Quad-Display { 
	background:#FFFFFF url(../images/Rackmount_KVM_Keyboard_Drawer_Quad_Display.jpg) left top no-repeat; 
}
#Keyboard-Drawer { 
	background:#FFFFFF url(../images/kvm-keyboard-drawer.jpg) right top no-repeat; 
}
#LCD-Case { 
	background:#FFFFFF url(../images/kvm-lcd.jpg) left top no-repeat; 
}
.catalog-link { width:390px; height:190px;  cursor:pointer; text-decoration:none; color:#FFFFFF; margin:0px; padding:0px;display:inline;}
.series-name-l { color:#fffff; font-family:Georgia, Arial; font-size:24px; float:right; width:365px; text-align:right; margin:0px 25px 0px 0px; padding-top:14px; padding-bottom:17px;display:inline;}
.series-name-r { color:#fffff; font-family:Georgia, Arial; font-size:24px; float:right; width:380px; text-align:right; margin:0px 10px 0px 0px; padding-top:14px; padding-bottom:17px; display:inline;}

.series-desc1-l, .series-desc1-r {color:#201f1f; font-family:"Trebuchet MS"; font-size:14px; font-weight:bold;}
.series-desc1-l {margin:0px 10px 0px 0px; width:225px; padding-left:155px;}
.series-desc1-r {margin:0px 10px 0px 0px; width:210px; padding-left:170px;}
.series-desc2-l,.series-desc2-r {color:#201f1f; font-family:"Trebuchet MS"; font-size:12px; font-weight:normal;}
.series-desc2-l {margin:5px 10px 0px 0px; width:225px;padding-left:155px;}
.series-desc2-r {margin:5px 10px 0px 0px; width:210px;padding-left:170px;}
.series-size-l {margin:0px 10px 0px 0px; width:225px; font-weight:bold; font-style:italic; text-align:right;padding-left:155px;}
.series-size-r {margin:0px 10px 0px 0px; width:210px; font-weight:bold; font-style:italic; text-align:right;padding-left:170px;}
.series-size-l,.series-size-r,.series-size-small,.series-size-medium,.series-size-large {color:#201f1f;}
.series-size-small {font-size:16px;}
.series-size-medium {font-size:20px;}
.series-size-large {font-size:30px;}
.series-1u {color:#8f8a8a;font-size:45px;}
.margin-top-5 { margin-top:5px;}
.margin-top-10 { margin-top:10px;}
.margin-top-15 { margin-top:15px;}
.margin-top-20 { margin-top:20px;}
.margin-top-25 { margin-top:25px;}
.margin-top-30 { margin-top:30px;}
ul.tblist { padding:0 0 0 20px; margin:0px; font-size:1em;}
.measure-shipping-case { font-size: 12pt; margin-bottom:10px; font-weight:bold}
.measure-shipping-case a,.measure-shipping-case a:link,.measure-shipping-case a:visited  { font-size: 12pt; text-decoration:underline;  font-weight:bold}
p.ctv {margin-left:100px;}
.ctv a:hover { text-decoration:none;}