@charset "utf-8";

* { margin:0;padding:0; border-spacing:0px; space:0px; }
br.clear{clear:both}

body{background:#233211 url(/images/zlayout-body.jpg) repeat-x;color:black;}

#container { width:1000px; background: #949d56 url(/images/zlayout-container.jpg) no-repeat;align:center;margin:0px auto;}
#controlbar /* width:auto is fickle in IE. use 100% */ 
{ width:100%;display:block;height:auto;text-align:right; }
#logobar { width:100%; height:100px; display:block;}

#logobar_search { float:right;width:300px;text-align:right;margin:1em;margin-right:20px;padding:10px;}
#logobar_search_input { margin:2px;padding:2px;clear:none;font-size:1.2em;color:#030;width:150px;background-color:white;border:0;font-weight:bold; }
#logobar_search a, #logobar_search a:visited {color:yellow;}
#logobar_search_button {height:25px;vertical-align:middle;}

#navbar { width:100%; display:block; }

#menu_h { position:relative;left:200px;}
#menu_h ul { list-style:none; float:left; }
#menu_h ul ul { width: 12em;  }
#menu_h a, #menu_h h2 { font: bold 1em arial, helvetica, sans-serif; display: block;padding: 2px 3px;}
#menu_h h2 {color: #3e4d44;font-size: bold 1.6em;padding-right:20px}
#menu_h a {color: #EEE;background: #000;text-decoration: none;}
#menu_h a:hover {color: red;background: #333;}
#menu_h li {position: relative;}
#menu_h ul ul ul {position: absolute;top: 0;left: 100%;}
#menu_h ul ul {position: absolute;z-index: 500;}
div#menu_h ul ul {display: none;}
div#menu_h ul li:hover ul {display: block;}
div#menu_h ul ul, div#menu_h ul li:hover ul ul, div #menu_h ul ul li:hover ul ul {display: none;}
div#menu_h ul li:hover ul, div#menu_h ul ul li:hover ul, div#menu_h ul ul ul li:hover ul {display: block;}

#subbar { width:100%; display:block; height:28px;text-align:right; }
#subbar a {font-size:1em;heigth:28px; line-height:28px; padding:0 8px; display:inline;text-decoration:none;color:#FFF}
#subbar a:hover {color:blue; }

#main {width:100%; display:block; background:url(/images/zlayout-main.jpg) repeat-y;}

#menu {width:200px; float:left;padding:0;margin:0;}
#menu a { text-decoration:none; text-align:left;font: 'Georgia';}
#menu ul { list-style: none; margin:0;}

#menu > ul {margin-top:10px;margin-left:5px;}
#menu > ul > li {position: relative;}
#menu > ul > li > a, 
#menu > ul > li > a:active,
#menu > ul > li > a:visited {  font-size:1.9em;margin-top:4px;margin-bottom:4px; color:white;}
#menu > ul > li > a:hover { }

#menu > ul {margin-top:4px;}
#menu > ul > li > ul { }
#menu > ul > li > ul > li {position: relative;}
#menu > ul > li > ul > li > a, 
#menu > ul > li > ul > li > a:active,
#menu > ul > li > ul > li > a:visited { font-size:1.2em;margin-left:1em;color:yellow;}
#menu > ul > li > ul > li > a:hover { color: white; }

#menu > ul > li > ul > li > ul { }
#menu > ul > li > ul > li > ul > li {position: relative;}
#menu > ul > li > ul > li > ul > li > a, 
#menu > ul > li > ul > li > ul > li > a:active,
#menu > ul > li > ul > li > ul > li > a:visited { font-size:1em;color: white;margin-left:2em; }
#menu > ul > li > ul > li > ul > li > a:hover { color:yellow; }
#menu > ul > li > ul > li > ul > li:hover ul {  }


#content, #menucontent, #contentmargin, #menucontentmargin { float:left;}
#content {width:650px;}#menucontent {width:850px;}
#contentmargin {width:800px;}
#menucontentmargin {width:1000px;}

.content { background-color:white;}
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6, .content p { padding: 0 10px 0px 10px;}
.content h1{font-size:24px;}
.content h2{font-size:14px;color:#999999;}
.content h3{font-size:13px;border-bottom:solid 1px #DEDEDE; padding:4px 0; margin-bottom:10px;}
.content a:link, a:visited{color:#0033CC;}
.content a:hover{text-decoration:none;}

#menu_refine_search h2 { font: 1.1em 'Georgia'; display: block; text-align:left; color:#FFF; padding-left:10px; }
#menu_refine_search a { padding:0px 0 0 0px; font-size:.7em;margin-left:2em;}

#page_navigation ul {list-style:none;padding:0;margin:0 20px 0 0;clear:both;float:right;}
#page_navigation li {float:left;margin:0 0.15em;} 
#page_navigation a{font-size:1em;heigth:28px; line-height:28px; padding:0 8px; display:inline;text-decoration:none;color:gray;}
#page_navigation a:hover {background-color:green;color:white; }
#page_navigation_selected { font-size:1.5em; font-color:#333; }

#catalog { width:780px;padding-right:10px;}
#catalog h1, #catalog h2, #catalog h3, #catalog h4 { color:#233211; }

#catalog_outline { width:790px;background:url(/images/zlayout-catalog-outline-background.jpg) no-repeat; }
#catalog_outline_header { height:300px;width:780px;float:left;background:url(/images/zlayout-catalog-outline-header.jpg) no-repeat; }
.catalog_outline_category { padding:2px;font-size:1.2em;width:380px;height:300px;float:left; text-align:center;color:#000;padding:4px;border:1px solid white;}
.catalog_outline_category a, .catalog_product_listing a:visited { color:green; }
.catalog_outline_category_highlight { border:1px solid green; }
#catalog_outline_category_img {}
.catalog_outline_category img {width:350px;}
.catalog_outline_category_highlight img {width:360px;}

#catalog_category_main {padding-left:100px;}

.catalog_subcategory { width:100%;float:left; }
.catalog_category_subcategories { float:left;width:800px;clear:both;margin-bottom:100px;}
.catalog_category_subcategory_caption { float:left;clear:both;color:#f9a2f0;margin:5px 0;}
.catalog_category_subcategory { float:left; text-align:center; }
.catalog_category_subcategory a, .catalog_category_subcategory a:visited, .catalog_category_subcategory a:hover 
  { color:green; text-decoration:none;}
.catalog_category_subcategory img {width:250px;margin:5px;}
.catalog_category_subcategory_img {height:200px;}

#catalog_category_navigation a, #catalog_category_navigation h3 { color:green;font-size:1.3em; text-decoration:none;}
#catalog_category_navigation a:hover { color:#233211;}
.catalog_page_navigation { color:black;}
.catalog_product_listing { padding:2px;font-size:1.2em;width:145px;height:190px;overflow:hidden;float:left; border:1px solid #d5d8bf; text-align:center;color:#010;padding:4px;}
.catalog_product_listing a, .catalog_product_listing a:visited { color:#233211;text-decoration:none;}
.catalog_product_listing_highlight { border:1px solid #233211; }
.catalog_product_listing img {width:130px;float:left;margin:5px;}
.catalog_product_listing_img {height:100px;overflow:hidden;}
.catalog_product_listing_sku {color:#233211;}
#catalog_product_listing_info a, #catalog_product_listing a:visited { font-size:.9em;color:#233211;}
#catalog_product_listing_info a:hover { color:green;}
.catalog_product_listing_price {color:green; }
#catalog_records_per_page { float:left;clear:both; padding:2px;}

#catalog_product_image_container {width:300px;float:left;}
#catalog_product_img { float:left;height:400px;overflow:hidden;}
#catalog_product_image {width:300px;margin:10px;}
#catalog_product_images {width:300px;float:left;clear:both;}
#catalog_product_images img {width:80px;margin:2px;}
#catalog_product_info {color:black;width:400px;float:right;clear:none;padding:10px;}
.catalog_product_name { width:400px;clear:both;float:left;text-align:center;color:black;font-size:1.4em }
.catalog_product_caption { width:100px;clear:both;float:left; }
.catalog_product_value { float:left; width:300px;}
.catalog_product_value select { width:95%; }
#catalog_product_description { float:left;clear:all;margin-top:1em;width:400px; }
#catalog_product_features { clear:left;font-size:larger;padding:10px;}
#catalog_product_features_title {font-size:larger;color:green;text-align:center;font-style:italic;margin-top:10px;}
#catalog_product_features ul { color: yellow; border-bottom:1px solid black;border-top:1px solid green;margin:0 10px 10px 10px;}
#catalog_product_features ul li {margin-left:1em;}

.catalog_product_buttons { background-color:#010;color:white;}

#cart_background { width:786px; background:  url(/images/zlayout_cart.jpg) no-repeat;min-height:700px; }
#cart { width:580px;margin-top:50px;margin-left:100px;border-collapsed;collapsed; font-size:1em;}
.cart_row { width:580px;border:1px solid #eee;}
.cart_row_highlight { width:580px;border:1px solid green; background-color:#EFE; }
.cart1of4,.cart2of4,.cart3of4,.cart4of4,.cart12of4,.cart34of4,.cart123of4,.cart1234of4 { float:left;padding:0 5px;}
.cart1of4, .cart12of4, .cart123of4,.cart1234of4 { clear:left; }
.cart34of4,.cart4of4,.cart123of4,.cart1234of4 { text-align:right;}
.cart1of4 { width:140px; }
.cart2of4 { width:220px;}
.cart3of4 { width:60px;padding:0; }
.cart4of4 { width:100px; }
.cart123of4 { width:430px; }
.cart1234of4 { width:550px; }
.cart12of4 { width: 370px; }
.cart34of4 { width: 160px; }
.cart_navigation { width:100%; border-top:1px solid green;border-bottom:1px solid green;}
.cart_navigation ul {list-style:none;padding:0;margin:0 20px 0 0;clear:both;float:left;}
.cart_navigation li {float:left;margin:0 0.15em;} 
.cart_navigation a{font-size:1em;display:inline;text-decoration:none;color:green;}
.cart_navigation a:hover {background-color:green;color:white; }
#cart_navigation_selected {font-size:1.6em; }
#cart_navigation_disabled {color:gray; }

.cart1of4 img { width:100px; padding:1em;}
#cart_sku { }
#cart_product {}
#cart_price {}
#cart_remove {}
.cart3of4 input {width:100%;text-align:right;}
.cart_buttons_wrapper { border-top:1px solid green;padding:10px 0;}
.cart_buttons { background-color:green;color:white; }

.feedback_caption { font-weight:bold;font-style:italic;}
.feedback_hint {font-style:italic;clear:none;color:#7b4301;}
.feedback_warning {font-style:italic;clear:none;color:red;font-size:larger;font-weight:bold;text-align:center}
.feedback_shortfield { width:50%; }
.feedback_longfield { width:95%; }
.feedback_shorttext { width:50%; height:150px;}
.feedback_longtext { width:95%; height:100px;}
.feedback_table img { margin:4px; }


#gallery { width:720px; padding:1em;}

.gallery_navigation a,.gallery_navigation a:visited { color:#a72102;text-decoration:none; font-size:1.5em;}

.gallery_subgalleries { float:left; width:360px; height:280px;text-align:center;}
.gallery_subgalleries_img { height:254px; }
.gallery_subgalleries img { width:320px;margin:10px; cursor:hand;}
a.gallery_subgalleries_links,a.gallery_subgalleries_links:visited {font-size:1.3em;color:#b16a02;text-decoration:none;background-color:black;}
a.gallery_subgalleries_links:hover { color:#a72102;font-weight:bold }

.gallery_picture_scrollbox { overflow-x:scroll;overflow-y:hidden; height:80px;width:100%;}
.gallery_picture_images { height:80px;width:2500px;}
.gallery_picture_images img {height:50px;float:left;clear:none;margin-left:4px;}
.gallery_picture_main img { float:left;width:500px; }
#gallery_picture_caption { float:left;width:200px;margin:8px;color:#462c07}



.admin { table-layout:auto;color:#000; width:100%; border-collapse:collapse;background-color:#EEE;} /*  could set default bg color */
.admin h1 { width:100%; color:#000; border-bottom:1px solid black; }
.admin td { color:#000; }
.admin a { color:#003; }
.admin a:visited { color:#000; }
.admin_background                                                               { background-color:#DDD; } 
.admin_row_highlight { background-color:#DDD; } /* lighter than background */
#admin_tabs input {font-size:1em;}
.admin_tabs { width:100%;border:none; border-collapse:collapse; padding:0px; margin:0px; }
.admin_tab_enabled   { border: 1px solid black; margin:0px; padding:0px; width:1%;background-color:#AAA; }
.admin_tab_enabled input         { border:none; padding:0; margin:0; background-color: #EEE; } /* bk must be set or button draws border */
.admin_tab_enabled input:hover { background-color:#FFF;font-weight:bold }
                                                                     /* _selected bk and bottom border to main site bk */
.admin_tab_selected { margin:0px; padding:0px; border-top: 1px solid black; width:1%;
             border-left: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid #FFF; }
.admin_tab_selected input {color:#000; border:none; padding:0;margin:0; background-color:#FFF;} /* bk must be set or button draws border */
.admin_tab_filler { width:99%; border-bottom:1px solid black; }



#margin {width:150px; float:right;}
div.spacer{clear:both; height:10px; display:block;}
#footerbar {width:100%;text-align:center;display:block; padding:10px 0; height:10px; font-size:11px; color:#666;  }
#footerbar a { color:#ccc; text-decoration:none; }#footerbar a:hover { color:#aaa; }