@font-face {
    font-family: 'ArialNarrow';
    src: url('fonts/arialnarrowmtstd-webfont.eot');
    src: url('fonts/arialnarrowmtstd-webfontd41d.eot?#iefix') format('embedded-opentype'),
    url('fonts/arialnarrowmtstd-webfont.woff') format('woff'),
    url('fonts/arialnarrowmtstd-webfont.ttf') format('truetype'),
    url('fonts/arialnarrowmtstd-webfont.svg#ArialNarrowMTStdRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

* { margin: 0; padding: 0; outline: 0; }
.wrap{ width:960px; margin:0 auto;}
.wrap2{ width:100%;background:#fff; border-radius:0 0 12px 12px;}
/*html, body { height: 100%; }*/

body {
    font-size: 13px;
    line-height: 16px;
    font-family: arial, sans-serif;
    color: #767676;
    background: #888888; overflow-x:hidden;
}
p{font-size:11px;}
a { color: #0252aa; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: none; }
a img { border: 0; }

input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }

.shell { width: 960px; margin:5px auto; }

#header { position: relative; z-index: 5; padding: 7px 0 8px;
    top: 0px;
    left: 0px;
}

#logo { display: inline; float: left; padding-top: 30px; font-size: 0; line-height: 0; width: 239px; }
#logo a
{
    display: block;
    width: 430px;
    height: 90px;
    background: url('../Img/logo81.png') no-repeat 0 0;
    text-indent: -4000px;
}


#search { position: absolute; display: none; top: 1px; right: 6px; padding-right: 3px; width: 210px; background: url(images/search.png) no-repeat 0 0; }
#search .field { display: inline; float: left; padding: 5px 15px 4px; width: 99px; background: none; border: 0; }
#search .submit-button { display: inline; float: right; padding: 2px 0 8px; width: 38px; border: 0; background: 0; cursor: pointer; }
#search .retract-button { font-size: 0; line-height: 0; text-indent: -4000px; display: block; float: left; padding-left: 20px; width: 15px; height: 30px; background: url(images/retract-button.png) no-repeat 50% 50%; cursor: pointer; }

.search-expand { position: absolute; top: 1px; right: 5px; width: 58px; height: 30px; cursor: pointer; background: url(images/search-expand.png) no-repeat 0 0;  }

.shopping-cart { text-align: right;  color:#faf0e6; font-family: 'Trebuchet MS', arial, helvetica, sans-serif; font-weight: 500; }
.shopping-cart span { padding-left: 17px; color: #faf0e6; font-weight: normal; }
.shopping-cart a { color: #faf0e6; padding-left: 17px; }


span.label-left { display: block; position:absolute; margin-left:-50px; float:left; width: 21px; height: 42px; margin-top:75px;}
span.label-right { margin-left:1150px; position:absolute; display: block; float: left; width: 32px; height: 42px;  margin-top:75px; }

.navigation{ width:100%; float:left;background: url(images/label-bg.png) repeat-x;}
.label-bg
{
    height: 42px;
    width: 960px; margin:0 auto;
}
.label { position: absolute;left: -7px; height: 42px; width: 201px; background: url(images/label.png) no-repeat 0 0; }
.label h3 { padding-left: 15px; display: inline; float: left; font-family: Arial, helvetica, sans-serif; font-size: 18px; color: #fff; font-weight: normal; line-height: 30px;  }

#navigation { display: inline;  float: right; padding: 1px 1px 0 0; }
#navigation ul li { list-style: none; display: inline; float: left;	font-weight: bold; line-height: 14px; padding-left: 25px; }
#navigation ul li a { color: #000; }
#navigation ul li a:hover { color:#fff; border-top:3px solid #f0f0f0; text-decoration: none; }


/*#sort-nav { float:left; padding:0px 0 0 10px}
#sort-nav ul { display: inline; float: left; padding-left: 195px;list-style: none; height: 42px;}
#sort-nav ul li { position: relative; display: inline; float: left; line-height: 32px; padding-right: 44px; }
#sort-nav ul li.last { padding-right: 19px; }
#sort-nav ul li a { position: relative; padding-right: 12px; font-weight: bold; color: #fff; background: url(images/nav-item.png) no-repeat right 50%;  }
#sort-nav .dd { display: none; position: absolute; z-index: 1000; top: 33px; border-radius:5px; left: 0; width: 200px; background: #3a8cc0; }
#sort-nav .dd ul { float: none; }
#sort-nav .dd ul li { float: left;  background: none; padding: 0; width: 109px; }
#sort-nav .dd ul li a { display: block; padding: 0 0 0 15px; margin-top:5px; line-height: 25px; width:150px; background: none; }
.dd ul li a { font-size:11px;}*/
#main { position: relative; z-index: 1;}

.slider-holder
{
    position: relative;
    width: 880px;
    height: 410px;
    padding: 39px 33px 0 72px;
    background: url('images/slider-frame.png') no-repeat 0 0;
    margin-top: 32px;
}
.promo { display: block; float: left; padding-top: 47px; width: 234px; height: 276px; }

#slider { display: inline; float:inherit; width: 200px; margin-top:60px;}
.jcarousel-container { position: relative; width: 620px; }
.jcarousel-clip { position: relative; width: 620px; overflow: hidden; }
.jcarousel-clip ul li { position: relative; width: 620px; height: 337px; }

.jcarousel-control { position: absolute; top: 436px; left: 40%; width: 0; }
.jcarousel-control a { font-weight: bold; color: #666666; display: block; float: left; padding: 4px 0 0 8px; height: 20px; width: 16px; background: url(images/slider-nav.png) no-repeat 0 -50000px;}
.jcarousel-control a:hover { background-position: 0 0; color: #000; text-decoration: none; }
.jcarousel-control a.active { background-position: 0 0; color: #000; }

.caption { position: absolute; right: -37px; top: 11px; padding-right: 45px; width: 350px;  }
.caption h2 {  padding-bottom: 7px; font-family: Arial, helvetica, sans-serif; font-size: 48px; line-height: 45px; color: #ffc000; text-align: right; letter-spacing: -1px; text-transform: uppercase; }
.caption p { text-align: right; font-size: 16px; font-weight: bold; color: #4c4c4c; line-height: 22px; letter-spacing: 1px; } 
.caption .text { width: 250px; display: inline; float: right; } 
.caption .buy-now { display: inline; float: right; margin-top: 9px; padding: 10px 0; background: url(images/buy-now.png) no-repeat 0 0; width: 172px; height: 89px; }
.caption .buy-now p { font-size: 30px; line-height: 33px;  color: #ffcc00; text-align: center;  }
.caption .buy-now p.price { font-size: 30px; padding: 8px 12px 0 0; text-align: right; }
.caption .buy-now p span { font-size: 50px; line-height: 52px; color: #fff; padding-bottom: 0; }
.caption p strike { color: #d80105; font-size: 24px; line-height: 28px; }

#content { padding: 20px 5px 14px; }

.products-holder { position:relative; padding-bottom: 24px; margin-bottom: 30px; width: 981px; background: url(images/products-holder.png) no-repeat 0 bottom; }  
.products-holder h3 { min-width: 134px; }
.products-holder .top { height: 8px; line-height: 0; font-size: 0; background: url(images/products-top.png) no-repeat 0 0;  }
.products-holder .middle { padding: 12px 5px 10px 20px; background: url(images/products-middle.png) repeat-y center 0; }
.products-holder .bottom { height: 7px; line-height: 0; font-size: 0; background: url(images/products-bottom.png) no-repeat 0 bottom; }
.products-holder .best-sellers { padding-bottom: 5px; background: url(images/best-sellers.png) repeat-y center 0; }

.product { display: inline; float: left; margin: 5px 0 10px; padding: 30px 15px 0 0; width: 223px; height: 270px; background: url(images/product.png) no-repeat 0 0; }
.product a img { display: block; padding: 0 0 34px 20px; width: 185px; height: 152px; }
.product .desc { display: inline; float: left; padding-left: 20px; width: 111px; }
.product .desc p span { color: #000; }
.product .desc p.name { font-size: 14px; font-weight: bold; color: #056daf; }
.product .price-box { display: inline; float: right; margin-top: 3px; padding: 5px 13px 0 0; width: 73px; height: 58px; background: url(images/price-box.png) no-repeat 0 0; }
.product .price-box p { font-size: 18px; font-weight: bold; line-height: 24px; color: #024068; text-align: center; }
.product .price-box p sup { font-size: 12px; }
.product .price-box p.per-peace { font-size: 12px; color: #6acfff; }
.product .price-box p span.price { color: #fff; font-size: 24px; }

.scroll-pane { width: 929px; float: left; display: inline; height: 300px; overflow: auto; }
.horizontal-only { height: auto; max-height: 350px; }
.left-border { border-right: solid 1px #d3d3d3; width: 7px; height: 305px; float: left; display: inline; }
.right-border { border-left: solid 1px #d3d3d3; width: 4px; height: 305px; display: inline; float: left; }

.bottom-strip h3 { min-width: 123px; }
.bottom-strip .left { padding-bottom: 30px; background: url(images/box-holder-left.png) no-repeat 0 bottom; }
.bottom-strip .left .post { padding-left: 3px; width: 257px; }

.bottom-strip .right { padding-right: 0; background: url(images/box-holder-right.png) no-repeat 0 bottom; }
.bottom-strip .right .post { display: inline; float: left; padding-left: 2px; width: 170px; }
.bottom-strip .right .post p{ line-height: 19px; }

.box-holder { position: relative;  padding-right: 30px; width: 100%; display: inline; float: left; padding-bottom: 24px; }

.box { width: 100%; background-color:#FFF; border-radius:10px; height:360px; }
.box p span { color: #006aad; line-height: 24px; }
.box .top { height: 8px; line-height: 0; font-size: 0; }
.box .middle { padding: 33px 18px 0 27px; min-height: 200px;}
.box .bottom { height: 10px; line-height: 0; font-size: 0;  }

.text-widget p { font-family: 'ArialNarrow', arial, sans-serif; font-size: 13px; color: #808080; line-height: 19px;
    text-align: justify;
}
.text-widget a.read-more { display: block; width: 75px; margin-top: 2px; padding: 10px 0 10px 25px; font-weight: bold; color: #006aad; background: url(images/read-more.png)  no-repeat 0 50%; }

#newsletter form { padding-top: 17px; width: 257px; }
#newsletter .submit-button { display: block; float: right; width: 120px; height: 39px; background: url(images/subscribe.png) no-repeat 0 0; }
#newsletter .submit-button input { padding: 10px 0 12px 18px; line-height: 19px; width: 120px; text-align: left; background: none; border: none; cursor: pointer; }
#newsletter .submit-button input { font-weight: bold; color: #fff; }
#newsletter .field-holder { margin-bottom: 6px; padding: 0 14px; width: 229px; background: url(images/field.png) no-repeat 0 0; }
#newsletter .field-holder input { border: none; background: none; padding: 6px 0 8px; width: 229px; }
#newsletter .field-holder input { font-size: 15px; font-weight: bold; line-height: 17px; color: #1fb0e2; }

.post-short .date-box { display: inline; float: right; padding: 11px 9px 6px 0; margin-top: 6px; width: 60px; background: url(images/date-box.png) no-repeat 0 0; }
.post-short .date-box p { color: #fff; text-align: center; font-size: 16px; font-weight: bold; line-height: 19px; }
.post-short .date-box p.date { font-size: 13px; padding-bottom: 4px; }
.post-short a.comments { display: block; width: 75px; margin-top: 8px; font-weight: bold; padding: 13px 0 10px 24px; color: #006aad; background: url(images/comments.png) no-repeat 0 50%; }

#footer { height:60px; background: url(images/footer.jpg) repeat-x; width:100%; float:left; margin:10px 0 0 0px;} 
#footer .footernav { width:600px; float:right;}
#footer .footernav ul{ list-style:none;}
#footer .footernav ul li{ float:left;font-size:11px; color:#00123d;}
#footer .footernav ul li a { color: #6ec5fe; padding-right: 30px; font-size:11px; line-height:60px; }


/*navigation-css*/

.menuH
{
    margin: 0; width: 100%;
    position:relative;/*! for IE htc*/
    z-index:4;/*H2*/
    font-family: Arial, Helvetica, sans-serif;
    list-style: none;
    padding: 0;
}

.menuH li
{
    padding: 0;
    float: left;
    /*height: 36px;*/
    position: relative;
}
.menuH li:hover, .menuH li.onhover
{
    background: #006AAD;
}

ul.menuH a
{
    padding: 0 30px;
    line-height: 32px; /*Note: keep this value the same as the height of .menuH and .menuH li */
    font-size: 13px;
    font-weight: bold;
    color: white;
    display: block;
    outline: 0;
    text-decoration: none;
}
.menuH a:hover
{
    color: white;
}
.menuH a.arrow
{
    background: url(images/nav-item.png) no-repeat right center;
}
.menuH ul a.arrow
{
    background: url(right.html) no-repeat 97% center;
}
 
        
/*Used to align a top-level item to the right*/        
.menuH .menuRight
{
    float: right;
    margin-right: 0px;
}
        
/*for the top-level separators*/
.menuH li.separator
{
    font-size:0;
    overflow:hidden;
    /*border-left:1px solid #F7F7F7;
    border-right:1px solid #BBBBBB;*/
}
               
        
/*######sub level###########*/
        
ul.menuH ul
{
    width:180px;
    position: absolute;
    left: -9999px;
   /* border: 1px solid #DDD;*/
    border-top: 0; 
    background: #006AAD;    
    text-align: left;
    list-style: none; margin: 0;  
    /*Following 1px(padding-right) will determine how much it is overlapped by the sub-sub-menu */
    padding: 0 1px 10px 0;   
}

.menuH li li
{
    float: none;
    white-space:nowrap;
    height: 26px;
}
.menuH li li:hover, .menuH li li.onhover
{
    background:#0688dc;
}
.menuH ul a
{
    padding: 0 20px;
    line-height: 26px;
    font-size: 0.9em;
    font-weight: bold;
    color: #fff;
    text-align: left;
}

.menuH ul a:hover
{
    color: white;
}

.menuH li:hover ul, .menuH li.onhover ul
{
    left: -1px;/*Use this property to change offset of the dropdown*/
    top: auto;
}

.menuH li:hover .dropToLeft, .menuH li.onhover .dropToLeft
{
    left: auto;
    right: -1px;
    top: auto;
}
.menuH ul ul
{
    border-top: 1px solid #DDD;
}

.menuH li:hover ul ul, .menuH li:hover ul ul ul, .menuH li:hover ul ul ul ul,
.menuH li.onhover ul ul, .menuH li.onhover ul ul ul, .menuH li.onhover ul ul ul ul
{
    left: -9999px;
    top:0;
}

.menuH li li:hover ul, .menuH li li li:hover ul, .menuH li li li li:hover ul,
.menuH li li.onhover ul, .menuH li li li.onhover ul, .menuH li li li li.onhover ul
{
    left: 200px;
}
        
/*####### special effects ##########*/
        
.decor1 
{  
}
.menuH ul 
{
    -moz-border-radius: 0px 0px 4px 4px;
    -webkit-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;

    -moz-box-shadow: 0px 6px 6px #CCC;
    -webkit-box-shadow: 0px 6px 6px #CCC;
    box-shadow: 0px 6px 6px #CCC;  
    
    /*for older IE browsers, the htc file fix will disable this feature when box-shadow was also applied.*/
    filter:alpha(opacity=90);
    opacity: 0.90;  
            
    /* Gradient background */
    background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#EEEEEE)); 
}