@font-face {
    font-family: ikcobzar;
    src: local(ikcobzar), url('bzar.ttf') format('opentype');
}
body
{
    margin: 0;
    padding: 0;
    font-family: Tahoma;
    background-color: #0c293a;
    font-size: 8pt;
}
table
{
    width: 100%;
    border-collapse: collapse;
}

table td, table th
{
    padding: 0;
}

input, select, textarea
{
    font-family: Tahoma;
    font-size: 8pt;
    color: #999 !important;
}

a
{
    text-decoration: none;
}

img
{
    border: none;
}

h1
{
    display: inline;
    font-weight: normal;
}
.hr1
{
    border-color: #999;
    color: #999;
    border: none;
    border-top-style: solid;
    border-width: 1px;
    height: 1px;
    margin: 0px;
    padding: 0px;
    display: block;
}

#divStat
{
    position: absolute;
    display: none;
    bottom: 0px;
    overflow: hidden;
}

.FullCoverAnchor
{
    width: 100%;
    height: 100%;
    display: block;
    line-height: 19px;
    outline: 0;
}

/*---------     Text    ---------*/
.Text1, .Text *
{
    font-size: 8pt;
    color: #999;
}

.Text2, .Text2 *
{
    font-size: 8pt;
    color: #ccc !important;
}

.Text3, .Text3 *
{
    font-size: 8pt;
    color: #333 !important;
}

.Text4, .Text4 *
{
    font-size: 8pt;
    color: #fff !important;
    text-decoration: none;
}

.Text5, .Text5 *
{
    font-size: 8pt;
    color: #cc6600 !important;
    text-decoration: none;
}

.Text6, .Text6 *
{
    font-size: 8pt;
    color: #666 !important;
}

.Text10 
{
    font-size: 8pt;
    color: #3399cc ;
    text-decoration: none;
}

.Text10:hover
{
    color: #000000;
}

.TableList
{
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom : 5pt;
    padding-top : 5pt;
}

.Prolist
{
   
  padding : 5pt;
  width : 250px;
    }
    
.Text7, .Text7 *
{
    font-size: 8pt;
    color: #666;
    font-weight: bold;
}
.Text8, .Text8 *
{
    font-size: 8pt;
    color: #0c293a !important;
}

.Text8
{
    font-size: 8pt;
    color: #2a5269;
    font-weight: bold;
}

.Pager1
{
    font-size: 8pt;
    color: #999;
    text-decoration: none;
    direction: ltr;
}
.Pager1 a
{
    color: #fff;
    text-decoration: none;
}
.Pager1 .Numbers
{
    color: #999;
    padding-left: 5px;
    padding-right: 5px;
}
.Pager1 .Current
{
    color: #fff;
    padding-left: 5px;
    padding-right: 5px;
}


/*---------     Row    ---------*/
.Row1 td
{
    height: 21px;
    text-align: center;
    vertical-align: middle;
    border-top: solid 1px #666;
    border-bottom: solid 1px #666;
}

.Row2
{
    height: 64px;
}

.Row2 img
{
    border: none;
    margin-right: auto;
    margin-left: auto;
    display: block;
}
.Row1 a, .Row2 a
{
    outline: none;
}
.IRow1
{
    height: 100px;
    text-align: center;
}
.IRow2
{
    height: 21px;
    padding-right: 24px;
    padding-left: 24px;
    text-align: center;
}
.IRow3
{
    height: 21px;
    padding-right: 24px;
    padding-left: 24px;
}

.IRow3 table, .IRow3 div
{
    background-color: #0c293a;
    height: 100%;
}

.IRow4
{
    padding-right: 24px;
    padding-left: 24px;
}
.IRow4 .Content
{
    min-height: 200px;
    height: auto !important;
    height: 200px;
    color: #666;
    font-size: 8pt;
    text-align: justify;
    line-height: 150%;
}
.IRow5
{
    height: 30px;
}

.GridUpperRow, .GridUpperRow td
{
    height: 34px;
    background-color: #e1e1de;
    vertical-align: middle;
}
.GridUpperRow .Text8
{
    padding-left: 10px;
    padding-right: 10px;
}

.GridHeader, .GridHeader th
{
    height: 21px;
    background-color: #ccc;
    text-align: center;
    border-top: solid 2px #fff; /*border-bottom: solid 2px #fff;*/
}

.GridRow1, .GridRow1 td
{
    height: 21px;
    background-color: #e1e1de;
}

