/* global styling */
html, body{border:0; margin:0; padding:0;}
table {border:0; border-collapse: collapse; width:100%;}
td {vertical-align:top;}
img{border:0;margin:0;outline:0;}
h3{margin:0;padding:15px 15px 15px 15px;}
a{outline:none;}
/* extended dom styles */
h3 a{color:#000;text-decoration:none;}
h3 a:hover{text-decoration: underline;}
.layer{position:absolute;}
.red{color:#721D2B;}
.small{font-size:9pt;}
/* document styling */
body{background:#F2E4CE; text-align:center; font-family: "Century Gothic", Verdana; font-size:10pt;}
    #wrapper{width:960px; margin:auto; text-align:left; position:relative; padding-top:128px;}
        #logo{top:40px;left:0;}
        #header_text{top:105px;left:0;text-align:center;width:345px;font-size:11pt;color:#C58E33;}
        #slogan{top:56px;right:0px;}
        #content{left:0; top:128px; width:100%;}
            #top_menu{height:27px; text-align: right; padding-right:10px; overflow:hidden;}
            #main_menu{height:51px; padding:0 10px 0 10px; position:relative;}
                #main_menu .left_corner{top:0; left:0; width:10px; height:100%; background:url('../graphics/backgrounds/main_menu_left.png');}
                #main_menu .bar{height:100%; background:url('../graphics/backgrounds/main_menu.png');}
                #main_menu .right_corner{top:0; right:0; width:10px; height:100%; background:url('../graphics/backgrounds/main_menu_right.png');}
            #page{background:#731F2F; padding:0 5px 0 5px;}
                #page .inner{background:#fff; overflow:hidden;}
            #footer{height:25px; padding:0 10px 0 10px; position:relative;margin-bottom:20px;clear:both;}
                #footer .left_corner{top:0; left:0; width:10px; height:100%; background:url('../graphics/backgrounds/footer_left.png');}
                #footer .bar{height:100%; background:url('../graphics/backgrounds/footer.png'); height:100%;}
                     #footer .bar .inner{color:#fff; text-align:center; padding-top:5px;}
                #footer .right_corner{top:0; right:0; width:10px; height:100%; background:url('../graphics/backgrounds/footer_right.png');}
/* menus */
#main_menu_items {list-style-type: none; height:100%; margin:0; padding:0;}
#main_menu_items li{float:left; height:100%;}
#main_menu_items li.separator{background:url('../graphics/backgrounds/main_menu_separator.png'); width:1px; overflow:hidden; }
#main_menu_items li a{display:inline-block; text-decoration:none; padding: 17px 7px 16px 7px; color:#fff; line-height: 12px;}
#main_menu_items li a:hover{background:url('../graphics/backgrounds/main_menu_hover.png'); color:#E0BF87;}
#main_menu_items li a.first{padding-left:10px;}

.sub_menu{border:1px solid #C58F33; background:#E1C088; z-index:9999;display:none; top:0;left:0;}
    .sub_menu a{display:block; margin:5px; border-bottom:1px solid #EAD2AC; padding:5px; text-decoration:none; color:#721D2B;}
    .sub_menu a:hover{background:#fff;}

#top_menu a{display:inline-block; margin-right:5px; color:#721B28; text-decoration: none; padding: 8px 0 7px 0; line-height: 12px; background:url('../graphics/backgrounds/top_menu_item.png'); width:150px; text-align: center;}
#top_menu a:hover{background:url('../graphics/backgrounds/top_menu_hover.png'); }

/* pages styling */
.article{ padding: 15px; }
    .article a{color:#721D2B;}
    .article img{vertical-align:middle;}
    .article table{border:0;border-collapse:collapse;width:auto;}
    .article table.item_list{width:100%;}
    .article table tr td {padding-right:10px; vertical-align: top; font-size: 10pt;}
.catalog{padding:0 15px 15px 15px; overflow:hidden; }
    .item{float:left; position:relative; height:100px; width:440px; overflow:hidden; margin:15px 0 0 15px; position:relative; border:3px solid #F2E4CE; padding:3px;}
    .first{margin-left:0;}
    .item .thumb{ float:left; height:100px; width:100px; padding-right:3px; }
    .item .details {float:left; height:90px; padding:5px; width: 327px; overflow:hidden; background:#F2E4CE;}
    .item_hover{border:3px solid #EAD2AC; }
    .price{right:8px; bottom:8px; font-size:11pt;font-weight:bold;}
    .details p{padding:0;margin:4px 0 0 0; font-size:9pt;}
    .details a{text-decoration:none;}
    .details a:hover{text-decoration:underline;}

    .gallery{overflow:hidden;margin-top:5px;}
    .gallery img{float:left; margin-left:5px; margin-bottom:5px;}
    .gallery img.first{margin-left:0;}

