@import url(promo.css);
@import url(footer.css);

html {height: 100%;}
body {	background: url('images/new/grey1.png') repeat scroll 0 0 #333333;
	padding: 0;
	margin: 0;
        overflow-x: hidden;
}

.box-t {
       border: 1px solid #c0c0c0;
       margin: 0px 0px 2px 0px;
       padding: 4px;
      -webkit-border-radius: 7px;
      -moz-border-radius: 7px;
       border-radius: 7px;
      -khtml-border-radius: 7px;
       background: url("images/w-bg.png") repeat scroll 0 0 transparent;
}

.box-tm {
       border: 1px solid #c0c0c0;
       margin: 1px 0px 0px 0px;
       padding: 4px;
      -webkit-border-radius: 7px;
      -moz-border-radius: 7px;
       border-radius: 7px;
      -khtml-border-radius: 7px;
       background: url("images/w-bg.png") repeat scroll 0 0 transparent;
}

table {
      border: 0px;
      width: 1006px;
      border-spacing: 0px 0px;
      margin-left: auto;
      margin-right: auto;
}

td.100 { width: 100%;
         height: 35px; 
         margin-top: 5px;
}


td.tleft { width: 100%;
         height: 300px; 
         align: left;
         vertical-align:top;
}

td.tright { width: 700px;
         align: left;
         vertical-align:top;
}
td.foot { width: 100%;
         align: left;
         vertical-align:middle;}

td.foot240 { width: 240px;
         }

td.foot500 { width: 500px;
         }

img    {border:none;}
a      {outline:none;}
h3     {padding:0;margin:0;}

h3 {
       background: transparent url('images/new/round_right_arrow_16x16.png') 5px 4px no-repeat;
       padding: 4px 0px 5px 24px;
       margin:0;
       font: bold 100% Verdana,sans-serif;
       color: #04554F;
       font-size: 13px;
       text-transform: uppercase;
       text-shadow: 0px 0px 1px #fff;
}            

.badges {
    background-image: url("images/badge.png");
    height: 80px;
    position: absolute; 
    right: 243px;
    top: 32px;
    width: 80px;
}

#downloadbutton {
    display: block;
    width: 220px;
    height: 58px;
    background: url('images/downloadbutton-2-2-1.png') no-repeat top; 
}

.lefttrial {
    font-family: Verdana,tahoma,Arial,Helvetica,sans-serif; 
    font-weight: normal;
    position: relative; 
    font-size: 12px; 
    color: #4E4E4E;
    padding: 5px 10px;
    text-shadow: 0 1px 0 #FFFFFF;
}
.lefttrial a {
    color: #0058DC;
    text-decoration: none;
    text-shadow: 0 1px 0 #FFFFFF;
}
.text_big {
       background: transparent url('images/new/round_right_arrow_16x16.png') 5px 4px no-repeat;
       padding: 4px 5px 5px 24px;
       margin:0;
       font: bold 100% Verdana,sans-serif;
       color: #04554F;
       font-size: 13px;
       text-transform: uppercase;
       text-shadow: 0px 0px 1px #fff;
}

h1 {
       margin:0;
       font: bold 100% Verdana,sans-serif;
       color: #04554F;
       font-size: 14px;
       text-transform: uppercase;
       text-shadow: 0px 0px 3px #ffffff;
}

#maincorner h1 {float:right; padding-right: 10px;}

.promoheader {
       display: none;
       background: #3a3d35;
       width: 100%; 
       height: auto;
       padding: 5px;
       border-top: 10px solid #3a3d35; 
       border-bottom: 5px solid #3a3d35; 
} 	


#promodown {
       background: #3a3d35;
       width: 100%; 
       height: 24px;
       border-bottom: 1px solid #D65620;
       text-shadow: 0px 0px 1px #000;
       font-size: 12px;
} 	
#promodown .logil {
       width: 20%; 
       display:inline-block;
       padding-left: 8px;
       line-height: 24px;

}

#promodown .logil a {
       font: bold 100% Verdana, "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
       color: #D65620;
       text-decoration: none;
       height: 24px;
       text-align: left;
       display:table-cell;
       vertical-align:middle;
} 	

#promodown .logir {
       float: right; 
       padding-right: 8px;
       padding-top: 4px;
       text-align: right;
       display:table-cell;
       vertical-align:middle;


}
#promodown .logir a {
       font: bold 100% Verdana, "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
       color: #D65620;
       text-decoration: none;
}

