/*
Document   : template
Created on : Mar 30, 2009, 7:24:17 PM
Author     : luk
Description:
Purpose of the stylesheet follows.
*/
body {
    font:11px Helvetica, Arial, sans-serif;
    color: #343821;
    background:#F0F0F0 none repeat scroll 0 0;
    
}
html{overflow-y:scroll;}
body,div,dl,dt,dd,ul,ol,li,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
    margin:0;
    padding:0; }


img, div, input { behavior: url("../js/iepngfix.htc") }
img, div, input { behavior: url("js/iepngfix.htc") }


a:link,a:visited{
    text-decoration:none;
    color:#98e894;
}

a:hover{
    color:#6dad6a;
}

table {
    border-collapse:collapse;
    border-spacing:0;
    width:100%; }

fieldset,img, abbr, acronym { border:0; }

address,caption,cite,code,dfn,th,var {
    font-style:normal;
    font-weight:normal; }

ol,ul { list-style:none; }

caption,th { text-align:left; }

img { border:0; }

h1,h2{
    color:#4f9652;
    font-family:Trebuchet MS;
    font-size: 150%;
}
h3,h4,h5,h6 {
    color:#6cba6f;
    font-family:Trebuchet MS;
}

a { outline:none; }


#layout {
    width:900px;
    margin-left:-450px;
    left:50%;
    position:relative;
    background:white;
    border-left:1px solid #F2F2F2;
    border-right:1px solid #F2F2F2;
    border-bottom:1px solid #F2F2F2;}

#layoutWraper{
    background:transparent url(../images/bg_planet.gif) repeat scroll 0 0;
}

.hidden { display:none }

#header, #headLeft{
    background:white none repeat scroll 0 0;
}
#header {
    border-left:5px solid #F2F2F2;
    border-right:5px solid #F2F2F2;
    border-top:5px solid #F2F2F2;
    display:block;
    left:50%;
    margin-left:-451px;
    position:absolute;
    width:894px;
    }
#overHead{
    border-left:5px solid #F2F2F2;
    border-right:5px solid #F2F2F2;
    border-top:5px solid #E6E5E5;
    display:block;
    left:50%;
    margin-left:-451px;
    position:absolute;
    width:894px;
    z-index:500;
    height:132px;
    margin-top:50px;
    background:transparent url(../images/bg_planet_head.png) repeat scroll 0 0;
}
#headWrap{
    
    /*border-bottom:7px solid #9FC696;*/
    display:block;
    height:135px;
    padding-top:50px;
}
.parts { float:left; }

#worldMap { background:#8fcc82 none repeat scroll 0 0; height:130px; }

/*#mapGradient { background: url(../images/map_gradient.png) no-repeat top left; }*/

#headLeft { width:400px; height:130px; }

#logo {
    height:99px;
    padding:20px 0 0 100px;
    z-index:600;
    position:relative;
}

#langs{ 
    margin-left:10px;
    height:10px;
    background: url(../images/langs_back.gif) no-repeat top left;
    z-index:600;
    position:relative;}

#langs span{
    display:block;
    float:left;
    width: 20px;
    padding:2px 0 0 7px;
    color:#9FC696;
    font-size:80%;
    cursor:pointer;
}

#logoText {
    font-size:118%;
    padding-left:26px;
    color:#8F995A }

#headSeperator {
    height:7px;
    line-height:0.1;
    font-size:0.01%;
    background:#8fcc82;
    border:2px solid #F2F2F2; }

#pickColor {
    width:21px;
    height:21px;
    z-index:500;
    position:absolute;
    right:0;
    margin:2px; }

#leftColl {
    float:left;
    width:150px;
    margin:0 auto;
    border:0;
    }

#content {
    color:#627E5B;
    float:left;
    font-size:110%;
    line-height:20px;
    text-align:justify;
    width:660px;
    padding:0 20px 0 20px;
   /* min-height:420px;*/
}

.endLine {
    padding:0 !important;
    margin:10px !important;
    border-bottom:1px solid #F2F2F2;
    clear:both;}

#loading {
    width:20px;
    height:20px;
    z-index:500;
    position:absolute;
    left:600px; }

#rightColl {
    float:left;
    margin:0 auto; }

#content div {  }

#wraper {
    overflow:auto;
    margin:0;
    padding:0;
    border-right:3px solid #F2F2F2;
    border-left:3px solid #F2F2F2;
    padding:10px 0;
    height:100%;
    background: url(../images/menu_back.png) repeat-y top left}

/*                          FOOTER                                      */
#footerSeperator {
    background:#CCCCCC;
    border-bottom:2px solid #f2f2f2;
    border-top:2px solid #F2F2F2;
    line-height: 0px;
    font-size:1px;
    padding:0;
    margin:0;
    height:3px;
    clear:both; }

#footerCopy {
    text-align:center;
    padding:5px;
    color:#999999;
    font-size:90% }