.GridRow2, .GridRow2 td
{
    height: 21px;
    background-color: #fff;
}


.GridRow1 td, .GridRow2 td
{
    border-top: solid 2px White;
    border-bottom: solid 2px White;
}
/* Master Rows */
.MRow1
{
    height: 531px;
    background: #f2f2f2 url(bgdiv1.jpg) repeat-x bottom;
}

.MRow1 .MContainer
{
    width: 977px;
    vertical-align: top;
}
.MRow1 .MContainer .TopTable
{
    margin-left: 10px;
    width: 967px;
}

.MRow1 #logoTD
{
    width: 73px;
    height: 88px;
}

.MRow1 #menuTD
{
    height: 32px;
}

.MRow1 #navigationTD
{
    height: 41px;
    vertical-align: bottom;
}

.MRow2
{
    height: 21px;
    background-color: #cc6600;
}

.MRow3
{
    height: 106px;
    vertical-align: top;
}

.MRow4
{
    height: 100px;
}

.BodyDiv
{
    width: 977px;
    margin-left: auto;
    margin-right: auto; /*position:relative;     top:180px;*/
}

.FooterShadow
{
    background-position: center top;
    width: 937px; /*height: 64px;*/
    background-image: url('footershadow.jpg');
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
}
.UpperFooter
{
    width: 937px;
    height: 21px;
    border: solid 1px #666;
    border-left: none;
    border-right: none;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    vertical-align: middle;
    line-height: 21px;
}
.Footer
{
    width: 937px;
    height: 21px;
    margin-left: auto;
    margin-right: auto;
}
/* Menus */
.menu1, .menu1 span, .menu1 a, .menu1 h1
{
    font-size: 8pt; /*display: block;*/
    color: #999;
    text-decoration: none;
}

.menu1 a:hover
{
    color: #ccc;
}

.menu1 h1
{
    display: inline;
    font-weight: normal;
}


.menu2, .menu2 span, .menu2 a
{
    font-size: 8pt;
    color: #333;
    text-decoration: none;
    padding: 0 5px 0 5px;
    white-space: nowrap;
}

.menu2 a:hover
{
    color: #fff;
}

.menu2 .arrow
{
    width: 5px;
}

.menu2 .icon
{
    width: 15px;
}
.menu2 .space
{
    width: 30px;
}

menu3, .menu3 span, .menu3 a
{
    font-size: 8pt; /*display: block;*/
    color: #0c293a;
    text-decoration: none;
}
.menu3 .noclick
{
    color: #999;
}
.menu3 a:hover
{
    color: #999;
}



.menu4, .menu4 span, .menu4 a
{
    font-size: 8pt; /*display: block;*/
    color: #999999;
    text-decoration: none;
    font-weight : bold ;
}

.menu4:hover
{
    color: #cc6600;
}

/*---------     Rounded Division    ---------*/
.RoundBox
{
    background-color: #fff;
    direction: ltr;
    z-index: 10; /*width:977px;*/
}
.RoundBoxTL
{
    width: 21px;
    height: 100px;
    background-image: url(rounded_tl.gif.png);
    background-repeat: no-repeat;
}
.RoundBoxTR
{
    width: 21px;
    height: 100px;
    background-image: url(rounded_tr.gif.png);
    background-repeat: no-repeat;
}
.RoundBoxTC
{
    height: 400px;
    background-image: url(rounded_grad.gif.png);
    background-repeat: repeat-x;
    vertical-align: top;
    padding-top: 0px;
}
.RoundBoxBL
{
    width: 21px;
    height: 21px;
    background-image: url(rounded_bl.gif.png);
}
.RoundBoxBR
{
    width: 21px;
    height: 21px;
    background-image: url(rounded_br.gif.png);
}


/********************/


.BorderedImage
{
    height: auto;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    direction: ltr;
}

