body {
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 10px;
	color: #000;
}
html, body, #wrapper {
	height:100%;
	margin: 0px;
	padding: 0px;
	border: none;
}
body {font:10px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
pre, code {font:115% monospace;*font-size:100%;}

/* body * {line-height:10px;} */
select, input {font-size: 10px;}
textarea {font:10px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}

#main_divider {height:0px;}

#wrapper {
	width:100%;
	margin: 0 auto;
	vertical-align:top;
}

ul {
	list-style-position: inside; 
	list-style-type: disc;
}

ul.x-tab-strip {
	list-style-type: none;	
}

.short_tr {
	height:1px;
}
h1 {font-size: 14px;font-weight:bold;padding:0px;margin:5px 0px 5px 0px;color:#0C2577;}
h2 {font-size: 12px;font-weight:bold;padding:0px;margin:5px 0px 5px 0px;color:#0C2577;}
h3 {font-size: 11px;font-weight:bold;padding:0px;margin:5px 0px 5px 0px;color:#0C2577;}

.reverseH1 {
	font-size: 14px;
	font-weight:bold;
	padding:5px;
	margin:5px 0px 5px 0px;
	color:#FFFFFF;
	BACKGROUND-COLOR:#0C2577;
}
.reverseH2 {
	font-size: 12px;
	font-weight:bold;
	padding:5px;
	margin:5px 0px 5px 0px;
	color:#FFFFFF;
	BACKGROUND-COLOR:#0C2577;
}
.reverseH3 {
	font-size: 11px;
	font-weight:bold;
	padding:5px;
	margin:5px 0px 5px 0px;
	color:#FFFFFF;
	BACKGROUND-COLOR:#0C2577;
}

/** HEADER **/
#header_content {position:absolute;
				padding:0px;
				margin:0px;
				left:0px;
				top:0px; 
				width:100%; 
				background-color:#CDCDCD;
				height:40px;
				}
#header_content .header_bg1 {position:absolute;
				left:210px;
				background-color: #CDCDCD;
				}
#header_content .header_bg2 {position:absolute;
				width:100%;
				background-color: #000;
				top:25px;
				height:15px;
				z-index:1
				}
#right_banner_top {
	display: none;
	position:absolute;
	right:0px;
	top:40px;
}

#notice_div {
visibility:hidden;
position:absolute;
z-index:10000;
bottom:0px;right:0px;
background-color:#0C2577; color:#fff;
font-weight:bold; font-size:12px;
border:1px solid #ddd;
min-width:200px;
min-height:15px;
padding:5px;
}

#hide_cart {display:none;}

/** FOOTER **/
#footer {
	height: 30px;
	bottom: 0px;
	background-color: #0C2577;
	color: white;
	border-top:1px solid white;
	font-size:10px;
	padding-right:5px;
	text-align:right;
}

/** ERROR (unhappy face) **/
#error_page {
	text-align: center;
}
#error_display {
	margin:30 auto;
	text-align:left;
	background-color: #DDDDDD;
	border:1px solid #0C2577;
	font-size:10px;
	font-family: Courier New, Arial, Helvetica, sans-serif;;
	padding:10px;
}

#page_history {display:none;}

/** LEFT COLUMN **/
#left_column div.left_nav_width_full {width:130px;height:1px;}
#left_column div.left_nav_width_none {width:5px;height:1px;}

#left_nav ul {list-style: none;padding:0px;margin:0px;}
#left_nav_wrapper1 {height:100%;}
#left_nav_wrapper2 {height:100%;}

/** RIGHT COLUMN **/
#right_column div.right_nav_width_full {width:5px;height:1px;}
#right_column div.right_nav_width_none {width:5px;height:1px;}

#right_nav_wrapper1 {height:100%;background-color:#0C2577;}
#right_nav_wrapper2 {height:100%;}

/** MAIN CONTENT **/
#main_wrapper1 {width:100%;}
#main_wrapper2 {width:100%;}

#main_content {width:auto;padding:20px;height:100%;}
#main_content p {font-size:10px;margin-top:5px;margin-bottom:5px;}


/** GENERIC STYLES **/
#test_box {float:left;z-index:1000;position:absolute;left:100px;right:100px;border:2px solid red;visibility:hidden;}
.status_msg .ok_message .error_message {
	font-size:8pt;
	padding-bottom:2px;
	margin:0px;
	font-weight:bold;
}
.loading-indicator {font-size:inherit; color: #0c2577;font-weight:bold;}
.ok_message {color:green;}
.error_message {color:red;}
.instructions {font-size: 9pt;}
.small_instructions {text-align: center;font-size:8pt;}
div.debug_panel {border:1px solid #903;padding:10px;font-size:10px;}


/** CUST ADMIN PAGE **/
#custadminhome .userlist {width:400px;float:left;clear:both;}
#custadminhome .grouplist {width:400px;float:left;clear:both;}
#userlist_select {padding-bottom:10px;}
#grouplist_select {padding-bottom:10px;}


/** ACCOUNT HISTORY **/
#account_history_content {position:relative;overflow:hidden;}
#account_history_search {padding-bottom:10px;overflow:hidden;}
#account_history_search table {font-size:10px;}
#account_history_search td {padding-left:10px;}
#account_history {width:100%;}
#account_history table {text-align:justified;border-collapse: collapse;width:100%;}
#account_history td, th {vertical-align:baseline;border:1px solid white;padding:5px 10px 5px 10px;}

#account_history th {background-color: #039;color:white;}
#account_history col#order_num {text-align:center;}
#account_history col#order_date {text-align:center;}
#account_history col#num_items {text-align:center;}
#account_history col#order_items {text-align:left;}
#account_history col#order_status {text-align:center;}
#account_history col#order_total {text-align:right;}
#account_history .pagination {text-align:center;padding:5px;}
#account_history .current_list {text-align:right;padding:2px;}
#order_list {width:100%;font-size: 10px;}
#order_list table {text-align:justified;border-collapse: collapse;width:100%;}
#order_list td, th {vertical-align:baseline;						
				border:1px solid white;font-size:10px;
				padding:3px 10px 3px 10px;}
#order_list th {padding:3px 10px 3px 10px;font-size: 10px;}
#order_list tr.backordered_row { color:red;}
#order_list th {background-color: #0C2577;color:white;text-align:center;}
#order_list col#order_num {text-align:center;width:6em;}
#order_list col#order_date {text-align:center;width:8em;}
#order_list col#order_total {width:5em;}
#order_list col#order_status {text-align:center;width:5em;}
#order_list col#order_user {text-align:center;width:16em;}
#order_list col#num_items {text-align:center;width:3em;}
#order_list .current_list {text-align:right;}
#order_list .pagination {text-align:center;font-size:12px;margin-bottom:5px;}
#order_list .pagination a {font-size:12px;}
#order_list .pagination strong {font-size:12px;}
/*
#order_list .pagination a {font-size:inherit;border:1px solid #aaa;padding-left:5px;padding-right:5px;text-decoration:none;}
#order_list .pagination strong {border:1px solid #aaa;padding-left:5px;padding-right:5px;text-decoration:none;color:white;background-color:#0C2577;}
*/

/** ORDER DETAIL **/
#order_detail {padding-top:10px;z-index:10000;}
#od_content {padding-top:10px;width:100%;}
#od_content table {font-size:10px;}
#od_content .back_link {text-align:right;padding:10px;}
#od_content .shipping_summary {width:48%;float:left;border:0px solid #ddd;padding:5px;}
#od_content .shipping_summary p {margin:0px;}
#od_content .shipping_summary p strong {font-weight:bold;font-size:10px;}
#od_content .shipping_summary .shipto {margin-bottom:10px;}
#od_content .shipping_summary .ship_item_list {padding-left:15px;}
#od_content .billing_summary {width:48%;float:right;border:0px solid #ddd;padding:5px;}
#od_content .block_title {text-align:center;}
#od_content .billing_summary p {margin:0px;}
#od_content .billing_summary td.bi_price {font-size:10px;}
#od_content .billing_summary td.bi_desc {padding-left:5px;}
#od_content .lineitem_detail {clear:both;margin-top:10px;}

div.subtotal {font-size:12px;text-align:right;padding-top:10px;padding-bottom:10px;}
div.subtotal strong {font-weight:bold;}
#other_tracking_info {padding-top:10px;}
#order_summary {margin-top:10px;}
#order_summary table {font-size:10px;}
#order_summary .price_column {width:100px;text-align:right;padding:2px 5px 2px 5px;}
#order_summary .price_box {border:1px solid #0C2577;color:#900;}

#adjustment_summary {margin-top:10px;}
#adjustment_summary table {font-size:10px;}

td .shipping_info {border-bottom:1px solid eee;}

/** CATALOG TITLE, THEME, TRAILER TEXT **/
#cat_title {
	text-align:center;
}
#cat_theme_image {
	text-align:center;
}
#cat_text_trailer {
	text-align:center;
}

