/* Global Styles */
* { margin: 0; padding: 0; font-family: Verdana, sans-serif; font-size: 12px; line-height: 12px; color: #676564; }
html, body { height: 100%;}
.wrapper { margin: 0 auto; width: 752px; height: 100%; background-color: #f0f0f0; }
a, a * { text-decoration: underline; }
a:hover, a:hover * { text-decoration: none; }
a img { border: none; }
a:link, a:visited { }
sup { font-size: smaller; vertical-align: baseline; position: relative; bottom: 0.33em; }
sub { font-size: smaller; vertical-align: baseline; position: relative; bottom: -0.25em; }
hr { color: #c3c0be; background-color: #c3c0be; border: 0; height: 1px; margin: 20px 0px; }
ul, ol { margin-left: 25px; }
li { margin-bottom: 2px; }


/* Header Styles */
div.header { width: 752px; height: 89px; background: url(../images/gfx_bg_header_title.gif) top no-repeat #e0dcd8; }
#home div.header { width: 752px; height: 89px; background: url(../images/gfx_bg_header_blank.gif) top no-repeat #e0dcd8; }
.header div { float: left; }
.header div.nav_main { margin-top: 63px; height: 26px; font-size: 10px; font-weight: bold; margin-left: 16px; }
.header div.nav_main img { vertical-align: top; margin-top: 4px; float: left; }
.header div.nav_main p { margin-top: 4px; float: left; color: #a6a5a4; }
.header div.nav_main div.search input { vertical-align: top; font-weight: normal; margin: 0 0 0 3px; padding: 2px; float: left; width: 98px; }
.header a { color: #676564; text-decoration: none; }
.header div.search a { color: #a6a5a4; text-decoration: none; padding-left: 5px; }
.header div.search a:hover { color: #676564; text-decoration: underline; }
.header a:link, a:visited { }


/* Body Styles */
div.body { clear: both; float: left; width: 752px; background: url(../images/gfx_bg_body.gif) bottom no-repeat #fff; }
.body div { float: left; }

div.sidebar { width: 185px; text-align: right; padding: 0 0 20px 0; font-weight: bold; }
.sidebar p { padding: 3px 25px 7px 0px; }
.sidebar a { font-size: 10px; color: #676564; text-decoration: none; }
.sidebar a:link, a:visited { }
.sidebar hr { color: #c3c0be; background-color: #c3c0be; border: 0; height: 1px; margin: 7px 25px 10px 25px; }

input.login { width: 80px; margin: 2px 0; padding: 2px; }
p a.login { color: #a6a5a4; text-decoration: none; }
a.login:link, a:visited { }
a.login:hover { color: #676564; text-decoration: underline; }
input.registration, select.registration { padding: 2px; margin: 2px 0; }

div.content { width: 567px; }
.content * { font-size: 11px; line-height: 14px; }
.content a { color: #676564; }
.content a:link, a:visited { }
.content p { margin-bottom: 14px; }
.content p.top { margin-top: 10px; }
.content ul { margin-bottom: 14px; }
.content h3, .content h3 a { font-size: 12px; margin-bottom: 3px; text-decoration: none; }
.content h3 a:hover { color: #676564; text-decoration: underline; }
div.home_feature { width: 567px; height: 133px; float: left; }
.home_feature div.links { float: left; width: 322px; height: 22px; margin-top: 111px; padding: 0 20px 0 40px; }
.home_feature div.links img { vertical-align: top; }
.home_feature div.links p { padding: 3px 25px 7px 0px; }
.home_feature div.links a { font-size: 10px; font-weight: bold; text-decoration: none; }
.home_feature div.links a:link, a:visited { }
.home_feature div.links a:hover { color: #fff; text-decoration: none; }
.home_feature div.description { float: left; width: 157px; padding: 16px 14px 10px 14px; }
.home_feature div.description h3 { margin-bottom: 6px; }
.home_feature div.description a { color: #fff; text-decoration: none; }
.home_feature div.description a:link, a:visited { }
.home_feature div.description a:hover { color: #fff; text-decoration: underline; }
div.error p, div.error p strong { margin-top: 10px; margin-bottom: 0px; color: #FF3333; }
div.error ul li { margin-top: 4px; color: #FF3333; }
.content .orderlist th { font-weight: normal; text-align: left; color: #aaa; font-size: 9px; line-height: 10px; text-transform: uppercase; border-bottom: 1px solid #ccc; padding-top: 15px; padding-bottom: 10px; vertical-align: bottom; }
.content .orderlist td { padding-top: 10px; }
.content .orderlist tfoot td { text-align: right; border-top: 1px solid #ccc; padding-top: 10px; }
.content .orderlist tr td { vertical-align: top; }
.content .orderlist tr td.resource { padding-right: 10px; }
.content .orderlist tr td.qty { }
.content .orderlist tr td.total { padding-left: 10px; text-align: center; font-weight: bold; }
.content .orderlist tr td.number { padding-right: 10px; }
.content .orderlist tr td.resource { padding-right: 10px; }
.content .orderlist tr td.date { padding-right: 10px; }
.content .orderlist tr td.resource { }
.content .orderlist tr.lastrow td { padding-bottom: 12px; }
.content .orderlist input.qty { font-weight: bold; text-align: right; width: 16px; line-height: 12px; }
div.main_col { float: left; width: 302px; padding: 20px 40px; }
div.side_col { float: left; width: 185px; }
div.module_a_bottom { background: url(../images/gfx_bg_module_a_bottom.gif) bottom no-repeat; }
div.module_a_top { width: 157px; background: url(../images/gfx_bg_module_a_top.gif) top no-repeat; padding: 17px 14px 0 14px; }
div.module_b_top { width: 157px; background: url(../images/gfx_bg_module_a_top.gif) top no-repeat; padding: 17px 14px 0 14px; }
div.module_b_top *, div.module_b_top h3, div.module_b_top a  { color: #a6a5a4; }


/* Popup Styles */
#popup * { font-size: 11px; line-height: 14px; }
body#popup { padding: 10px; background-color: #e0dcd8; height: auto; }
#popup table.popup_wrapper { background-color: #fff; }
#popup table.popup_wrapper td { vertical-align: top; }
#popup div.popup_thumb { float: left; padding: 40px 20px 10px 20px; background: url(../images/gfx_bg_popup_topleft.gif) no-repeat top left; }
#popup div.popup_thumb img { border: solid 1px #a6a5a4; }
#popup div.popup_copy { padding: 15px 20px 10px 0; background: url(../images/gfx_bg_popup_topright.gif) no-repeat top right; }
#popup div.popup_copy h3, #popup div.popup_copy h3 i { font-size: 12px; margin-top: 20px; margin-bottom: 13px; text-decoration: none; }
#popup div.popup_copy p { margin-bottom: 14px; }
#popup div.popup_copy input.qty { font-weight: bold; text-align: right; width: 16px; line-height: 13px; }


/* Footer Styles */
div.footer { clear: both; float: left; width: 752px; background: url(../images/gfx_bg_footer.gif) top no-repeat #f0f0f0; }
.footer div { float: right; text-align: right; padding: 20px; color: #959595; }
.footer div a { font-size: 10px; color: #959595; }
.footer div a:link, a:visited { }