body, html {height:100%; line-height:20px;}
body {margin:0; padding:0; font-size:12px; font-family:Verdana, Geneva, sans-serif; background-color:#000; color:#FFFFFF;}
.bold {font-weight:bold}
.clr, .c-lft, .c-rgt {height:0; width:0; line-height:0; font-size:0}
.clr {clear:both}
.c-lft {clear:left}
.c-rgt {clear:right}
.f-lft {float:left}
.f-rgt {float:right}
form {margin:0; padding:0;}
h1, h2, h3, h4, h5, dl, dt, dd {margin:0; padding:0}
img {border:none}
.small {font-size:10px}
a {text-decoration:underline; color:#ff0060}
a:hover {text-decoration:none}
a.inverse {text-decoration:none}
a.inverse:hover {text-decoration:underline}
h5 {font-size:12px}
h5.small-title {font-size:13px}
h4 {font-size:14px}
h3 {font-size:16px}
h2 {font-size:18px}
h2.big {font-size:20px}
h1 {font-size:24px}
.red {color:#ff0060;}
.hide{left:0;top:0;width:1;height:1;position:absolute;visibility:hidden}
/*--- block styles ------*/
.wrapper {padding:10px 5px 5px; min-width:1020px;}
.nav {background:url(img/bg_nav_link.gif) 0 0 repeat-x; height:31px; line-height:28px}
        .nav span {background:url(img/bg_nav_link_corn.gif) 100% 0 no-repeat; float:left; height:31px; text-align:center; width:12.4%;overflow:hidden;}
        .nav a { font-size:18px; color:#fff; background:url(img/bg_arrow.gif) 0 50% no-repeat; padding-left:20px; text-decoration:none;}
        .nav a:hover {text-decoration:underline; background-position: 5px 50%;}
        .nav span.last {background:none}
.nav-cont {background:url(img/bg_nav_link_corn.gif) 100% 0 no-repeat; height:31px}
.header {background:url(img/bg_header.gif) 0 0 repeat-x; height:266px; border-top:1px solid #000; border-bottom:1px solid #4b4e65}
.phone {background:url(img/bg_phone.jpg) 0 0 no-repeat; font-size:15px; color:#fff; padding-left:40px; margin:4px 0 0 95px; line-height:18px; float:left }

.search {float:right; width:512px; height:38px; background:url(img/bg_search.gif) 0 0 no-repeat}
        .search-cont {padding:10px 10px 0 0}
.search-btn {background:url(img/bg_search_btn.jpg) 0 0 no-repeat; border:none; width:55px; height:26px; padding:0 5px 0px 0; float:right}
.search-box {float:right; background:url(img/bg_search_box.jpg) 0 0 no-repeat; width:160px; height:26px}
        .search-box input {background:none; border:none; width:155px; margin:2px 0 0 2px}
.logoH {float:left}
.flash-cont {width:570px; height:228px; float:right}
.content {background:url(img/bg_content.gif) 0 0 repeat-x #151936}
.content-bg {background:url(img/bg_content_bot.gif) 0 100% repeat-x; padding-bottom:50px}
.lft-col {float:left; width:40%}
.rgt-col {float:right; width:60%}
.news-block {border:1px solid #8a0c4b; margin:20px;}
        .news-block h2 {background:url(img/bg_news_title.gif) 0 0 repeat-x; height:42px; line-height:42px; color:#fff; font-weight:normal; letter-spacing:1px}
                .news-block h2 span {background:url(img/bg_yellow_circle.gif) 15px 2px no-repeat; padding-left:45px}
.news { padding:10px 15px 20px}
.news strong.date {color:#ff0060; display:block; padding:0px;}
.news p {color:#fff; line-height:20px;}

.news .read {float:right; margin-right:15px}

.read {}
.read a {background:url(img/read_arrow.gif) 0 5px no-repeat; padding-left: 25px;}
.read a:hover { background-position: 5px 5px}


.blue-links {margin:0px 0 0}
.blue-links a {display:block; background:#6699cc url(img/bg_blue_title_arrow.gif) 99% center no-repeat; font-size:18px; color:#000; text-decoration:none; padding:6px; margin-bottom:1px}
.blue-links a:hover {background-color:#8fbbe8}

.red-title {display:block; margin:0px 0 0; background: #ff0066 url(img/bg_red_title.gif) 0 0 repeat-x;}
.red-title a {display:block; background: url(img/bg_red_title_arrow.gif) 99% center no-repeat; font-size:18px; color:#fff; text-decoration:none; padding:6px; margin-bottom:1px}
.red-title a:hover {}

 
.rgt-cont {padding:20px 0px}
    .rgt-cont p {padding:15px 0 0;; line-height:20px; color:#fff; clear:left}
                .rgt-cont p img {border:1px solid #fff; margin:0 10px 10px 0; float:left}
.btn-cont {padding:10px 0}
a.btn {background:url(img/bg_btns.gif) 0 0 no-repeat; width:120px; float:right; padding-left:20px; text-align:center; color:#000; text-decoration:none; height:32px; line-height:32px; font-weight:bold}
a.btn:hover {background-position:0 -32px}
/*--- footer ------*/
.footer {background-color:#ff0060; height:30px; color:#fff; padding:0 10px}
        .footer a {color:#fff; text-decoration:none; line-height:28px; padding:0 10px}
        .footer span, .footer strong {padding:0 3px}
        .footer a:hover {text-decoration:underline}
        .footer .f-rgt a {padding:0px}

        
#kwicks {
        position: relative;
} 
#kwicks .kwick {
        display: block;
        width: auto;
        height: 37px;
        overflow:hidden;
        clear:both;
}
.AdrLine
{
    width:100%;
    height:Auto;
    clear:both;
}
.AdrLine div
{
    color:white;
    padding:10px 5px 5px 30px;
    background:url(img/AdrLine.gif) 12px 15px no-repeat;
}

.AdrLine a {color:#fff; text-decoration:none;}
.AdrLine a:hover { text-decoration:underline; }

.Title2 a
{
  color:#fff; text-decoration:none;
  font: 20px Verdana, Tahoma, sans-serif, Helvetica, Arial; color: white;
  letter-spacing: 1px;
}
.Title2 a:hover { text-decoration:underline; }


.Title2, h1
{
    font: 22px Verdana, Tahoma, sans-serif, Helvetica, Arial; color: white;
    letter-spacing: 1px;
    padding-bottom:15px;
}
h2
{
    font: 18px Verdana, Tahoma, sans-serif, Helvetica, Arial; color: white;
}

.pad
{
    padding: 0px 30px 10px 30px;
}
.padl
{
    padding: 0px 30px 10px 0px;
}

/*--PopUp---*/
.PopUpTitle{color:Black;font-weight:bold;}
.bdpPopUp {color:#cccccc;background: #2d3942 url(img/PopUpBg.gif) repeat-x; BORDER: Black 1px solid; BORDER-TOP:0px; PADDING:20px; PADDING-TOP:0px;}
/*---------*/
/*-----Product list-----*/

.TovList
{
    padding:0px;
    margin-top:7px;
    padding-left:5px;       
    clear:both;
}
.TovBg
{
    padding-top:0px;
    float:left;
    width:202px;
    height:185px;
    background: url(img/TovBg.jpg) no-repeat;    
}
.TovBg a, .TovBg a:active, .TovBg a:link, .TovBg a:visited
{
    float:left;
    position:absolute;
    z-index:100;
    margin-top:10px;
    margin-left:0px;
    text-decoration:none;
    font-size:12px;
    display:block;
    width:185px;
    color:Black;    
}
.TovBg a:hover
{
    text-decoration:underline;
    
}
.TovBg div
{
    text-align:center;
}
.TovBg img
{
    width:101px;
    height:101px;
    border:0px;
}

.TovPrice
{
    position:absolute;
    z-index:100;
    margin-top:110px;
    margin-left:2px;    
    width:183px;
    white-space:nowrap;
    font-weight:bold;
    text-align:right;
}
.TovPrice div
{
        padding:5px;
        padding-right:0px;
        text-align:right;
}
.TovPrice span
{
        color:#333333;
        display:inline;
        padding:2px;
        margin-right:1px;
        border: solid 1px #d3d3d3;
        border-right:0px;       
        background: white;
}

.RbrPrim
{
    height:Auto;
}
a.ortext, a.ortext:active, a.ortext:visited, a.ortext:link, a.ortext:hover
{    
    text-decoration:none;
    font-weight:bold;
    color:white;
    padding:5px;
}
.RbrBox
{
    width:100%;
    margin-bottom:15px;
    text-align:center;
    clear:both;
}
/*******/


.news .Body
{
    padding-left:90px;    
    margin-top:-5px;
}
.logomp
{
 margin:20px 0px 10px 20px; 
}

.logomp div
{
    float:left;
    margin:5px 5px 0px 0px;
    height:74px;
    width:95px;
}

.logo
{
    float:left;
    display:block;
    border:0px;
    width:95px;
    height:74px;    
    FILTER: expression(PNG(this,'img/'));
    /*cursor:pointer; cursor:hand;*/
    background: url(img/LogoSumsung.png) left top no-repeat;
}
.Samsung
{
    background: url(img/LogoSumsung.png) left top no-repeat;
}
.Canon
{
    background: url(img/LogoCanon.png) left top no-repeat;
}
.Casio
{
    background: url(img/LogoCasio.png) left top no-repeat;
}
.Kodak
{
    background: url(img/LogoKodak.png) left top no-repeat;
}
.Nikon
{
    background: url(img/LogoNikon.png) left top no-repeat;
}
.Pentax
{
    background: url(img/LogoPentax.png) left top no-repeat;
}
.Olympus
{
    background: url(img/LogoOlympus.png) left top no-repeat;
}
.Philips
{
    background: url(img/LogoPhilips.png) left top no-repeat;
}
.Sony
{
    background: url(img/LogoSony.png) left top no-repeat;
}
.BBK
{
    background: url(img/LogoBBK.png) left top no-repeat;
}
.Hyundai
{
    background: url(img/LogoHyundai.png) left top no-repeat;
}
.SoundMAX
{
    background: url(img/LogoSoundMAX.png) left top no-repeat;
}
.Varta
{
    background: url(img/LogoVarta.png) left top no-repeat;
}
.Sanyo
{
    background: url(img/LogoSanyo.png) left top no-repeat;
}
.Mystery
{
    background: url(img/LogoMystery.png) left top no-repeat;
}
.Panasonic
{
    background: url(img/LogoPanasonic.png) left top no-repeat;
}
.Fujifilm
{
    background: url(img/LogoFujifilm.png) left top no-repeat;
}
.LG
{
    background: url(img/LogoLG.png) left top no-repeat;
}
.Nokia
{
    background: url(img/LogoNokia.png) left top no-repeat;
}




.subbutton, INPUT.SUBMIT, INPUT.submit
{
        background: #c4c4c4;
        background-image: url(img/buton1.GIF);
        background-repeat: repeat-x;
        vertical-align:middle;
        font-family: Verdana, Geneva, sans-serif;
        font-size: 15px;
        color: #333333;
        cursor: hand;
        border: outset 1px;
        letter-spacing:1px;
}



/*------------*/

img.right
{
 float:right;
 margin:0px 0px 15px 15px;
}

img.left
{
 float:left;
 margin:0px 15px 15px 0px;
}


/* Table Price */

.tWrapper{
        margin:0px;
        padding:0px;
        width:100%;
        background:white;
}

table.tPrice {
        font:Geneva, sans-serif, Verdana;
        color:black;
        width:100%;
        font-style:normal;
}



.tPrice td{
        padding:2px 2px 2px 2px;
}

.tH{
        font-weight:bold;
        color:black;    
}
.tH td{
background: #999999 url(img/prHeadbg.gif) repeat-x 0px bottom;
}

.tR1{
        background:#e8e8e8;
}

.tR2{
        background:#f2f2f2;
}

.tC1{
        text-align:left;
}

.tC2{
        text-align:right;
}


.menu {
        MARGIN: 0px; padding:0px; WIDTH: 200px; TEXT-ALIGN: right;
}
.menu UL {
        padding:0; BORDER-TOP: #000033 1px solid; LIST-STYLE-POSITION: outside; MARGIN: 0px; WIDTH: 200px; COLOR: red; LIST-STYLE-TYPE: none;
}
.menu LI {
        DISPLAY: block; MARGIN: 0px; TEXT-TRANSFORM: none; BORDER-BOTTOM: #000033 1px solid;
        background: #c0c0c0 url(img/menuBgr.gif) repeat-x;
        background-position: 0px 0px;
}
.menu UL UL {
        BORDER-TOP: #000033 1px solid; LEFT: 0px; VISIBILITY: hidden; WIDTH: 200px;
        POSITION: absolute;
        z-index:999;
        TOP: 0px;
}
.menu LI A {
        DISPLAY: block;
        MARGIN: 0px; WIDTH: 200px; COLOR: #000033; TEXT-DECORATION: none;
}
.menu LI A:hover {
        COLOR: white;
        background: #f7004a url(img/menuBgr.gif) repeat-x;
        background-position: 0px -800px;
}
.menu LI.Cur {
        DISPLAY: block; WIDTH: 200px; COLOR: black; TEXT-DECORATION: none;
        background: #fec418 url(img/menuBgr.gif) repeat-x;
        background-position: 0px -400px;
}
