/* LAYOUT - main body of page */
body, html {
    background-color: #7e8481;
background: #273840 url(../images/homepage01.jpg) repeat-x left top;
}
  body {
    padding: 0;
    margin: 0;
    overflow-x: hidden;
  }
 
div#wrap {
width: 780px;
margin: 0 auto;
position:relative;
height:auto;
background:#fff  url(images/page_shadow.gif) repeat-y;
}
div#top_page{
display:block;
width: 780px;
height:30px;
/*background:#fff url(../images/top_page.gif) no-repeat;*/
}   
div#bottom_page{
margin:0 auto;
padding:0;
display:block;
width: 780px;
height:30px;
background:#fff url(images/bottom_page.gif) no-repeat;*/
 
}
/* GENERAL */
img {border:none}
 

 
/* LAYOUT - HEADER */
div#header {
margin:0 auto;
padding:0;
background:#3867c3 url(../images/header.jpg) no-repeat;
width:780px;
height:130px;
margin-bottom: 5px;
margin-top: -28px;
}
    div#header #logo{
        position:absolute;
        top:20px;
        left:20px;
        width: 600px;
        height: 95px;
        color: #ea3b06;
        font-family:"Myriad", "Trebuchet MS";
        font-size:24px;
        font-weight:bold;
        border:0px;
        ;background: transparent url(../images/header.jpg) left no-repeat;
        padding-left:100px;
        line-height: 80px;
    }
    div#header #top_lamp{
        position:absolute;
        top:120px;
        left:14px;
        width:780px;
        height:18px;
        background:#fb7501 url(../images/top_lamp.jpg) 682px no-repeat;
        }
 
        ul#menu
        {
        position:absolute;
        top: 83px;
        left:200px;
        margin:0 auto;
        padding: 0;
        width: 600px;
        height: 37px;
        list-style:none;
        }
        ul#menu li
        {
        position:relative;
        float: left;
        height: 37px;
        width:73px;
        background: url(../images/button_off.jpg) no-repeat;
        text-align:center;
        }
        ul#menu li.active
        {
        background: url(../images/button_on.jpg) no-repeat;
        text-align:center;
        color:#fff;
        }
        ul#menu li.active a
        {
        color:#fff;
        }
 
        ul#menu li a
        {
        display: block;
        float: left;
        font-family:Verdana, Tahoma;
        font-size:10px;
        font-weight: bold;
        color: #d46402;
        text-decoration: none;
        width:73px;
        height:37px;
        text-align:center;
        padding-top:12px;
        }
        ul#menu li a:hover
        {
        text-decoration:none;
        background: url(../images/button_on.jpg) no-repeat;
        width:73px;
        height:37px;
        text-align:center;
        color:#FFF;
        }
div#sidebar{
    position:absolute;
    top:279px;
    left: 0px;
    width: 194px;
    min-height:300px !important;
    background-color:#ffffff;
    border:0px;
    border-collapse: collapse;
}   
    div#sidebar #top_sidebar{
                position:absolute;
        background: #6699cc;
        width:194px;
        height:22px;
        font-family:Verdana, Tahoma;
        font-size:10px;
        font-weight:bold;
        color:#fff;
        line-height:22px;
        text-indent:10px;
        }
    div#sidebar #main_sidebar{
        font-family:Verdana, Tahoma;
        right: 100px;
        font-size:10px;
        padding:0px 10px 10px 10px;
        }
    div#sidebar #main_sidebar p.text_sidebar{
        text-align:right;
        }   
    div#sidebar #main_sidebar p.more{
        text-align:right;
 
        }
    div#sidebar #main_sidebar p.more a{
        color:#d46402;
        text-decoration:none;
        }
    div#sidebar #main_sidebar p.more a:hover{
        text-decoration:underline;
        }
