/***************************************************************************************************************

	History:
		File modified on 09/19/2005 for v2.0.1 - general improvements to data grid load appearance
		File modified on 11/30/2005 - cleanup
		File modified on 07/16/2008 - added CSS for product pricing
		File modified on 07/25/2008 - changed cursor for admin_help_link

***************************************************************************************************************/
a img {
	border: 0px;
}

.action_msg { color: red; font-weight: bold; }

.admin_help_link { 
	cursor: help;
	text-decoration: none; 
	color: blue;
}

.admin_help_link:visited {
	color: blue; 
}

/* below is the surround for each field help...this is actually what gets hidden and displayed */
.admin_help_div {
	position: absolute; 
	width: 200px;
	top: 0px;
	left: 0px; 
	text-align: right;
}

.admin_help_div_inside {
	width: 100px; 
	padding: 10px;
	background-color:#FFFFCC;
	border: black solid 1px;
}
/*msg inside help popup that says 'click field name for more info'*/
.admin_help_more {
	color: blue;
	font-size: 11px;
	margin-top: 4px;
	margin-bottom: 0px;
}


.admin_option_link { text-decoration: none; }
.admin_option_link:hover { background-color: yellow; width: 100%; }
.admin_sub_header { font-weight: bold; margin: 10px; margin-top: 20px; margin-bottom: 15px; text-align: left; width: 100%; border-bottom: silver solid 1px; color: #336699; font-size:12px; }


.admin_fieldset { 
	margin: 5px; 
	margin-top: 0px;
	padding-bottom: 20px ;
	-moz-border-radius: 6px 6px 6px 6px;
}

.admin_fieldset_nopad { 
	margin: 5px; 
	margin-top: 0px;
	padding: 2px ;
	-moz-border-radius: 6px 6px 6px 6px;
}

/* hide this from IE */
td>.admin_fieldset
,td>.admin_fieldset_nopad
,div>fieldset {
	border: silver solid 1px;
}	

.admin_fieldset legend,
.rich_text_fieldset legend,
.admin_fieldset_legend,
.admin_fieldset legend input
 { 
	font-weight: bold; 
	color: #455389;
	font-size: 13px; 
	padding-right: 5px;
	padding-top: 0px;
	font-family: "Trebuchet MS",Tahoma, Verdana;
	margin-bottom: 10px;
	margin-top: 10px;
}

/* this is for an input field INSIDE the legend tag (for Rules) */
.admin_fieldset legend input {
	padding: 0px;
	background-color: #F1F4FF;
	border: silver solid 1px;
	padding-left: 2px;
	width: 200px;
}

.admin_fieldset_nopad legend { 
	font-weight: bold; 
	/*color: #336699; */
	color: #455389;
	font-size: 13px; 
	margin-bottom: 0px;
	font-family: "Trebuchet MS",Tahoma, Verdana;
	background-color: #F4F4F4;
	padding-right: 5px;
}

.admin_fieldset_header {
	text-align: center;
	padding-bottom: 10px;
}




.balloon_tip {
	position:absolute;
	right: -3px;
	top: -9px;
}

.context_menu {
	width:160px; 
	height: 50px; 
	position: absolute; 
	top: 0px; 
	left: 0px; 
	z-index: 20; 
	background-color: #EFEFEF; 
	padding: 2px; 
	border: #999999 solid 1px;
}
.context_menu_item {
	width: 100%;
	padding: 3px;
	padding-left: 15px;
	text-align: left;
}
.context_menu_item_mo {
	padding: 3px;
	padding-left: 15px;
	text-align: left;
	background-color: #BEBEBE;
}

.context_menu_link {
	text-decoration: none;
	color: black;
	cursor: default;
	width: 100%
}

.demo_mode_err {
	color: red;
	font-size: 12pt;
}

.field_image_row {
	background-color: #F1F4FF; 
}
.field_image_alt_row {
	background-color: #FFFFFF;
	border-top: solid 1px #C5C3C8; 
	border-bottom: solid 1px #C5C3C8
}

.field_input {
	text-align: left;
	width: 400px; 
}
.field_input_half {
	width: 125px;
}
.field_input_price {
	width: 40px;
}

.field_name {

}

.field_name_td {
	/*width: 150px;*/
	text-align: right;
	vertical-align: top;
	padding: 0px;
	padding-top: 4px;
}

.field_td{
	width: 470px;
	vertical-align: top;
	padding: 2px;
}

.field_td span, .field_td input {
	vertical-align: middle;
}

.header_cell { background-color: silver; border-color: black; border-style: solid; border-width: 1 1 1 0; }
.header_cell_pad { background-color: navy; border-color: black; border-style: solid; border-width: 1 0 1 1; padding: 5; color: white; font-weight: bold}
.header_links { color: black; height: 100%; text-decoration: none; width: 100%; }
.header_links:hover { background-color: yellow; height: 100%; width: 100%; }




.legend_small {
	font-family: "Trebuchet MS",Tahoma, Verdana;
	font-weight: bold; 
	color: #455389;
	font-size: 9pt;	
}

.mysql_select { text-align: left; width: 300; }
.non_header_cell { border-color: silver; border-style: solid; border-width: 1 0 0 1; padding-bottom: 0; padding-left: 6; padding-right: 2; padding-top: 0; }
.non_header_cell_pad { border-color: silver; border-style: solid; border-width: 1 0 0 1; padding: 6 }
.option_checkbox { vertical-align: top; }
.option_delete { width: 20; }
.option_name { width: 100; }
.option_price { width: 50; }
.option_value { width: 230; }
.option_weight { width: 50; }

.page_nav_div {
	margin-bottom: 5px;
	height: 20px;
	font-size: 10px;
	width: 400px;
	overflow: auto;
	white-space: nowrap;
	padding-top: 3px;
	text-align: center;
}

/* this class is added only when page nav scrolls, so there is room for the scrollbar */
.page_nav_div_scroll {
	height: 40px;
}

.page_nav_div a, .page_nav_div span, .page_nav_link {
	margin-right: 10px;
	text-decoration: none;
	border: white solid 1px;
	color: blue;
	padding: 2px;
}

.page_nav_link {
	font-size: 10px;
	margin-right: 1px;
}

.page_nav_div a:hover, .page_nav_link:hover {
	border: blue solid 1px;
	background-color: silver;
	padding: 2px;
}

/* only thing in a span is the current page number */
.page_nav_div span {
	font-weight: bold;
	border: black solid 1px;
	color: black;
	background-color: yellow;
}


.record_button {
	margin: 1px;
}
.record_button-mouseover {
	border: blue solid 1px;
	background-color: silver;
	cursor: default;
}

.record_button-mousedown {
	border: blue solid 1px;
	background-color: silver;
	cursor: default;
	position: relative;
	top: 1px;left: 1px;
}

/* only thing in a span is the current page number */
.page_nav_div span {
	font-weight: bold;
	border: black solid 1px;
	color: black;
	background-color: yellow;
}


.sortheader {
	font-size: 10px;
	font-weight: bold;
	color: #2f4f4f;
	text-decoration: none;
}

.sortheader:hover {
	text-decoration: underline;
}

.ups_window {border: black solid 1px; width: 525px}
.ups_window_header {background-color: #804000; height: 30px; color: white; font-size: 10pt; font-weight: bold; padding: 5px}


.record_div {
	text-align: left;
	width: 680px;
	background-color: #F1F4FF;
	padding: 0px;
	border: black solid 1px;
	margin-bottom: 10px;
}

.third_pty_info {
	float: right;
	width: 420px;
	margin-bottom: 20px;
	color: gray;
}

.rel_record_link {vertical-align: bottom; position:relative; top: 4px; height: 22px; text-decoration:none}

.rel_record_row, .rel_record_row_mo {
	position: relative; 
	padding-top: 4px; 
	text-align: center;
}

.rel_record_row {
	background-color: #F1F4FF;
}

.rel_record_row_mo {
	background-color: #F1F4FF;
}


.rich_text_fieldset {
	border-width: 0px;

	/* for IE */
	margin-left: 8px;
}

/* for all but IE */
td>.rich_text_fieldset {
	margin-left: 0px;
}
.rich_text_fieldset legend {
	margin-bottom: -2px;

	/* for IE only*/
	margin-left: -6px;
}

/* for all BUT IE */
.rich_text_fieldset>legend {
	margin-left: 2px;
}







/**********************************************************************************
	Styles below are for the select boxes on the discount records....
	For selecting the products or categories that are discounted
**********************************************************************************/
.sel_cat_optgroup {
	font-size: 11px;
	background-color: silver;
	color: black;
}

.sel_prod_opt {
	color: black;
	background-color: #F0F0FF;
}

.sel_blank_optgroup {
	background-color:#F0F0FF;
}






.shaded_td {background-color: #EDEDED}



#status_bar {
	height: 29px;
	border-top: gray solid 1px;
	border-bottom: gray solid 1px;
	background-color: #dfdfdf;
	position: absolute;
	bottom: 0px;
	width: 100%;
}

#status_msgs {
	position: absolute;
	bottom: 18px;
	right: 25px;
	z-index: 2;
	border: #4f4f4f solid 1px;
	background-color: #F2EAEC;
	padding: 4px;
	height: 100px;
	width: 450px;
	font-size: 10px;
	overflow: auto;
}

.tiny_gray {
	font-size: 7pt;
	color: gray;
}

div.tiny_gray {
	margin-bottom: 10px;
	margin-top: 1px;
}

/* Below is for the simple search option menu */
#smp_search_options, #smp_search_options_shim {
	position: absolute;
	right: 0px;
	left: auto;
	top: 22px;
	padding: 4px;
	padding-left: 10px;
	width: 130px;
	height: 110px;
	cursor: default;
}
.small_menu {
	font-size: 10px;
	background-color: #F2EAEC;
	border: gray solid 1px;
	line-height: 150%;
	z-index: 100;
}
#smp_search_options_shim {
	z-index: 99;
	top: 24px;
	width: 152px;
}