.price_hidden {visibility:hidden;width:1px;}

/** ITEM LIST **/
#itemlist {width:100%;font-size: 10px;}
#itemlist table {text-align:justified;font-size:1em;border-collapse: collapse;width:100%;margin-bottom:20px;}
#itemlist td, th {vertical-align:baseline;
				border:1px solid white;
				padding:3px 10px 3px 10px;}
#itemlist th {background-color: #0C2577;color:white;text-align:center;padding:2px 5px 2px 5px;font-size: 10px;vertical-align:middle;}
#itemlist tr.backordered_row {color:red;}
#itemlist col#item_code {text-align:left;width:7em;}
#itemlist col#item_desc {text-align:left;}
#itemlist col#qty_on_hand {text-align:center;width:7em;}
#itemlist col#max_order_qty {text-align:center;width:8em;}
#itemlist col#qty {text-align:center;width:5em;}
#itemlist col#uom {text-align:center;width:7em;}
#itemlist col#price {text-align:right;width:5em;}
#itemlist col#price_hidden {width:1px;}
#itemlist col#price2 {text-align:right;width:3em;background-color:#ddd;border:1px solid #fff;}
#itemlist col#action {text-align:center;width:5em;}
#itemlist col#back_ordered {text-align:center;width:5.5em;}
#itemlist col#pieces_ordered {text-align:center;width:4em;}
#itemlist col#tracking {text-align:center;width:5em;}
#itemlist col#ship_date {text-align:center;width:3em;}
#itemlist col#actions {text-align:center;width:3em;}
#itemlist td.price {text-align:right;}
#itemlist td.price_hidden {padding:0px;}
#itemlist .linked_item {color:red;}
#itemlist .subtotal {text-align:right;font-weight:bold;}
#itemlist .subtotal_price {display:block;text-align:right;
background-color:#fff;color:#900;margin:0px;border:1px solid #0C2577;padding:3px 10px 3px 10px;}

#itemlist .switch_menu {padding-left:10px;text-align:left;color: #0C2577;text-decoration:underline;}
#itemlist .ipp {text-align:right;padding:2px;}
#itemlist .pagination {text-align:center;padding:5px;}
#itemlist .current_list {text-align:right;padding:2px;}

#itemlist .aos {width:100%; padding:5px;border:1px solid #dedede;}
#itemlist ul.aos_list {list-style:square inside;}

#itemlist .backorder {color:red;}

#itemlist tr.aos {line-height:12px;}
#itemlist td.aos_desc {padding-left:15px;color:#555;}
#itemlist td.aos_price {background-color:#fff;}

#itemlist th.wide_itemcode {width:10em;}
#pv_img_wrapper img {border: 1px solid black;}


