* { margin:0;padding:0; }
body{font-family:Verdana, georgia, Helvetica, sans-serif; background-color:#001100;}
br.clear { clear:both; }

#container {
  width:1010px;
  margin:0px auto;
  background-color:#FFF;
}
#controlbar /* width:auto is fickle in IE. use 100% */
  { width:100%;display:block;height:auto;text-align:right; }
#logobar {
  padding-top:10px;
  background-color:#001100;
  width:100%;
  height:80px;
  display:block; 
  overflow:hidden;
}
.logobar_logo { float:left;width:300px;clear:both;height:100px;overflow:hidden;}
.logobar_logo img { border:0;}
.logobar_login {float:left;width:300px;height:100px;overflow:hidden;clear:none;text-align:center;}
.logobar_login img { border:0;}
.logobar_ad { float:left;clear:none;width:400px;text-align:right;height:100px;overflow:hidden;}

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

#menu_h { margin:0px;float:left;left:4px;top:0px;letter-spacing:-1px;width:100%;background:#001100 url(/images/zlayout-menu_background2.jpg) repeat-x;}
#menu_h ul { list-style:none; margin:0; float:left; }

#menu_h ul  li  a  { display: block;
  text-decoration:none;font-size:1.2em;letter-spacing:0px;padding:0 4px;font: Verdana, georgia, Helvetica, sans-serif;
  color: #b2c8b3; padding: 3px 15px 2px 2px;}
#menu_h ul > li > a:hover { color:white;}

.menu_sales { background: url(/images/zlayout-menu-sales.jpg) no-repeat; }
.menu_panel { background: url(/images/zlayout-menu-panel.jpg) no-repeat; }
.menu_blogs { background: url(/images/zlayout-menu-blogs.jpg) no-repeat; }
.menu_transport { background: url(/images/zlayout-menu-transport.jpg) no-repeat; }
.menu_resources { background: url(/images/zlayout-menu-resources.jpg) no-repeat; }
.menu_quick { background: url(/images/zlayout-menu-quick.jpg) no-repeat; }
.menu_calendar { background: url(/images/zlayout-menu-calendar.jpg) no-repeat; }
.menu_aboutus { background: url(/images/zlayout-menu-aboutus.jpg) no-repeat; }
.menu_auction { background: url(/images/zlayout-menu-auction.jpg) no-repeat; }

#menu_h > ul > li > ul { position: absolute;top:100%;left:0px;width: 190px; border:1px solid white;padding:5px;display:none;margin:0;background-color:#001100}
#menu_h ul ul img { }
#menu_h ul > li > ul > li a {color: #DDD;text-decoration: none;border:0;padding:0;margin:0;font-weight:bold}
#menu_h ul > li > ul > li a:hover {color: #FFF;border-top:1px solid white;border-bottom:1px solid white;}
#menu_h li {position: relative;}

#menu_h ul ul ul {position: absolute;top: 0;left: 100%;background-color:#010}
#menu_h ul > li > ul > li > a { font-size: 1em; }

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;}

#menu_h ul ul ul {position: absolute;top: 0;left: 100%;background-color:#010}
#menu_h ul > li > ul > li > ul > li > a { font-size: 1em;width:150px;margin:2px; }








#subbar { width:100%; display:block; height:30px;background:#001100 url(/images/zlayout-menu_background.jpg) repeat-x; }

#menu_ie6 a, menu_ie6 a:visited {text-decoration:none;color:white;padding:2px;}

#main { width:100%; display:block; overflow:hidden;clear:left;}

#content, #menucontent, #contentmargin, #menucontentmargin, #margin { float:left;overflow:hidden;}
#menu {width:150px; float:left;padding:0;margin:0;background-color:#001100;}
#menucontent {width:720px; padding:0 5px;  background-color:#fff;}
#content {width:580px;padding:0 5px;  background-color:#fff;}
#contentmargin {width:840px;padding:0 5px 0 10px;  background-color:#fff;}
#menucontentmargin {width:990px;padding: 0 10px 0 5px;  background-color:#fff;}
#margin { width:270px;padding:0;margin:0;background-color:#CCC; }

