/* --- global settings --- */

html, body, div, img, form          { margin: 0; padding: 0; border: 0; }
table, tr, td                       { text-align: left; vertical-align: top; margin: 0; padding: 0; border: 0; }
html, body                          { color: #352213; font: normal 13px/20px Arial, Helvetica, sans-serif; }

p, ul, ol, li                       { padding: 0; margin: 0; }
p                                   { margin-bottom: 20px; }
ul, ol                              { padding: 0; margin: 0 0 15px 0; list-style-position: outside; }
li                                  { padding: 0; margin: 0 0 0 20px; }

a                                   { color: #624523; text-decoration: none; }
a:hover                             { color: #624523; text-decoration: underline; }

a:focus, input:focus                { outline: none; }

h1, h2, h3, h4, h5, h6              { color: #69230b; margin: 0; padding: 0; }
h1                                  { font: bold 30px/30px "Times New Roman", Times, serif; margin-bottom: 8px; }
h1#page_header                      { font: bold 24px/24px "Times New Roman", Times, serif; margin-bottom: 6px; }
h2                                  { font: bold 24px/24px "Times New Roman", Times, serif; margin-bottom: 6px; }
h3                                  { font: bold 20px/20px "Times New Roman", Times, serif; margin-bottom: 6px; }
h4                                  { font: bold 16px/16px "Times New Roman", Times, serif; margin-bottom: 4px; }
h5                                  { font: bold 13px/13px "Times New Roman", Times, serif; margin-bottom: 4px; }
h6                                  { font: normal 13px/20px "Times New Roman", Times, serif; }

/* --- layout styles --- */

body                                { background: #481108; min-width: 920px; }
.cell                               { width: 920px; margin: 0 auto; display: table; }

#header,
#header_home                        { width: 100%; background: url(images/header_repeat.jpg) center top repeat-x; }
    #header .cell                   { height: 154px; background: url(images/header.jpg) center top no-repeat; }
    #header_home .cell              { height: 490px; background: url(images/header_home.jpg) center top no-repeat; }

    #logolink                       { width: 410px; height: 130px; float: left; display: inline; cursor: pointer; }

    ul#topnav                       { width: 290px; height: 28px; list-style: none; margin: 0; margin-top: 63px; float: left; display: inline; }
        #topnav li                  { display: inline; float: left; text-indent: -9090px; padding: 0; margin: 0; }
        #topnav li a:hover,
        #topnav li a:active         { background-position: bottom left; }

        li#home a,
        li#home_active a            { display: block; width: 72px; height: 28px; } 
        li#home a                   { background: url(images/nav_home.jpg) top left no-repeat; } 
        li#home_active a            { background: url(images/nav_home_active.jpg) top left no-repeat; } 

        li#about a,
        li#about_active a           { display: block; width: 98px; height: 28px; } 
        li#about a                  { background: url(images/nav_about.jpg) top left no-repeat; } 
        li#about_active a           { background: url(images/nav_about_active.jpg) top left no-repeat; } 

        li#contact a,
        li#contact_active a         { display: block; width: 120px; height: 28px; } 
        li#contact a                { background: url(images/nav_contact.jpg) top left no-repeat; } 
        li#contact_active a         { background: url(images/nav_contact_active.jpg) top left no-repeat; } 

    #banners                        { width: 864px; height: 329px; float: left; display: inline; clear: left; margin: 0 0 0 24px; }
        #banner1                    { float: left; }
        #banner2                    { float: right; }
        #offer                      { float: right; margin-top: 12px; }
 
#footer                             { width: 100%; background: #481108 url(images/footer.jpg) center top repeat-x; }
    #footer .cell                   { height: 135px; }

    #footer #links                  { width: 920px; height: 86px; color: #ab936b; font: bold italic 14px/20px Georgia, serif; }
    #footer #links a,
    #footer #links a:hover          { color: #ab936b; }
    
    #links .link_holder             { float: left; display: inline; margin: 10px 80px 0 0; }
    #links .link_holder ul          { list-style: none; }

    #footer #iqlogo                 { width: 47px; height: 39px; float: left; display: inline; }
    #footer #iqlogo img             { float: right; }

    #footer #iqcopyright            { width: 873px; height: 39px; color: #7a5d59; font: normal 11px/13px Verdana, sans-serif; float: right; display: inline; }
    #footer #iqcopyright a,
    #footer #iqcopyright a:hover    { color: #7a5d59; }

#content                            { width: 100%; background: #f7f2e2 url(images/content_border.jpg) center top repeat-x; }
    #content .cell                  { }

    #page_content                   { width: 850px; min-height: 350px; height: auto !important; height: 350px; margin: 36px auto 20px auto; }

    #sidebar_categories             { width: 233px; float: left; display: inline; margin: 17px 0 0 8px; }
        #sidebar_cat_header         { width: 233px; height: 100px; background: url(images/cat_header.jpg) center top no-repeat; }
        #sidebar_cat_footer         { width: 233px; height: 215px; background: url(images/cat_footer.jpg) center top no-repeat; }
        .sidebar_category           { display: table; }
        .sidebar_link               { width: 233px; height: 43px; background: url(images/cat_box.jpg) center top no-repeat; font: italic 14px/43px Georgia, serif; text-align: center; cursor: pointer; }
        a .sidebar_link             { color: #352213; }
        a:hover .sidebar_link,
        a:active .sidebar_link      { color: #352213; text-decoration: underline; }
        .sidebar_subcategory        { display: none; text-align: center; width: 210px; background: #f0e5cf; border: #e6d9c6 solid 1px; padding: 5px 10px; margin: 1px 0 0 1px; font: italic 14px/20px Georgia, serif; }

        #nl_signup                  { border: 0; padding: 10px 15px 0 24px; margin: 0; }
        #nl_signup #Email           { width: 150px; border: 0; margin: 7px 0 0 3px; color: #9c9377; font: normal 11px/13px Arial, sans-serif; background: none; float: left; }
        #nl_signup #go_btn          { height: 29px; width: 29px; float: right; }

		#searchfrm					{ border: 0; padding: 10px 15px 0 24px; margin: 0; }
        #searchfrm #search_str		{ width: 150px; border: 0; margin: 67px 0 0 3px; color: #9c9377; font: normal 11px/13px Arial, sans-serif; background: none; float: left; }
        #searchfrm #go_btn			{ height: 29px; width: 29px; margin-top: 60px; float: right; }

    #sidebar_main                   { width: 635px; float: right; display: inline; margin: 17px 29px 20px 0; }

    #featured_products              { width: 635px; display: table; }
        .featured_product           { width: 180px; float: left; display: inline; margin: 0 15px; }
            .featured_image         { margin-bottom: 5px; }
            .featured_title         { color: #69230b; font: bold 16px/16px "Times New Roman", Times, serif; margin-bottom: 4px; }
            .featured_desc          { font: normal 11px/18px Arial, Helvetica, sans-serif; }

.required_icon						{ color: #98171b; margin-right: 5px; }
   
/* --- generic CMS styles --- */

.back_to_top                        { padding: 5px 0 10px 0; text-align: center; }
.click_to_enlarge                   { text-align: center; font-size: 10px; text-decoration: none; font-style: italic; }

/* --- S01 styles (About Us) --- */

.s01_table                          { display: table; }
    .s01_image_holder               { padding: 10px; font-size: 11px; margin: 0 10px 5px 0; text-align: center; border: #dcc792 solid 1px; background: url(/images/bg.gif) center center repeat; }
    .s01_image_holder_center        { padding: 10px; text-align: center; }
    .s01_photo                      { margin-bottom: 5px; border: 0; }
    .s01_main_image                 { border: 0; }
    .s01_main_photo                 { border: 0; }
    .s01_jumplinks                  { margin: 10px 0px; padding: 10px 20px; clear: both; border: #dcc792 solid 1px; background: url(/images/bg.gif) center center repeat; }
        .s01_jumplinks ul           { margin: 0; list-style: none; }
        .s01_jumplinks ul li        { margin: 0; }
        .s01_jumplinks ul li a      { color: #69230b; font: bold 16px/20px "Times New Roman", Times, serif; }
    .s01_text                       { padding-top: 10px; clear: both; }
    .s01_photo                      { margin-bottom: 5px; border: 0; }
    .s01_files                      { margin-left: 20px; }
        .s01_files ul li            { list-style: inside url(images/fileicon.gif); }
    .s01_table .back_to_top         { clear: both; font: italic 14px/20px Georgia, serif; }
    .s01_table .click_to_enlarge    { color: #666; text-decoration: none; }

/* --- S03 styles (Contact Us) --- */

.s03_image                          { float: left; margin: 0 10px 5px 0; }

#contact_form fieldset              { width: 500px; margin: 0 auto; border: #dfcea3 solid 1px; padding: 15px 0; clear:both; }
#contact_form legend                { font-style: italic; padding: 0 10px; text-align: right; }
#contact_form fieldset .form_row    { width: 470px; text-align: center; min-height: 20px; padding-bottom: 5px; clear: both; }
#contact_form fieldset label        { width: 150px; text-align: right; margin-right: 15px; float: left; }
#contact_form fieldset input,
#contact_form fieldset textarea,
#contact_form fieldset select       { width: 300px; border: #977e63 solid 1px; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 13px; padding: 2px 0 0 2px; }
#contact_form fieldset textarea     { width: 300px; height:100px; }
#contact_form fieldset #submit      { margin: 5px 0 0 165px; width: 100px; }
#contact_form fieldset #required    { font-size: 10px; margin-top: 15px; margin-left: 90px; }
#contact_form .req                  { color: #D00; font-size: 16px; font-weight: bold; }
#contact_form label.error           { width: 470px; color: #D00; text-align: right; padding:0 0 5px 0; }

/* --- Cart Styles --- */

.alert_color						{ color: #d00; }
.strike								{ color: #d00; text-decoration: line-through; font-weight: normal; }
#page_navigation					{ color: #682208; background: #f0e5cf; border: #e6d9c6 solid 1px; padding: 5px 10px; margin-bottom: 20px; font: bold italic 14px/20px Georgia, serif; }
    #page_navigation a				{ color: #682208; }
    #page_navigation a:hover		{ color: #682208; }

/* --- Catalog page styles --- */

#category_intro						{ clear: both; margin-bottom: 15px; }
#category_bottom					{ clear: both; margin-top: 15px; }

#category_thumb_holder				{ float: left; margin: 0 10px 5px 0; }

.category_products					{ width: 635px; display: table; }

.category_subcat,
.category_product					{ width: 165px; margin: 20px 15px; text-align: center; float: left; display: inline; }
    .category_image_container		{ }
    .category_subcat_title			{ color: #682208; font: bold italic 13px/20px Georgia, serif; padding-top: 10px; }
    .category_subcat_title a		{ color: #682208; }
    .category_subcat_title a:hover	{ color: #682208; }
    .category_product_title			{ }
    .catalog_price_container,
    .catalog_price_wholesaler		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; }
    .catalog_price_wholesaler		{ color: #bb2212; }
        .catalog_price				{ }
        span.price					{ font-weight: bold; }
        .call_for_price				{ font-style: italic; }
        .catalog_price_strike		{ color: #8f8f8f; text-decoration: line-through; }

.items_container					{ display: table; border: #dcc792 solid 1px; background: url(/images/bg.gif) center center repeat; margin: 15px auto 0 auto; clear: both; }
.items_row							{ display: table-row; padding: 0 10px; }
.category_subcat					{ display: table-cell; }

/* --- Product page styles --- */

#product_image						{ width: 200px; text-align: center; float: left; display: inline; }
#product_info						{ width: 420px; float: right; display: inline; }
#product_therest					{ width: 635px; clear: both; display: table; margin-top: 15px; }


.product_price						{ font-size: 15px; line-height: 24px; display: table; width: 405px; margin: 15px 0 0 15px; text-align: left; }
    .product_base_price                        { font-weight: bold; }
    .product_base_price .product_price_amount  { color: #d00; text-decoration: line-through; font-weight: normal; }
    .product_sale_price                        { font-weight: bold; }
	.product_sale_price .product_price_amount  { }
    .product_save_price                        { font-weight: bold; }
    .product_save_price .product_price_amount  { color: #d00; font-weight: normal; }
    .product_price_label			{ font-weight: normal; }

.product_buttons 					{ margin: 10px 0 0 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; border: #dcc792 solid 1px; background: url(/images/bg.gif) center center repeat; }
.product_button_item				{ height: 22px; padding: 5px 10px; text-align: center; }
.product_button_item ul				{ list-style: none; }
.product_button_item input,
.product_button_item textarea,
.product_button_item select			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; }

.product_cell_container				{ display: table; text-align: left; margin-top: 15px; }

#product_images,
#product_also						{ display: table; clear: both; }
    .secondary_image_holder			{ float: left; display: inline; width: 50px; margin: 10px 5px; }
    .secondary_image_holder img		{ height: 50px; width: 50px; }

/* --- Cart forms --- */

.CatalogItemDark					{ background: #f0e5cf; }
.CatalogItemDark2					{ background: #f0e5cf; }

.CatalogItemLight					{ border-top: #e6d9c6 solid 1px; padding: 15px 0 5px 0; }

.cart_title							{ color: #69230b; font: bold 15px/20px "Times New Roman", Times, serif; }
    .cart_title a					{ color: #69230b; }
    .cart_title a:hover				{ color: #69230b; }
.cart_overview    					{ font: normal 12px/16px Arial, Helvetica, sans-serif; }
.cart_backlink						{ font-size: 11px; font-style: italic; }

.formFieldSet,
.formFieldSetLeft,
.formFieldSetRight					{ border: 1px solid #dfcea3; margin: 0 5px 5px 5px; padding-bottom: 10px; }
.formFieldSetLeft 					{ width: 290px; float: left; display: inline; }
.formFieldSetRight 					{ width: 490px; float: right; display: inline; }

.formFieldSet input					{ float: none; }

.formContent						{ clear: both; float: left; padding-left: 0px; width: 99%; }
.formSeparator						{ font-size: 12px; font-style: normal; font-weight: normal; background-color: #f0f0f0; padding: 6px; color: #000; }
.formHeader							{ clear: both; padding: 5px; color: #682208; font: bold italic 14px/20px Georgia, serif; }
.formLine							{ clear: both; float: left; width: 100%; }

.formCaption,
.formControl,
.formSpace							{ float: left; display: inline; }

.formCaption						{ padding: 5px; margin-top: 3px; text-align: right; width: 40%; }
.formControl						{ padding: 5px; }
.formSpace							{ padding: 5px 5px 5px 15px; }

.formControlText					{ font-style: normal; font-weight: normal; width: 144px; }
.formControlSelect					{ font-style: normal; font-weight: normal; width: 150px; }

.formButtons						{ text-align: center; padding: 15px 0; clear: both; float: left; width: 99%; }
.formButtons input					{ margin: 0 auto; }
.FormItems							{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; padding: 2px; color: #333; }
.formRemark							{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; line-height: 12px; font-style: normal; font-weight: normal; color: #999; }

.smaller							{ font-size: 11px; line-height: 14px; text-align: center; }
.left_f								{ width: 250px; float: left; display: inline; margin-bottom: 20px; }
.right_f							{ width: 215px; float: left; display: inline; font-size: 11px; line-height: 14px; }

/* EOF */