input.qty_box {text-align:right;}
div.updateqty {text-align:left;}
.international-error {color:red;font-weight:bold;font-size:12px;padding-bottom:10px;}
.store-pickup-error { color: #4b148a; }
.backorder_notice {color:red;font-weight:bold;font-size:12px;padding-bottom:10px;}

.items_out_of_date{color:red;font-weight:bold;font-size:12px;padding-bottom:10px;}

#file_upload {font-size:12px;}
#file_upload strong {font-weight:bold;}

#login_content .error_message {text-align:center;}

.ytab-strip .on .ytab-left {border-bottom:1px solid white;}
.yui-ext-tabbody {border:1px solid #999;border-top:none;}
.yui-ext-tabitembody {display:none;padding:10px;}
.ytab-right {border-top:1px solid #0C2577;border-right:1px solid #0C2577;border-left:1px solid #0C2577;}
.close-icon {
	line-height:1px;
	font-size:1px;
	background-image:url(/images/yui/tab/tab-close.gif);
	display:block;
	position:absolute;
	right:5px;top:4px;
	width:11px;height:11px;
	cursor:pointer;
}

#dropschedule {text-align:right;}

/** DEFAULT TREE **/
#treeDiv1 {background-color: #0C2577; color:white;}
.ygtvtn { width:1em; height:18px; }/* first or middle sibling, no children */
.ygtvtm { background: url(/images/yui/menu/collapse.gif) 0 6px no-repeat; width:1em; height:20px; cursor:pointer }/* first or middle sibling, collapsable */
.ygtvtmh { background: url(/images/yui/menu/collapse.gif) 0 6px no-repeat; width:1em; height:20px; cursor:pointer }/* first or middle sibling, collapsable, hover */
.ygtvtp { background: url(/images/yui/menu/expand.gif) 0 6px no-repeat; width:1em; height:20px; cursor:pointer }/* first or middle sibling, expandable */
.ygtvtph { background: url(/images/yui/menu/expand.gif) 0 6px no-repeat; width:1em; height:20px; cursor:pointer }/* first or middle sibling, expandable, hover */
.ygtvln { width:1em; height:18px; }/* last sibling, no children */
.ygtvlm { background: url(/images/yui/menu/collapse.gif) 0 6px no-repeat; width:1em; height:20px; cursor:pointer }/* Last sibling, collapsable */
.ygtvlmh { background: url(/images/yui/menu/collapse.gif) 0 6px no-repeat; width:1em; height:20px; cursor:pointer }/* Last sibling, collapsable, hover */
.ygtvlp { background: url(/images/yui/menu/expand.gif) 0 6px no-repeat; width:1em; height:20px; cursor:pointer }/* Last sibling, expandable */
.ygtvlph { background: url(/images/yui/menu/expand.gif) 0 6px no-repeat; width:1em; height:20px; cursor:pointer }/* Last sibling, expandable, hover */
.ygtvloading { width:0px; height:20px; }/* Loading icon */
.ygtvitem { border: 0px solid grey;color:white;}/* the style of the div around each node */
.ygtvitem table {border:0px solid white;width:100%;margin:0px;padding:0px;height:20px;}
.ygtvdepthcell { width:1em; height:20px; }/* the style for the empty cells that are used for rendering the depth of the node */
.ygtvblankdepthcell { width:1em; height:20px; }
.ygtvchildren {}  /* the style of the div around each node's collection of children */
* html .ygtvchildren { height:1%; }
.ygtvlabel, .ygtvlabel:link, .ygtvlabel:visited, .ygtvlabel:hover {color:white;font-size: 10px;text-decoration:none;left-margin:0px;width:100%;}/* the style of the text label in ygTextNode */
.ygtvlabel:hover { color:#0C2577;background-color:white;}
.ygtvlabel_selected {background-color:#333;color:white;}

/** CATALOG **/
#catTree {background-color: #fff; color:#0C2577;padding-top:20px;}
#catTree .ygtvtn { width:16px; height:22px; background: url(/images/yui/tree/default/tn.gif) 0 0 no-repeat; }
#catTree .ygtvtm { width:16px; height:22px; cursor:pointer ; background: url(/images/yui/tree/default/tm.gif) 0 0 no-repeat; }
#catTree .ygtvtmh { width:16px; height:22px; cursor:pointer ; background: url(/images/yui/tree/default/tmh.gif) 0 0 no-repeat; }
#catTree .ygtvtp { width:16px; height:22px; cursor:pointer ; background: url(/images/yui/tree/default/tp.gif) 0 0 no-repeat; }
#catTree .ygtvtph { width:16px; height:22px; cursor:pointer ; background: url(/images/yui/tree/default/tph.gif) 0 0 no-repeat; }
#catTree .ygtvln { width:16px; height:22px; background: url(/images/yui/tree/default/ln.gif) 0 0 no-repeat; } 
#catTree .ygtvlm { width:16px; height:22px; cursor:pointer ; background: url(/images/yui/tree/default/lm.gif) 0 0 no-repeat; }
#catTree .ygtvlmh { width:16px; height:22px; cursor:pointer ; background: url(/images/yui/tree/default/lmh.gif) 0 0 no-repeat; }
#catTree .ygtvlp { width:16px; height:22px; cursor:pointer ; background: url(/images/yui/tree/default/lp.gif) 0 0 no-repeat; }
#catTree .ygtvlph { width:16px; height:22px; cursor:pointer ; background: url(/images/yui/tree/default/lph.gif) 0 0 no-repeat; }
#catTree .ygtvloading { width:16px; height:22px; background: url(/images/yui/tree/default/loading.gif) 0 0 no-repeat; }
#catTree .ygtvdepthcell { width:16px; height:22px; background: url(/images/yui/tree/default/vline.gif) 0 0 no-repeat; }
#catTree .ygtvblankdepthcell { visibility:hidden;width:16px; height:22px; }
#catTree .ygtvitem table {height:18px;}
#catTree .ygtvchildren {  }  
#catTree .ygtvlabel {color:#0C2577;}
#catTree .ygtvlabel, #catTree. ygtvlabel:link, #catTree. ygtvlabel:visited, #catTree .ygtvlabel:hover { 
	margin-left:2px;
	text-decoration: none;
    background-color: white;
    color:black;
}
#catTree .ygtvlabel:hover {color:#900;} 
#catTree .ygtvspacer { height: 10px; width: 10px; margin: 2px; }


/*
#catTree {background-color: #fff; color:#0C2577;padding-top:20px;}
#catTree tr {vertical-align:middle;}
#catTree .ygtvtn { width:16px; height:22px; background: url(/images/yui/tree/default/tn.gif) 0 0 no-repeat; }
#catTree .ygtvtm { width:16px; height:22px; cursor:pointer ; background: url(/images/yui/tree/default/tm.gif) 0 0 no-repeat; }
#catTree .ygtvtmh { width:16px; height:22px; cursor:pointer ; background: url(/images/yui/tree/default/tmh.gif) 0 0 no-repeat; }
#catTree .ygtvtp { width:16px; height:22px; cursor:pointer ; background: url(/images/yui/tree/default/tp.gif) 0 0 no-repeat; }
#catTree .ygtvtph { width:16px; height:22px; cursor:pointer ; background: url(/images/yui/tree/default/tph.gif) 0 0 no-repeat; }
#catTree .ygtvln { visibility:hidden;width:16px; height:22px; background: url(/images/yui/tree/default/ln.gif) 0 0 no-repeat; } 
#catTree .ygtvlm { width:16px; height:22px; cursor:pointer ; background: url(/images/yui/tree/default/lm.gif) 0 0 no-repeat; }
#catTree .ygtvlmh { width:16px; height:22px; cursor:pointer ; background: url(/images/yui/tree/default/lmh.gif) 0 0 no-repeat; }
#catTree .ygtvlp { width:16px; height:22px; cursor:pointer ; background: url(/images/yui/tree/default/lp.gif) 0 0 no-repeat; }
#catTree .ygtvlph { width:16px; height:22px; cursor:pointer ; background: url(/images/yui/tree/default/lph.gif) 0 0 no-repeat; }
#catTree .ygtvloading { width:16px; height:22px; background: url(/images/yui/tree/default/loading.gif) 0 0 no-repeat; }
#catTree .ygtvitem {color:white;}
#catTree .ygtvitem table {border:0px solid white;width:100%;margin:0px;padding:0px;height:20px;}
#catTree .ygtvdepthcell { width:16px; height:22px; background: url(/images/yui/tree/default/vline.gif) 0 0 no-repeat; }
#catTree .ygtvblankdepthcell { visibility:hidden; width:16px; height:22px; }
#catTree .ygtvchildren {background-color:#fff;color:#0C2577;}  
#catTree .ygtvlabel, .ygtvlabel:link, .ygtvlabel:visited, .ygtvlabel:hover {color:#0C2577;font-size: 10px;text-decoration:none;left-margin:0px;width:100%;}
#catTree .ygtvlabel:hover { color:#fff;background-color:#0C2577;}
#catTree .ygtvlabel_selected {background-color:#ddd;color:333;}
*/

#catalog_table {width:100%;}
#catalog_table tr {vertical-align:top;}
.catalog_left {width:350px;}
.catalog_right {padding-left:10px;}

#catalog_search_content {width:350px;}
#viewimage_popup {text-align:center;}
#viewimage_popup img {border:1px solid #0C2577;}
#viewimage_popup p {padding:10px;}
#product_view p.image_title {font-size:18px;text-align:center;}

div.sf_item {
	width: 120px;
	height: 220px;
	margin:15px;
	border-bottom:1px solid #ddd;
	position:relative;
}
div.verticalcenter {
	top:40px;
    min-height: 120px;
    height: 120px;
	border:1px solid #dedede;
	width: 120px;
	display: table-cell;
	vertical-align: middle;
	text-align:center;
}
div.item_desc {
	text-align:center;
	width:100%;
	height:4em;
}
div.priceline {
	text-align:center;
	width:100%;
	bottom:32px;
	padding:2px;
}
div.sf_qty_input {
	text-align:center;
	width:100%;
	bottom:10px;
	color: black;
}
div.sf_item img {
	border:1px solid black;
	margin-top: expression((120-this.height)/2);
}

/** ASSET **/
#asset_search_div {width:50%;float:left;}
#asset_folder_summary {width:50%;float:right;}

#asset_tree {
position:relative;
padding-top:20px;margin-bottom:20px;
width:140px;
}

#asset_tree_div {background-color:#fff;border-right:1px solid #dedede;}
#asset_tree_div .ygtvtn { width:16px; height:22px; background: url(/images/yui/tree/default/tn.gif) 0 0 no-repeat; }
#asset_tree_div .ygtvtm { width:16px; height:22px; cursor:pointer ; background: url(/images/yui/tree/default/tm.gif) 0 0 no-repeat; }
#asset_tree_div .ygtvtmh { width:16px; height:22px; cursor:pointer ; background: url(/images/yui/tree/default/tmh.gif) 0 0 no-repeat; }
#asset_tree_div .ygtvtp { width:16px; height:22px; cursor:pointer ; background: url(/images/yui/tree/default/tp.gif) 0 0 no-repeat; }
#asset_tree_div .ygtvtph { width:16px; height:22px; cursor:pointer ; background: url(/images/yui/tree/default/tph.gif) 0 0 no-repeat; }
#asset_tree_div .ygtvln { width:16px; height:22px; background: url(/images/yui/tree/default/ln.gif) 0 0 no-repeat; } 
#asset_tree_div .ygtvlm { width:16px; height:22px; cursor:pointer ; background: url(/images/yui/tree/default/lm.gif) 0 0 no-repeat; }
#asset_tree_div .ygtvlmh { width:16px; height:22px; cursor:pointer ; background: url(/images/yui/tree/default/lmh.gif) 0 0 no-repeat; }
#asset_tree_div .ygtvlp { width:16px; height:22px; cursor:pointer ; background: url(/images/yui/tree/default/lp.gif) 0 0 no-repeat; }
#asset_tree_div .ygtvlph { width:16px; height:22px; cursor:pointer ; background: url(/images/yui/tree/default/lph.gif) 0 0 no-repeat; }
#asset_tree_div .ygtvloading { width:16px; height:22px; background: url(/images/yui/tree/default/loading.gif) 0 0 no-repeat; }
#asset_tree_div .ygtvdepthcell { width:16px; height:22px; background: url(/images/yui/tree/default/vline.gif) 0 0 no-repeat; }
#asset_tree_div .ygtvblankdepthcell { width:16px; height:22px; }
#asset_tree_div .ygtvitem {background-color:white; }  
#asset_tree_div .ygtvchildren {  }  
#asset_tree_div .ygtvlabel {color:#0C2577;}
#asset_tree_div .ygtvlabel, #asset_tree_div. ygtvlabel:link, #asset_tree_div. ygtvlabel:visited, #asset_tree_div .ygtvlabel:hover { 
	margin-left:2px;
	text-decoration: none;
    background-color: white;
    color:black;
}
#asset_tree_div .ygtvlabel:hover {color:#900;} 
#asset_tree_div .ygtvspacer { height: 10px; width: 10px; margin: 2px; }

/** ASI **/
.asi_hugedescription {min-height:300px;}
#thumbnailImage {text-align:center;}

/** DICTIONARY **/
#dictionary .add_new_word {text-align:right;}

/** TOP NAV **/
#top_nav {
	position:relative;
	margin:0px;
	padding:0px;
	background-color: #0C2577;
	width:100%;
	border-top:1px solid #004490;
	border-bottom:1px solid #004490;
	font-size:12px;
	height:25px;
	overflow:hidden;
}

#top_nav ul {
	float: left;
	margin:0px;
	padding:0px;
	list-style: none;
}
#top_nav li {
	float: left;
	width:120px;
	background-color: #0C2577;
	color: white;
	font-weight:bold;
	text-align:center;
	border-right:1px solid white;
}
#top_nav li a {display:block;padding: 5px 10px 5px 10px;color:white;text-decoration:none;}
#top_nav li a:hover {background-color:white;color:#0C2577;}
#top_nav li.selected {background-color:white;color:#0C2577;}

