* {margin: 0px; padding: 0px; border: none; }
html, body {background:url(images/bgf.gif) repeat-x top; margin: 0; height: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; text-align: center; color: #555;}
.hd #box {width: 100%; background: ; margin: 0 auto; text-align: left;}
.hd #header {background: #DDDDDD; padding: 0 10px 0 20px;}
.hd #header h1 {margin: 0;padding: 10px 0; }
.hd #contentbox {background: #FFFFFF; padding: 0px 0px 0px 0px; border-left:solid 1px #939393; border-right:solid 1px #939393; }
.hd #contentbox1 {background: #FFFFFF; padding: 0px 0px 0px 0px;}
/*Text*/
h1 {color: Orange; font-size: 28px;font-family: Tahoma;}
.h2{color: Orange; font-size: 16px;font-family: Tahoma;font-weight: bold; background-color: #333333}
.h3 {color: Orange; font-size: 13px;font-family: Tahoma;font-weight: bold;background-color: #333333}
.h4 { padding-top:10px; color: #333; font-size: 11px;}
.h5 { padding-top:5px; color: yellow; font-size: 25px;font-weight: bold;}
.h6 { color: red; }
.h7 { color: red; text-decoration: line-through;}
.h8 { color: blue; }
.h9 { color: red;}
.h10 { color: black;}
.h11 { color: #666;font-weight: bold; background-color: #333333; font-size: 24px;}
.h12 { color: red;font-weight: bold; background-color: #333333; font-size: 18px;}
.h13 { color: yellow;font-weight: bold; background-color: #333333; font-size: 24px;}
.h14 { color: red;font-weight: bold; font-size: 13px;}
.h15 { color: #000000; font-weight: bold; font-size:18px;}
.h16 { font-size:18px; color:#000}
.h17 { color: red;font-weight: bold; font-size: 12px;}
.h18 { color: blue; font-weight: bold; font-size:22px}
.h19 { color: white; font-weight: bold; font-size:18px}
.h20 { padding-top:10px; color: #CCC; font-size: 11px;}
.h21 { color: red;font-weight: bold; font-size: 18px;}
.h22 { color: white; font-size: 11px;}
.h23 { color: orange;font-weight: bold; font-size: 15px;}
.h24 { color: white; font-size: 12px;}
.h25 { color: #FFFFFF; font-size: 14px; font-weight:bold}
.copyright { padding-top:10px; color: #FFFFFF; font-size: 11px; background:tranparent; border-top:1px solid #666666}
.copyright a { color: #FFFFFF;}
.h26 { color: #000000; font-weight: bold; font-size:18px;}
.h27 { color: #000000; font-weight: bold; font-size:13px;}
/*block*/
.block-logo {width: 250px;}
.block-menu {width: 300px;}
.block-menu1 {width: 300px;}
.block-footer {width: 333px;}
.clean {clear: both; font-size: 1px; line-height: 2px; height: 5px;}
/*Header*/
#logostripe {width: 100%; height: 135px; background: url(images/logobg.gif) top repeat-x; }
.logobox {width: 975px; position: relative; margin: 0px auto; /*padding: 0px 45px;*/ top: 18px;}
.menu {width: 670px; height: 23px; position: absolute; top: 45px; left: 303px;}
.menu li{ float:left; text-align:center; width:110px; border-right:solid 1px #505050; line-height:1.667em; font-weight:bold}
.menu .last{ border:none;}
.menu1 { width: 528px; height: 25px; position: absolute; top: -14px; left: 263px; background: url(images/mnbg.png);
font-weight:bold;}
.menu1 li{font-size: 80%; float:left; text-align:center; width:105px; line-height:2.4em; }
.menu1 .last{ border:none;}
.menu2 { width: 82px; height: 38px; position: absolute; top: -17px; left: 893px;}
.menu2 li{ float:left; text-align:center; vertical-align:middle; width:120px; border-right:solid 1px #505050; line-height:1.667em;}
.menu2 .last{ border:none;}
.menu a{ color:#ffffff; text-decoration:none;}
.menu a:hover, .menu .active{ color:#f68220;}
.menu1 a{ color:#ffffff; text-decoration:none;}
.menu1 a:hover, .menu .active{ color:#f68220;}
.menu3 { width: 86px; height: 29px; position: absolute; top: -13px; left: 800px;}
.menu4 {
width: 586px;
height: 45px;
position: absolute;
text-align:center;
top: 30px;
left: 325px;
}
/* Front img */
#frontimg { width: 100%; height: 150px; background: #000000 url(images/serverimgrdcon.jpg) top right no-repeat;}
#frontimgbg { width: 100%; height: 150px; background: #000000 url(images/serverimgrdcon.jpg) top right no-repeat;}
.firebox {width: 100%;margin-left:60px;}
#firebox .block-fire .fire1 {width:200px;}
#firebox .block-fire .fire2 {width:400px;}
.firemar {padding: 10px 0px 0px 35px;}
/* index content */
.contentbox {width: 975px; margin: 0px auto; }
.contentbox1 {width: 975px; margin: 0px auto; }
#contentbox .block-content .col1 {width:670px; margin-right:10px; margin-left:10px;}
#contentbox .block-content .col2 {width:265px;margin-right:10px;}
#contentbox .block-content .col17 {width:955px;margin:10px;}
#contentbox .block-content1 .col16 {width:185px; margin-right:5px;margin-left:12px;}
#contentbox .block-content1 .col3 {width:185px; margin-right:5px;}
#contentbox .block-content1 .col4 {width:185px; margin-right:5px;}
#contentbox .block-content1 .cola {width:185px; margin-right:5px;}
#contentbox .block-content1 .col5 {width:185px; margin-right:10px;}
.contentmargin { margin-right:10px; margin-left:10px; }
.marginvps { margin-left:15px; }
.mar { width:973px; overflow:hidden; background-color: #FFF;}
.fade{ background:url(images/tail.gif) bottom repeat-x; width:100%;}
.fade .Lcorner{ background:url(images/Lcorner.gif) left bottom no-repeat; width:100%;}
.fade .Rcorner{ background:url(images/Rcorner.gif) right bottom no-repeat; width:100%;}
.fade .margin{ padding:0px 5px 10px 5px;}
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col14, .col15, .col16, .cola, .fire1, .fire2{float:left;}
/* product content */
#contentbox .block-content2 .col6 {width:232px;margin-right:7px; margin-left:9px;}
#contentbox .block-content2 .col7 {width:233px;margin-right:7px; }
#contentbox .block-content2 .col8 {width:232px; margin-right:7px;}
#contentbox .block-content2 .col9 {width:233px;margin-right:9px;}
#contentbox .block-content2 .colwide {width:955px;margin:9px;}
#contentbox .block-content3 .col10 {width:395px;margin-right:8px;margin-left:8px;}
#contentbox .block-content3 .col11 {width:550px;margin-right:8px;}
#contentbox .block-content4 .col12 {width:300px;margin-right:10px;margin-left:195px;}
#contentbox .block-content4 .col13 {width:300px;margin-right:10px;}
#contentbox .block-content4i .col26 {width:300px;margin-right:10px;margin-left:25px;}
#contentbox .block-content4i .col27 {width:300px;margin-right:10px;}
#contentbox .block-content4i .col28 {width:300px;}
#contentbox .block-content4 .col20 {width:300px;margin-right:10px;margin-left:25px;}
#contentbox .block-content4 .col19 {width:300px;margin-right:10px;}
#contentbox .block-content4 .col21 {width:300px;}
.col12, .col13, .col21, .col19, .col20, .col26, .col27, .col28 {float:left;}
/* Contact */
#contentbox .block-content5 .col14 {width:480px;margin-right:10px;}
#contentbox .block-content5 .col15 {width:480px;}
#contentbox .block-content6 .col22 { background:#FFFFFF; width:230px;margin-right:8px; margin-left:10px; }
#contentbox .block-content6 .col23 {width:230px;margin-right:8px; }
#contentbox .block-content6 .col24 {width:460px; margin-right:10px;}
#contentbox .block-content6 .col25 {width:230px;margin-right:10px; }
.col22, .col23, .col24, .col25, .col20{float:left; }
#contentbox .block-content7 .col1 {width:900px; margin-right:0px; margin-left:10px; }
#contentbox .block-content8 .col1 {width:950px; margin-right:0px; margin-left:10px; }
#contentbox .block-content10 .col1 { background:#FFFFFF; width:245px;margin-right:8px; margin-left:6px; border-right: solid 1px gray; padding: 9px;}
#contentbox .block-content10 .col2 {width:340px;margin-right:6px; }
#contentbox .block-content10 .col3 {width:340px; margin-right:8px;}
.col1, .col2, .col3{float:left; }
.box{
border:solid 1px green;
background: #CFC /*url(images/true.gif) 8px 6px no-repeat*/;
color:green;
font:bold Verdana, Geneva, sans-serif;
padding:4px;
text-align:center;
}
.boxes{
border: solid 3px #CCCCCC;
background: transparent /*url(images/true.gif) 8px 6px no-repeat*/;
padding:6px;
text-align:justify;
margin-top: 6px;
margin-bottom: 6px;
}
/*shadow*/
.shadow {
-webkit-box-shadow: 0 8px 6px -6px #666666;
-moz-box-shadow: 0 8px 6px -6px #666666;
box-shadow: 0 8px 6px -6px #666666;
}
.shadows {
-webkit-box-shadow: 0 8px 6px 10px #666666;
-moz-box-shadow: 0 8px 6px 10px #666666;
box-shadow: 0 8px 6px 10px #666666;
}
/* footer */
.hd #footer { width: 100%; height: 190px; padding: 0 0px; background:url(images/footer-bg.gif);}
.hd #footer p { margin: 0; padding: 10px 0;}
.footerbox {width: 975px; position: relative; margin: 0px auto; text-align:center; top: 10px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; }
.footerbox li{ float:left; text-align:center; width:110px; line-height:1.667em; }
.footerbox a{ color: #CCC; text-decoration:none; }
.footerbox a:hover, .menu .active{ color:#f68220;}
.footerbox .last{ border:none;}
#footerstripe {width: 100%; height: 190px; background: url(/images/footer-bg.gif) bottom repeat-x;}
.fbox { padding: 17px 0px 0px 0px; width: 975px; height: 250px;}
.lgbg {background-color: #ffffff; border-left:solid 1px #939393; border-right:solid 1px #939393;}
.hd #contentboxft {width: 975px; margin: 0px auto; padding: 0px 0px 0px 0px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#contentboxft ul {float: left; width: 100%; list-style: none; background: transparent; padding: 0; margin: 0 0 1em 0; z-index: 500; }
#contentboxft li {background: url(images/arrow.gif) left center no-repeat; padding-left: 20px; line-height: 1.2; color: #FFF;}
#contentboxft a, .contentboxft a:visited{ color: #CCC; text-decoration:none; }
#contentboxft a:hover, .menu .active{ color:orange;}
#contentboxft .block-content9 .col1 {width:230px; margin-right:10px; margin-left:10px; font-size:11px; color:#FFFFFF; }
#contentboxft .block-content9 .col2 {width:230px; margin-right:10px; font-size:11px;color:#FFFFFF; }
#contentboxft .block-content9 .col3 {width:230px; margin-right:10px; font-size:11px; color:#FFFFFF;}
#contentboxft .block-content9 .col4 {width:230px;margin-right:10px; font-size:11px; color:#FFFFFF;}
.col1, .col2, .col3, .col4 {float:left;}
img.bottom {vertical-align: middle;}
/*rainbow*/
.rb {background-image:url(images/rbbg.gif); background-position:center; background-repeat:no-repeat; font-size:22px; font-weight:bold; color: #FFF}
/*table dedi*/
#deditable { width: 95%; padding: 0; margin: 0;}
#reselltable { width: 100%; padding: 0; margin: 0;}
caption { padding: 0 0 5px 0; width: 100%; font:bold 17px Verdana, Arial, Helvetica, sans-serif; text-align: center;}
th { font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: orange; border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7; border-top: 1px solid #C1DAD7; letter-spacing: 2px; text-transform: uppercase; text-align: center; padding: 6px 6px 6px 12px; background: #333333; vertical-align:middle}
td { border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7; background: #fff; padding: 6px 6px 6px 12px;
color: #4f6b72; vertical-align:middle; font:12px Verdana, Arial, Helvetica, sans-serif; text-align:center;}
th.nobg {
border-top: 0;
border-left: 0;
border-right: 1px solid #C1DAD7;
background: none;
}
th.a { color:#4f6b72; border-left: 1px solid #C1DAD7; border-top: 0; background: #fff ; font: bold 11px Verdana, Arial, Helvetica, sans-serif;}
td.bold { font: bold 15px Verdana, Arial, Helvetica, sans-serif; color: #000000; }
td.resell { font: bold 15px Verdana, Arial, Helvetica, sans-serif; color: #000000; }
td.resellnbg { background:none;}
/* mainmenu*/
.mainmenu{ width: 975px; height: 33px; position: absolute; top: 92px; }
.mainmenu ul {float: left; width: 100%; list-style: none; line-height: 1;color:#FFFFFF; background: transparent; padding: 0; margin: 0 0 1em 0; z-index: 500; }
.mainmenu a, .mainmenu a:visited {display: block;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;font-style:normal;text-decoration:none; font-weight:bold; color: #404040; text-align:center; padding: 0.6em 2.5em 0.6em 2.4em;}
.mainmenu ul ul a{ width:100%; height:100%;}
.mainmenu ul a{ width:100%;}
.mainmenu li { float: left; margin:0; padding:0;}
.mainmenu ul li {float:left; position:relative; }
.mainmenu ul li a {white-space:nowrap;}
.mainmenu li ul { position: absolute; left: -999em; height: auto; width: auto; background: url(images/menubg.gif); }
.mainmenu li li { width: 15em ;}
.mainmenu li li a{ width:13em ;}
.mainmenu li ul { margin: 0;}
.mainmenu li ul ul { margin: -2.8em 0 0 0em;}
.ul_ch,
.mainmenu li:hover ul ul,
.mainmenu li li:hover ul ul,
.mainmenu li li li:hover ul ul,
.mainmenu li li li li:hover ul ul,
.mainmenu li li li li li:hover ul ul{ left: -999em;}
.mainmenu li:hover ul,
.mainmenu li li:hover ul,
.mainmenu li li li:hover ul,
.mainmenu li li li li:hover ul,
.mainmenu li li li li li:hover ul{ left: auto;}
.mainmenu li:hover>ul.ul_ch { left: auto;}
.mainmenu li:hover{ background: url(images/menubg.gif);}
.mainmenu li:hover a,.mainmenu li:hover a:visited,.mainmenu li:hover a:hover,.mainmenu li a:hover{ color:#FFFFFF;}
.mainmenu li:hover li a, .mainmenu li li:hover li a,
.mainmenu li li li:hover li a, .mainmenu li li li li:hover li a,
.mainmenu li:hover li a:visited, .mainmenu li li:hover li a:visited,
.mainmenu li li li:hover li a:visited, .mainmenu li li li li:hover li a:visited{ color:#FFFFFF;}
.mainmenu li li:hover, .mainmenu li li li:hover,
.mainmenu li li li li:hover , .mainmenu li li li li li:hover , .mainmenu li li li li li li:hover { background: #FFFFFF; z-index:9999;}
.mainmenu li li:hover a,.mainmenu li li li:hover a,
.mainmenu li li li li:hover a, .mainmenu li li li li li:hover a{ color: #000; }
.mainmenu ul ul a, .mainmenu ul ul a:visited,
.mainmenu li li a, .mainmenu li li a:visited{ color: #000;}
.mainmenu ul ul a:hover,
.mainmenu li:hover li:hover a,.mainmenu li:hover li:hover a:visited ,
.mainmenu li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover a:visited,
.mainmenu li:hover li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover li:hover a:visited ,
.mainmenu li:hover li:hover li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover li:hover li:hover a:visited,
.mainmenu li:hover li:hover li:hover li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover li:hover li:hover li:hover a:visited{ color: #000;}
.mainmenu li:hover li:hover li a,.mainmenu li:hover li:hover li a:visited ,
.mainmenu li:hover li:hover li:hover li a,.mainmenu li:hover li:hover li:hover li a:visited,
.mainmenu li:hover li:hover li:hover li:hover li a,.mainmenu li:hover li:hover li:hover li:hover li a:visited,
.mainmenu li:hover li:hover li:hover li:hover li:hover li a,.mainmenu li:hover li:hover li:hover li:hover li:hover li a:visited{
color: #000;}
/*drod shadow*/
.dropshadow {
-moz-box-shadow: 3px 3px 4px #999; /* Firefox */
-webkit-box-shadow: 3px 3px 4px #999; /* Safari/Chrome */
box-shadow: 3px 3px 4px #999; /* Opera and other CSS3 supporting browsers */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";/* IE 8 */
: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');/* IE 5.5 - 7 */
}