.link-https {
       background:transparent url('images/new/lock_16x16.png') no-repeat scroll left center;
       padding: 2px 5px 2px 14px;  
       text-decoration: none;
}

.link-https:hover {
       background:transparent url('images/new/lock_16x16_g.png') no-repeat scroll left center;
       padding: 2px 5px 2px 14px;  
       text-decoration: none;
}

.down {
       background:transparent url('images/jast1.gif') no-repeat left center;
       padding: 2px 0px 5px 23px;
       cursor:pointer;
       height:24px;
       width:24px;
}
.informer{
}

/*menu*/
#maincorner, #sidebarleft1, #sidebarleft2, #sidebarleft3 {
      background: url('images/bgblock.png') repeat-x top left transparent;
}
#menubartop, #tabmenu, #container, #maincorner, #sidebarleft1, #sidebarleft2, #sidebarleft3 {
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
       border-radius: 5px;
      -khtml-border-radius: 5px;
     /*  behavior: url(border-radius.htc); */ 
}

#tabmenu {
       height:auto;
       width: 1006px;
       vertical-align: middle;
}

#foot {
       font: bold 90% Verdana, "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
       text-decoration: underline;   
       font-size: 12px;
       padding: 11px 0;
       color: #424242;
       text-decoration: none;
       height:25px;
       width:100%;
       text-align: center;
       background-color:none;
}

#footer {
       background: #3a3d35;
       width: 100%;
       height: auto;
       border-top: 1px solid #D65620;
       text-shadow: 0px 0px 1px #000;
       font: bold 90% Verdana, "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
       font-size: 12px;
       color: #424242;
       text-decoration: none;
}

#maincorner {
       padding: 5px 0px 3px 0px;
       min-height: 451px;
       width:681px;
       text-align: left;
       border: 1px solid #606060;
       background-color:#F3F7F0;
}

#sidebarleft1, #sidebarleft2, #sidebarleft3 {
       margin-bottom: 0px;
       padding: 7px 0px 7px 0px;
       text-align: left;
       background-color:#F3F7F0;
       border: 1px solid #606060;
}

#menubartop {
       margin-bottom: 0px;
       padding: 3px 0px 3px 0px;
       text-align: center;
       background-color:#f3f7f0;
       border: 1px solid #606060;
}                                            


#sidebarleft1, #sidebarleft2, #sidebarleft3 {
       height: auto;
       width: auto;
}


#sidebarleft1 .left { 
       float: left;
       padding: 5px 1px 0px 10px; 
       width: 110px; 
       margin-right: 2px; 
       text-transform: uppercase;
       font-family: Tahoma, helvetica,"microsoft sans serif",arial,sans-serif;
       font-size: 11px;
       color: #68994a;
       text-decoration: none;
       font-weight: bold;
}

#sidebarleft1 .right { 
       margin-bottom: 0px; 
       font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 12px;
       color: #4E4E4E;
       text-decoration: none;
       text-shadow: 0 1px 0 #FFFFFF;
}

#anvpn .left { 
       float: left;
       padding: 2px 1px 0px 10px; 
       width: 150px; 
       margin-right: 2px; 
       text-transform: uppercase;
       font-family: Tahoma, helvetica,"microsoft sans serif",arial,sans-serif;
       font-size: 11px;
       color: #68994a;
       border-bottom: 1px dotted #d2d2d2;
       text-decoration: none;
       font-weight: bold;
}

#anvpn .right { 
       font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
       font-size: 11px;
       height: 12px;
       color: #4E4E4E;
       font-style: oblique;
       border-bottom: 1px dotted #d2d2d2;
       padding: 2px 0 0 0;
}

#servers1 .left { 
       float: left;
       padding: 5px 1px 0px 10px; 
       width: 110px; 
       margin-right: 2px; 
       text-transform: uppercase;
       font-family: Tahoma, helvetica,"microsoft sans serif",arial,sans-serif;
       font-size: 11px;
       color: #68994a;
       text-decoration: none;
       font-weight: bold;
}

#servers1 .right { 
       font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 13px;
       color: #4E4E4E;
       text-decoration: none;
       text-shadow: 0 1px 0 #FFFFFF;
}
#servers1 .right img { 
       padding-top: 1px; 
}