/** TOP NAV ICON BAR (TOP RIGHT) **/
#contact_link_div {position:absolute;z-index:2;right:70px;top:60px;}
#help_link_div {position:absolute;z-index:2;right:40px;top:60px;}
#logout_link_div {position:absolute;z-index:2;right:10px;top:60px;}

#help_list {display:none;}
#help_chk_div {display:none;}
div.hidden_div {display:none;}

br.clear {clear:both;height:1px;}

/** SHOPPING CART **/
#cart_div {
position:relative;
margin-top:20px;margin-bottom:20px;
width:140px;}
#li_detail, #li_detail_iframe {
	height: 200px;
	width:210px;
	position:absolute;
	left:150px;
	top:-50px;
	z-index: 1000;
	border:1px solid #222;
	font-size: 10px;
	color:white;
	background-color:#444;
	visibility:hidden;
}
#li_detail_iframe {
filter: "progid:DXImageTransform.Microsoft.Alpha(style=0, opacity=0)";z-index:999;
background-color:transparent;
}
#shoppingcart, #shoppingcart_iframe {
	overflow:hidden;
	position:absolute;
	left:0px;
	top:0px;
	font-size: 10px;
	color:white;
	background-color:#444;
	z-index: 1000;
	width:140px;
}

#shoppingcart_iframe {
	filter: "progid:DXImageTransform.Microsoft.Alpha(style=0, opacity=0)";
	z-index:999;
}
#shoppingcart .sc_footer {
	position:absolute;
	bottom:1px;
	left:1px;
	width:206px;
	background-color:white;
	z-index:1;
	text-align:right;padding-right:5px;
	color:black;
}

#shoppingcart .cart_toggle {
	position:relative;
	z-index:2;
	background-color:white;
	color: black;
}

#shoppingcart .cart_lines {
	/*overflow:auto;*/
	overflow:hidden;
	border:0px solid red;
	height:80px;
}

#shoppingcart .cart_line {	
	position:relative;
	width:100%;
	clear:both;
	display:block;
	padding-top:3px;
	padding-bottom:5px;
	border-top:1px solid black;
	color:white;
	text-decoration:none;
}
#shoppingcart .cart_line:hover {	
	background-color:#111;
}
#shoppingcart div.cart_line_outer {
	color:white;
	text-decoration:none;
	border-bottom:1px solid #333;
	padding-top:5px;
	padding-bottom:5px;
	min-height:20px;
}
#shoppingcart div.cart_line_inner {
	width:100%;
	clear:both;
	display:block;
	position:relative;
	min-height:20px;
}
#shoppingcart .cart_line_qty {
padding-left:1px;
}
#shoppingcart .cart_delete_icon {
padding:1px;
vertical-align:top;
}
#shoppingcart .qty {
	position:absolute;
	width:30px;	
	left:0px;
	top:0px;
}
#shoppingcart .desc {
	position:absolute;
	width:55px;
	top:0px;
	left:35px;
}
* html #shoppingcart .desc {
}
#shoppingcart .price {
	position:absolute;
	width: 40px;
	top:0px;
	right:0px;
	padding-right:3px;
	padding-left:2px;
	text-align:right;
	color: yellow;
	background-color:#444;
}
#shoppingcart .sa_headerline {
	position:absolute;
	text-align: center;
	width:135px;
	top:0px;
	left:0px;
}
#shoppingcart .sa {
	position:absolute;
	width:85px;
	top:0px;
	left:5px;
}