div#content {
    margin:0 auto;
    margin-left:130px;
    margin-top: 10px;
    padding-left:0;
    min-height:305px !important;
    width:560px;
    color:#000000;
    font-family: Verdana, Tahoma, Arial;
    font:Tahoma, Verdana, Arial;
    font-size:11px;
    background-color:#FFFFFF;
    }
    div#content h1{
        font-family:Verdana, Tahoma;
        font-size:11px;
        font-weight:bold;
        padding:0;
        margin:0;
        text-align:right;
        line-height:20px;
        }
    div#content a{
        color:#d46402;
        text-decoration:none;
        }
        div#content a:hover{
        text-decoration:underline;
        }
    div#content div.code{
    padding:10px 10px 10px 10px;
    background:#f4f5f5 url(../images/code.gif) repeat-x;
    border-top:1px solid #d8d9d9;
    border-bottom:1px solid #dfe1e1;
    }
        div#content div.news{
    padding:7px 7px 7px 7px;
    padding-left: 10px;
    background:#F5F5F5;
    border-top:1px solid #c0c0c0;
    border-bottom:1px solid #c0c0c0;
    border-left:1px solid #c0c0c0;
    border-right:1px solid #c0c0c0;
    margin-bottom: 10px;
    }
div#footer {
margin:0 auto;
padding:0;
text-align:center;
margin-left:30px;
margin-right:30px;
 font-family:Verdana, Tahoma;
 font-size:10px;
 font-style:normal;
 color:#fff;
 
 }
div#footer a{
    color:#fff;
    text-decoration:none;
    }
div#footer a:hover{
    color:#f5f5f5;
    }
div#footer a.activated{
    color:#f5f5f5;
    text-decoration:none;
    }   
div#author {
    position:relative;
    margin:0 auto;
    background-color: transparent;
    font-family:Verdana, Tahoma, Arial;
    font-size:10px;
    font-weight:normal;
    color:#fff;
    line-height:12px;
    text-align:left;
    }
div#author a{
    color:#FFF;
    margin-left:240px !important; margin-left:100px;
    }               
 
#prodList ul
{
    margin: 0px;
    padding-top: 3px;
    padding-left: 1px;

}
#prodList ul li
{
    list-style-type: none;
    text-indent: 10px;
    line-height: 16px;

}
 
#prodList .prodBox
{
    position: relative;
    width: 280px;
    height: 170px;
    border: 2px #000000 solid;
    float: left;
    margin: 4px;
    text-align: left;
}
 
#prodList .prodBoxName
{
    background-color: #EBEBEB;
    line-height: 16px;
    color: #0032a3;
    margin: 1px;
    font-weight: bold;
    text-align: left;
    border-left: 10px #000000 solid;
    border-bottom: 2px #000000 solid;
}
 
#prodList .prodBoxPic
{
    margin: 1px;
    padding: 1px;
    line-height: 14px;
    color: #404040;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}
 
#prodList img
{
vertical-align: middle;
    text-align: center;

}
 
#prodList .prodBoxInfo p
{
    padding: 7px;
    text-align: left;
    border-right: 10px #EBEBEB solid;
}
 
#prodList .prodBoxOrder
{
    text-align: center;
}
#prodList .prodBoxOrder a
{
    text-decoration: none;
}

table.alerts
{ text-align: center;
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
width: 200px;
background-color: #fafafa;
border: 1px #648bc6 solid;
border-collapse: collapse;
border-spacing: 0px;}


.alertHd
{ border-bottom: 2px solid #648bc6;
background-color: #eff3fb;
text-align: center;
font-family: Verdana;
font-weight: bold;
font-size: 11px;
color: #404040;}


.alertBod p
{ text-align: left;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 11px;
line-height: 12px;
color: #404040;
background-color: #fafafa;
text-indent: -8px;
margin-left: 10px;
margin-right: 10px;
margin-top: 5px;
margin-bottom: 5px;}

.box { float: left; display: block; width: 45%;}
.box table { margin: 0 auto; height: 170px; width: 250px}
.box_row {margin: 0 auto; width: 600px; display: block; clear: both;}

.clearme {
    clear: both;
    height: 1px;
    display: block;
}

.box_feture{
width:535px;
background:#E2EBF4 url(images/bgbottomright_22.jpg) bottom right no-repeat;
border:1px solid #648bc6;
padding:0px;
color:#000000;
font-size:11px;
margin-top:0px;
margin-bottom: 15px;
text-align: center;
}

#contact{
  text-align: center;
}  

#Voip_header{
  text-align: center;
}