.alert {
	background: #DFE6FD url('images/new/info_16x16.png') 10px center no-repeat;
	text-align: left;
	margin: 0 0 5px 0;
	padding: 5px 20px 5px 45px;
        border-top: 2px solid #ADBFFB;
	border-bottom: 2px solid #ADBFFB;
	}

.box1 {
       height: auto;
       width: 45%; 
       float:left;        
       font-size: 10px;
       color: #D65620;
}
.box2 {width:55%; 
       float:left;        
       font-size: 10px;
       color: #D65620;
}
.box1 ul {
       /*list-style-image: url('images/new/list-style-ok.png');*/
       list-style-position: outside;
       margin:0; padding: 3px 0 0 18px; 
}
.box2 ul {
       /*list-style-image: url('images/new/list-style-ok.png');*/
       list-style-position: outside;
       margin:0; padding: 3px 0 0 10px; 

}
.box3 {float: left; 
       font-family: Tahoma, Arial, sans-serif;
       width: 205px; 
       height: 24px;
       color: #c0c0c0;
       font-size: 12px;
       padding: 9px 0 0 0;
       font-weight: normal;
       color: #c0c0c0;
       text-shadow: 0px 0px 1px #000000;}

.box4 { 
       font-family: Tahoma, Arial, sans-serif;
       height: 24px;
       font-size: 12px;
       vertical-align: middle;
       font-weight: bold;
}

.box5 {float: left; 
       font-family: Tahoma, Arial, sans-serif;
       width: 165px; 
       height: 24px;
       font-size: 12px;
       padding: 9px 0 0 0;
       font-weight: normal;
       color: #c0c0c0;
       text-shadow: 0px 0px 1px #000000;}
    
.leftline {
       border-left: 1px dotted #45483F;
       padding: 10px; 
       margin-top: 15px;
       vertical-align: top;
} 
        
.leftline ul {
       margin:0;padding:0;
       list-style-position: inside;}   
.leftline ul li a {
       margin: 3px 0;
       text-decoration: none;
       border-bottom:1px dotted #45483F;
       font-weight: normal; 
       color: #c0c0c0;
       list-style-position: outside;
       font-family: Tahoma, Arial, sans-serif;
       width: 165px; 
       font-size: 12px;
       text-shadow: 0px 0px 1px #000000;
} 

.text_bignews{
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 15px;
	text-transform: none;
	color: #909090;
	left: 10px;
        text-shadow: 0px 0px 1px #000;
	top: auto;
}

.text_small {
	font-family: Verdana, tahoma, tahoma;
	font-size: 13px;
	color: #646f4a;
	text-decoration: none;}


.text_small a {
	font-family: Verdana, tahoma, tahoma;
	font-size: 12px;
	color: #0058dc;
        text-decoration: none;}
.text_normal {
	font-family: Verdana, tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #43443e}

.text_normal a {
	font-family: Verdana, tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0058dc;
	text-decoration: none;	}

/* MENU */


.menu li ul li img {
        display:inline-block;
	padding: 0px 3px 2px 0;
        vertical-align: middle;
	}

.menu{
	width: 100%;
	height: 32px;
	margin: 0;
	padding:0;
	font-family: verdana,geneva,arial,helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#333333;
}
.menu ul{
	height:14px;
	list-style:none;
	margin:0;
	padding:0;
}
.menu li{float:left;}
.menu ul li a{
	color:#666666;
	display:block;
	font-weight:bold;
	padding: 0;
	text-align: left;
	text-decoration:none;
}
.menu li a:hover{
	color:#000000;
	text-decoration:none;
}
.menu li ul{
	background: #e0e0e0;
	border: 2px solid #333333;
	display:none;
	height:auto;
	filter:alpha(opacity=90);
	opacity:0.9;
	position:absolute;
	width:155px;
	z-index:200;
        text-align: left;
}
.menu li:hover ul{display:block;}
	
.menu li li {
	display:block;
	float:none;
	width:155px;
}

.plastic li li {
        background: transparent url('images/new/menubakground.png') no-repeat !important;
        background-images: none;
}

.menu li ul a{
	display:block;
	font-size:12px;
	font-style:normal;
	padding:0;
        margin:0;
	text-align:left;
}
.menu li ul a:hover{
	background: none;
	color:#000000;
	opacity:1.0;
	filter:alpha(opacity=100);
}
.menu p{clear:left;}	

.plastic{
	width: 100%;
	height: 32px;
        display:inline-block;
}
.plastic ul {
	list-style: none;
}
.plastic ul li {
	float: left;
        display:inline-block;
        padding-right: 14px;
        padding-left: 14px;
        line-height: 32px;
        vertical-align: middle;
        background: transparent url('images/new/menubakground.png') center right no-repeat;
}

.plastic ul li a {
	color: #68994a;  
        font: bold 75% "Lucida Sans Unicode", Tahoma, arial;
        text-transform: uppercase;
        display:inline-block;
        line-height: 32px;
	text-decoration: none;
	cursor: pointer;
        text-shadow: 0px 0px 2px #c5ccca;
}

.plastic ul li a:hover {
        color: #333333;
        text-decoration: none;
        text-shadow: 0px 0px 5px #797b78;   
}

.menu_ar {
        background: transparent url('images/new/csg-menu.png') bottom left no-repeat;
        padding: 2px 1px;
        vertical-align: middle;
}

.menu_ar.ihome {
      background-position: -384px 0; width: 16px; height: 16px; 
      display:inline-block;
      line-height: 16px;
      } 
.plastic li a:hover .ihome {
      background-position: -432px 0; width: 16px; height: 16px;
      } 

.menu_ar.iabout {
      background-position: -480px 0; width: 16px; height: 16px;      
      display:inline-block;
      line-height: 16px;
      } 
.plastic li a:hover .iabout {
      background-position: -528px 0; width: 16px; height: 16px;
}

.menu_ar.ihelp {
      background-position: -288px 0; width: 16px; height: 16px;
      display:inline-block;
      line-height: 16px;
      } 
.plastic li a:hover .ihelp {
      background-position: -336px 0; width: 16px; height: 16px;
}

.menu_ar.isetup {
      background-position: -96px 0; width: 16px; height: 16px;
      display:inline-block;
      line-height: 16px;
      } 
.plastic li a:hover .isetup {

}

.menu_ar.iwhy {
      background-position: -576px 0; width: 16px; height: 16px;
      display:inline-block;
      line-height: 16px;
      } 
.plastic li a:hover .iwhy {
      background-position: -624px 0; width: 16px; height: 16px;
}

.menu_ar.iprice {
      background-position: 0 0; width: 16px; height: 16px;
      display:inline-block;
      line-height: 16px;
      } 
.plastic li a:hover .iprice {
      background-position: -48px 0; width: 16px; height: 16px;
}

.menu_ar.lang {
      background-position: -192px 0; width: 16px; height: 16px;
      display:inline-block;
      line-height: 16px;
      } 
.plastic li a:hover .lang {
      background-position: -240px 0; width: 16px; height: 16px;
}

.twitter {
      background: transparent url('images/new/twitter.png') center center no-repeat;
      display:inline-block;
      padding: 0px 1px;
      line-height: 32px;
      width: 32px; height: 32px;
      } 

.facebook {
      background: transparent url('images/new/facebook.png') center center no-repeat;
      display:inline-block;
      padding: 0px 1px;      
      width: 32px; height: 32px;
      line-height: 32px;
      } 


#smallmenu {
     float: right;
     padding:0px 3px 3px 5px;
     margin: 0px 5px 3px 5px;
     width:222px;
     text-align: left;
     background: none;
     color: #D65620;
     border-left: 1px dotted #797b78;
}

#smallmenu ul {
  /*   list-style-image: url('images/new/list-style-ok-or.png'); */
     margin: 0 0 0 20px;
     padding: 1px 10px 5px 15px;

}

#smallmenu ul li a {
    font: bold 90% Verdana, sans-serif;
    text-transform: uppercase;
    color: #D65620;
    text-decoration: none;
}

.topacity {
opacity: 0.5;
}
.topacity:hover{
opacity: 1;
}

.bopacity {
opacity: 0.8;
}
.bopacity:hover{
opacity: 1;
}

.text_head_big {
        padding: 0px 0px 5px 10px;
        margin:0;
        font: bold 50% Verdana, sans-serif;
        text-transform:uppercase;
        color: #4E4E4E;
        text-align: left;} 
.clr {clear: both;}