#shoppingcart .cart_button {
	width:100%;
	color: white;
	background-color: #0C2577;
	text-align:center;
	padding:0px;
	z-index:2;
}
#shoppingcart .cart_button a {
border-bottom:1px solid #000000;
border-top:1px solid black;
clear:both;
color:white;
display:block;
font-size:11px;
font-weight:bold;
margin:0px;
padding-top:2px;
text-decoration:none;	
}
#shoppingcart .cart_button a:hover {
	color: #0C2577;
	background-color: white;
	text-decoration:none;
	border-top:1px solid black;
}
#shoppingcart .cart_toggle {
	height:30px;
	background:white;
	z-index:2;
}
#shoppingcart .co_btn {
	background-color:white;
	padding-top:2px;
	padding-bottom:2px;
}
#shoppingcart .co_btn a {	
	display:block;
	font-weight:bold;
	font-size:10px;
	text-decoration:none;
}
#shoppingcart .co_btn a:hover {
	background-color:#dedede;
	color: black;
}
#shoppingcart .toggle_btn {
	width:140px;
	z-index:5;
	background-color:white;
	height:12px;
}
#shoppingcart .toggle_btn a {
	display:block;
	font-weight:bold;
	font-size:10px;
	text-align:right;
	text-decoration:none;
	padding-right:10px;
	border-right:1px solid #444;
}
#shoppingcart .nocontent {
	text-align:center;
}
p.no_sc_content {padding-left:10px;}

#inbox_div {
	position:absolute;
	right:225px;
	top:10px;
	z-index: 1000;	
	text-align:right;
	padding-top:2px;
}
.new_msg {background:transparent url(/images/unread_messages.gif) no-repeat scroll right top;}
.no_msg {}

#inbox_div a {text-decoration:none;	padding-right:25px;}

.ghost {position:absolute;right:-1000px;top:-1000px;display:none;}

#cart_update {display:none;}

#nav_menu {}

#cartitem_edit {
	position:relative;
	font-size:12px;
	height:190px;
}
#cartitem_edit div {
	font-weight:bold;
	padding:5px;
}
#cartitem_edit .itemcode, .qty, .desc {
	font-weight:normal;	
}
#cartitem_edit .qty_line {
	text-align:right;
}
#cartitem_edit .qty {
	margin-left:5px; margin-right:5px;
	text-align:right;
}
#cartitem_edit .header {
	display:block;
	background-color:white;
	color: #0C2577;
}
#cartitem_edit .buttons {
	position:absolute;
	bottom:0px;
	right:0px;
}

/** SIDENAV MENU **/
#sidenav_menu {background-color:#fff;border-right:1px solid #dedede;}
#sidenav_menu .ygtvtn { width:16px; height:22px; background: url(/images/yui/tree/default/tn.gif) 0 0 no-repeat; }
#sidenav_menu .ygtvtm { width:16px; height:22px; cursor:pointer ; background: url(/images/yui/tree/default/tm.gif) 0 0 no-repeat; }
#sidenav_menu .ygtvtmh { width:16px; height:22px; cursor:pointer ; background: url(/images/yui/tree/default/tmh.gif) 0 0 no-repeat; }
#sidenav_menu .ygtvtp { width:16px; height:22px; cursor:pointer ; background: url(/images/yui/tree/default/tp.gif) 0 0 no-repeat; }
#sidenav_menu .ygtvtph { width:16px; height:22px; cursor:pointer ; background: url(/images/yui/tree/default/tph.gif) 0 0 no-repeat; }
#sidenav_menu .ygtvln { width:16px; height:22px; background: url(/images/yui/tree/default/ln.gif) 0 0 no-repeat; } 
#sidenav_menu .ygtvlm { width:16px; height:22px; cursor:pointer ; background: url(/images/yui/tree/default/lm.gif) 0 0 no-repeat; }
#sidenav_menu .ygtvlmh { width:16px; height:22px; cursor:pointer ; background: url(/images/yui/tree/default/lmh.gif) 0 0 no-repeat; }
#sidenav_menu .ygtvlp { width:16px; height:22px; cursor:pointer ; background: url(/images/yui/tree/default/lp.gif) 0 0 no-repeat; }
#sidenav_menu .ygtvlph { width:16px; height:22px; cursor:pointer ; background: url(/images/yui/tree/default/lph.gif) 0 0 no-repeat; }
#sidenav_menu .ygtvloading { width:16px; height:22px; background: url(/images/yui/tree/default/loading.gif) 0 0 no-repeat; }
#sidenav_menu .ygtvdepthcell { width:16px; height:22px; background: url(/images/yui/tree/default/vline.gif) 0 0 no-repeat; }
#sidenav_menu .ygtvblankdepthcell { width:16px; height:22px; }
#sidenav_menu .ygtvitem {background-color:white; }  
#sidenav_menu .ygtvchildren {  }  
#sidenav_menu .ygtvlabel {color:#0C2577;}
#sidenav_menu .ygtvlabel, #sidenav_menu. ygtvlabel:link, #sidenav_menu. ygtvlabel:visited, #sidenav_menu .ygtvlabel:hover { 
	margin-left:2px;
	text-decoration: none;
    background-color: white;
    color:black;
}
#sidenav_menu .ygtvlabel:hover {color:#900;} 
#sidenav_menu .ygtvspacer { height: 10px; width: 10px; margin: 2px; }