#menu { text-align:center;}
#menu img { width:150px;border:0;padding:0;margin:0;}
#menu a,#menu a:visited,#menu a:hover  { border:0;padding:0;margin:0;text-decoration:none;color:white;text-align:center;}

.menu, .margin { background-color:black;}

.content { width:100%;}
.content div { padding:5px; }
.content li { font-size:.9em;} 
.content h1, .content h2, .content h3, .content h4, .content h5, .content p { padding:5px 0 5px 0;}
.content h1 { font-size:1em;background-color:#006600;color:white;}
.content h6 { padding:1px;}
.content h2 { color:blue; }
.content img { margin:5px; }
.content ul,.content ol { margin-left:2em;}
.content a,.content a:visited {color:blue;text-decoration:none;font-size:.9em;}
.content a:hover { color:blue;text-decoration:underline;}

.content_row_highlight { background-color:#EEE;}

.roster { cell-spacing:0;cell-padding:0;}
.roster td { font-size:1em;}
.roster_row_highlight { background-color:#CCC;}

.content_float_summary {float:right;width:200px;border:1px solid gray;background-color:#FFE;padding:0;margin:0 0 1em 1em;}
.content_float_summary ul { list-style-type:none;padding:0;margin:0;}
.content_float_summary ul li { background-image:url(/images/check.png);background-repeat:no-repeat;padding:0 0 0 14px;margin:0;}

#page1_table { border-collapsed:collapse;width:590px;}
#page1_margin { float:right;width:270px;margin:0;padding:0;}
#page1_margin img { border:0;border:1px solid red;}
#page1_link { background-color:blue;color:white;text-align:center;overflow:hidden;}
#page1_link a, #page1_link a:visited, #page1_link a:hover {color:white;font-size:.8em;} 

#page1_hotlinks { background-color:#F00808;color:white;text-align:center;overflow:hidden;}
#page1_hotlinks a, #page1_link a:visited, #page1_link a:hover {color:white;font-size:.8em;} 

#welcome_row { width:700px;overflow:hidden;margin-bottom:10px;}
#welcome_row a,#welcome_row a:hover,#welcome_row a:visited {font-size:1em;color:white;}
#welcome_row1_button, #welcome_row2_button, #welcome_row3_button, #welcome_row4_button, #welcome_row5_button  { float:left; background:url(/images/zlayout-welcome-button.jpg) no-repeat; 
  width:90px;height:50px;overflow:hidden;text-align:center;padding-right:10px;padding-top:10px;
  margin-left:30px;margin-right:0px;}
#welcome_row1_button { background: url(/images/myasbutton.jpg) no-repeat;}
#welcome_row2_button { background: url(/images/mybpbutton.jpg) no-repeat;}
#welcome_row3_button { background: url(/images/mybmgbutton.jpg) no-repeat;}
#welcome_row4_button { background: url(/images/myadsbutton.jpg) no-repeat;}
#welcome_row5_button { background: url(/images/shoppebutton.jpg) no-repeat;}
#welcome_heading { display:block;margin-left:auto;margin-right:auto;}

.rowwrapper { width:800px;overflow:hidden;margin:0;padding:0;}
.floatright { float:right;}

.col1of2,.col2of2 { width:378px;float:left;height:700px;margin-bottom:10px;overflow:hidden;}
.col2of2 { margin:0 0 10px 10px;}

.col1of3,.col2of3,.col3of3 { width:244px;float:left;height:300px;margin-bottom:10px;font-size:.9em}
.col2of3 { margin:0 11px 10px 11px; }

.col1of4,.col2of4,.col3of4,.col4of4,.col34of4 { width:178px;float:left;height:300px;margin-bottom:10px;}
.col2of4,.col3of4, .col4of4 { margin:0 0 10px 10px; }
.col34of4 { width:378px;margin:0 0 10px 10px; }

.col_design { height:250px;}
.col_support { height:250px;}
#col_support_conversation p {font-size:.8em;}
#col_hosting { height:100%;}

.welcome a { float:left;}


#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:red;}
#page_navigation a:hover {background-color:red;color:white; }
#page_navigation_selected {font-size:larger; }

#catalog { width:830px;}
#catalog h1, #catalog h2, #catalog h3, #catalog h4 { color:#001100; }

#catalog_outline { background: url(/images/catalog-outline.jpg) no-repeat;color:#001100;}
#catalog_outline_header { width:800px;float:left;background: url(/images/zlayout-catalog-outline-header.gif) no-repeat;padding:15px;}
#catalog_outline_categories { float:left;width:800px; }
.catalog_outline_category { padding:2px;font-size:1.2em;width:180px;height:300px;float:left; border:1px solid #FFF; text-align:center;color:#001103;padding:4px;}
.catalog_outline_category a, 
.catalog_outline_category a:visited,
.catalog_outline_category h1 { background-color:white;color:black;text-decoration:none; }
#catalog_outline_category_caption a {color:#010;}
.catalog_outline_category_highlight { background:url(/images/zlayout-catalog-outline-category.gif) no-repeat;  }
.catalog_outline_category img {width:150px;margin:10px;}
.catalog_outline_category_highlight img {}

.catalog_subcategory { width:100%;float:left;color:green; }
#catalog_category_subcategory_caption {float:left;}
#catalog_category_subcategory {float:left;margin-top:-6px;white-space:nowrap;}
.catalog_category_navigation { float:right;clear:both;margin-right:20px; }
#catalog_category_navigation a, #catalog_category_navigation h1 { background-color:white;color:#001100;font-size:1em; text-decoration:none;}
#catalog_category_navigation a:hover { color:green;}
#catalog_main_category { display:none; }
.catalog_page_navigation { color:#001100;}
.catalog_page_navigation a { text-decoration:none;}

#catalog_products {width:100%;clear:both;}
.catalog_product_listing { padding:2px;font-size:.7em;width:188px;height:300px;float:left; border:1px solid #FFF; text-align:center;color:#001100;padding:4px;}
.catalog_product_listing_img {height:200px;overflow:hidden;}
.catalog_product_listing a, .catalog_product_listing a:visited { color:#001100;text-decoration:none;font-size:1.4em;}
.catalog_product_listing_highlight { border:1px solid #001100;background-color:tan; }
.catalog_product_listing img {width:170px;float:left;margin:5px;}
#catalog_records_per_page { float:left;clear:both; color:#001100; padding:2px;}

#catalog_product_image_container {width:300px;float:left;}
#catalog_product_image {width:280px;margin:10px;}
#catalog_product_zoom_hint {margin:2px auto;text-align:center;font-size:.8em} /* click to zoom hint */
#catalog_product_zoom_div {display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1001;}
#catalog_product_zoom_div_img {position:absolute;border:1px solid black;top:10px;width:90%;left:5%;}
#catalog_product_zoom_div a
        {position:absolute;top:10px;width:90%;left:5%;text-align:right;margin-right:15px;text-decoration:none;}
#catalog_product_images {width:300px;float:left;clear:both;}
#catalog_product_images img {width:90px;}
#catalog_product_info {color:#001100;width:400px;float:right;margin-right:50px;clear:none;padding:10px;
border:1px solid #001100;background:url(/images/zlayout-catalog-product-info-background.jpg) no-repeat;}
.catalog_product_name { width:400px;clear:both;float:left;text-align:center;}
.catalog_product_name h1 {background-color:white;}
.catalog_product_caption { width:100px;clear:both;float:left;}
.catalog_product_value { float:left; width:200px;}
.catalog_product_value select { width:95%; }
#catalog_product_description { float:left;width:400px;clear:all; }
.catalog_product_features { clear: both; }
.catalog_product_features ul { color: green; font-size:smaller;}
.catalog_product_buttons { background-color:#001100;color:white;}

#catalog_header_div { padding:0;margin:0;border-bottom:1px solid #010;}
#catalog_header_div * {padding:0;margin:0;}


#article { width:830px;}
#article h1, #catalog h2, #catalog h3, #catalog h4 { color:#001100; }

#article_outline { background: url(/images/catalog-outline.jpg) no-repeat;color:#001100;}
#article_outline_header { width:800px;float:left;background: url(/images/zlayout-catalog-outline-header.gif) no-repeat;padding:15px;}
#article_outline_categories { float:left;width:800px; }
.article_outline_category { padding:2px;font-size:1.2em;width:180px;height:300px;float:left; border:1px solid #FFF; text-align:center;color:#001103;padding:4px;}
.article_outline_category a,
.article_product_listing a:visited { color:black;text-decoration:none; }
#article_outline_category_caption a {color:#010;}
.article_outline_category_highlight { background:url(/images/zlayout-catalog-outline-category.gif) no-repeat;  }
.article_outline_category img {width:150px;margin:10px;}
.article_outline_category_highlight img {}

.article_subcategory { width:100%;float:left;color:green; }
#article_category_subcategory_caption {float:left;}
#article_category_subcategory {float:left;margin-top:-6px;white-space:nowrap;}
.article_category_navigation { float:right;clear:both;margin-right:20px; }
#article_category_navigation a, #catalog_category_navigation h1 { color:#001100;font-size:1em; text-decoration:none;}
#article_category_navigation a:hover { color:green;}
#article_main_category { display:none; }
.article_page_navigation { color:#001100;}
.article_page_navigation a { text-decoration:none;}

#article_view {width:100%;clear:both;}
.article_listing { padding:2px;font-size:.7em;width:188px;height:300px;float:left; border:1px solid #FFF; text-align:center;color:#001100;padding:4px;}
.article_listing_img {height:200px;overflow:hidden;}
.article_listing a, .catalog_product_listing a:visited { color:#001100;text-decoration:none;font-size:1.4em;}
.article_listing_highlight { border:1px solid #001100;background-color:tan; }
.article_listing img {width:170px;float:left;margin:5px;}
#article_records_per_page { float:left;clear:both; color:#001100; padding:2px;}

#article_view_image_container {width:300px;float:left;}
#article_view_image {width:280px;margin:10px;}
#article_view_info {color:#001100;width:400px;float:right;margin-right:50px;clear:none;padding:10px;
border:1px solid #001100;background:url(/images/zlayout-catalog-product-info-background.jpg) no-repeat;}
.article_view h1 { width:400px;clear:both;float:left;text-align:center; }
#article_header_div { padding:0;margin:0;border-bottom:1px solid #010;}
#article_header_div * {padding:0;margin:0;}



#cart_background { width:1000px; background:  url(/images/zlayout-cart-background.jpg) no-repeat;min-height:700px; }
#cart { width:1000px;border-collapsed;collapsed; font-size:1em;}
.cart_row { width:980px;border:1px solid white;margin:0;padding:0;}
.cart_row_highlight {  width:970px;border:1px solid #001100;background-color:#EEE; }
.cart1of4,.cart2of4,.cart3of4,.cart4of4,.cart12of4,.cart123of4,.cart34of4,.cart1234of4 { float:left;padding:0 5px 0 5px;margin:0;}
.cart1of4, .cart12of4, .cart123of4,.cart1234of4 { clear:left; }
.cart34of4,.cart4of4,.cart123of4,.cart1234of4 { text-align:right;}
.cart1of4 { width:140px; }
.cart2of4 { width:340px; }
.cart3of4 { width:140px;padding:0; }
.cart4of4 { width:140px; }
.cart123of4 { width:620px; }
.cart1234of4 { width:980px; }
.cart12of4 { width: 480px; }
.cart34of4 { width: 260px; }
.cart_navigation ul {list-style:none;padding:0;margin:0 20px 0 0;clear:both;float:right;}
.cart_navigation li {float:left;margin:4px;color:gray;} 
.cart_navigation a{font-size:1em;display:inline;text-decoration:none;padding:5px;}
.cart_navigation a:hover {color:red; }
#cart_navigation_selected {font-size:1.6em;text-decoration:underline; }
#cart_navigation_disabled { }

.cart1of4 img { width:130px; }
#cart_sku { }
#cart_product {}
#cart_price {}
#cart_remove {}
.cart3of4 input {width:100%;text-align:right;margin:0;padding:0;}
.cart_buttons { background-color:red;color:white; }

.cart_ad { border_collapse:collapse;}
.cart_ad_row_highlight { background-color:#EEE;}
.cart_ad_row_hint_show, #cart_row_hint_show { display:block;}
.cart_ad_row_hint_hide, #cart_row_hint_hide { display:none;}
#cart_ad_product { font-weight:bold}
#cart_ad_price { text-align:right;}

#calendar_upcomingevents {width:100%}
#calendar_upcomingevents_title {float:left}
#calendar_upcomingevents_row {float:left;clear:both}
#calendar_upcomingevents_row_highlight {border:1px blue;}
#calendar_upcomingevents_date {width:100px;float:left;clear:both;}
#calendar_upcomingevents_time {width:100px;float:left;overflow:hiden;}
#calendar_upcomingevents_event {width:100px;float:left;overflow:hidden;}

#calendar {width:1000px;overflow:hidden;}
#calendar_row {float:left;width:1000px;clear:both;padding:0;margin:0;overflow:hidden;}
#calendar_button {float:left;width:50px;font-size:2em;padding:0;margin:0;}
#calendar_title {float:left;width:900px;font-size:2em;text-align:center;height:30px;padding:0;margin:0;}
#calendar a {text-decoration:none;}

.calendar_month_day {float:left;width:130px;height:100px;border:1px solid gray;overflow:hidden;cursor:hand;padding:0;}
.calendar_month_day_highlight {border:1px solid black;}
.calendar_month_dow {font-style:italic;font:1.4em;height:30px;text-align:center;}
.calendar_month_weekend {background-color:#EEF;}
.calendar_month_today span { border:1px solid #001100 }
.calendar_month_events {background:#FFF url(/images/zlayout-calendar-events.jpg) no-repeat;}
.calendar_month_events span {float:left;width:50px;}
.calendar_month_day a,.calendar_month_day a:visited { font-size:1em;color:#001100;}
#calendar_month_empty {background-color:#eee;border:1px solid #ddd;}
#calendar_month_time {float:left;clear:left;width:60px;font-size:.8em;overflow:hidden;padding:0;}
#calendar_month_name {float:left;clear:none;width:126px;color:#010;font-size:.8em;overflow:hidden;padding:0;height:15px;}

#calendar_day {}
.calendar_day_row {background-color:white;}
.calendar_day_row_highlight {background-color:gray;}
#calendar_day_time {float:left;clear:left;width:100px;}
#calendar_day_name {float:left;clear:none;width:200px;}
#calendar_day_details {float:left;clear:none;width:300px;color:gray;}
#calendar_day_edit_col1 {float:left;clear:left;width:100px;padding:0;}
#calendar_day_edit_col2 {float:left;clear:none;width:600px;padding:0;}
#calendar_day_edit_col2 input {}
#calendar_day_edit_col2 textarea {width:95%;height:100px;}


.feedback_caption { font-weight:bold;font:.9em;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%; }
.feedback_longtext { width:95%;height:100px; }

#articles { width:100%; }
.articles_row_highlight { background-color: #FFE; }


#auction_frame { border:0;overflow:auto;height:2000px;width:990px;overflow-x: hidden; overflow-y: hidden; }
#auction_row {width:990px;background-color:#060;margin:0;padding:0;margin-top:5px;}
#auction_name { width:500px;float:left;font-size:1.7em;font-weight:bold;color:white;overflow:hidden;margin:0;padding:4px;}
#auction_status {width:470px;float:left;font-size:2em;font-weight:bold;color:yellow;overflow:hidden;text-align:right;margin:0;padding:4px;}

#auction_frame {width:990px;height:900px;}


#margin { border:0;padding:0;margin:0;background-color:#001100;}
#margin a { border:0;padding:0;margin:0;}
#content_roster { background-color:white;}
#margin_ad img {width:270px;border:0;margin:0;}

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:#382918;}
#footerbar a { color:#ccc; text-decoration:none; }
#footerbar a:hover { color:#aaa; }



.admin { table-layout:auto;color:#000; width:100%; border-collapse:collapse;} /*  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:#85b4e0; } /* background of admin screen headers */
.admin_row_highlight { background-color:#DDD; } /* lighter than site page background for row highlight */
#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 #C0dCF6; }
.admin_tab_selected input {color:#000; border:none; padding:0;margin:0; background-color:#C0dCF6;} /* bk must be set or button draws border */
.admin_tab_filler { width:99%; border-bottom:1px solid black; }


/* used for all admin screens to form columns */
.dark_heading td { color:#FFF;background-color:#000; border:1px solid black; }
.dark_line td { border-bottom:1px solid black; border-left:1px solid black; }
.dark_line_right { border-right:1px solid black; }