.small_menu a {
	display: block;
	text-decoration: none;
	color: black;
	padding: 0px;
	padding-bottom: 1px;
	cursor: default;
}
.small_menu a:hover {
	background-color: #316ac5;
	color: white;
}
.small_menu img, .small_menu span {
	vertical-align: middle;
	border: 0px;
}




.store_info_header {font-size: 10pt; font-weight: bold; text-decoration: underline; margin-top: 20; margin-bottom: 10; text-align:center}
.text_only {vertical-align: bottom; position:relative; top: 3px; height: 22px; font-family: arial; color:#666666}

.tiny_input {
	width: 20px;
	height: 16px;
	font-family: arial, helvetica;
	font-size: 10px;
	text-align: right;
	border: silver solid 1px;
	padding: 0px;
	padding-right: 1px;
	padding-left: 1px;
}


/* vertical align everything inside */
.valign_middle span,
.valign_middle input,
.valign_middle button,
.valign_middle img,
.valign_middle a,
.valign_middle select,
.valign_middle div {
	vertical-align: middle;
}



/* Please wait.... div with image bg */
#wait {
	display: block;
	font-size: 10px;
	font-family: Tahoma,Verdana,Helvetica;
	color: gray;
	height: 29px;
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 1001;
}

/* this is a div same size as menu...preloads, and looks better..when menu is loaded, this is behind it. */
#menu_bg {
	width: 100%;
	height: 28px;
	background-color: #dfdfdf; 
	border-left: #716f64 solid 1px; 
	/*border-top: #716f64 solid 1px;*/ 
	border-right: #4f4f4f solid 1px; 
	border-bottom: #4f4f4f solid 1px; 
	position: absolute; 
	top: 0px;
}