/** GENERAL PURPOSE **/
table.epm_table {text-align:justified;border-collapse: collapse;margin-bottom:20px;}
table.epm_table td, th {vertical-align:baseline;border:1px solid white;padding:3px 10px 3px 10px;}
table.epm_table li {margin-left:15px;}
table.epm_table th {background-color: #0C2577;color:white;text-align:center;}
table.epm_table col#city {width:6em;text-align:center;}
table.epm_table col#state {width:3em;text-align:center;}
table.epm_table col#zip {width:4em;text-align:center;}
table.epm_table col#actions {text-align:center;}
table.epm_table col#selfsetup {text-align:center;}
table.epm_table col#group {text-align:left;10em;}
table.epm_table col#catalogs {text-align:left;10em;}
table.epm_table col#approvers {text-align:left;}

#epm_table {border-collapse: collapse;margin-bottom:20px;}
#epm_table td,th {vertical-align:baseline;border:1px solid white;padding:3px 10px 3px 10px;}
#epm_table th {background-color: #0C2577;color:white;text-align:center;}
#epm_table col#city {width:6em;text-align:center;}
#epm_table col#state {width:3em;text-align:center;}
#epm_table col#zip {width:4em;text-align:center;}
#epm_table col#actions {text-align:center;}
#epm_table col#selfsetup {text-align:center;}
#epm_table col#group {text-align:left;}
#epm_table col#catalogs {text-align:left;10em;width:20em;}
#epm_table col#approvers {text-align:left;width:20em;}
#epm_table ul {padding-left:0px;}
#epm_table col#report_name {text-align:left;}
#epm_table col#report_desc {text-align:left;}
#epm_table col#report_permission {text-align:left;width:10em;}
#epm_table col#asset_code {text-align:center;}
#epm_table li {margin-left:15px;list-style-type:square;}

#simple_dialog {font-size:12px;width:500px;}
#simple_dialog .bd {margin:5px;}
#simple_dialog .hd {border:1px solid black;}
#simple_dialog .button {font-size:14px;padding-left:7px;padding-right:7px;}

a.buttonlink {font-size:12px;font-weight:bold;padding:0px 15px 0px 15px;text-decoration:none;}
#msg_content {font-size:12px;font-weight:bold;}

table.shipping_summary_itemlist td {padding:0px 10px;}
table.shipping_summary_itemlist {border-bottom:1px solid #aaa;}

#price_box .order_total {border:1px solid #0c2577;font-size:11px;font-weight:bold;}
#price_box .price_box_value {text-align:right;padding:1px 5px 1px 20px;}
#price_box .price_box_label {color:#0c2577;font-size:11px;font-weight:bold;padding:1px 20px;}

.creditcard_error {color:#f00; padding:5px;}
<!--
.PageLeftBackground	{
	background-image: url(/images/PageLeftBackground.gif);
	background-repeat: repeat-y;
}

A:hover, A:active {
	color: #000000;
	text-decoration: underline;
}

.HeaderNavLink {
	color: #ffffff; 
	text-decoration: none;
}
A:hover.HeaderNavLink, A:active.HeaderNavLink {
	color: #ffffff;
	background-color: #666666;
}

.CCLink {
	color: #000099;
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none
}
A:hover.CCLink, A:active.CCLink {
	color: #990000;
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
                      
.SideNavLink {
	color: #000000;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
A:hover.SideNavLink, A:active.SideNavLink {
	color: #3399cc;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.CatalogNavLink {
	color: #000099;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline
}
A:hover.CatalogNavLink, A:active.CatalogNavLink {
	color: #990000;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

.CatalogNavLinkHighlight {
	color: #000099;
	font-size: 10px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #DDDDDD;
	text-decoration: underline
}
A.CatalogNavLinkHighlight {
	color: #000099;
	font-size: 10px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline
}
A:hover.CatalogNavLinkHighlight, A:active.CatalogNavLinkHighlight {
	color: #990000;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
                      
.MenuNavLink {
	color: yellow;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline
}
A:hover.MenuNavLink, A:active.MenuNavLink {
	color: #990000;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
                      
A.ContentLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000099;
	text-decoration: underline;
}
A:hover.ContentLink, A:active.ContentLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #600;
	background-color: #fff;
	text-decoration: underline;
}

A.ReverseContentLink, A:hover.ReverseContentLink, A:active.ReverseContentLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #0C2577;
	text-decoration: underline;
}

A.ForgotPasswordLink, A:hover.ForgotPasswordLink, A:active.ForgotPasswordLink {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #0c2577;
	text-decoration: underline;
}

.spellCheckMenu {
	background-color: #C0C0C0;
}
A.spellCheckMenu {
	color: #000099;
	font-size: 10px;
	font-weight: bold;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #C0C0C0;
	text-decoration: none;
}
A:hover.spellCheckMenu {
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #000099;
	text-decoration: none;
}
                      
A.spellCheckBadWord	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
	text-decoration: underline;
}
A:hover.spellCheckBadWord, A:active.spellCheckBadWord {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
	text-decoration: underline;
}

A.spellCheckGoodWord {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #008000;
	text-decoration: underline;
}
A:hover.spellCheckGoodWord, A:active.spellCheckBadWord {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #008000;
	text-decoration: underline;
}

A.TableRowLinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000099;
	text-decoration: underline;
}
A:hover.TableRowLinks, A:active.TableRowLinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #990000;
	text-decoration: underline;
}

A.TabMenuLink {
	font-size: 10px;
	color: #000099;
	text-decoration: underline;
}
A:hover.TabMenuLink, A:active.TabMenuLink {
	font-size: 10px;
	color: #990000;
	text-decoration: underline;
}

.OddRowColor {
	background-color: #CCCCCC;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}

.EvenRowColor {
	background-color: #DDDDDD;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}
                         
.RightSideBkgPanel {
	background-color: #000066;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}

.HeaderTopPanel {
	background-color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}
                         
.HeaderBottomPanel {
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}
                      
.SideNavText {
	color: #000000; 
	font-size: 10px; 
	font-family: Arial, Helvetica, sans-serif; 
	background-color: #ffffff;
}

.SideNavTextBold {
	color: #000000; 
	font-weight: bold;
	font-size: 10px; 
	font-family: Arial, Helvetica, sans-serif; 
	background-color: #ffffff;
}
						
.SideNavBkg {
	background-color: #ffffff;
}

.PageBkg {
	background-color: #ffffff;
}

.SideNavPrice {
	color: #006600; 
	font-size: 10px; 
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF
}

.HeaderNavText {
	color: #ffffff; 
	font-size: 10px; 
	font-family: Arial, Helvetica, sans-serif
}

.Copyright {
	font-size: 8pt; 
	font-family: Arial, Helvetica, sans-serif
}

.SmallInstruction {
	font-size: 10px; 
	font-family: Arial, Helvetica, sans-serif
}

.TitleLevel01 {
	color: #000066; 
	font-weight: bold; 
	font-size: 8pt; 
	font-family: Arial, Helvetica, sans-serif
}
.TitleLevel02 {
	color: #000066; 
	font-weight: bold; 
	font-size: 8pt; 
	font-family: Arial, Helvetica, sans-serif
}
.TitleLevel03 {
	color: #000066; 
	font-weight: bold; 
	font-size: 14pt; 
	font-family: Arial, Helvetica, sans-serif
}

.FileAgeGreen {
	color: #C0FFC0; 
	font-weight: normal; 
	font-size: 10pt; 
	font-family: Arial, Helvetica, sans-serif
}

.FileAgeYellow {
	color: #FFFFC0; 
	font-weight: normal; 
	font-size: 10pt; 
	font-family: Arial, Helvetica, sans-serif
}

.FileAgeRed {
	color: #FFC0C0; 
	font-weight: normal; 
	font-size: 10pt; 
	font-family: Arial, Helvetica, sans-serif
}

Select {
	font-size: 8pt; 
	font-family: Arial, Helvetica, sans-serif
}

Textarea {
	font-size: 8pt; 
	font-family: Arial, Helvetica, sans-serif
}

Input {
	font-size: 8pt; 
	font-family: Arial, Helvetica, sans-serif
}

.TableRows {
	color: #000000; 
	font-weight: normal; 
	font-size: 10px; 
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration: none 
}

.TableRowsWarning {
	color: #FF0000; 
	font-weight: normal; 
	font-size: 10px; 
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration: none
}

.CatalogRows {
	color: #000000; 
	font-weight: normal; 
	font-size: 10px; 
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration: none
}

.CatagoryRows {
	color: #990000; 
	font-weight: normal; 
	font-size: 10px; 
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration: none
}

.InactiveRows {
	color: #B8B8B8; 
	font-weight: normal; 
	font-size: 10px; 
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration: none
}
                      
.CatagoryItemRows {
	color: #006666; 
	font-weight: normal; 
	font-size: 10px; 
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration: none
}

.ErrorMessage {
	color: #ff0000; 
	font-weight: bold; 
	font-size: 8pt; 
	font-family: Arial, Helvetica, sans-serif
}

.LargeErrorMessage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-style: normal;
	color: #000000;
	font-weight: normal;
	background-color: FFFFFF;
}

.ListHeaders {
	color: #ffffff;
	font-weight: bold;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	background-color: #003399
}

TD.ListHeadersRed {
	color: #ffffff;
	font-weight: bold;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	background-color: #990000
}

.FormLabels {
	color: #003399;
	font-weight: normal;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none
}

.content {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none
}

.contentBold {
	font-size: 10px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none
}

.contentLarge {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none
}
                      
.FooterContent {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none
}

.InputFieldMask {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: italic;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}
                      
.ItemPrice {
	font-family: Arial, Helvetica, sans-serif; 
	background-color: #CCCCCC;
	font-size: 10px;
	color: #000066;
	font-weight: normal;
	font-style: normal
}
                        
.CartSubTotal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #990000;
	font-weight: normal;
	font-style: normal ;
	border: 1px #003399 solid
}
                        
.CartSubTotalText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-style: normal
}
                        
.CartTotal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #990000;
	font-weight: normal;
	font-style: normal;
	border: #000066;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px 
}

.PopUpTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-style: normal;
	color: #000000;
	font-weight: normal;
	background-color: FFFFFF;
}

