﻿body {
    background:#53b1ee url(layout/background.jpg) repeat-x scroll top;
    margin:0px;
    font-family:Franklin Franklin Gothic Book,Franklin Franklin Gothic Medium,Arial;
    color:#707070;
    font-size:12px;
}
input.text, textarea { font-size:12px; font-family:Franklin Franklin Gothic Book,Franklin Franklin Gothic Medium,Arial; }
a { cursor:pointer; color:#337fb3; }
a img { border:none; }

div.h1 { background-color:#0e577c; }
h1  
{
    color:#6daac9; 
    font-size:10px; 
    font-weight:normal; 
    text-align:right; 
    line-height:15px; 
    height:15px; 
    margin:0px;
}
h2 
{
    height:30px;
    line-height:30px;
    background-color:#3b7b9f;
    text-align:center;
    font-size:18px;
    color:#fff;
    margin:0px;
    font-weight:normal;
}
h3, h3 a
{
    text-decoration:none;
    color:#3b7b9f;
    margin:0px;
    font-size:26px;    
}
h4 { margin:0px; font-size:20px; color:#3b7b9f }
div.body,h1.body  
{
    width:960px;     
    padding:0px 20px;
    display:block;
}

h5
    {
    text-align:left; 
    color:#3b7b9f;
    background-color:White;
    height:30px;
    line-height:30px;
    font-size:18px;
    margin-bottom:10px;
    }
    
.body { margin:auto; display:block; }
#nav
{
}
#nav a 
{
    cursor:pointer;
    text-align:center;
    margin-left:5px;
    padding-top:43px;
    color:#FFFFFF;
    width:97px;
    height:38px;
    text-decoration:none;
    background-image:url(layout/navigationbutton.png);
    float:right;
    display:block;
}
#nav a.sel,#nav a:hover { background-position:0px 81px; }
.logo 
{
    margin-top:20px;
}
.mainPanel 
{
    background:transparent url(layout/content-bg.png) repeat-y scroll top;
    margin:auto;
    width:860px;
    padding:0px 86px;
    min-height:500px;
}
.footer 
{
    text-align:center;
    min-height:0px;
    font-size:10px;
}
.footer img { float:right; }
table.layout td { vertical-align:top; }
table.layout p  
{
    margin:0px 0px 20px 0px; 
    line-height:18px;
}



.featured 
{
    height:160px;
    overflow:hidden;
    margin-top:5px;
    background-color:#f6f6f6;
    padding:20px;
    cursor:pointer;
}
.featured td.logoBox
{
    height:160px;
    width:160px;
    background-color:#fff;
    vertical-align:middle;
    text-align:center;
}
.featured td.body 
{
    vertical-align:top;
    padding-left:10px;
    line-height:22px;
}
.featured td.body div.brandBody { overflow:hidden; height:115px; }
.featured td.body big { display:block; margin-bottom:5px; font-size:19px; }
.featured div.info { line-height: 13px; font-size:11px; margin-top:19px; }
.featured div.info img { float:left; margin-right:5px; }

.brandBox 
{
    width:152px;
    height:171px;
    float:left;
    margin:0px 22px 22px 0px; 
    text-align:center;
    border:1px solid #dad8d9;
    cursor:pointer;
}
.brandBox.right { margin-right:0px; }
.brandBox td { width:150px; height:141px; padding:0px; }
.brandBox div { text-align:left; background-color:#dad8d9; height:30px; overflow:hidden;}
.brandBox a, .brandBox div { color:#4b4b4b; line-height:30px; text-decoration:none; }

.cantybox 
{
    width:152px;
    height:100px;
    float:left;
    margin:0px 22px 22px 0px; 
    text-align:center;
    border:1px solid #dad8d9;
    cursor:pointer;
}
.cantybox.right { margin-right:0px; }
.cantybox td { width:150px; height:70px; padding:0px; }
.cantybox div { text-align:left; background-color:#dad8d9; height:30px; overflow:hidden;}
.cantybox a, .cantybox div { color:#4b4b4b; line-height:30px; text-decoration:none; }



div.slider 
{
    overflow:hidden;
    height:60px;
    position:relative;
}
        
div.slider img { float:left; margin-right:30px; vertical-align:middle; cursor:pointer; }
div.inner {  position:absolute; }   



/* --------------- validators ---------------- */
.highlight
{
    background-image: none !important;
    background-color: #efefef !important;
}

.alertbox
{
    position: absolute;
    z-index:10;
    padding-left: 45px;
    width: 216px;
    background: url(layout/arrow.png) no-repeat left top;
    color: Black;
}

.alertbox div
{
    min-height: 34px;
    width: 200px;
    padding: 8px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: #FFEB8C;
}

.MessagePanel 
{
    background-color:#fafafa;
    border:1px solid #3b7b9f;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    padding:10px;
    margin-bottom:10px;
    font-weight:bold;
}