.BorderedImage .UL
{
    width: 8px;
    height: 8px;
    background-image: url(ul.jpg);
    background-repeat: no-repeat;
}
.BorderedImage .UC
{
    height: 8px;
    background-image: url(uc.jpg);
    background-repeat: repeat-x;
}
.BorderedImage .UR
{
    width: 8px;
    height: 8px;
    background-image: url(ur.jpg);
    background-repeat: no-repeat;
}
.BorderedImage .ML
{
    width: 8px;
    background-image: url(ml.jpg);
    background-repeat: repeat-y;
}
.BorderedImage .MC
{
}
.BorderedImage .MR
{
    width: 8px;
    background-image: url(mr.jpg);
    background-repeat: repeat-y;
}
.BorderedImage .DL
{
    width: 8px;
    height: 8px;
    background-image: url(dl.jpg);
    background-repeat: no-repeat;
}
.BorderedImage .DC
{
    height: 8px;
    background-image: url(dc.jpg);
    background-repeat: repeat-x;
}
.BorderedImage .DR
{
    width: 8px;
    height: 8px;
    background-image: url(dr.jpg);
    background-repeat: no-repeat;
}

.ProductMenu
{
    height: 51px;
    background: url(product-menu-gradient.jpg) repeat-x top;
    padding: 1px;
    overflow: hidden;
}

.ProductMenu .png
{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.ProductMenu .Text
{
    display: block;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: bold;
}

.ProductOverview
{
    padding-left: 20px;
    padding-right: 20px;
    text-align: justify;
    line-height: 150%;
}
.PhotoAlbum
{
    position: relative;
    float: left;
    cursor: pointer; /*margin-left: 5px;     margin-bottom: 20px;*/
}
.PhotoMask
{
    position: absolute;
    display: none;
    top: 0px;
    left: 0px;
    cursor: pointer;
}
.ButtonActive
{
    font-size: 11px;
    color: #666 !important;
    border: solid 1px #99ccff;
    background-image: url(buttongradient.jpg);
    background-repeat: repeat-x;
    width: 120px;
    cursor: pointer;
}
.ButtonDeactive
{
    font-size: 11px;
    color: #fff !important;
    background-color: #2a5269;
    border: solid 1px #999;
    width: 120px;
    cursor: pointer;
}

/*.SpcTable td
{
    border-top: solid 2px White;
    border-bottom: solid 2px White;
}*/

.MainMenu
{
    background-color: #333;
    text-decoration: none;
    font-size: 8pt;
}
.MainMenu a
{
    color: #999;
    width: 100%;
    height: 100%;
    display: block;
    line-height: 19px;
}

.MainMenu td
{
    vertical-align: middle;
    border-bottom: solid 1px #999;
}

.MainMenu .Bullet
{
    color: #333 !important;
    padding-left: 5px;
    padding-right: 5px;
}
.MainMenu a:hover, .MainMenu .mouseenter
{
    background-color: #666;
    color: #ccc;
}
.MainMenu a:hover .Bullet, .mouseenter .Bullet
{
    color: #ccc !important;
}


/*----jQuery Menu CSS ------*/
.MenuShadow
{
    display: none;
    position: absolute;
    z-index: 49;
}
.MenuDiv
{
    display: none;
    position: absolute;
    z-index: 50;
}


.MenuHref
{
    cursor: pointer;
}
/*----End Of jQuery Menu CSS ------*/

/* ----  Ajax Tooltip CSS ---- */
#AjaxTooltipContainer
{
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    z-index: 2;
    direction: ltr;
    width: 200px;
}

#AjaxTooltipContent
{
    background-color: #e3e3e3;
    min-width: 175px;
    min-height: 50px;
    background-repeat:no-repeat;
    background-position:center;
}

#AjaxTooltipContainer .topLeft
{
    background: url(balloon_topleft.png) no-repeat;
    width: 1px;
    height: 2px;
    background-position: right bottom;
}

#AjaxTooltipContainer .bottomLeft
{
    background: url(balloon_bottomleft.png) no-repeat;
    height: 4px;
    background-position: right top;
}

#AjaxTooltipContainer .left
{
    background: url(balloon_left.png) repeat-y;
    background-position: right;
}


#AjaxTooltipContainer .topRight
{
    background: url(balloon_topright.png) no-repeat;
    width: 4px;
    height: 2px;
    background-position: left top;
}

#AjaxTooltipContainer .right
{
    background: url(balloon_right.png) repeat-y;
}

#AjaxTooltipContainer .bottomRight
{
    background: url(balloon_bottomright.png) no-repeat;
    height: 4px;
    background-position: left top;
}

#AjaxTooltipContainer .top
{
    background: url(balloon_top.png) repeat-x;
}

#AjaxTooltipContainer .bottom
{
    background: url(balloon_bottom.png) repeat-x;
    text-align: center;
}
/* ----  End Of Ajax Tooltip CSS ---- */