.SurveyQuestion {
	color: #000000; 
	font-weight: bold;
	font-style: italic;
	font-size: 8pt; 
	font-family: Arial, Helvetica, sans-serif
}
                      
/* uncomment the followings to stylize form elements

.button	{
	background-color: #eeeeee;
	border-style: solid;
	border-width: 1;
}

.checkbox {
	color: #A6C1F9;
	border-style: none;
}
				
.TextBox {
	color: #000000;
	background-color: #A6C1F9;
	border-style:solid;
	border-width:1;
}

.Textarea {
	color: #000000;
	background-color: #A6C1F9;
	border-style:solid;
	border-width:1;
}
				
.textbox_required {
	color: #000000;
	background-color: #ff9999;
	border-style:solid;
	border-width:1;
}

.radio {
	color: #A6C1F9;
	border-style: none;
}

.dropdown {
	border-style:solid;
	border-width: 1;
	background-color: #A6C1F9;
}

.fileinput {
	border-style:solid;
	border-width: 1;
	background-color: #A6C1F9;
}
			
.selectlist {
	border-style:solid;
	border-width: 1;
	background-color: #ffff99;
}
*/
.dropdownMonospaced {
	font-family: Courier;
}

A.HIGHLIGHT{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-decoration: none;
    FONT-WEIGHT: bold;
    BACKGROUND-COLOR: #DDDDDD
}

A:hover.HIGHLIGHT, A:active.HIGHLIGHT{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    BACKGROUND-COLOR: #DDDDDD;
    FONT-WEIGHT: bold;
    color: #3399cc;
    text-decoration: none
}
-->
.banner-background {
	width: auto;
	background-color: white;
}

.sgf_POPULAR_ITEMS {
	padding: 1px;
	background-color: #FCF0F0; 
}

.sgf_POPULAR_ITEMS_background {
	background-color: #FF9191;
}

.sgf_RECENTLY_ORDERED {
	padding: 1px;
	background-color: #F0F2FC; 
}

.sgf_RECENTLY_ORDERED_background {
	background-color: #91A4FF; 
}

.sgf_ORDERED_WITH {
	padding: 1px;
	background-color: #F0FCF0; 
}

.sgf_ORDERED_WITH_background {
	background-color: #ADFFAD; 
}

.sgf_RELATED_ITEMS {
	padding: 1px;
	background-color: #FCFCF0; 
}

.sgf_RELATED_ITEMS_background {
	background-color: #FBFF91; 
}

h1 {
	font-size: 13px;
}



.breadcrumbs {
	text-align: left;
	border-bottom: 1px solid #E0E0E0;
	font-size: 11px;
	min-height: 30px;
	padding-left: 8px;
	width: 742px;
}

.breadcrumbs a {
	font-weight: bold;
	line-height: 30px;
	text-decoration: none;
	font-size: 11px;
}

#results {
	font-size: 11px;
	background: none repeat scroll 0 0 #E0E0E1;
	clear: both;
	height: 34px;
	line-height: 34px;
}

#results .showing {
	padding-left: 12px;
	padding-right: 12px;	
	font-weight: bold;
	float: left;
}
	
#results .pages {
	float: left;
	font-weight: bold;
}

.pages a {
	text-decoration: none;
}


#catalog-content a {
	text-decoration: none;	
}

#catalog_content {
	float: right;
	margin-left; -1px;
	margin-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	position: relative;
	width: 540px;	
}

#catalog_content .item {
	border-bottom: 1px solid #E0E0E1;
	font-size: 11px;
	padding: 9px 0;
	position: relative; 
	width: 540px;	
	min-height: 110px;
}

.slick-prev:before,.slick-next:before {
	color: black;
	font-size: 20px;
	line-height: 1;
	opacity: 1;
}

.slick-prev {
    margin-left: 40px;
  }

.slick-next {
   margin-right: 40px;
}

#catalog_content .item_details {
	width: 540px;	
}

#catalog_content .item_price {
	text-align:right;	
}

#catalog_content .item_image {
	position: relative;
	float: left;	
	width: 110px;
	height: 110px;
}

#catalog_list {
	font-size: 11px;
	position: relative;	
	line-height: 18px;
	border-right: 1px solid #E0E0E1;
	float: left;
	margin-left: 10px;
	padding-right: 10px;
	position:relative;
	width: 169px;
}

#catalog_list a {
	text-decoration: none;	
}

#catalog_content .item_details ul {
	list-style: none;
}

#catalog_content .item_details li {
	margin: 0;
	padding-top: 1px;
	padding-left: 128px;
	background-image: url('/office_products/black_bullseye.gif');
	background-repeat: no-repeat;
	background-position: 113px 3px;
}

#catalog_list ul {
	list-style: none;
}

#catalog_list li {
	margin: 0;
	padding-top: 2px;
	padding-left: 15px;
	background-image: url('/office_products/black_bullseye.gif');
	background-repeat: no-repeat;
	background-position: 0px 5px;	
}

#results .item_details ul {
	list-style: none outside none;
	text-indent: -10px;
	padding: 15px;
}

#catalog_content .item img {
	float: left;
	position: relative;	
}

#i_main {
	width: 750px;	
}

a.suggestedItemLink {
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;		
}

a.suggestedItemLink:hover {
	font-size: 10px;
}

.suggestedItem {
	width: 330px;
}

.siThumb {
	width: 100px;
	float: left;
	display: inline;
}

.siLabel {
	width: 230px;
	float: left;
	display: inline;
}

.hand {
	cursor: pointer; 
	cursor: hand;
}
/* Search */
.ux-icon-combo-icon img 
{
    position: absolute;
    top: 3px;
    left: 5px;
}
.ux-icon-combo-item img
{
	position: relative;
	float: left;
}
.ux-icon-combo-item-more img 
{ 
	display:none ! important
}
.ux-icon-combo-item
{
	height: 56px;
}
.ux-icon-combo-item-more
{
	background-color: #E0E0E0;
	text-align: center;
	height: auto;
}
.x-combo-list .x-combo-selected{
    color: white;
    background-color:#335599 !important;
}
a.questionicon { outline: none; text-decoration: none; background: url("/images/question_blue.png") no-repeat scroll 0 0 transparent; width: 16px; height: 16px;}
a.questionicon:hover { outline: none; text-decoration: none; background: url("/images/question_blue.png") no-repeat scroll 0 0 transparent; width: 16px; height: 16px;}

.jpg_preview_img {
	border: 1px solid;
}

span.unsaved-assigned-item { color: blue; }
span.saved-assigned-item {  }

.ah_eDelZip_pending {
	color: red;
	font-style: italic;
}

.ah_eDelHighRes_pending {
	color: red;
	font-style: italic;
}
a.favoriteStarOn {
	text-indent: -99999px; 
	height: 16px;
	width: 16px;
	background: url(/icons/star_gold.png);
	display: block;
	margin: 0 auto;
}
a.favoriteStarOff {
	height: 16px;
	width: 16px;
	text-indent: -99999px;
	background: url(/icons/star_silver.png);
	display: block;
	margin: 0 auto;
}
a.favoriteStarDisabled {
	height: 16px;
	width: 16px;
	text-indent: -99999px;
	background: url(/icons/star_grey.png);
	display: block;
	margin: 0 auto;
}

/* CRE Secure */
.creAmountRow {
	display:none;
}

.permissionRow:hover {
	background-color: #CCCCFF;
	color: black;
}
.permissionRow:hover td {
	background-color: inherit;
	color: inherit;
}


/* approval tabs */
ul.approval-tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	height: 28px;
	width: 100%;
}

