html, body, #wrapper   { color: #666; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; background-image: url("../img/back-shad.gif"); background-repeat: repeat-y; background-position: center 0; text-align: center; margin: 0; height: 100% }
#wrapper { text-align: left; }

h1, h2, h3, h4  { color: #666; font-weight: normal; margin: 0; padding: 0 }
h1  { font-size: 23px }
/*ul  { line-height: 1.6; margin-left: 10px; padding: 0 }
li  { margin-bottom: 5px }
*/
h2  { font-size: 20px }
h3  { font-size: 17px }
h4  { font-size: 13px }

a { color: #666; font-size: 11px; text-decoration: none; text-align: left }
a:focus {outline: none;}

p { color: #666; font-size: 11px; line-height: 17px; text-align: left }
td { font-size: 11px }
hr { color: #999; height: 1px }
img {border-color: black}

.top_cell   { background-image: url("../img/top-shad.gif"); background-repeat: repeat-x; background-position: 0 bottom; height: 75px }
.head_bar  { color:white; padding: 8px; width: 800px; height: 63px }
.head_bar h1   { color: white; font-size: 12px }
.head_bar h4     { color: #97c083; font-size: 11px }
.slogan   { font-size: 10px; font-style: italic; text-align: right; margin-left: 70px; padding-top: 5px; padding-right: 10px; width: 325px; float: right }
.mid_cell    { background: #404040 url("../img/menu-il.gif") no-repeat left top }
.bot_cell  {  background-repeat: no-repeat; height: 35px }

.menu         { color: #ccc; margin: 0; padding-top: 30px; width: 140px; height: 100%; float: left }
.menu_cntr   { left: 0 }
.menu_item a         { color: #ccc; background-image: url("../img/menu-out.gif"); background-repeat: no-repeat; background-position: 10px 0; padding-left: 20px; position: relative; right: 10px; width: 150px; height: 25px; float: left }
.menu_item a:hover    { background-image: url("../img/menu-over.gif") }
.menu_item b a           { color: #6AB252 }
.top_links {height:20px;margin:10px 15px 0 0;text-align:right}
.top_links a:hover {color:#398424}

.page  { display:inline; background-color: #fff; background-image: url("../img/mid-tp-shad.gif"); background-repeat: repeat-x; background-position: 0 top; padding-top: 20px; width: 650px; float: right }
.corner { background-image: url("../img/main-corner.gif"); background-repeat: no-repeat; background-position: left bottom; width: 10px; height: 10px }
.page_cntr  { margin: 10px }
.buttons {  height: 28px; margin-top:20px }
.page ul  { padding-left: 15px }

.bt_green, .bt_orange, .bt_red, .bt_blue, .bt_green_on, .bt_orange_on, .bt_red_on, .bt_blue_on { font-size:9px; color: white; line-height: 3; text-align: center; display: block; height: 28px; float: left }

.bt_green,.bt_red,.bt_green_on,.bt_red_on  { width: 130px }
.bt_orange,.bt_blue,.bt_orange_on,.bt_blue_on  { width: 130px }
.bt_green {  background-image: url("../img/bt-green.gif");}
.bt_orange  { background-image: url("../img/bt-orange.gif");}
.bt_red  { background-image: url("../img/bt-red.gif");}
.bt_blue  { background-image: url("../img/bt-blue.gif");}
.bt_green_on  { background-image: url("../img/bt-green-on.gif");}
.bt_orange_on  { background-image: url("../img/bt-orange-on.gif");}
.bt_red_on  { background-image: url("../img/bt-red-on.gif");}
.bt_blue_on  { background-image: url("../img/bt-blue-on.gif");}

.credits { font-size:9px; float:left; padding:7px 0 0 15px}
.credits a { font-size:9px;}
.sitemap {float:right; padding:7px 9px 0 0}
.credits, .sitemap a, .credits a {color:#fff;}
.sitemap a:hover, .credits a:hover {color:#e1e1e1}

.pad_5 {padding:5px}
.pad_10 {padding:10px}
.pad_15 {padding:15px}

.pan1  { display: inline; margin-left: 10px; width: 472px; float: left }

.info_bx  { background-color: #f3f2f2 }
.info_bx, .info_bx_white     { float: left; border: dashed 1px #a4a0a0 }
.info_bx h3, .info_bx_white h3   { font-size: 12px; font-style: italic; font-weight: bold }
.info_x_cntr {padding: 8px 8px 12px 8px; font-size:10px;}
.info_arrow {float:right}

.srch_bnt {margin:5px; position: relative; top: 1px}

.logo   { background-image: url("../img/sdz-logo.gif"); margin-top: 4px; width: 263px; height: 67px; float: left }
.grey_bar    { background-image: url("../img/bar.gif"); background-repeat: repeat-x; background-position: 0 center; padding: 0 }
.sign_up_lines  { border-top: 1px dotted #e1e1e1 }

.star_blt_g,.star_blt_o,.star_blt_r,.star_blt_b    { background-repeat: no-repeat; background-position: 0 0; text-indent: 18px; padding-top: 2px; width: 49%; height: 23px; float: left }
.star_blt_g   { background-image: url("../img/small-stars/green.gif") }
.star_blt_o   { background-image: url("../img/small-stars/orange.gif") }
.star_blt_r   { background-image: url("../img/small-stars/red.gif") }
.star_blt_b   { background-image: url("../img/small-stars/blue.gif") }

.admin_but a     { line-height: 1.7; background-image: url("../img/user_button.gif"); background-repeat: no-repeat; text-align: center; display: block; margin: 0 2px 5px; width: 90px; height: 21px; float: left }
.admin_but a:hover    { background-image: url("../img/user_button_on.gif") }

.admin_but_small a      { font-size: 9px; line-height: 1.5; background-image: url("../img/user_button_small.gif"); background-repeat: no-repeat; text-align: center; display: block; margin: 5px 2px; width: 64px; height: 15px; float: left }
.admin_but_small a:hover    { background-image: url("../img/user_button_small_on.gif") }

.bar_orange    { color: #fff; background-color: #fd951f; background-image: url("../img/header-bar-orange.gif"); background-position: 0 bottom }

.box_title  { background-color: #f5f5f5; padding-right: 10px; padding-left: 10px; position: relative; bottom: -1px; height: 30px; float: left; border-top: 1px solid #999; border-right: 1px solid #999; border-left: 1px solid #999 }
.box_title_light a        { background-color: #f5f5f5; position: relative; bottom: -1px; height: 30px; float: left }
.box_title_dark a         { color: #828282; font-style: italic; background-color: #bebebe; margin-top: 1px; height: 29px; float: left }
.box_line        { line-height: 2; padding: 0; width: 620px; border-bottom: 1px solid #999 }
.box_title_light a, .box_title_dark a  { text-align: center; display: block; margin-right: 5px; width: 115px; border-top: 1px solid #999; border-right: 1px solid #999; border-left: 1px solid #999 }
.box_title_dark a:hover  { color: #ccc; background-color: #666 }

.box_body          { float:left;background-color: #f5f5f5; width: 620px; border-right: 1px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #999 }
.box_inner   { padding: 5px 5px 10px }
.menu_bx {float:left;width:120px; font-size: 9px; border: solid 1px #999;margin:15px}
.tab_hed   { font-style: italic; font-weight: bold; background-color: #e6e6e6 }

.star_list_g li, .star_list_o li, .star_list_r li, .star_list_b li { line-height: 2; list-style-type: none;  margin-left: 10px; padding-left: 10px }
.star_list_g li   {list-style-image: url("../img/small-stars/green.gif");}
.star_list_o li    { list-style-image: url("../img/small-stars/orange.gif") }
.star_list_r li    { list-style-image: url("../img/small-stars/red.gif") }
.star_list_b li    { list-style-image: url("../img/small-stars/blue.gif") }

.scroller   { z-index: 5; width: 610px; height: 150px; overflow: auto }
.info_pan  { background: #fafafa; width: 620px; border: solid 1px #ccc }
.info_pan  li  { line-height: 1.2; padding-top: 5px }

.add_cart a  { display:block;background-image: url("../img/collect.gif"); width: 43px; height: 43px }
.add_cart a:hover  { background-image: url("../img/collect-over.gif") }

.reg a  { display:block;background-image: url("../img/reg.gif"); width: 43px; height: 43px }
.reg a:hover  { background-image: url("../img/reg-over.gif") }


.dl_folder a     { font-size: 9px; background-image: url("../img/folder.gif"); background-repeat: no-repeat; background-position: center top; text-align: center; display: block; margin: 10px; padding-top: 40px; width: 120px; height: 75px; float: left }
.dl_folder a:hover    { background-image: url("../img/folder-over.gif") }

.dl_folder_template a      { font-size: 9px; background-image: url("../img/folder-manager.gif"); background-repeat: no-repeat; background-position: center top; text-align: center; display: block; margin: 10px; padding-top: 40px; width: 120px; height: 75px; float: left }
.dl_folder_template a:hover     { background-image: url("../img/folder-over-manager.gif") }


.dl_folder_empty i
   { line-height: 1.8; background-image: url("../img/folder-empty.gif"); background-repeat: no-repeat; background-position: 0 0; list-style-type: none; padding-left: 20px; height: 20px }

.dl_folder_small a
   { line-height: 1.8; background-image: url("../img/small-folder.gif"); background-repeat: no-repeat; background-position: 0 0; list-style-type: none; padding-left: 20px; height: 20px }
.dl_folder_small a:hover
  { background-image: url("../img/small-folder-over.gif"); 
  list-style-type: none }

.back2_S1    { color: #999; background-image: url("../img/pale-panel/mid.gif"); background-repeat: repeat-y }
.back2_S2   { background-image: url("../img/pale-panel/top.gif"); background-repeat: no-repeat }
.back2_S3   { background-image: url("../img/pale-panel/bot.gif"); background-repeat: no-repeat; height: 8px }

.back2_S1 h4     { color: #0a758e; font-size: 14px; margin-bottom: 5px }
.back2_S1 h3     { color: #0a758e; margin-bottom: 5px }
.back2_L1, .back2_L2, .back2_L3, .back2_S1, .back2_S2, .back2_S3 {display:inline; float:left; width: 620px }