#footer {
    background:url(../images/footer_back.gif) repeat-x top left;
    height:60px;
}

/***********************************************************************/
/*                          Menu Left                                   */
.menuLeft li.block {
    /*background:url(../images/menu_back.gif) no-repeat top left;*/
    width:150px;
    height:50px;
    text-align:center;
    margin:3px 0;
    padding:0 0 0 10px;}
.menuLeft li.first{
    padding-top: 5px;
}
.menuLeft li.block ul li a span{
    float:left;
    display:block;
}
.menuLeft li.block img.textMenu{
    padding:7px 0 5px 8px;
}
.menuLeft li.block span {
    font-size:130%;
    color:#719269;
    cursor: pointer; }

.menuLeft li.block a:hover { color:#72765f; }

.menuLeft li.block ul { padding:5px; }


/***********************************************************************/
/*                          Menu Right                                   */
.menuhead { font-size:130%; color:#8F995A }

.dataBold{
    font-weight:bold;
    font-size:110%;
    color:#4F9652;
}

table.contactData{
    color:#CCCCCC;
    width:220px
}

td.icons{
    width:60px
}

.contLeft{
    width:370px;
    float:left;
    padding:0 15px 0 0;
}
.contRight{
    float:left;
    padding:0 0 0 50px;
}
.labText{
    display:block;
    float:left;
    width:100px;
    text-align:left;
}
.formContact{
    background:#F0FAF1;
    border:2px solid #ecf0eb;
    padding:10px;
}
.formContact p{
    padding:5px 0;
}
.formContact input, .formContact textarea{
    width:235px;
    border:1px solid #cccccc;
    margin:0;
    padding:2px;
    color:#627E5B;
}
.formContact textarea{
    height:150px;
}
.formContact ul li{
    float:left;
}
.formContact ul {
    width:100px;
}
.formContact span.left{
    width:80px;
    text-align:left;
    display:block;
    float:left;
}
.formContact span.right{
    width:20px;
    text-align:left;
    display:block;
    float:left;
}
.formContact .button{
    padding:0 0 0 100px;
}
.formContact input#send{
    width:100px;
}
label.error{
    color:#E33E31;
    padding:0 0 0 100px;
    display:block;
    font-family:comic Sans MS;
}
.smalGray{
    font-size:80%;
    color:#cccccc;
    padding:0 0 0 100px;
}
.reqFields{
    font-size:80%;
    color:#cccccc;
    text-align:right;
}
.logos{
    text-align:center;
}
.logos img{margin:0 1px;}
/*          Hosting                     */
table.tabHosting{
    width:600px;
}
table.tabHosting tbody td{
}
table.tabHosting *{
    text-align:center;
}
table.tabHosting thead td,table.tabHosting tfoot td{
    color:white;
    border:1px solid #d0deeb;
}
table.tabHosting thead td span,table.tabHosting tfoot td span{
    display:block;
    /*margin:0 5px;*/
}
span.packName{
    height:60px;
    margin:0;
    padding:0;
    background:url(../images/pack_bg.png) no-repeat top left;
}
td.packTd{
    width:100px;
}
td.optionDesc, td.optionDesc h3{
    width:210px;
    text-align:left !important;
    padding:0 5px;
}
td.borderZero{
    border:0 !important;
}
span.packDesc{
    font-size:80%;    
    border-top:1px dotted #FFFFFF;
    margin:0 5px;
}
span.packPrice{
    width:100px !important;
    margin:0 !important;
    background:url(../images/pack_bg2.png) no-repeat top left;
}
.option1, .option2{
    border:1px solid #d0deeb;
}
.option1{
    background:#F1F6FB none repeat scroll 0 0;
}
.option2{
    background:#F9FFFD none repeat scroll 0 0;
}
.service{
    color:#386B3B;
}

table.bottons{
    width:635px;
}
td.blankLeft{
    width:225px;
}
td.but{
    width:100px;
}
td.but a{
    color:#FFFFFF !important;
}
.lesImportant{
    color:silver;
    font-size:80%;
}
.subBut{
    text-align:center;
    background:url(../images/but_sel.png) no-repeat top left;
    border:0;
    margin:0;
    width:100px;
    height:30px;
    color:#FFFFFF;
    padding:0 0 3px 0;
    cursor:pointer;
}
.backBut{
    text-align:center;
    background:url(../images/but_back.png) no-repeat top left;
    border:0;
    margin:0;
    width:100px;
    height:30px;
    color:#FFFFFF;
    padding:0 0 3px 0;
    cursor:pointer;
}
.optionDescSmall{
    color:#9CADA2;
    font-size:80%; 
    margin:0;
}
/********************PACK***************************/
.packNameText{
    font-size:110%;
    color:#8FCC82;
}
table.order{
    width:370px;
}
.butContBack{
    clear:both;
}