ul.approval-tabs li {
	height: 27px;	
	float: left;
	margin: 0;
	padding: 0;
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px;
	overflow: hidden;
	position: relative;
	background: #e0e0e0;	
}

ul.approval-tabs li a {
	text-decoration: none;
	padding: 5px 20px;
	outline: none;
	color: #000;
	font-size: 14px;
	height: 27px;
}

ul.approval-tabs li a:hover {
	background: #ccc;
}

ul.approval-tabs li.active, ul.approval-tabs li.active a:hover {
	background: #fff;
	border-bottom: 1px solid #fff;
}

.approval-tab-container {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
}

.approval-tab-content {
	padding: 20px;
	font-size: 1.2em;
}

.status-denied {
	text-align:center;
	background-color:red;
	color: white;
}

.status-approved {
	text-align:center;
	background-color:green;
	color: white;
}

.status-modified {
	text-align:center;
	background-color:blue;
	color: white;
}

.status-submitted, .status-pending {
	text-align:center;
	background-color: black;
	color: white;
}

div.active-icon { height: 16px; width: 16px; background: url("../images/lightbulb.png") no-repeat scroll right top transparent; }
div.inactive-icon { height: 16px; width: 16px; background: url("../images/lightbulb_off.png") no-repeat scroll right top transparent; }
div.arrowup-icon { height: 16px; width: 16px; background: url("../images/arrow_up.png") no-repeat scroll right top transparent; }
div.arrowdown-icon { height: 16px; width: 16px; background: url("../images/arrow_down.png") no-repeat scroll right top transparent; }
div.assign-icon { height: 16px; width: 16px; background: url("../images/bricks.png") no-repeat scroll right top transparent; }
div.remove-icon { height: 16px; width: 16px; background: url("../images/cancel_16.png") no-repeat scroll right top transparent; }
div.db-reset-icon { height: 16px; width: 16px; background: url("../images/calendar_edit.png") no-repeat scroll right top transparent; }
div.remove-icon { height: 16px; width: 16px; background: url("../images/cancel_16.png") no-repeat scroll right top transparent; }
div.edit-icon { height: 16px; width: 16px; margin-right: 15px; background: url("../images/pencil.png") no-repeat scroll right top transparent; }
div.edit-icon-space { height: 16px; width: 16px; background: url("../images/pencil.png") no-repeat scroll right top transparent; }


img.remove-icon { height: 16px; width: 16px; background: url("../images/cancel_16.png") no-repeat scroll right top transparent; }
img.edit-icon { height: 16px; width: 16px; background: url("../images/pencil.png") no-repeat scroll right top transparent; }
img.edit-icon-space { height: 16px; width: 16px; margin-right: 15px; background: url("../images/pencil.png") no-repeat scroll right top transparent; }
img.view-icon { height: 16px; width: 16px; background: url("../images/magnifier.png") no-repeat scroll right top transparent; }

div.actions-column { display: inline-block }

div.item-attachment-download, div.item-attachment-delete {
	height: 16px;
	width: 16px;
	float: left;
	cursor:pointer;		
}
div.item-attachment-download { background: url("../images/down.png") no-repeat scroll right top transparent; margin-right: 10px; }
div.item-attachment-delete { background: url("../images/cancel_16.png") no-repeat scroll right top transparent; }


/* Chili Admin */

#chili_admin_wrapper {
	font-size: 12px;	
}

#ca_email_cc input#emailCC {
	height: 25px;
	min-width: 250px;
	font-size: 12px;
}

#ca_header_label {
	font-size: 16px;
	font-weight: bold;
}

.ca-header {
	font-weight: bold;	
	font-size: 14px;
}

.ca-details {
	display: inline;	
}

.ca-fieldset {
	padding: 10px;
	margin-bottom: 15px;	
	width: 450px;
	border: 1px;
}

.ca-document-thumb {
	background-image: url("/images/chili/doc-not-selected-100x100.png");
	height: 100px;
	width: 100px;
	background-repeat: no-repeat;
}

.ca-doctree-foldernode {
	font-size: 12px;
    font-weight: bold;
    margin-top: 10px;	
}

.ca-doctree-docnode {
	font-size: 12px;
	margin-top: 10px;
}
.ca-documenttree-folder-icon {
	background-image: url("/images/chili/folder-100x100.png") !important;
	height: 100px !important;
	width: 100px !important;
}

.ca-documenttree-doc-icon {
	border-style: solid !important;
	border-width: 1px !important;
	height: auto !important;
	width: auto !important;
}

.ca-documenttree-docsearch-icon {
	border-style: solid !important;
	border-width: 1px !important;
	height: 100px !important;
	width: 100px !important;
}

#documentTree .x-tree-ec-icon {
	display:none;	
}

.dbe-button {
	display: inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: baseline;
	margin: 0 0 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.dbe-button:hover {
	text-decoration: none;
}
.dbe-button:active {
	position: relative;
	top: 1px;
}
.dbe-button-a {		/*ex: login*/
	color: #e8f0de;
	border: solid 1px #839CAE;
	background: #839CAE;
	background: -webkit-gradient(linear, left top, left bottom, from(#839CAE), to(#04375B));
	background: -moz-linear-gradient(top,  #839CAE,  #04375B);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#839CAE', endColorstr='#04375B');
}
.dbe-button-a:hover {
	color: #e8f0de;
	background: #04375B;
	background: -webkit-gradient(linear, left top, left bottom, from(#04375B), to(#003559));
	background: -moz-linear-gradient(top,  #04375B,  #003559);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#04375B', endColorstr='#003559');
}
.dbe-button-a:active {
	color: #e8f0de;
	background: -webkit-gradient(linear, left top, left bottom, from(#04375B), to(#839CAE));
	background: -moz-linear-gradient(top,  #04375B,  #839CAE);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#04375B', endColorstr='#839CAE');
}

#chili_admin_wrapper select {
	height: 25px;
	min-width: 250px;
	font-size: 12px;
}

#editor-height-input {
	margin-top: 10px;
	margin-bottom: 10px;	
}


/* Customize Admin */

#mbd_admin_wrapper {
	font-size: 12px;	
}

#mbd_header_label {
	font-size: 16px;
	font-weight: bold;
}

.mbd-header {
	font-weight: bold;	
	font-size: 14px;
}

.mbd-details {
	display: inline;	
}

.mbd-fieldset {
	padding: 10px;
	margin-bottom: 15px;	
	width: 450px;
}


/* Cybersource Credit Card Window */

.section_break {
    margin-left: 15px;
    border-bottom: 1px solid #C3D6DF;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
    width: 445px;
    background: none;
}    
    
.desc {
	padding-top: 5px;
	padding-left: 7px;
}    


#csform td {
	padding-top: 3px;
	height: 20px;
}



#csform input {
    padding: 6px !important;
    width: 268px;
}

#csform select {
    padding: 6px !important;
    width: 268px;
}

#card_expirationMonth {
	width: 115px !important;
}

#card_expirationYear {
	width: 150px !important;
}

#billTo_firstName {
	width: 130px !important;
}

#billTo_lastName {
	width: 135px !important;
}

#billTo_city {
	width: 132px !important;
}

#billTo_state {
	width: 40px !important;
}

#billTo_postalCode {
	width: 90px !important;
}

#ccSecureWin .x-window-mc {
	background-color: #ffffff;	
}

.deprecated-instruction {
	font-family: Raleway, san-serif, serif;
	font-size: 12px;
	color: #000000;
}