* { margin: 0; padding: 0; }

html,
body { height: 100%; }
body { background-color: #a2b3c0; color: #000; margin: 0; font: 10px Verdana, Arial, sans-serif; line-height: 1.5em; padding: 0; }

img { border: none; }

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

#wrap { width: 750px; padding: 0 8px; background: #fff url('../img/bg_wrap.gif') repeat-y top left; margin: 0 auto; }
#wrap { /* min-height: 100%; height: auto !important; height: 100%; margin-bottom: -24px; */ display: table; }

#header             { width: 100%; background: url('../img/bg_header1.gif'); height: 70px; float: left; }
#header .header_col { width: 33%; float: left; color: #fff; }
#header input.text  { width: 110px; margin: 0px; padding: 0px; border: 1px inset #ccc; }


#menu      { width: 100%; height: 22px; background: url('../img/bg_menu.gif') top left repeat-x; padding-top: 2px; color: #fff; float: left; }
#menu ul   { margin-left: 10px; }
#menu li   { display: inline; margin-left: 15px; color: #fff; }
#menu li a { color: #fff; }

#middle    { width: 750px; background-color: #fff; float: left; }
#middle h1 { margin: 20px 0 20px 13px; color: #225a87; font-size: 15px; }
#middle h2 { margin-top: 5px; margin-bottom: 10px; font-size: 15px; color: #225a87; }

#middle h2 a,
#middle h2 a:hover { color: #225a87; }

#middle ul,
#middle ol { margin: 10px 0 10px 20px; padding-left: 5px; }

#middle ol ul { margin-top: 0px; }

.products   { width: 128px; height: 88px; background: url('../img/masked.gif') top left no-repeat; padding: 4px 0 0 0; float: left; margin: 0 20px 50px 12px; text-align: center; font: 9px Verdana; }
.categories { width: 224px; height: 107px; background: url('../img/masked2.gif') top left no-repeat; padding: 4px 0 4px 0; float: left; margin: 10px 6px 10px 0; text-align: center; }
.products img,
.categories img { margin-bottom: 5px; }

.cat_blue   { background: url('../img/masked2_blue.gif') top left no-repeat; }
.cat_red    { background: url('../img/masked2_red.gif') top left no-repeat; }
.cat_orange { background: url('../img/masked2_orange.gif') top left no-repeat; }
.cat_purple { background: url('../img/masked2_purple.gif') top left no-repeat; }
.cat_green { background: url('../img/masked2_green.gif') top left no-repeat; }

.cat_download     { width: 118px; height:100px; float:left; margin: 10px 0; text-align:center;  }
.cat_download img { display: block; margin: 0 auto; }

.cat_desc_download     { height: 120px; float:left; margin: 10px 0 0 0; text-align:left;  }
.cat_desc_download img { display: block; }

.clear { clear: both; }

#footer       { width: 100%; height: 22px; float: left; }
#footer div   { width: 750px; height: 22px; padding: 2px 8px 0 8px; background: #225a87 url('../img/bg_wrap1.gif'); text-align: center; color: #fff; margin: 0 auto; }
#footer div a { color: #fff; }

.red   { color: #c8151b; }
.white { color: #ffffff; }
.white:hover { color: #ffffff; }
.bold  { font-weight: bold; }
.small { font-size: 10px; }

.t_center { text-align: center; }
.t_right  { text-align: right; }

#pagination_l { width: 100%; height: 25px; background: url('../img/bg_pagination_l.gif') top left no-repeat; float: left; padding-left: 5px; margin-bottom: 20px; }
#pagination_r { width: 100%; height: 25px; background: url('../img/bg_pagination_c.gif') top left repeat-x; float: left; }
#pagination   { width: 100%; height: 20px; background: url('../img/bg_pagination_r.gif') top right no-repeat; text-align: center; padding-top: 5px; }
#pagination a { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #EEE; text-decoration: none; /* no underline */ color: #000; }
#pagination a:hover,
#pagination a:active { border: 1px solid #999; color:#000; }
#pagination em,
#pagination .current  { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #ccc; font-weight: bold; font-style: normal; background-color: #f5f5f5; color: #000; }
#pagination .disabled { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #eee; color: #ccc; }

label      { display: block; font-weight: bold; }

input.text        { width: 300px; margin:0.5em 0.5em 0.5em 0; }
input.text        { border:1px solid #bbb; background:#f6f6f6; padding:2px; }
input.text:focus  { border:1px solid #999; background:#fff; }

textarea       { width: 300px; height: 125px; margin:0.5em 0.5em 0.5em 0; }
textarea       { border:1px solid #bbb; background:#eee; padding:2px; }
textarea:focus { border:1px solid #999; background:#fff; }

select         { border:1px solid #ccc; background:#f6f6f6; margin:0.5em 0.5em 0.5em 0; }
select:focus   { border:1px solid #999; background:#fff; }

/*.message    { padding: .8em; margin-top: 1em; margin-bottom: 1em; border: 2px solid #ddd; width:700px; }
.message    { background: #E6EFC2; color: #529214; border-color: #C6D880; }
*/