html {height: 100%;}
body {
    margin: 0;
    padding: 0;
    height: 100%;
}
.insel_body { background: #444; height:100%; width:100%; }
.top_bg {background-image: url(/images/top_bg.jpg); background-repeat: no-repeat; }

#cen {width:960px;}

#left {background:url(/images/left.gif) repeat-y right;}

#right{background:url(/images/right.gif) repeat-y left;}

#man {height:100%;}
.addr {font-size: 11px; font-family: Tahoma; font-weight: bold; color: #fff; padding: 10px}


a { text-decoration: none; }

.content a {text-decoration: underline;}
.start a{font-size: 11px; font-family: Tahoma, Arial; font-weight: normal; color:#333333;}
.start a:hover{font-size: 11px; font-family: Tahoma, Arial; font-weight: normal; color:#333333;}

h1.l {text-align: left; font-size: 18px; font-family: Arial; color: #406278;}
h1.r {text-align: right; font-size: 18px; font-family: Arial; color: #406278; }

.date {font-size: 9px; font-family: Tahoma; font-weight: normal; color: #444444}
.title {font-size: 14px; font-family: Tahoma; font-weight: bold; color: #406278}
.title_w {font-size: 15px; font-family: Verdana; font-weight: bold; color: #ffffff}
.text {font-size: 11px; font-family: Tahoma, Arial; font-weight: normal; color: #333333}
.next {font-size: 9px; font-family: Tahoma; font-weight: bold; color: #555555}
.content {font-size: 12px; font-family: Tahoma, Arial; color: #333333}
.titlev {font-size: 16px; font-family: Tahoma; font-weight: bold; color: #406278; border-width:0px 0px 1px 0px; border-color:#555; border-style:dashed;}
.item {border-width:0px 0px 1px 0px; border-color:#bbb; border-style:dashed;}

.banners {padding:2px; border:1px solid #bbb; text-align:center; vertical-align:middle; background-color:#eee; }
.navibar {width:100%; border:1px solid #bbb; text-align:left; vertical-align:middle; background-color:#eee;}
.navibar-text {padding:3px; font-family:Tahoma, Arial; font-size:11px; color:#333;}
.navibar a:hover {color: #333; font-weight:bold;}
.navibar a {color: #333; font-weight:bold;}


.leftbox {width:95%; padding: 3px; border:1px solid #bbb; text-align:left; vertical-align:top; background-color:#eee;}
.leftmenu {font-family:Tahoma, Arial; font-size: 12px;}

.leftmenu a {color: #333; font-weight:bold; padding: 2px 0px 2px 5px;}
.leftmenu a:hover {color: #406278; font-weight:bold;}
.leftmenu-active a {color: #406278; font-weight:bold;}
.leftmenu-active a:hover {color: #406278; font-weight:bold;}

.submenu {padding:2px 0px 2px 10px}
.submenu-inactive  a {color: #333; font-weight: normal;}
.submenu-inactive  a:hover {color:#406278; font-weight: normal;}
.submenu-active  a {color:#406278; font-weight: normal;}
.submenu-active  a:hover {color:#406278; font-weight: normal;}

.news_title {font-size: 11px; font-family: Tahoma; font-weight: bold; color: #406278}

.footer_text {font-size: 11px; font-family: Tahoma, arial, sans-serif; padding: 2px;}
.footer_text a {color: #222; font-weight: normal;  padding: 2px;}
.footer_text a:hover {color:#444; font-weight: normal;}

.login_form {
  background: #eee;
  border:1px solid #bbb;
  padding: 10px;
}

.numpage {
padding: 10px;
font-size: 11px; font-family: Tahoma; font-weight: bold;
} 
.numpage a {
padding: 4px;
color: #406278;
border: 1px solid #bbb;
}
.numpage_a a {
padding: 4px;
color: #333;
border: 1px solid #bbb;
}

.tag_cloud
{
    margin-top: 20px;
    padding: 5px;
    border-color: white;
}
.tag_cloud_title
{
    font-family: Trebuchet, arial, sans-serif;
    font-size: 13px;
}

.tags
{
font-size: 11px; 
font-family: Tahoma;
color: #406278;
}

table.qqq {
	border-width: 1px;
	border-spacing: 1px;
	border-style: outset;
	border-color: gray;
	border-collapse: collapse;
	background-color: white;
}

table.qqq td {
	border-width: 1px;
	padding: 3px;
	border-style: inset;
	border-color: gray;
	-moz-border-radius: 0px 0px 0px 0px;
}
.head_row21{
	background-color: #999;
	color: #fff;
	font-weight: bold; 
	font-size: 12px;
	
}

.cpu_header{
	color: #fff;
	font-weight: bold; 
	font-size: 16px;
	text-align: middle;
	background-color: #0072bc;	
}

td.cpu_name {
	color: #fff;
	font-weight: bold; 
	font-size: 14px;
	text-align: center;
}

.black { background-color: #000; }
.blue {	background-color: #0072bc; }
.gray  { 
	background-color: #999; 
	color: #fff;
	font-weight: bold;
}
/* ---------------------------------------------------- */
/* SLIDESHOW
/* ---------------------------------------------------- */
#slideshow {
width: 269px;
height: 86px;
display: block;
position: relative;
padding-bottom: 10px;
}

#slideshow ul {
margin: 0;
padding: 0;
list-style-type: none;
height: 1%; /* IE fix */}

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

/* ---------------------------------------------------- */
/* SLIDESHOW  SLIDES
/* ---------------------------------------------------- */
#slideshow .slides {
overflow: hidden;
width: 269px;
}

#slideshow .slides ul {
width: 2880px;}

#slideshow .slides li {
width: 269px;
height: 86px;
float: left;
padding: 0px 0px 0px 0px;}

#slideshow .slides h2 {
margin-top: 0;}



/* ---------------------------------------------------- */
/* SLIDESHOW 2
/* ---------------------------------------------------- */
.slideshow2 {
width: 288px;
height: 201px;
display: block;
position: relative;
padding-bottom: 10px;
}

.slideshow2 ul {
margin: 0;
padding: 0;
list-style-type: none;
height: 1%; /* IE fix */}

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

/* ---------------------------------------------------- */
/* SLIDESHOW  SLIDES
/* ---------------------------------------------------- */
#slideshow2 .slides {
overflow: hidden;
width: 288px;
}

#slideshow2 .slides ul {
width: 2880px;}

#slideshow2 .slides li {
width: 288px;
height: 201px;
float: left;
padding: 0px 0px 0px 0px;}

#slideshow2 .slides h2 {
margin-top: 0;}



.kiosk_table tr td
{
	padding: 0px 3px;
	margin: 0;
}

.kiosk_hd_img
{
	width: 130px;
	color: #406278; 
	font-family: Trebuchet MS, Tahoma, Arial, sans-serif;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	margin: 0;
	padding: 0;
	
}

.kiosk_hd
{
	width: 170px;
	color: #406278; 
	font-family: Trebuchet MS, Tahoma, Arial, sans-serif;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	margin: 0;
	padding: 0;
	
}
.kiosk_list
{
	font-family: Trebuchet MS, Tahoma, Arial, sans-serif;
	list-style-position: outside;
	padding: 0px 12px 0px 0px;
}
.kiosk_list li
{
	font-family: Trebuchet MS, Tahoma, Arial, sans-serif;
	text-indent: -5px;
	margin: 0; padding: 0;
	
}



/*
----------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------
*/
.preload1 {background: url(/images/pro_drop4_2a.gif);}
.preload1 {background: url(/images/pro_drop4_2b.gif);}

.prodrop_main {float:right; width:100%; background: transparent url(/images/pro_drop4_back.gif); padding: 0px;}
.prodrop4 {padding:0 20px 0 0; float:right; margin:0; list-style:none; height:36px;  position:relative; z-index:500; font-family:arial, verdana, sans-serif;}

.prodrop4 li.top {display:block; float:left; padding: 0px;}
.prodrop4 li a.top_link {display:block; float:left; height:36px; line-height:27px; color:#666; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 10px; cursor:pointer; background: url(/images/pro_drop4_0a.gif) no-repeat;}

.prodrop4 li a.top_link span {float:left; display:block; padding:0 20px 0 10px; height:36px;background:url(/images/pro_drop4_0b.gif) right top;}
.prodrop4 li a.top_link:hover {color:#000; background: url(/images/pro_drop4_2a.gif) no-repeat; line-height:25px;}
.prodrop4 li a.top_link:hover span {background:url(/images/pro_drop4_2b.gif) no-repeat right top;}

.prodrop4 li:hover > a.top_link {color:#000; background: url(/images/pro_drop4_2a.gif) no-repeat; line-height:25px;}
.prodrop4 li:hover > a.top_link span {background:url(/images/pro_drop4_2b.gif) no-repeat right top;}


.prodrop4 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.prodrop4 a:hover {visibility:visible; position:relative; z-index:200;}
.prodrop4 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.prodrop4 ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.prodrop4 ul.sub1 {width:160px;}

.prodrop4 :hover ul {left:0; top:35px; background: #b9d3fb; padding:3px; border:1px solid #3a93d2; border-width:0 1px 1px; white-space:nowrap; height:auto; z-index:300;}
.prodrop4 :hover ul li {display:block; height:20px; position:relative; text-align: left; font-weight:normal; width:auto;}
.prodrop4 :hover ul li a {display:block; font-size:11px; height:20px; line-height:20px; width:auto; padding:0 10px; color:#000; text-decoration:none;}
.prodrop4 :hover ul li a:hover {background:#3a93d2; color:#fff;}


a.resh{color: white; text-decoration:none; }
.tdd {border-width: 0px 1px 1px; border-style: solid; border-color: #8cc2ec}
.tdd2 {border-width: 0px 1px 1px; border-style: solid; border-color: #f2c24f}
.tdd3{border-width: 0px 1px 1px; border-style: solid; border-color: #9ddba6}
.tdd4 {border-width: 0px 1px 1px; border-style: solid; border-color: #9da8ff}
.tdd5 {border-width: 0px 1px 1px; border-style: solid; border-color: #f2c24f}
.proj {color: white; text-decoration: none}
.insl {border-width: 0px 1px 1px; border-style: solid; border-color: #8a5897}

/* QOMO */
   h2.qomo {
   font: 22px Trebuchet MS,Tahoma,sans-serif; 
   margin: 5pt; 
   padding: 0pt; 
   color: #000000
   }
   h3.qomo {
   font: 20px Trebuchet MS,Tahoma,sans-serif; 
   margin: 0pt; 
   padding: 0pt;
   color: #03c;
   }
   .back{
   margin-left:600px;
   }
   p.qomo {
   margin:3px 5px;
   }
   p.qomo_small_bold {
   margin:3px 5px;
   font-size:10px;
   font-weight: bold;
   }
   img.qomo_icon_logo {
   margin: 0px;
   }
/* QOMO Catalog */   
   .qomo_price_catalog {
   margin: 5px 0 0 0px;
   font-size: 17px;
   color:#f00;
   }
   img.qomo_big_logo {
   margin: 0px;
   }
   img.qomo_small_logo {
   margin: 0 0 0 10px;
   }
   img.icon_dask {
   float:left;
   margin:5px 10px 20px 5px;
   }
/* QOMO More... */
   dl.qomo {
   margin:0px;
   padding:0px;
   }
   dl.qomo dt {
   font-weight:bold;
   margin:0px;
   padding:0px;
   }
   img.qomo_icon {
   float:left;
   clear: both;
   margin: 0px 10px 0px 0px;
   }

/* QOMO Specifications */
   .qomo_pict {
   margin: 25px 5px;
   float: left;
   }
   .qomo_price_specif {
   margin: 5px 0 0 100px;
   font-size: 17px;
   color:#f00;
   }
   table.qomo{
   margin:0 5px;
   padding: 0;
   border: 0px;
   }
   td.first_cell {
   font-size: 11px;
   margin: 0px;   
   width:120px;
   }
   td.second_cell {
   font-size: 11px;
   margin: 0px;   
   width:280px;
   }
   ul.qomo{
   font-weight: bold;
   margin: 10px 0px;
   padding:0px;
   }
   ul.qomo li {
   font-weight: normal;
   font-size: 12px;
   margin:0 0 0 15px;
   padding:0px;
   }