/* CSS Document */



* { margin:0; padding:0;}

body { background:#fff; font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:15px; color:#e6e5e5;}

table, td {border-collapse:collapse; font-size:100%;}

table, td, img {border:0;}

form, td {margin:0; padding:0;}

td { vertical-align:top; text-align:left;}



.main-bg{ background:url(../images/main-bg.gif);}

.top-tail{ background:url(../images/body-bg.gif) top center no-repeat;}

.main-width { width:1010px; margin:0 auto; text-align:left;}



input, textarea { font-family:Tahoma; font-size:1em;}



.fleft { float:left;}

.fright { float:right;}

.clear { clear:both;}



img {vertical-align:top;}

a img { border:0;}

ul { list-style:none;}



.alignright { text-align:right;}

.aligncenter { text-align:center;}



.wrapper{ width:100%; overflow:hidden;}

.container { width:100%;}

.column-1, .column-2, .column-3{ float:left;}



a {color:#a0a09f; outline:none; text-decoration:underline;}

a:hover{text-decoration:none;}

p { margin:0; padding:0;}



/* ============================= header ====================== */

#header{ padding-bottom:7px;}

#header .top{ width:100%; overflow:hidden; height:60px;}

#header .logo{ padding:5px 0 0 27px; float:left;}

#header .nav-links{ float:right; color:#949494; padding:22px 30px 0 0;}

#header .nav-links a{ text-decoration:none;}

#header .nav-links a:hover{ color:#fff;}



#header .cart-margin{ margin-right:28px;}

#header .cart{ background:url(../images/cart-bg.gif) right top no-repeat #010101; margin:0 0 10px 0; padding:11px 33px 11px 11px; font-size:12px; float:right;}

#header .cart a{ color:#bf0023; text-decoration:none;}

#header .cart a:hover{ color:#fff;}

#header .cart span a{ color:#fff;}

#header .cart span a:hover{ color:#bf0023;}



#header .lang{ float:right; padding:3px 29px 5px 16px; border-left:solid 1px #3e3e3e;}



#header .menu{ float:right;}

#header .menu ul{ padding:0; margin:-3px -1px 0 0; position:relative;}

#header .menu li{ float:left; padding-right:8px; position:relative;}

#header .menu li a{ color:#858585; font-size:12px; text-decoration:none; display:inline-block; padding:6px 10px 9px 10px;}

#header .menu li a:hover{ color:#fff; background:#010101;}



/* ============================= content ===================== */

#content{ background:url(../images/content-bg.png); margin:0 21px 0 19px; padding:7px 7px 0 8px; margin-bottom:19px;}

*html #content{ background:#1b1b1b;}



#column-left{ position:relative;}

#column-center{ padding-left:5px; position:relative; zoom:1;}

.main-content{ border:solid 1px #1e1e1e; background:url(../images/content-top-bg.gif) top center no-repeat #0a0a0a; position:relative; zoom:1;}

.main-indent{ padding:0 20px 10px 26px;}





.product-col{ padding-bottom:14px;}

.image{ border:solid 1px #2a2a2a; display:inline-block;}

.image img{ padding:0 !important; margin:0 !important;}

.name{ color:#e6e5e5; font-size:11px; text-transform:uppercase; font-weight:normal; text-decoration:none;}

.name strong{ font-weight:normal;}

.name:hover{ color:#d45b00;}

.img{ padding:8px 0 7px 0;}

.price{ font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:20px; color:#fff; font-weight:bold;}

.buttons{ width:100%; overflow:hidden; padding:3px 0 0 0;}

.button2{ float:right; padding:0 10px 0 0;}

.button1{ float:left;}



.separator{ background:url(../images/line.gif) repeat-x 0 5px; padding:13px 0 0 0; }

.line1{ background:url(../images/line.gif) top repeat-x;}





/* ============================= footer ====================== */

#footer{ background:#fff; padding:45px 0 30px 0; font-family:Arial, Helvetica, sans-serif; color:#585857;}

#footer .cards{ float:left; padding:6px 0 0 55px;}

#footer a{ color:#c60028; text-decoration:none;}

#footer a:hover{ color:#585857;}

#footer .menu{ padding:0 20px 0 0;}

#footer .menu a{ color:#858585; text-decoration:none; display:inline-block; margin-right:24px;}

#footer .menu a:hover{ color:#050505;}

#footer p{ padding:2px 0 0 0;}

#footer p span{ display:block;}



/* ============================= forms ======================= */

input, select, textarea{ font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:normal; color:#121212;}



.search-form{ float:left; padding:22px 15px 0 20px; background:url(../images/top-separ.gif) no-repeat right 19px;}

.search-form input{ vertical-align:middle;}

.search-form .input1{ border:solid 1px #2e2e2e; font-size:11px; background:#010101; padding:1px 3px 1px 3px; width:135px; margin-right:4px; color:#f3f3f3;}



.currency-form{ float:left; font-family:Verdana, Geneva, sans-serif; font-weight:bold; color:#949494; padding:21px 18px 0 15px; background:url(../images/top-separ.gif) no-repeat right 19px;}

.currency-form select{ border:solid 1px #2e2e2e; background:#010101; font-size:10px; color:#bdbdbd; font-family:Verdana, Geneva, sans-serif; width:92px;}





/* ============================= slider ======================= */





.slider{ position:relative; width:100%; overflow:hidden;}

    .box-top {

            overflow:hidden;

            float:left;

            width:954px;

            position:relative;

            left:0;

            padding:7px 8px 0 8px;

            background:url(../images/content-bg.png);

            zoom:1;

    }

    

    

    .box-window{ width:956px; height:340px; position:relative; overflow:hidden; }

    

    #slider_list{margin:0; padding:0;}

    #left, #right{ cursor:pointer}  



    .box-top ul { list-style:none; width:6000px; position:relative;}

    .box-top ul li { display:block; float:left; background:#333333; padding:4px 4px 4px 4px; position:relative; margin-right:4px; }

    .box-top ul li a{ width:228px; height:334px; position:relative; z-index:10;}

    .box-top ul li a .title-slide{  font-weight:normal; font-size:11px; background:url(../images/title-slide-bg.png); line-height:11px; padding:9px 20px 10px 10px; width:198px; height:26px; color:#e6e5e5; position:absolute; margin:287px 0 0 0; font-family:Verdana, Geneva, sans-serif; visibility:hidden;}

    .box-top ul li a .title-slide b{ font-weight:normal; text-transform:uppercase; display:block; color:#919191; padding-bottom:3px;}

    .box-top ul li a:hover .title-slide{ visibility:visible; display:block;}

    *html .box-top ul li a .title-slide{ background:#171313;}



    .box-left {float:left; position:relative; width:27px; padding-top:136px; margin-right:-8px; z-index:10;}

    .box-left .butt a{ position:absolute; width:27px; height:64px; background:url(../images/prev.gif) no-repeat 0 0; text-decoration:none;}

    .box-left .butt a:hover{ background:url(../images/prev-act.gif) no-repeat 0 0;}

    .box-right { float:left; position:relative; padding-top:136px; margin-left:-6px; z-index:10;}   

    .box-right .butt a{ position:absolute; width:27px; height:64px; background:url(../images/next.gif) no-repeat 0 0; text-decoration:none;}

    .box-right .butt a:hover{ background:url(../images/next-act.gif) no-repeat 0 0;}

    .box-top .fleft { float:left; display:inline; margin:38px 16px 0px 5px;}

    

    #left_but, #right_but{ cursor:pointer;}



/* // Easy Slider */



ul.gallery {

    list-style: none;

    margin: 0; padding: 0;

}

ul.gallery li {

    float: left;

    display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/

    

    width: 228px;

    position:relative;

}

ul.gallery li a {display: block; overflow:hidden; text-decoration:none;}

ul.gallery li a.thumb {

    width: 228px; /*--Width of image--*/

    height: 332px; /*--Height of image--*/

    cursor: pointer;

}

ul.gallery li span { /*--Used to crop image--*/

    width: 228px;

    height: 332px;

    overflow: hidden;

    display: block;

}

    ul.gallery li.last {

        margin-right:0;

        background:none;

        padding-right:2px;

        

    }

ul.gallery li a.thumb:hover {

    background: #333; /*--Hover effect for browser with js turned off--*/

}

