html {
	overflow: -moz-scrollbars-vertical;
}

* { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
body{margin:0; padding:0; background:url(../image/page_bg.gif) repeat-x; font-family:Tahoma, Verdana, Arial, Helvetica; font-size:12px; }
/*:focus{outline:none;}*/
a{color:#7c7c7c; text-decoration:none;}
a:hover{text-decoration:underline}
img{border:0;}
:focus{outline:none;}
div.main{width:980px; margin:0 auto;}
div.main div.header{width:908px; height:147px; margin:0 auto; position:relative;}
div.main div.header a.logo{width:279px; height:147px; position:absolute; left:0; top:0; display:block; background:url(../image/logo.gif) no-repeat;}
div.main div.header a.clientpanel , div.main div.header a.onlinesupportonline, div.main div.header a.onlinesupportoffline{background:url(../image/nav_01.gif) no-repeat; position:absolute;}
div.main div.header a.clientpanel{width:130px; height:55px; top:0; right:110px;}
.osupport{position:absolute; width:111px; height:57px; top:0; right:0px;  display:block;}
div.main div.header a.onlinesupportonline{width:110px; height:55px; top:0; right:0; background-position:-130px;}
div.main div.header a.onlinesupportoffline{width:110px; height:55px; top:0; right:0; background-position:-240px;}
div.main div.header ul{position:absolute; right:0; bottom:10px;}
div.main div.header ul , div.main div.header li ,div.main div.footer_nav ul, div.main div.footer_nav li {padding:0; margin:0; list-style:none;}
div.main div.header li, div.main div.footer_nav li { float:left; margin-right:10px; height:24px;}
div.main div.header li.m_1 {background:url(../image/m_1.gif) no-repeat; width:140px;}
div.main div.header li.m_1 a,div.main div.header li.m_2 a,div.main div.header li.m_3 a,div.main div.header li.m_4 a{display:block; width:100%; height:100%;}
div.main div.header li.m_2 {background:url(../image/m_2.gif) no-repeat; width:107px;}
div.main div.header li.m_3 {background:url(../image/m_3.gif) no-repeat; width:83px;}
div.main div.header li.m_4 {background:url(../image/m_4.gif) no-repeat; width:117px;}
div.main div.vision { width:980px; height:239px; margin:0 auto; background:url(../image/vision.jpg) no-repeat; margin-top:0px;}
div.main div.tech{width:100%; height:84px; background:url(../image/power_used.jpg) no-repeat; margin-top:10px; margin-bottom:10px;}
div.main div.package {width:100%; height:285px; background:url(../image/package_bg.jpg) no-repeat; position:relative;}
div.main div.package div.html , div.main div.package div.eko, div.main div.package div.uzman, div.main div.package div.pro, div.main div.package div.mail { width:178px; height:273px; position:absolute;}
div.main div.package div.html {	left:20px;}
div.main div.package div.eko {left:210px;}
div.main div.package div.uzman {left:400px;}
div.main div.package div.pro {left:590px;}
div.main div.package div.mail {left:780px;}
div.main div.package div.price{font-size:28px; font-weight:bold; position:absolute; right:50px; top:80px;}
div.main div.package div.priceext{font-size:13px; font-weight:bold; position:absolute; right:28px; top:85px;}
div.main div.package div.tl{font-size:11px; position:absolute; right:24px; top:100px; color:#8f8f8f; font-family:Arial;}
div.main div.package div.desc{position:absolute; font-size:11px; color:#333; top:132px; left:25px;}
div.main div.package div.desc div{padding-bottom:9px;}
div.main div.package a.addcart{ width:135px; height:21px; display:block; position:absolute; bottom:5px; right:20px;}
div.main div.package_desc {width:980px; height:162px; background:url(../image/package_desc.jpg) no-repeat; margin-top:15px; position:relative;}
div.main div.package_desc div.desc1, div.main div.package_desc div.desc2, div.main div.package_desc div.desc3, div.main div.package_desc div.desc4{width:160px; height:140px; position:absolute;}
div.main div.package_desc div.desc1{left:240px;}
div.main div.package_desc div.desc2{left:430px;}
div.main div.package_desc div.desc3{left:620px;}
div.main div.package_desc div.desc4{left:810px;}
div.main div.package_desc div.title{font-size:12px; font-weight:bold; padding-bottom:5px;}
div.main div.package_desc div.desc{font-size:11px; color:#333; line-height:17px;}
div.main div.container {width:100%; margin-top:10px;}
div.main div.container  div.left{width:209px; float:left;}
div.main div.container  div.right{width:771px; float:left;}
div.main div.container  div.left div.package_menu{width:209px; height:170px;}
div.main div.container  div.left div.quaranteed{width:209px; height:149px; background:url(../image/quaranteed.gif) no-repeat;}
div.packages{width:771px; height:855px; position:relative;}
div.pack-header{width:771px; height:122px; position:relative;}
div.pack-header div.price{font-size:36px; font-weight:bold; position:absolute; right:92px; top:30px;}
div.pack-header div.priceext{font-size:13px; font-weight:bold; position:absolute; right:70px; top:40px;}
div.pack-header div.tl{font-size:11px; position:absolute; right:66px; top:55px; color:#8f8f8f; font-family:Arial;}
div.pack-header a.match{width:126px; height:20px; display:block; position:absolute; left:60px; top:87px;}
div.pack-header a.addcart{ width:135px; height:21px; display:block; position:absolute; bottom:15px; right:45px;}
div.pack-desc ul{width:215px; float:left; margin:0; padding:0;}
div.pack-desc ul ol{font-size:14px; margin:0; padding:0; font-weight:bold; margin-top:4px; margin-bottom:29px;}
div.pack-desc ul  li{font-size:10px; font-family:Verdana;  color:#666666; list-style:none; margin-top:10px; text-indent:15px; }

div.login {width:100%; height:323px; background:url(../image/login.gif) no-repeat; position:relative;}
.loginl{width:430px; height:261px; position:absolute; left:32px; top:30px;}
.loginr{width:430px; height:261px; position:absolute; right:32px; top:30px;}
.loginl h2 , .loginr h2{margin:15px 5px 5px 5px; color:#fff;}
.loginl h4{margin:0 5px; color:#666; font-size:12px; font-weight:normal;}
.loginl h5{position:absolute; bottom:-10px; left:5px; color:#666; font-size:12px; font-weight:normal; font-style:italic;}
* html .loginl h5{position:absolute; bottom:5px; left:5px; color:#666; font-size:12px; font-weight:normal; font-style:italic;}
.loginr ul , .loginr li	{list-style:none; margin:0; padding:0;}
.loginr ul {position:absolute; left:3px; top:100px;}
.loginr li{margin-left:4px; margin-top:15px; font-size:11px; font-weight:bold; text-indent:15px; background:url(../image/dot_blue.gif) no-repeat 0 4px;}
* html  .loginr li{background-position:0 9px;}

.loginl .form {width:242px; height:119px;  margin:0 auto; margin-top:20px; margin-left:30px; padding-top:8px;}
.loginl .form  div{height:24px; margin-top:16px; margin-left:0px; font-size:11px; line-height:24px; font-weight:bold; color:#666;}
.loginl .form  div input {width:150px; border:0; font-size:12px; padding:5px;   display:inline; position:absolute; left:115px;   background:#def0c2;}
.loginl .form  div  input.submit {width:100px; height:24px; background:url(../image/login-submit.gif) no-repeat; margin-left:30px;}

/** html .loginl .form  div{margin-top:20px; position:relative; }
* html .loginl .form  div input {margin-top:-5px; margin-left:-40px;}
* html .loginl .form  div  input.submit {margin-left:-10px;}
*/

#liblue li{background:url(../image/dot_blue.gif) no-repeat 0 3px;}
#liorange li{background:url(../image/dot_orange.gif) no-repeat 0 3px;}
#lired li{background:url(../image/red.gif) no-repeat 0 3px;}
#licyan li{background:url(../image/cyan.gif) no-repeat 0 3px;}
#libbrown li{background:url(../image/bbrown.gif) no-repeat 0 3px;}
#ligreen li{background:url(../image/dot_green.gif) no-repeat 0 3px;}
#liyellow li{background:url(../image/dot_yellow.gif) no-repeat 0 3px;}
#lipurple li{background:url(../image/dot_purple.gif) no-repeat 0 3px;}
* html #liblue li{background:url(../image/dot_blue.gif) no-repeat 0 9px;}
* html #liorange li{background:url(../image/dot_orange.gif) no-repeat 0 9px;}
* html #ligreen li{background:url(../image/dot_green.gif) no-repeat 0 9px;}
* html #liyellow li{background:url(../image/dot_yellow.gif) no-repeat 0 9px;}
* html #lipurple li{background:url(../image/dot_purple.gif) no-repeat 0 9px;}
* html div.pack-desc ul ol{margin-bottom:26px;}
* html div.pack-desc ul  li {margin-top:3px; background:url(../image/dot_blue.gif) no-repeat 0 9px;}
 
div.pack-desc{width:720px; margin:0 auto; margin-left:20px; margin-bottom:22px;}

.checkblue{width:14px; height:14px; background:url(../image/check_blue.gif) no-repeat; float:left;}
.package-blue{background:url(../image/p_bg_html.gif) no-repeat;}
.package-orange{background:url(../image/p_bg_eko.gif) no-repeat;}
.package-green{background:url(../image/p_bg_uzman.gif) no-repeat;}
.package-yellow{background:url(../image/p_bg_pro.gif) no-repeat;}
.package-purple{background:url(../image/p_bg_mail.gif) no-repeat;}
.package-html{background:url(../image/p_menu_html.gif) no-repeat;}
.package-eko{background:url(../image/p_menu_eko.gif) no-repeat;}
.package-uzman{background:url(../image/p_menu_uzman.gif) no-repeat;}
.package-pro{background:url(../image/p_menu_pro.gif) no-repeat;}
.package-mail{background:url(../image/p_menu_mail.gif) no-repeat;}
.content-bg{background:url(../image/content_bg.gif) no-repeat;}
.content-bg h3{font-family:Tahoma; margin:0; padding:50px 0 50px 30px; color:#fff;}
.content-bg td{color:#333; font-size:11px; line-height:24px;}
.content-bg td.title{ font-weight:bold;}
.content-bg td input{border:0; background:#ccc;}

.signup_form{width:745px; height:300px; position:absolute; right:0; top:127px; font-size:12px; color:#333; }
.signup_form ul{list-style:none; margin:0; padding:0;}
.signup_form ol{margin-bottom:30px; padding:0; color:#333;}
.signup_form li{width:500px; margin-bottom:9px; position:relative; background:#ddd;  padding:0;}
.signup_form li input{position:absolute; right:0; border:0;}

div.main div.footer_nav{width:100%; height:35px; background:url(../image/footer_nav.gif) no-repeat; position:relative;}
div.main div.footer_nav ul{position:absolute; left:30px; top:10px;}
div.main div.footer_nav li{background:url(../image/dot.gif) no-repeat left; text-indent:10px;}
* html div.main div.footer_nav li{background:url(../image/dot.gif) no-repeat 0 6px;}
div.main div.footer_nav li a{color:#393e34; font-size:12px; text-decoration:none;}
div.main div.footer_nav li a:hover{text-decoration:underline;}

div.main div.footer{width:100%; height:24px; margin-top:10px;}
div.main div.footer div.left{float:left; margin-left:20px; color:#7c7c7c; font-size:11px;}
div.main div.footer div.right{float:right; margin-right:20px; color:#7c7c7c; font-size:11px;}

.blue{color:#0066ff;}
.orange{color:#ff6633;}
.green{color:#66cc33;}
.yellow{color:#ffcc33;}
.purple{color:#cc00cc;}

.main-menu{width:189px; float:right; clear:right;}
.main-menu .top {height:15px; background:url(../image/main-menu-top.gif) no-repeat;} 
.main-menu .bottom {height:15px; background:url(../image/main-menu-bottom.gif) no-repeat;} 
.main-menu .middle { background:url(../image/main-menu-middle.gif) repeat-y; padding:0 9px 0 9px; margin-top:-8px; } 
.main-menu .middle a.menu{height:28px; display:block; margin-top:5px;}
.main-menu .middle div{display:none;}
.main-menu .middle ul{margin:0; padding:0; margin-left:5px; list-style:none; font-size:11px; margin-bottom:10px;}
.main-menu .middle li{margin:10px 5px 5px 5px; padding:0; text-indent:15px; background:url(../image/dot_blue.gif) no-repeat 0 4px;}
 


.main-content  {width:771px; }
.main-content  .top{width:100%; height:100px; background:url(../image/content-top.gif) no-repeat; position:relative;  }
.main-content  .top  h2{padding:0; margin:0; font-size:20px; color:#fff; font-weight:normal; position:absolute; top:35px; left:40px; }
.main-content  .bottom{width:100%; height:36px; background:url(../image/content-bottom.gif) no-repeat; position:relative;}
.main-content  .middle{width:100%; background:url(../image/content-middle.gif) repeat-y; border-top:1px solid #fff; }

.warning{height:200px; background:url(../image/warning.gif) no-repeat top left; margin:0; margin-left:50px; list-style:none; padding-top:5px;}
.warning li{font-size:11px; color:#666; margin-top:8px; margin-left:60px; background:url(../image/dot_blue.gif) no-repeat 0 4px; text-indent:12px;}
* html .warning{left:10px; top:-30px;}
* html .warning li{margin-left:100px; background-position:0 9px; margin-top:6px;}


.page_content{width:771px;}
.page_content .headers{width:100%; height:114px; background:url(../image/content_bg_01.jpg) no-repeat; position:relative;}
.page_content .headers h3{margin:0; padding:0; font-family:Tahoma; color:#666; position:absolute; top:50px; left:20px;}
.page_content .center{width:731px; background:url(../image/content-middle.gif) repeat-y; padding:20px;}
.page_content .bottom{width:100%; height:60px; background:url(../image/content_bg_03.jpg) repeat-y;}

.account_create ul {margin:0; padding:0; font-size:12px; color:#333; padding-top:8px;}
.account_create ol {padding:0; margin:0; padding-bottom:5px; font-size:14px}
.account_create li {list-style:none; margin:0; padding:0; padding-top:13px; padding-bottom:5px; width:500px; position:relative;}
.account_create li input, .account_create li select {position:absolute; right:0; margin:-6px; width:200px; background:#f6becb;} 
.account_create li select {width:204px;}

.account_create table{width:700px; font-size:12px; color:#333;}
.account_create td{height:30px;}
.account_create textarea{font-size:12px; color:#333;}

.required {
	margin: 0;
	color: #FF0000;
	display: inline;
}

.error {
	color: #FF0000;
	font-size: 10px;

}

.warning2 {
	color: #000000;
	width:97%;
	font-size: 10px;  
	background-color: #FFB3B5;
	padding: 3px;
	display: block;
	margin-bottom: 10px;
}

.success {
	width:90%;
	padding: 5px 0px;
	margin:0 auto;
	margin-bottom: 10px;
	background: #E4F1C9;
	border: 1px solid #A5BD71;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}

.unsuccess {
	width:90%;
	padding: 5px 0px;
	margin:0 auto;
	margin-bottom: 10px;
	background: #FFDFE0;
	border: 1px solid #FF9999;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
} 

.submit{
	background:#ccc;
	border:1px solid #666;
	font-size:10px;
	color:#333;
	font-weight:bold;
}



.button {
	height:19px;
}

.button a{
	display:block;
	text-decoration:none;
}



.button  span{
	float:left;
}

span.bleft {
	width:17px;
	height:19px;
	background:url(../image/bleft.gif) no-repeat;
	display:block;
}

span.bmiddle {
	height:19px;
	background:url(../image/bmiddle.jpg) repeat-x;
	display:block;
	line-height:17px;
	color:#fff;
	padding-right:4px;
	cursor:pointer;
}



span.bright {
	width:20px;
	height:19px;
	background:url(../image/bright.gif) no-repeat;
	display:block;
	clear:right;
}

fieldset.account {
	border:1px solid #cfcfcf;
	padding:15px;
	margin-bottom:15px;
}

fieldset.account legend {
	color:#333;
	font-weight:bold;
}

fieldset.account td {
	font-size:12px;
	padding:3px 0 3px 0;
}

.vps_package{
	width:979px;
	height:193px;
	background:url(../image/vps_package_bg.jpg) no-repeat;
	margin-top:5px;
	position:relative;
}

.vps_package .vps1, .vps_package .vps2, .vps_package .vps3{
	width:314px;
	height:183px;
	position:absolute;
}

.vps1{left:20px;}
.vps2{left:340px;}
.vps3{left:660px;}

.vps_package div.price{font-size:28px; font-weight:bold; position:absolute; right:45px; top:35px;}
.vps_package .vps3 div.price{font-size:28px; font-weight:bold; position:absolute; right:57px; top:35px;}
.vps_package div.priceext{font-size:13px; font-weight:bold; position:absolute; right:20px; top:35px;}
.vps_package .vps3 div.priceext{font-size:13px; font-weight:bold; position:absolute; right:35px; top:35px;}
.vps_package div.tl{font-size:11px; position:absolute; right:24px; top:50px; color:#8f8f8f; font-family:Arial;}
.vps_package .vps3 div.tl{font-size:11px; position:absolute; right:35px; top:50px; color:#8f8f8f; font-family:Arial;}
.vps_package a.addcart{ width:135px; height:21px; display:block; position:absolute; bottom:12px; right:90px;}
.vps_package div.desc{font-size:11px; color:#333; line-height:17px; position:absolute; top:75px; left:5px;}
.vps_package div.desc div{float:left; width:150px; margin-bottom:7px; text-indent:10px;}
.vps_package .vps1 .desc div{background:url(../image/red.gif) no-repeat 0 6px;}
.vps_package .vps2 .desc div{background:url(../image/cyan.gif) no-repeat 0 6px;}
.vps_package .vps3 .desc div{background:url(../image/bbrown.gif) no-repeat 0 6px;}
.red{color:red;}
.cyan{color:#66cccc;}
.bbrown{color:#999900;}
.vps-red{background:url(../image/p_bg_vps1.gif) no-repeat; height:311px;}
.vps-cyan{background:url(../image/p_bg_vps2.gif) no-repeat; height:311px;}
.vps-bbrown{background:url(../image/p_bg_vps3.gif) no-repeat; height:311px;}

div.vps-header{width:771px; height:122px; position:relative;}
div.vps-header div.price{font-size:36px; font-weight:bold; position:absolute; right:75px; top:25px;}
div.vps-header div.priceext{font-size:13px; font-weight:bold; position:absolute; right:50px; top:30px;}
div.vps-header div.tl{font-size:11px; position:absolute; right:50px; top:50px; color:#8f8f8f; font-family:Arial;}
div.vps-header a.match{width:126px; height:20px; display:block; position:absolute; left:60px; top:87px;}
div.vps-header a.addcart{ width:135px; height:21px; display:block; position:absolute; bottom:15px; right:45px;}
div.vps-desc ul{width:215px; float:left; margin:0; padding:0; padding-left:15px}
div.vps-desc ul ol{font-size:14px; margin:0; padding:0; font-weight:bold; margin-top:4px; margin-bottom:29px;}
div.vps-desc ul  li{font-size:10px; font-family:Verdana;  color:#666666; list-style:none; margin-top:10px; text-indent:15px; }


/* BUTTONS */

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}