/* height has to be higher for IE only */
*html #menu_bg {
	height: 30px;
}

/* actual toolbar div from DHTML Menu Builder..this bumps it up slightly */
#dmbTBBack1 {
	margin-top: -1px
}

#toolbar_extra {
}

#tbextra_inner {
	display: inline-block;
	padding-left: 13px;
	padding-top: 1px;
}

div>#tbextra_inner {
	padding-top: 2px;
}

/* this will hide all the extra stuff in the toolbar by default, which is then shown via do_onresize() if window dims are wide enough */
#tbextra_outer {
	display: none;
}

#tbextra_outer .sep {
	background-image: url(../menu/images/vertical_separator.gif);
	width: 10px;
	height: 24px;
	position: absolute;
	left: +3px;
}

#quick_search_terms {
	width: 100px;
	margin-right: 1px;
}

#quick_search_btn {
	cursor: default;
	background-image: url(../menu/images/search.gif);
	top: 0px;
	position: absolute;
}

#quick_search_btn:hover {
	background-position: -26px 0px
}
	
#quick_search_btn img {
	width: 26px;
	height: 24px;
}

/******************************************************************
	Order detail page
******************************************************************/
.cart_table {
	border: black solid 1px;
	margin-bottom: 15px;
	width: 100%;
}

.cart_table a {
	color: blue;
	text-decoration: none;
}

