/* clear browser defaults */
body, h1, h2, h3, h4, h5, h6, blockquote, cite, pre, dl, dt, dd, label, legend, form, p, ul, ol, li{padding:0; margin:0;}
a img{border:0;}
a{outline:none; overflow:hidden;}

/* utility styles */
.clearit:after{content:"."; display:block; height:0; clear:both; visibility:hidden;} 
.clearit{display:inline-block;}
* html .clearit{height:1%;}
.clearit{display:block;}
.clear_both{clear:both;}
.clear_left{clear:left;}
.clear_right{clear:right;}
.hide{display:none;}
.align_center{text-align:center;}
.align_right{text-align:right;}
.align_left{text-align:left;}
.float_right{float:right;}
.float_left{float:left;}
.padding_3{padding:3px;}
.padding_5{padding:5px;}
.padding_10{padding:10px;}
.padding_15{padding:15px;}
.padding_20{padding:20px;}
.padding_bottom_10{padding-bottom:10px;}
.padding_bottom_5{padding-bottom:5px;}
.padding_bottom_1{padding-bottom:1px;}
.padding_bottom_0{padding-bottom:0;}
.padding_top_5{padding-top:5px;}
.margin_5{margin:5px;}
.margin_10{margin:10px;}
.margin_15{margin:15px;}
.margin_20{margin:20px;}
.margin_top_15{margin-top:10px;}
.margin_top_15{margin-top:15px;}
.margin_top_20{margin-top:20px;}
.margin_top_25{margin-top:25px;}
.margin_bottom_10{margin-bottom:10px;}
.margin_bottom_0{margin-bottom:0;}
.margin_left_10{margin-left:10px;}
.small_txt{font-size:90%;}
.large_txt{font-size:125%;}
.highlight{background:#ffc; padding:0 3px;}
.cursor_move{cursor:move;}

/* standard setup styles */
body{font:small/1.3em Arial, Helvetica, sans-serif; background:#fff; background:#d2e8fa; padding:15px 0;}

#master{background:#fff; padding-bottom:20px;}
#container{margin:0 auto; width:866px;}
#extra_content{margin:0 auto; width:360px; padding:20px;}

#orderowl_logo{background:url("/images/logo_orderowl.gif") no-repeat; width:160px; height:26px; margin:0 0 15px 15px;}

#header{padding-top:15px; float:left;}
#logo{float:left; width:325px; font-size:200%; padding:5px 0 15px 25px;}
#logged_in{float:right; width:470px; padding:20px 20px 10px 0; text-align:right; font-size:125%;}
#logged_in a{color:#e87018; padding:2px 4px;}
#logged_in a:hover{background:#FCF0DA;}

#mainnav{background:url("/images/mainnav_mid.gif") repeat-x; border-bottom:2px solid #260F08; float:left; width:100%;}
#mainnav ul{list-style:none; float:left; width:100%; background:url("/images/mainnav_left.gif") no-repeat !important;}
#mainnav li{float:left;}
#mainnav li.right{float:right;}
#mainnav a{display:block; font-size:125%; color:#ece8de;}
#mainnav span{display:block; padding:16px 15px 15px 15px;}
#mainnav a:hover{color:#fff; background:url("/images/mainnav_mid.gif") repeat-x left -149px;}

#mainnav a#links_link span{background:url("/images/mainnav_left.gif") no-repeat; padding-left:25px;}
#mainnav a#links_link:hover span{background-position:left -149px;}

#mainnav a#my_account_link span{background:url("/images/mainnav_right.gif") no-repeat top right; padding-right:25px;}
#mainnav a#my_account_link:hover span{background-position:right -149px;}

.active_mainnav_links a#links_link{background:url("/images/mainnav_mid.gif") repeat-x left -298px !important; border-right:2px solid #260F08; cursor:default; text-decoration:none; color:#ece8de;}
.active_mainnav_links a#links_link span{background:url("/images/mainnav_left.gif") no-repeat left -298px !important; padding:18px 14px 13px 14px;}

.active_mainnav_contacts a#contacts_link,
.active_mainnav_users a#users_link,
.active_mainnav_reports a#reports_link,
.active_mainnav_settings a#settings_link,
.active_mainnav_orders a#orders_link{background:url("/images/mainnav_mid.gif") repeat-x left -298px !important; border-left:2px solid #260F08; border-right:2px solid #260F08; cursor:default; text-decoration:none; color:#ece8de;}

.active_mainnav_contacts a#contacts_link span,
.active_mainnav_users a#users_link span,
.active_mainnav_reports a#reports_link span,
.active_mainnav_settings a#settings_link span,
.active_mainnav_orders a#orders_link span{padding:18px 14px 13px 14px;}

.active_mainnav_my_account a#my_account_link{background:url("/images/mainnav_mid.gif") repeat-x left -298px !important; border-left:2px solid #260F08; cursor:default; text-decoration:none; color:#ece8de;}
.active_mainnav_my_account a#my_account_link span{background:url("/images/mainnav_right.gif") no-repeat right -298px !important;}

#mainnav a#my_account_link span{padding:0;}
#mainnav a#my_account_link em{font-style:normal; display:block; background:url("/images/icon_user.gif") no-repeat 8px 50%; padding:16px 25px 15px 37px;}
.active_mainnav_my_account_link a#my_account_link em{padding:18px 25px 13px 37px !important;}
/*.active_mainnav_my_account a#my_account_link em{padding:18px 15px 13px 37px !important;}
*/
#midsec{clear:both; background:url("/images/content_bg.gif") repeat-y; float:left; width:100%;}
#left_col{float:left; width:230px;}
#left_col h3{color:#6c6962; font-size:150%; font-weight:normal; margin:0 0 10px 4px;}
#categories{padding:40px 20px 20px 25px;}
#categories ul{list-style:none;}

#categories ul a{color:#606060; font-size:100%; display:block; background:url("/images/btn_sidebar_left.gif") no-repeat; margin-bottom:3px; padding-left:7px; height:33px; overflow:hidden; line-height:33px;}
#categories ul a span{display:block; background:url("/images/btn_sidebar_right.gif") no-repeat top right; padding:0 12px 0 5px;}
#categories ul a:hover{background-position:left -74px; color:#303030;}
#categories ul a:hover span{background-position:right -74px;}
#categories ul a:focus{background-position:left -148px; color:#303030;}
#categories ul a:focus span{background-position:right -148px;}
#categories ul a.active{background-position:left -148px !important; text-decoration:none !important; cursor:default; color:#303030;}
#categories ul a.active span{background-position:right -148px !important;}

#favorites{padding:0 20px 20px 25px;}
a.btn_select_sidebar{display:block; background:url("/images/btn_sidebar_left.gif") no-repeat left -37px; padding-left:7px; line-height:33px; color:#606060; font-size:115%;}
a.btn_select_sidebar span{display:block; background:url("/images/btn_sidebar_right.gif") no-repeat right -37px; padding:0 12px 0 5px;}
a.btn_select_sidebar:hover{background-position:left -111px; color:#303030;}
a.btn_select_sidebar:hover span{background-position:right -111px;}
a.btn_select_sidebar:focus{background-position:left -185px; color:#303030;}
a.btn_select_sidebar:focus span{background-position:right -185px;}
a.btn_select_sidebar_active{background-position:left -185px !important; color:#303030; text-decoration:none;}
a.btn_select_sidebar_active span{background-position:right -185px !important;}

#right_col{float:right; width:635px;}
#content{padding:20px 33px 15px 25px;} 
#content h1{color:#6b6963; font-weight:normal; margin-bottom:15px; font-size:225%; float:left; clear:both;}
#content h1 a{color:#6b6963; text-decoration:none; border-bottom:1px solid #6b6963;}
#content h1 a:hover{color:#222; border-bottom:1px solid #222;}

#footer{background:url("/images/footer_bg.gif") no-repeat; padding:25px 20px 20px 0; float:left; width:100%; margin-top:-1px;}

#orderowl_bug{float:right;}
#orderowl_bug a{background:url("/images/powered_by.gif") no-repeat; display:block; width:107px; height:49px; text-indent:-5000px; margin-right:30px;}
#orderowl_bug a:hover{background-position:0 -49px;}
#orderowl_bug a:focus{background-position:0 -98px;}

#client_bug{float:left; font-size:110%; padding:10px 0 0 20px;}
#client_bug a{color:#4B96C1; padding:1px 2px;}
#client_bug a:hover{background:#4B96C1; color:#fff; text-decoration:none;}

a.pill_btn_medium{display:inline-block; background:url("/images/pill_btn_medium_left.gif") no-repeat; line-height:32px; padding-left:15px; color:#303030; font-size:115%;}
a.pill_btn_medium span{display:block; background:url("/images/pill_btn_medium_right.gif") no-repeat top right;}
a.pill_btn_medium em{font-style:normal; display:block; padding:0 20px 0 0;}
a.pill_btn_medium:hover{color:#303030; background-position:left -39px;}
a.pill_btn_medium:hover span{background-position:right -39px;}
a.pill_btn_medium:focus{color:#303030; background-position:left -79px;}
a.pill_btn_medium:focus span{background-position:right -79px;}

a.header_add_btn{margin:-10px 0 10px 0; float:right;}
a.add_btn em{background:url("/images/icon_plus.gif") no-repeat left 50%; padding-left:22px;}
a.plain_btn em{padding-left:5px;}
a.edit_btn em{background:url("/images/icon_edit.gif") no-repeat left 50%; padding-left:22px;}
a#login_btn em{background:url("/images/icon_key.png") no-repeat left 50%; padding-left:22px;}
a.email_btn em{background:url("/images/icon_email.png") no-repeat left 50%; padding-left:22px;} 
a.header_btn{float:right; margin-top:-8px;}
a.arrow_btn span{padding-right:14px;}
a.arrow_btn em{background:url("/images/arrow_right.png") no-repeat right 50%; padding-right:22px;}

#product_search{clear:both; padding:15px 0 0 0;}
#search{border:0; background:url("/images/input_field.gif") no-repeat; height:39px; width:500px; font-size:135%; padding:8px; float:left;}
a#search_btn{float:left; display:block; line-height:39px; padding-left:6px; background:url("/images/btn_eof_left.gif") no-repeat; color:#606060;}
a#search_btn span{background:url("/images/btn_eof_right.gif") no-repeat top right; display:block; padding:0 20px 0 12px; color:#303030;}
a#search_btn:hover{background-position:left -40px;}
a#search_btn:hover span{background-position:right -40px;}
a#search_btn:focus{background-position:left -80px;}
a#search_btn:focus span{background-position:right -80px;}

.recordset{clear:both; padding:8px 0 4px 0;}
.record_box{background:url("/images/record_box_tl.gif") no-repeat; clear:both; margin-bottom:8px; font-size:115%;}
.record_box .tr{background:url("/images/record_box_tr.gif") no-repeat top right;}
.record_box .bl{background:url("/images/record_box_bl.gif") no-repeat bottom left;}
.record_box .br{background:url("/images/record_box_br.gif") no-repeat bottom right; padding:10px;}
.record_box h3{font-size:120%; font-weight:normal; margin:0 0 4px 0; color:#3c1c10; line-height:1.3em;}
.record_box h3 span{font-size:85%;}
.record_box p{line-height:1.3em;}
.record_box a{color:#2C6AA4;}
.record_box a:hover{color:#172A3F; background:#D0E3FC;}

.record_controls{float:right; padding:0 0 5px 0; margin:0 0 4px 4px;}
.record_controls a{margin-left:4px;}
.product_controls{float:right; padding:8px 0 0 5px; margin:0 0 -5px 0; clear:both;}
a.edit_link{color:#4B96C1; background-image:url("/images/icon_edit.gif") !important; background-position:3px 3px !important; background-repeat:no-repeat !important; padding:1px 2px 1px 22px; line-height:14px;}
a.edit_link:hover{background-color:#EDF1F9; color:#3071B9;}
a.delete_link{background-image:url("/images/icon_delete.gif") !important; background-position:3px 3px !important; background-repeat:no-repeat !important; padding:1px 2px 1px 22px; line-height:14px; color:#e87018;}
a.delete_link:hover{background-color:#FAEAEA; color:#AA2E21;}
.record_indicator{background:url("/images/indicator_small_grey.gif") no-repeat; padding:0 0 0 22px; font-style:italic; color:#817E7A;}

a.details_link{font-size:80%; padding:1px 2px;}
a.details_link:hover{background-color:#EDF1F9; color:#3071B9;}
.details_section{background:#F8F5ED; line-height:1.2em; font-size:90%;}
.details_section p{margin:0 0 12px 0;}
.details_section h3{font-size:110%; font-weight:bold;}

#standard_border_box{background:url("/images/login_box_tl.gif") no-repeat;}
#standard_border_box .tr{background:url("/images/login_box_tr.gif") no-repeat right top;}
#standard_border_box .bl{background:url("/images/login_box_bl.gif") no-repeat left bottom;}
#standard_border_box .br{background:url("/images/login_box_br.gif") no-repeat right bottom; padding:25px;}

#login_container{margin:0 auto; width:400px; padding:20px;}
#login_container #email{width:330px;}
#login_container #password{width:100px;}
#login_container h2{font-size:150%; margin:0 0 10px 0;}
#login_container p{font-size:14px;}

#setup_container{margin:0 auto; width:500px; padding:20px;}
#setup_container h1{color:#6b6963; font-weight:normal; margin-bottom:15px; font-size:225%; float:left; clear:both;}
#setup_container p{}
.standard_form h2{color:#403F3B; font-weight:normal; margin-bottom:15px; padding-bottom:8px; border-bottom:1px solid #ccc; font-size:150%; clear:both;}

.standard_form{clear:both; padding-top:10px;}
.form_row{padding:0 0 10px 0;}
.form_row label{font-size:115%; color:#595854;}
.field{font-size:125%; padding:4px; background:#fff; color:#272725; font-family:Verdana, sans-serif; border:1px solid #5D5D57; border-right:1px solid #C4C1B8; border-bottom:1px solid #C4C1B8; margin-top:3px;}
.codeField{font-size:90%; padding:4px; background:#fff; color:#272725; font-family:Monaco, Courier New, serif; border:1px solid #5D5D57; border-right:1px solid #C4C1B8; border-bottom:1px solid #C4C1B8; margin-top:3px;}
textarea.field{width:425px; height:80px; font-size:110%;}
.fieldWithErrors{display:inline-block;}
.fieldWithErrors .field{border:1px solid #71140E; border-right:1px solid #A96861; border-bottom:1px solid #A96861; background:#FAE7E7;}
.form_indicator{background:url("/images/ind_medium.gif") no-repeat; height:30px; padding:10px 0 0 45px; font-style:italic; font-size:125%; color:#6E6D68;}
.form_controls{padding-top:15px; margin:10px 0 -8px 0; border-top:1px solid #CFCFCF;}
.field_notice{color:#84837D; font-size:95%;}
.field_notice a{color:#575652; padding:0 1px;}
.field_notice a:hover{color:#fff; background:#575652; text-decoration:none;}
label .field_notice{font-size:85%;}
.field_starter{font-size:135%; color:#84837D;}
#required_msg, 
.form_notice{clear:both; color:#84837D; padding:0 15px 10px 0; width:400px;}
.form_notice{font-size:110%;}
.required{color:#B93F1A; font-weight:bold; font-size:125%; vertical-align:bottom;}
.cancel_section{display:inline-block; vertical-align:top; padding:8px 0 0 10px; font-size:110%; font-style:italic;}
.cancel_section a{color:#4B96C1; font-weight:bold; margin:0 0 0 6px; padding:1px 2px; font-style:normal;}
.cancel_section a:hover{color:#fff; background:#3276D0; text-decoration:none;}
.rad_group, 
.check_group{padding:10px 10px 5px 5px; background:#fff; margin-top:3px; border:1px solid #D7D4CD; border-left:1px solid #5D5D57; display:inline-block;}
.check_group input{vertical-align:top;}
.client_logo_box{background:#fff; border:1px solid #D7D4CD; border-left:1px solid #5D5D57; display:inline-block; padding:20px; margin:5px 0 0 0;}
.check_group{padding-top:5px; max-width:500px;}
.check_group label{white-space:nowrap;}
.check_group label span{display:inline-block; padding-top:3px;}
.rad_group input{vertical-align:top;}
.rad_label{display:inline-block; max-width:400px; padding-bottom:8px;}
select.select_field{font-size:125%; clear:both; margin-top:3px;}
.form_check{background:url("/images/icon_medium_check.gif") no-repeat 0 40%; padding:0 0 0 30px; color:#38721A; font-size:135%; line-height:24px; display:inline-block; margin-left:10px;}

#forgot_pass_email{margin:0; width:300px;}

.okay_link_div{text-align:right;}
.error_msg,
.notice_msg,
.success_msg{font-size:115%; clear:both; line-height:1.3em;}
.message_container{padding:10px 10px 10px 30px; margin-bottom:10px;}
.error_msg .message_container{border:1px solid #D6C3C1; color:#A62515; background:url("/images/icon_error.png") no-repeat 5px 10px #f3d7d6;}
.error_msg a{color:#A62515; padding:1px 2px; font-size:85%;}
.error_msg a:hover{color:#fff; text-decoration:none; background:#A62515;}
.error_msg .message_container h2{font-size:140%; margin:0 0 5px 0;}
.error_msg .message_container ul{margin:10px 0 0 25px;}
.notice_msg .message_container{border:1px solid #B4C6D6; color:#1D447A; background:url("/images/icon_info.png") no-repeat 5px 10px #C2DBEF;}
.notice_msg a{color:#1D447A; padding:1px 2px; font-size:85%;}
.notice_msg a:hover{color:#fff; text-decoration:none; background:#1D447A;}
.success_msg .message_container{border:1px solid #C7D4B6; color:#537729; background:url("/images/icon_accept.png") no-repeat 5px 10px #d6ecc5;}
.success_msg a{color:#537729; padding:1px 2px; font-size:85%;}
.success_msg a:hover{color:#fff; text-decoration:none; background:#537729;}
#forgot_messages .error_msg{margin:10px 0 0 0;}

.action_btn_inline_block{vertical-align:bottom; margin:0 0 1px 10px;}
.cancel_section_inline_block{vertical-align:bottom; margin:0 0 8px 0; display:inline-block;}

#user_name{width:225px;}
#user_first_name{width:150px;}
#user_last_name{width:150px;}
#user_email,
#navigator_link_text{width:300px;}
#user_password, #user_password_confirmation{width:120px;}
.password_field{width:120px;}
#setting_seller_company, 
#setting_purchaser_company{width:350px;}
#setting_billing_account_id{width:175px;}
#setting_seller_company_url{width:300px;}
.category_name{width:300px;}
#product_name{width:400px;}
#product_seller_product_id,
#product_purchaser_product_id{width:200px;}
#product_number_in_stock{width:100px;}
#product_low_stock_alert_number{width:80px;}
#product_price{width:150px;}

.alpha_filter{padding:6px 0 20px 0; clear:both;}
.alpha_filter .filter_title{padding:0 0 5px 0; color:#767676;}
.alpha_filter a{font-size:120%; color:#6b0f90; display:block; float:left; margin-right:1px; padding:2px 3px; border:1px solid #EFECE5;}
.alpha_filter a:hover{color:#fff; background:#DABEED; text-decoration:none; border:1px solid #B290C7;}
.alpha_filter a.current{background:#DABEED; border:1px solid #B290C7; color:#6b0f90; text-decoration:none; cursor:default;}

.pagination{clear:both;}
.pagination a{display:block; float:left; padding:2px 4px 3px 4px; color:#3C5271; background:#D9E5F0; font-weight:normal !important; margin-right:1px; border:1px solid #9FBCDB; font-size:110%;}
.pagination a:hover{background:none; background:#9FBCDB; border:1px solid #5F7491; color:#fff; text-decoration:none;}
.pagination span.currentpage,
.pagination span.prev_page,
.pagination span.next_page,
.pagination span.current{display:block; color:#fff; background:#D9E5F0; border:1px solid #9FBCDB; padding:2px 4px 3px 4px; float:left; margin-right:1px; font-size:110%;}
.pagination span.current{color:#212F42; font-weight:bold; background:#9FBCDB; border:1px solid #5F7491;}
.pagination span.gap{display:block; float:left; padding:0 4px;}
.pagination span.disabled{color:#8EA0B6; font-size:110%;}

a#forgot_pass_link{color:#2C6AA4; padding:1px 2px; margin-left:4px; font-size:115%;}
a#forgot_pass_link:hover{color:#fff; background:#2C6AA4; text-decoration:none;}

a.blue{color:#2C6AA4; padding:1px 2px;}
a.blue:hover{color:#fff; background:#2C6AA4; text-decoration:none;}

ul.subnav{list-style:none; background:url("/images/subnav_border_bottom.gif") repeat-x left bottom; margin:-5px 0 28px 0; padding-left:15px;}
ul.subnav li{display:inline;}
ul.subnav a{float:left; display:block; background:url("/images/subnav_tab_left.gif") no-repeat left -130px; padding-left:10px; font-size:115%; margin:0 2px 1px 0; color:#303030;}
ul.subnav a span{display:block; background:url("/images/subnav_tab_right.gif") no-repeat right -130px; padding:8px 15px 7px 5px;}
ul.subnav a:hover{background-position:left -260px;}
ul.subnav a:hover span{background-position:right -260px;}
ul.subnav li.active a{background-position:left 0; margin-bottom:0; text-decoration:none; cursor:default;}
ul.subnav li.active a span{background-position:right 0; padding-top:9px;}

#sortable_container{list-style:none; padding:2px 0;}
#sortable_container li{width:100%; margin:0; padding:0;}

a.select_all_link{display:inline-block; margin:3px 0 0 5px; color:#8E8C85; padding:1px 2px;}
a.select_all_link:hover{color:#fff; background:#8E8C85; text-decoration:none;}