@charset "utf-8";
/** common **/
html, p, body, form, h1, h2, h3, h4, td, table, form, ul, div { margin: 0; padding: 0; }
body { font-family: "Century Gothic", Arial, Geneva, sans-serif; font-size: 12px; line-height: 1.3em; color: #FFF; background: #000 url('../img/al_body_bg.jpg') top right no-repeat; }

input, textarea { font-family: "Century Gothic", Arial, Geneva, sans-serif; font-size: 12px; }

img { }
a img { border: none; }
a, a:link { color: #FFF; text-decoration: underline; }
a:hover { text-decoration: none; }

.clear { clear: both; }

/** wrapper & structure **/
#wrapper { width: 960px; margin: 0 auto; }
    #header { height: 112px; position: relative; }
        #logo { outline: none; cursor: pointer; position: absolute; width: 98px; height: 100px; background: url('../img/al_logo.png') center center no-repeat; top: 16px; left: 17px; }
        #header_cart { position: absolute; top: 25px; right: 0; height: 34px; width: 241px; background: url('../img/al_header_cart_bg.jpg') center center no-repeat;}
            #header_cart a { float: left; width: 100px; height: 34px; }
            #header_cart span { float: left; font-size: 10px; padding: 4px 0 0 5px; line-height: 12px; }    
            
        #header_search { position: absolute; top: 78px; right: 0; height: 27px; width: 233px; background: url('../img/al_header_search_bg.png') center center no-repeat; display: block; margin: 0; padding: 7px 0 0 8px;}
            #header_search .input { background: url('../img/al_header_search_input.jpg') center center no-repeat; height: 16px; width: 177px; padding: 2px 2px 2px 4px; margin: 0 17px 0 0; vertical-align: middle; border: none; }
            #header_search .button { background: url('../img/al_header_search_button.png') 0 0 no-repeat; color: #FFFFFF; cursor: pointer; width: 19px; height: 19px; vertical-align: middle; border: none; }
            
    #menu { width: 959px; padding-left: 1px; height: 80px; background: url('../img/al_menu_bg.png') -31px center no-repeat; overflow: hidden; text-transform: uppercase; }       
        #menu a.menu { float: left; font-size: 12px; line-height: 14px; text-align: center; text-decoration: none; font-weight: bold; margin-top: 24px; height: 42px; }
        #menu span.sep { width: 2px; height:42px; float: left; margin-top: 24px; background: url('../img/al_menu_sep.jpg') right center no-repeat; }
            #menu a.menu span { float: left; padding: 6px 25px 0 25px; width: 96px; height: 29px; vertical-align: middle; }
        #menu a.menu:hover, #menu a.menu-active { background: url('../img/al_menu_hover_bg.png') left top repeat-x; }
        #menu a.menu-first:hover, #menu a.menu-first-active { background: url('../img/al_menu_hover_first_bg.png') left top repeat-x; }
        /*
        #menu a.live { float: right; margin-top: 24px; height: 42px; width: 124px; background: url('../img/al_menu_logo.jpg') left center no-repeat; }
        */          
    #footer { margin-bottom: 30px; font-size: 11px;}
        .footer-links { overflow: hidden; margin: 15px 0 ; }
            .footer-links-col { float: left; width: 240px; }
                .footer-links-col h3 { font-weight: normal; color: #BA8647; font-size: 11px; line-height: 20px; }
                .footer-links-col a { display: block; text-decoration: none; line-height: 20px; }
                .footer-links-col a:hover { text-decoration: underline; }                            
        .footer-copy { color: #8A8A8A; text-align: center; }

/** content **/
.content-common { background: #312413 url("../img/al_content_bg.jpg") 0 0 repeat-x; border: 1px solid #523C20; margin: 10px 0 0 0; padding: 40px; }
    .content-common h1, h1.title { color: #BB8748; font-size: 18px; font-weight: bold; padding-bottom: 10px; }
    .content-common h2 { color: #BB8748; font-size: 14px; font-weight: bold; padding: 10px 0; }
    .content-common p { margin-bottom: 10px; }
        .content-common ul { margin-left: 30px; margin-bottom: 10px; }
/** inner text **/            
.inner-text { line-height: 18px; } 
    .inner-text  p { margin-bottom: 10px; }
    .inner-text  ul { margin-left: 30px; margin-bottom: 10px; }

/** bread-crumbs **/
.bread-crumbs { margin: 0 0 10px 0; }    

/** category-list **/
.category-header { height: 195px; position: relative; color: #FFF; }
    .category-header-speakers_device { background: url('../files/categories/ipodiphone_speakers.jpg') center center no-repeat; }
    .category-header-speakers_pc { background: url('../files/categories/computer_speakers.jpg') center center no-repeat; }
    .category-header-speakers_home { background: url('../files/categories/home_speakers.jpg') center center no-repeat; }
    .category-header-headphones { background: url('../files/categories/headphones.jpg') center center no-repeat; }
    .category-header h1 { position: absolute; left: 30px; top: 30px; font-size: 48px; font-weight: normal; }
    .category-header-legend {position: absolute; left: 30px; top: 80px; font-size: 16px; width: 400px; line-height: 24px; }

.category-list-navigation { background-color: #523C20; margin: 10px 0; line-height: 24px; font-size: 12px; padding: 5px; overflow: hidden; }
    .category-list-navigation .legend { float: left; border-right: 1px solid #986F3B; padding: 0 10px; margin-right: 10px; }
    .category-list-navigation a { float: left; padding: 0 5px; text-decoration: none; margin-right: 3px; }
    .category-list-navigation a.selected, .ctalog-list-navigation a:hover { background-color: #986F3B; }
.category-list { border: 1px solid #523C20; overflow: hidden; background: #0B0906 url('../img/al_catalog_item_bg.jpg') left bottom repeat-x; }
    .category-item { float: left; width: 240px; height: 339px; background: #0B0906 url('../img/al_catalog_item_bg.jpg') left bottom repeat-x; }
        .category-item-pic { outline: none; display: block;  text-align: center; }
        .category-item-info { padding: 0 20px; border-right: 1px solid #754F2A; margin-top: 20px; }            
            .category-item-info h2 { height: 21px; font-size: 12px; font-weight: bold; margin-bottom: 10px; overflow: hidden; white-space: nowrap; }
                .category-item-info h2 a { color: #B98546; text-decoration: none; }
            .category-item-info p { color: #CCC; font-size: 10px; display: block; height: 31px; overflow: hidden; }
            
            .category-item-info a.more-info { display: block; width: 84px; height: 21px; padding-top: 10px; background: url('../img/al_button_bg.png') center center no-repeat; text-align: center; font-size: 11px; text-decoration: none; color: #CCC; margin: 30px 0 20px 0; }
            .category-item-info a.more-info:hover { text-decoration: underline; }
            
            .category-item-price { width: 200px; margin: 0 auto; border-top: 1px solid #754F2A; padding: 8px 0 0 2px; font-weight: bold; color: #B98546; font-size: 14px; }
    .category-item-last { width: 238px; }
        .category-item-last .category-item-info { border-right: none; }
        
/** product-data **/
.product-data { overflow: hidden; }
    .product-pics { float: left; width: 460px; margin-right: 10px; }
        .product-pics-cover { text-align: left; padding-bottom: 10px; }
        .product-pics-thumbs { overflow: hidden; }
            .product-pics-thumbs a { float: left; margin-right: 10px; }
    .product-details { float: left; width: 450px; padding: 20px; background: #312414 url('../img/al_product_details_bg.jpg') left top repeat-x; position: relative; }
        .product-details-title { color: #BB8748; font-size: 19px; line-height: 30px; }
        .product-details-price { position: absolute; right: 20px; top: 25px; color: #BB8748; font-size: 16px; font-weight: bold; }
        .product-details-brief { margin: 20px 0; } 
        .product-purchase { border-top: 1px solid #523C20; height: 50px; position: relative; }
            .product-purchase .stock { color: #BB8748; font-size: 16px; font-weight: bold; text-transform: uppercase; position: absolute; left: 0; top: 20px; }
            .product-purchase .buttons { padding-left: 50px; width: 211px; height: 34px; position: absolute; background: url('../img/al_product_purchase_buttons.jpg') center center no-repeat; right: 0; top: 13px; }
                .product-purchase .buttons .add { height: 34px; width: 110px; float: left; margin-right: 8px; }
                .product-purchase .buttons .buy { height: 34px; width: 80px; float: left; }

/** slideshow **/
#main_slideshow { width: 960px; height: 366px; position: relative; margin-bottom: 20px; float: left; }    
    #main_slideshow ul { list-style: none; width: 960px; height: 366px; overflow: hidden; }
        .slideshow-slide { margin: 0; padding: 0; position: relative; width: 960px; height: 366px; }
            .slideshow-slide-description { display: none; }
    #main_slideshow_pager { position: absolute; right: 25px; bottom: 25px; z-index: 1000; }
        #main_slideshow_pager a { float: left; background-color: #986F3B; width: 22px; height: 22px; line-height: 22px; text-align: center; color: #FFF; text-decoration: none; margin-right: 5px; }
        #main_slideshow_pager a.activeSlide, #header_slideshow_pager a:hover { background-color: #FFF; color: #986F3B; }

/** pre_purchase_popup **/
#pre_purchase_popup { display: none; }
    .popup { width: 350px; padding: 20px; background: #999; }
        .popup h1 { font-size: 26px; font-weight: normal; line-height: 28px; margin-bottom: 10px; }
        .popup p { line-height: 20px; }

/** table **/
table.t { width: 100%; border-collapse: collapse; }
    table.t tr {  }
    table.t td { text-align: left; font-weight: normal; padding: 5px; border: 1px solid #523C20; background-color: #000; }
        table.t td.c { text-align: center; }
        table.t td.total-item { text-align: right; border: none; font-size: 14px; }
        table.t td.total-value { text-align: center; border: none; font-weight: bold; color: #BB8748; font-size: 16px;  }
    table.t th { background-color: #986F3B; font-weight: bold; padding: 5px; border: 1px solid #523C20; line-height: 30px; }

table.fixed { table-layout: fixed; }      

/** order prepare **/
.product-thumbnail { border: none; float: left; padding: 1px; margin-right: 5px; }
    .product-thumbnail img { width: 30px; height: 30px; }  
    
/** form box **/
.form-box { margin-top: 5px; }
    .form-box fieldset { border: none; margin: 0; padding: 0; }
    .form-box legend { font-family: Arial; font-weight: bold; padding: 0; margin: 0; font-size: 18px; color: #9AD70F; }
    .form-box dl { margin: 5px 0; }
        .form-box dt { float: left; font-size: 12px; font-weight: bold; padding-top: 8px; text-align: right; width: 170px; }
        .form-box dd { margin-bottom:10px; margin-left: 180px; }
    .form-box-input input { border-color: #523C20; border-style: solid; border-width: 1px; font-size: 12px; padding: 6px; width: 250px; background: #C8C8C8; }
    .form-box-input select { border-color: #523C20; border-style: solid; border-width: 1px; font-size: 12px; padding: 6px; width: 265px; background: #C8C8C8; }
    .form-box-textarea textarea { border-color: #523C20; border-style: solid; border-width: 1px; font-size: 12px; padding: 6px; width: 300px; height: 120px; background: #E0E0E0; }
    .form-box-button input { color: #000; font-size: 16px; margin: 0; padding: 3px 8px; width: auto; }
	
	.form-box-captcha { overflow: hidden; }
	.form-box-captcha input { width: 100px; border-color: #523C20; border-style: solid; border-width: 1px; font-size: 12px; padding: 6px; background: #C8C8C8; float: left; margin-top: 5px; }
	.form-box-captcha img { float: left; margin-right: 10px; }

    .form-box span.asterisk { font-size: 12px; font-weight: bold; color: #C00000; }
    .form-box span.error, .form-box span.notice { font-size: 10px;  }
    .form-box span.error { color: #C00000; display: none; }
    .form-box span.notice { color: #888; display: block; }

    .form-box-invalid-value input,
    .form-box-invalid-value textarea { background: #FFE0C0; }
    .form-box-invalid-value span.error { display: block; }
    .form-box-introduction { margin: 10px 0 20px 0; font-size: 12px; }
        .form-box-introduction p { line-height: 16px; margin-bottom: 5px; }

    .form-box-successful { color: #008000; font-weight: bold; margin: 20px 0; }
    .form-box-error { color: #C00000; font-weight: bold; margin: 20px 0; }    

/** message **/
.message-common { padding: 40px; margin: 10px 0; color: #000; }
    .message-common a { color: #000; }
.message-successful { background-color: #FFFFC0; }
.message-notice { background-color: #C0FFC0; }


/** social-buttons **/
.social-buttons { overflow: hidden; margin-top: 20px; }
	.social-button { float: left; margin-right: 10px; }
	
/** product-tabs **/
.product-tabs { overflow: hidden; margin-top: 20px; }
    .product-tabs .inlays { overflow: hidden; height: 45px;}
        .product-tabs .inlays a { height: 45px; width: 140px; line-height: 45px; background: url('../img/al_tabs_inlay.gif') center center no-repeat; margin-right: 10px; float: left; text-align: center; color: #BB8748; text-decoration: none; font-weight: bold; font-size: 13px; outline: none; }
        .product-tabs .inlays a:hover, .product-tabs .inlays a.active { background: url('../img/al_tabs_inlay_active.gif') center center no-repeat; }
    .product-tabs .sheets { border: 1px solid #594223; margin-top: -1px; background: #000; }
        .product-tabs .sheet { display: none; }
        .product-tabs .sheets .active { display: block; }
        
/** common-rating **/
.common-rating { width: 80px; height: 16px; background: url('../img/rating_star.gif') 0 0 repeat-x; }
    .common-rating span { display: block; background: url('../img/rating_star.gif') 0 -32px repeat-x; width: 80px; height: 16px; }
    
/** comments **/    
.comments {}
  .comment-add { padding: 20px; font-size: 14px; }
    .comment-item { border-top: 1px solid #594223; padding: 20px 0; overflow: hidden; }
        
    .comment-item-date { float: right; padding: 0 20px; }
    .comment-item-user { float: left; padding: 0 20px; }
        .comment-item-user { line-height: 18px; }
        .comment-item-user .common-rating { margin-bottom: 5px; }
    .comment-item-body { padding: 20px 20px 0 20px; }