.cart_table thead th {
	border-bottom: black solid 1px;
 	background: #b4b9d2;
 	text-align: right;
}

.cart_table th,
.cart_table td {
	padding: 4px;
	vertical-align: top;
	line-height: 150%;
}

.cart_table .th1 {
	width: 50%;
	text-align: left;
}
.cart_table .th2 {
	width: 30%;
}
.cart_table .th3 {
	width: 12%;
}
.cart_table .th4 {
	width: 8%;
}

.cart_table tbody .td1,
.cart_table tbody .td2,
.cart_table tbody .td3 {	
	border-right: silver solid 1px;
}

.cart_table tr.qty_row td {
	border-top: silver solid 1px;
	border-bottom: silver solid 1px;
	background: #f1f3f9;
	padding-top: 2px;
	padding-bottom: 2px;
	vertical-align: middle;
}

.cart_table tr.qty_row .td1 * {
	vertical-align: middle;
}

.cart_table tr.qty_row .td1 {
	text-align: right;
}

.cart_table tr.qty_row .td3 {
	border-right: 0;
}

.cart_table tr.qty_row input {
	font-size: 11px;
}

.cart_table tbody .td1 {
	padding: 5px;
}

.cart_table tbody .td2 {
	text-align: right;
}

/* align prices, keep them from wrapping */
.cart_table tbody .td3,
.cart_table tbody .td4,
.cart_table tfoot .td1,
.cart_table tfoot .td2,
.cart_table .qty_row .td2,
.cart_table .qty_row .td3
 {
	text-align: right;
	white-space: nowrap;
}

.cart_table tfoot tr {
	height: 55px;
}

.cart_table .prod_name_desc {
	overflow: hidden;
	width: 100%;
	line-height: normal;
}

.cart_table a.prod_name {
	display: block;
	margin-bottom: 10px;
	color: blue;
}

.cart_table .prod_img {
	float: left;
	margin-right: 5px;
}

.cart_table .reg_price {
	color: red;
	text-decoration: line-through;
}

.cart_table .opt_detail {
	margin: 5px 0;
}

.cart_table .opt_detail li {
	border-bottom: silver solid 1px;
	padding: 3px;
	background: #fff;
}

.cart_table .opt_detail li.alt {
	background: #f7f7f7;
}

.cart_table .opt_detail label {
	font-weight: bold;
	color: #515151;
	margin-right: 2px;
}

.cart_table .opt_detail li.alt label {
	color: #008000;
}

.cart_table .opt_col_name {
	display: block;
}

.cart_table .item_btns img {
	cursor: pointer;
}

.grand_total_amt,
.grand_total_label {
	font-size: 14px;
	margin-top: 15px;
	color: green;
}

.grand_total_label {
	font-weight: bold;
} 

.cart_discounts {
	border: #000 solid 1px;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

.cart_discounts h4,
.address_box h4 {
	border-bottom: black solid 1px;
 	background: #b4b9d2;
 	padding: 4px;
 	margin: 0;
 	font-size: 11px;
}

.cart_discounts h3 {
	font-size: 13px;
	margin: 10px 0;
	color: green;
}

.cart_discounts .cart_discount {
	padding: 0 10px;
}

.cart_discounts .discount_img {
	float: left;
	margin: 0 15px 15px 0;
}

.cart_discounts .total_svgs {
	clear: both;
	color: blue;
	border-bottom: silver dotted 1px;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.cart_discounts .cart_discount.last .total_svgs {
	padding-bottom: 0;
	margin-bottom: 0;
	border: 0;
}

.you_save {
	margin: 5px;
	font-size: 11px;
	color: green;
	font-weight: bold;
}

.address_boxes {
	margin-bottom: 15px;
	overflow: hidden;
	width: 100%;
}

.address_boxes .bill,
.address_boxes .ship {
	float: left;
	width: 170px;
	border: black solid 1px;
}

.address_boxes .bill {
	margin-right: 25px;
}

.address_box address {
	font-style: normal;
	padding: 5px;
}

.address_box .addr_edit {
	float: right;
	display: block;
	margin-top: -30px;
	margin-right: 3px;
}

.order_detail {
	text-align: left;
	width: 750px;
}

.order_detail ul,
.order_detail ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.order_detail .sc_header {
	margin-bottom: 20px;
}

.order_detail tfoot .td1 {
	vertical-align: bottom;
	text-align: left;
}

#print_friendly {
	float: right;
}

#print_friendly img {
	margin-bottom: -2px;
}

.order_info_table {
	border: #000 solid 1px;
	width: 100%;
	margin-bottom: 15px;
}

.order_info_table th,
#order_ship_details h4 {
	border-bottom: #000 solid 1px;
	background: #b4b9d2;
}

.order_info_table th,
.order_info_table td {
	padding: 5px;
	text-align: left;
}

.order_info_table .alt {
	background: #f1f3f9;
	border: silver solid 1px;
	border-width: 1px 0;
}

table.statuses th,
table.statuses td,
table.shipments th,
table.shipments td {
	width: 33%;
}

#order_ship_details .box1, 
#order_ship_details .box2 {
	border: black solid 1px;
}

#order_ship_details h4 {
	padding: 4px;
	font-size: 11px;	
	margin: 0;
}

#order_ship_details .inner {
	padding: 10px;
}

/* drop shadow div */
.drop_shadow {
	height: 10px;
	background-repeat: repeat-x;
}



/********************************************************
	FedEx form stuff
********************************************************/
.fedex_form {
	margin-top: 10px;
}
.fedex_form table {
	margin-left: auto;
	margin-right: auto;
}
.fedex_form .td1 {
	text-align: right;
	width: 98px;
}
.fedex_form .td2 {
	text-align: left;
}
.fedex_form fieldset {
	margin: 5px;
	-moz-border-radius: 6px 6px 6px 6px;
}
.fedex_form>fieldset
,.fedex_form td>fieldset {
	border: silver solid 1px;
}
.fedex_form fieldset legend {
	font-size: 10pt;
	color: blue;
}
.missing_field {
	background-color: #FF6767;
}
	

/****************************************************************************
	Styles for fedex tracking results 
****************************************************************************/

/* body tag for fedex tracking */
.fedex_track_body {
	background-color: white;
}

/* table surrounding results */
.fedex_track_table {
	width: 100%;
}

/* other individual tables inside main one */
.fedex_track {
	border: black solid 1px;
	width: 100%;
}

.fedex_track td {
	text-align: left;
}

.fedex_track .header_row {
	background-color: #660099;
	color: white;
	padding: 4px;
}

.fedex_track .scantd {
	border-bottom: silver solid 1px;
	background-color: #ffffff;
}

.fedex_track .scantd_alt {
	border-bottom: silver solid 1px;
	background-color: #F1F3F9;
}


body {
	font-family: Tahoma, Arial, Helvetica;
	font-size: 8pt;
	margin: 0px;
	margin-top: 30px;
	overflow: hidden;
}

button {
	font-size: 10px;
}
button img, button span {
	vertical-align: middle;
}
button span {
	padding-bottom: 2px;
}
INPUT { font-size: 11px; }
OPTION { }
SELECT { font-size: 11px; }
td, th{ font-family: Tahoma, Arial, Helvetica; font-size: 11px; }
TEXTAREA { font-family: Tahoma, Arial, Helvetica; font-size: 11px; }



/*******************************************************************
	CSS below for product pricing section on product records
*******************************************************************/
.price_td3 {
	width: 55px;
}
.price_qty2 {
	display: none;
}
.price_qty1,
.price_qty2 {
	width: 50px;
}
.price_price {
	width: 50px;
}

.price_qty1,
.price_qty2,
.price_price {
	text-align: right;
}

#price_add {
	display: none;
}

.disabled {
	background-color: silver;
	border: silver solid 1px;
}

.pricing_table {
	margin: 0 auto;
}

/* version number in toolbar */
#version_no {
	margin-right: 2px;
}

#version_light {
	margin-top: 1px;
	height: 10px;
	width: 10px; 
}

.big_help_link {
	padding: 2px 0px 4px 26px;
	text-decoration: none;
	font-size: 14px;
	cursor: help;
	background: url(../images/cart/help.gif) no-repeat;
	color: blue;
}

.nav_opt_label {
	background: gray;
	border-bottom: black solid 1px;
	color: #fff;
	padding: 3px;
}

#Navigation_Block_rn,
#Navigation_Block_rn_src,
#Links_rn,
#Links_rn_src {
	height: 250px !important;
}

.theme_adv_cfg_btn {
	text-align: center;
}
/* hide "advanced config" button for SC theme */
.record_Themes_13 .theme_adv_cfg_btn{
	display: none;
}
/* show for SC developer */
.sc_developer.record_Themes_13 .theme_adv_cfg_btn{
	display: block;
}