html { overflow-y: scroll; }
html, body{ height: 100%; }

body div.normal-list ul{ padding: 10px 0; }
body div.normal-list ul li{ list-style-type: disc; margin-left: 25px; padding-left: 0;  } 

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

.fieldWithErrors 						{ background-color: red; display: table; padding: 2px; }

#errorExplanation { background-color: #f0f0f0; border: 2px solid red; display: none; margin-bottom: 20px; padding: 7px 7px 12px; width: 400px; }

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid grey;
  width: 100%;
}

div.progressBar div.background { background-color: #333; height: 18px; width: 0; }

.color_button { border: 2px solid #aaa; cursor: pointer; }

.colors_div table tr td { border: 1px solid #000; }

.colors_div table { border: 1px solid #000; }

/* upload progress */

.progress_bar_container		{ -moz-border-radius: 2px; -webkit-border-radius: 2px; background: #eee url(/images/new/progress_bar_container.gif) 0 0 repeat-x; height: 15px; margin: 0 0 20px; overflow: hidden; padding: 0; }

.progress_bar							{ -moz-border-radius: 2px; -webkit-border-radius: 2px; background: url(/images/new/progress_status.gif) 0 0 repeat-x; height: 15px; text-indent: -9999px; }

.progress_bar_text					{ display: block; font-weight: bold; margin-bottom: 20px; }

.progressBarText { color: #333333; }


/* icon select box */
div.cbo_autocomplete {
	position:absolute;
	width:400px;
	color:#b4b4b4;
	background-color:#5b5b5b;
	border:0px solid #ccc;
	margin:0px;
	padding:0px;
	font-size:0.8em;
	text-align:left;
	max-height:200px;
	overflow:auto;
	z-index:4000;
}
div.cbo_autocomplete ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
div.cbo_autocomplete ul li.selected { 
	background-color:#0a246a;
	color: white;
}
div.cbo_autocomplete ul li {
	list-style-type:none;
	display:block;
	margin:0;
	padding:2px;
	cursor:pointer;
	white-space: nowrap;
	color:#b4b4b4;
}

.ac_combo 
{
	margin:0px;
	
	font-size:11px;
	color:#b4b4b4;
	border:0px;
	background-color:#5b5b5b; 
	padding:1px;  
	cursor: pointer;
}



/*
popups
*/

xxx.popupbackground { background: url("/images/screen.gif"); padding: 0; position:absolute; }
.popupbackground { background: #000; display: block; min-height: 100%; left: 0!important; opacity: 0.8; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; position: fixed; top: 0!important; visibility: visible; width: 100%; z-index:1000; }
* html .popupbackground { position: absolute; height: 100%; }

.lightbg { opacity: 0.4; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";  }

.popupclose{ display: none!important; visibility: hidden!important; }

/*
async
*/
.async_action_background { background: #000000; opacity: 0; filter: Alpha(opacity='0'); -moz-opacity:0; -khtml-opacity: 0; }
XXX.async_action { background: url("/images/loading.gif") 50% 50% no-repeat; }
.async_action{ text-align: center; }
.async_action img{ background: url(/images/spinner_bg.png) 50% 50% no-repeat; left: 50%; margin: -12px 0 0 -12px; position: absolute; top: 50%; }
* html .async_action img { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/spinner_bg.png', sizingMethod='scale'); }

/*
screen guard
*/
.screen_guard { background: #000; display: block; min-height: 100%; left: 0!important; opacity: 0; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: fixed; top: 0!important; visibility: visible; width: 100%; z-index:1000; }
/*
create new nav
*/



/* process products progress */

.ppProgressBarContainer {
	border: 2px solid grey;
	padding: 0px;
}

.ppProgressBar {
	background-color: grey;
	margin: 0px;
}


/*
SUPPLIER ORDERS
*/

.supplier_color_swatch {
	border: 1px solid black;
}
.supplier_color_swatch tr td {
	border: 1px solid black;
}




/* AD */

.ad_instructions {
	border: 1px solid green;
	padding: 5px;
}

.ad_code {
	border: 1px solid white; 
	font-family: courier;	
	padding: 5px;
}

.ad_var {
	font: bold 16px courier;
	color: red;
}

div.admintop{ background: #222222 !important; display: block; font: normal 11px Arial, Helvetica, Sans; height: 50px; overflow: hidden; }
div.admintop div.set{ overflow: hidden; }
div.admintop img{ color: #fff; float: left; margin: 5px 5px 5px 10px; }
div.admintop span{ color: #fff; float: left; font-size: 18px; margin: 12px 5px 0 10px; }

ul.mlm_admin_menu{ float: left; padding: 7px 0 0 10px; }
ul.mlm_admin_menu li{ display: inline; }
ul.mlm_admin_menu li a{ background-position:  0 0; background-repeat: no-repeat; display: block; float: left; height: 37px; width: 135px; text-indent: -9999px;}
ul.mlm_admin_menu li a:hover{ background-position:  0 100%; }
ul.on li.view a, ul.off li.manage a{ background-position: 0 100%; }
	ul.mlm_admin_menu li.manage a{ background-image: url(/ppr/images/mlm/manage.gif); width: 135px; }
	ul.mlm_admin_menu li.view a{ background-image: url(/ppr/images/mlm/view.gif); width: 103px; }
	ul.mlm_admin_menu li.administer a{ background-image: url(/ppr/images/mlm/administer.gif); width: 135px; }
	

div.admintop_contruct{ background: #222 url(/ppr/images/mlm/notice-construction.png) 50% 0 no-repeat; display: block; height: 100px; padding-top: 10px; text-indent: -9999px; }
div.admintop_testing{ background: #222 url(/ppr/images/mlm/notice-testing.png) 50% 0 no-repeat; display: block; height: 100px; padding-top: 10px; text-indent: -9999px; }
div.admintop_eval{ background: #222 url(/ppr/images/mlm/notice-evaluation.png) 50% 0 no-repeat; display: block; height: 100px; padding-top: 10px; text-indent: -9999px; }

xxxdiv.adminheader_construct a{ background: url(/ppr/images/mlm/notice-construction-admin.png) 50% 0 no-repeat; display: block; height: 100px; padding-top: 10px; text-indent: -9999px; }
xxxdiv.adminheader_testing a{ background: url(/ppr/images/mlm/notice-testing-admin.png) 50% 0 no-repeat; display: block; height: 100px; padding-top: 10px; text-indent: -9999px; }

div.noticetop{ background: red; background: #222; font-size: 1.1em; padding: 10px 0; }

div.noticeheader{ height: 90px; line-height: 89px; margin: 0 auto; width: 800px; }
div.noticeheader span{ color: #5a5a5a; font-size: 1.7em; font-weight: normal; margin-left: 120px; }

div.noticeheader.construct{ background: url(..//images/admin/notice_construct_white.gif) 50% 0 no-repeat; }
div.noticetop div.noticeheader.construct{ background: url(..//images/admin/notice_construct_dark.gif) 50% 0 no-repeat; }
	div.noticeheader.construct a{ color: #ff7700!important; }
div.noticeheader.testing{ background: url(..//images/admin/notice_test_white.gif) 50% 0 no-repeat; margin-bottom: 10px; }
div.noticetop div.noticeheader.testing{ background: url(..//images/admin/notice_test_dark.gif) 50% 0 no-repeat; }

div.admintop ul.admin_menu{ float: left; margin: 0; padding: 7px 0 0 10px; }
div.admintop ul.admin_menu li{ display: inline; }

div.admintop ul.admin_menu li{ background: url(/ppr/images/mlm/cart-right.gif) 100% 0 no-repeat; float: left; margin-right: 5px; padding: 10px 10px 7px 0; position: relative; }
div.admintop ul.admin_menu li a{ background-position: 0 0; background-repeat: no-repeat; color: #fff; padding: 5px 0 4px 30px; text-decoration: none; text-indent: 0; }
div.admintop ul.admin_menu li a:hover{ background-position: 0 -24px; }
	div.admintop ul.admin_menu li.manage a{ background-image: url(/ppr/images/mlm/admin-manage.gif); }
	div.admintop ul.admin_menu li.view a{ background-image: url(/ppr/images/mlm/admin-view.gif); }
	div.admintop ul.admin_menu li.admin a{ background-image: url(/ppr/images/mlm/admin-admin.gif); }
	div.admintop ul.admin_menu li.manage_sel a{background-position: 0 -24px;  background-image: url(/ppr/images/mlm/admin-manage.gif);}
	div.admintop ul.admin_menu li.view_sel a{ background-position: 0 -24px; background-image: url(/ppr/images/mlm/admin-view.gif); }
	div.admintop ul.admin_menu li.admin_sel a{ background-position: 0 -24px;background-image: url(/ppr/images/mlm/admin-admin.gif); }

	div.videohelp{ display: block; text-align: right; margin-bottom: 7px;}
	div.videohelp a{ background: url(/ppr/images/icon-videotut.gif) 0 50% no-repeat; padding: 10px 0 10px 36px; }
	
/* new page management styles */
span.add{ background: url(/ppr/images/manage/add-left.gif) 0 0 no-repeat; float: right; padding: 6px 0 8px 30px; }
span.add a{  background: url(/ppr/images/manage/add-right.gif) 100% 0 no-repeat; padding: 6px 10px 8px 0; }

ul.manage_nav{ margin: 0 0 20px; padding: 10px 0 0; }
ul.manage_nav li{ border-right: 1px solid #c0c0c0; display: inline; list-style: none; margin: 0; padding: 0 5px; }
body#ppr table ul.manage_nav li.unused a{ color: #628597; text-decoration: line-through; }
body#ppr table ul.manage_nav li a{ color: #16acf7; padding: 0; }
body#ppr table ul.manage_nav li span{ padding: 0 5px; }

div.manage-control{ background: url(/ppr/images/manage/control-top.gif) 0 0 no-repeat; outline: none; padding-top: 15px; }
div.manage-control *{ outline: none; }
div.manage-control div.interior{ background: url(/ppr/images/manage/control-bottom.gif) 0 100% no-repeat; padding-bottom: 10px; }
	div.manage-control ul{ overflow: hidden; margin: 0 0 0 10px; padding: 0; width: 100%; }
	div.manage-control ul li{ display: block; float: left; }
	div.manage-control ul li a, div.manage-control ul li span{ display: inline; float: left; padding: 10px 15px 14px 35px; }
	div.manage-control ul li span{ color: #a4a4a4; }
		
		div.manage-control ul li.tab-left{ background: url(/ppr/images/manage/tab-left.gif) 0 0 no-repeat; }
		div.manage-control ul li.tab-left a{ background: url(/ppr/images/manage/tab-left-icon.gif) 12px 46% no-repeat; }
		div.manage-control ul li.tab-left span{ background: url(/ppr/images/manage/tab-left-icon-grey.gif) 12px 46% no-repeat; }
		
		div.manage-control ul li.tab-right{ background: url(/ppr/images/manage/tab-right.gif) 0 0 no-repeat; }
		div.manage-control ul li.tab-right a{ background: url(/ppr/images/manage/tab-right-icon.gif) 96% 46% no-repeat; padding: 10px 25px 14px 15px; }
		div.manage-control ul li.tab-right span{ background: url(/ppr/images/manage/tab-right-icon-grey.gif) 96% 46% no-repeat; padding: 10px 25px 14px 15px; }
		
		div.manage-control ul li.is-visible{ background: url(/ppr/images/manage/tab-add.gif) 0 0 no-repeat; padding: 9px 15px 15px 35px; }
		div.manage-control ul li.is-visible select{ width: 80px; }
		div.manage-control ul li.is-visible select option{ overflow: visible; }
		div.manage-control ul li.tab-sub{ background: url(/ppr/images/manage/tab-addsub.gif) 0 0 no-repeat; }
		div.manage-control ul li.tab-sub a{ background: url(/ppr/images/manage/tab-addsub-icon.gif) 12px 45% no-repeat; }
		div.manage-control ul li.tab-sub span{ background: url(/ppr/images/manage/tab-addsub-icon-grey.gif) 12px 45% no-repeat; }
		body#ppr div.manage-control ul li.tab-sub a{ color: #1bb706; }
		
		div.manage-control ul li.tab-delete{ background: url(/ppr/images/manage/tab-delete.gif) 0 0 no-repeat; padding-right: 30px; }
		div.manage-control ul li.tab-delete a{ background: url(/ppr/images/manage/tab-delete-icon.gif) 12px 45% no-repeat; }
		div.manage-control ul li.tab-delete span{ background: url(/ppr/images/manage/tab-delete-icon-grey.gif) 12px 45% no-repeat; }
		body#ppr div.manage-control ul li.tab-delete a{ color: #b70606; }

div.common{ background: url(/ppr/images/manage/common-bottom.gif) 0 100% no-repeat; margin-bottom: 20px; padding: 0 0 30px; width: 620px; }
div.common div.section{ background: url(/ppr/images/manage/section-bg.gif) 0 100% repeat-x; padding: 10px 15px 10px 20px; }
	* html div.common div.section{ width: 580px; }

	/*div.common div.section input, select, textarea{ border: 1px solid #c7c7c7; padding: 0 3px;}*/
div.common div.section input.submit_box{ padding: 5px; }
div.common div.section label{ background-position: 0 50%; background-repeat: no-repeat; color: #5c5c5c; display: block; font-size: 14px; float: left; font-weight: bold; letter-spacing: -0.04em; margin-bottom: 5px; padding-left: 20px; width: 165px; }
	div.common div.section label.title{ background-image: url(/ppr/images/manage/icon-pagetitle.gif); }
	div.common div.section label.text{ background-image: url(/ppr/images/manage/icon-pagetext.gif); }
	div.common div.section label.link{ background-image: url(/ppr/images/manage/icon-link.gif); }
	div.common div.section label.image{ background: url(/ppr/images/manage/icon-pic.gif) 0 0 no-repeat; }

div.category{  }
	div.category div.interior{ display: none; }

div.category div.section{ background: url(/ppr/images/manage/section-bg.gif) 0 100% repeat-x; margin: 0 5px; overflow: hidden; padding: 10px 0; width: 100%; }
div.category div.alt{ background: #dcf3ff; margin-top: -1px; padding-left: 10px; }

div.category div.heading{ background: transparent none; padding: 0; text-align: right; }
	div.category div.heading div{ overflow: hidden; width: 600px; }
	div.category div.heading div{ background: #d9d9d9; border-bottom: 1px solid #a8a8a8; overflow: hidden; padding: 0 10px; text-align: left; }
	
	div.category div.heading a.toggle{ background: url(/ppr/images/manage/toggle-left.gif) 0 0 no-repeat; margin-right: 10px; padding: 8px 0 10px 30px; }
	* html div.category div.heading a.toggle{ padding-top: 0; }
	div.category div.heading a.alt{ background: url(/ppr/images/manage/toggle-left-alt.gif) 0 0 no-repeat; padding: 8px 0 10px 30px;}
	div.category div.heading a.toggle span{ background: url(/ppr/images/manage/toggle-right.gif) 100% 0 no-repeat; padding: 8px 8px 10px 0; }

	
div.category div.heading h3{ background: transparent none; color: #404040; float: left; font-size: 24px; letter-spacing: -0.07em; line-height: 1em; padding: 7px 0; width: 50%; }
div.category div.heading input{ float: right; margin-top: 20px; }

	div.category div.section label{ background: url(/ppr/images/manage/icon-page.gif) 0 2px no-repeat; color: #5c5c5c; display: block; font-size: 11px; float: left; font-weight: bold; margin-bottom: 5px; padding: 3px 0 3px 20px; width: 155px; }
	div.section label span{ color: #02abff; font-size: 11px; font-weight: normal; letter-spacing: 0; }
	div.section label span.alt{ color: #949494; }
	div.section div.description{ float: left; width: 300px; }
	div.section div.active{ float: right; text-align: right; width: 50px; }

input.submit_box{ background: url(/ppr/images/manage/submit-bg.gif) 0 100% repeat-x; font-size: 18px; }

/* subpage */
div.subpages{ background: url(/ppr/images/manage/subpage-bg.gif) 0 0 no-repeat; margin: 0 auto 10px; padding: 5px 0 0; width: 600px;  }
div.subpages div{ background: url(/ppr/images/manage/subpage-bottom-bg.gif) 0 100% no-repeat; padding: 5px 0 10px; }
	div.subpages label{ float: left; margin-left: 10px; width: 100px; }
	div.subpages ul.manage_nav{ margin: 0; padding: 0; }
	
/* this is the message box aka msgbox */

div.msgbox{ background: #fff; border: 2px solid #4a4a4a; padding: 20px 20px 10px 10px; }
div.msgbox h2{ color: #df7003; font-size: 18px; font-weight: normal; letter-spacing: -0.07em; margin: 0 0 5px; }
div.msgbox img{ margin: 20px 10px 0 0; }

div.msgbox div.msgbox_buttons{ padding: 15px 0 0; text-align: right; }


/* MAP: product color palette */
	ul.product_color_palette {
		list-style: none;
	}
	
	
/* MAP: product view templates list */

	ul.product_view_template_list {
		
		list-style: none;
		padding: 0;
	}
	
	ul.product_view_template_list li {
		
		border: 2px solid #DEDEDE;
		cursor: pointer;
		display: -moz-inline-box;
		-moz-box-orient: vertical;
		display: inline-block;
		margin: 2px;
		padding: 2px;
		vertical-align: top;
		text-align: center;
		width: 110px;
		word-wrap: break-word;
	}
	* html ul.product_view_template_list li{ display: inline; }
	* + html ul.product_view_template_list li{ display: inline; }
	
	ul.product_view_template_list li.alt {
		background-color: #003333;
		font-weight: bold;
		color: #FFFFFF;
	}
	

/* MAP: tabs */
	ul.tabs{ display: block; margin: 0; padding: 20px 0 0; position: relative; text-align: left; }
	ul.tabs:after{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
		* html ul.tabs{ height: 1%; }
		* + html ul.tabs{ height: 1%; }
	ul.split-tabs { text-align: right; }
	ul.tabs li, .popup ul.tabs li{ background: #dadada; border-bottom: 1px solid #fff; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; float: right; margin: 0 1px 0 0; padding: 0 1px; cursor: pointer; text-align: center; color: #353535; font-size: 1.2em; font-weight: bold; letter-spacing: -0.01em; padding: 5px 7px 4px 23px; text-decoration: none; }
		/* IE considerations */
		* html ul.tabs li{ display: inline; }
		* + html ul.tabs li{ display: inline; }
		
	ul.tabs li.alt{ background: #e16b26; border-bottom: 1px solid #e16b26; color: #fff;}
		
	
	ul.tabs h4{ 
		background: #4c4c4c; border-bottom: 1px solid #fff; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; float: left; font-size: 1.2em; margin: 0; padding: 0 1px; margin-right: 4px; cursor: pointer; 
		color: #fff; font-weight: bold; padding: 5px 10px 4px 10px; text-decoration: none;
	}
	ul.tabs h4.alt{ border-bottom: 1px solid #4c4c4c; }

	div.tab_panel { border: 1px solid #dadada; border-top: 5px solid #e16b26; margin-bottom: 20px; padding: 20px; }
	div.tab_panel_main { border: 1px solid #dadada; border-top: 5px solid #4c4c4c; margin-bottom: 20px; padding: 20px; }
	
/* alt styles for the dashboard */	

	ul.tabs li.alt			{ background: #a8cd19; border-bottom: 1px solid #a8cd19; }
	ul.tabs li.alt a		{ color: #fff!important; }
	div.tab_panel 		{ border-top: 5px solid #a8cd19; }
	
/* MAP: decoration library browser */

ul.error{  }
	ul.error:after{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
	* html ul.error{ height: 1px; }
	* + html ul.error{ min-height: 1px; }

ul.error li{ float: left; }
	
body div#container div#content span.cart_warning{ background: url(/ppr/images/mp/cart_warning_left.gif) 0 0 no-repeat; xxxdisplay: -moz-inline-box; xxxdisplay: inline-block; display: inline; float: left; height: 18px; line-height: 28px; margin: 0 0 3px; padding: 0 0 0 30px!important; }
	* html body div#container div#content span.cart_warning{ display: inline; }
	* + html body div#container div#content span.cart_warning{ display: inline; }
body div#container div#content span.cart_warning b{ background: url(/ppr/images/mp/cart_warning.gif) 100% 0 no-repeat; color: #fff; display: block; float: left; xxxheight: 28px; xxxline-height: 18px; padding: 0 10px 0 0; }

span.cart_warning{ background: url(/ppr/images/mp/cart_warning_left.gif) 0 0 no-repeat; xxxdisplay: -moz-inline-box; xxxdisplay: inline-block; display: inline; float: left; xxxheight: 18px; xxxline-height: 28px; margin: 0 0 3px; padding: 0 0 0 36px!important; }
	* html span.cart_warning{ display: inline; }
	* + span.cart_warning{ display: inline; }
span.cart_warning b{ background: url(/ppr/images/mp/cart_warning.gif) 100% 0 no-repeat; color: #fff; display: block; height: 28px; line-height: 18px; padding: 0 10px 0 0; }

/* agreement */
div.agreement{ font-size: 11px; }

div.agreement p{ margin: 0 0 10px; padding: 0; }

div.agreement h2{ font-size: 24px; margin: 0 0 10px; padding: 0; text-transform: capitalize; }
div.agreement h3{ font-size: 18px; margin: 0 0 10px; padding: 0; text-transform: capitalize; }

div.agreement ul{ padding-left: 20px; }
div.agreement ul li{ line-height: 1.4em; margin-bottom: 7px; }

div.popup_content div#content{ background: #fff; color: #333; }

/* top notice stuff */
div.top_notice{ background: #2e2e2e; }
div.top_notice a{ color: #bbb; }

div.top_notice div.notice{ margin: 0 auto; padding: 20px 0; width: 800px; }
	div.top_notice div.notice:after{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }

div.top_notice div.notice.testing{ background: transparent none; }

div.top_notice div.notice b{ display: block; float: left; margin-top: -10px; position: absolute; width: 64px; height: 64px; }
div.top_notice div.notice.testing b{ background: url(/ppr/images/notice_testing.gif) 0 0 no-repeat;  }
div.top_notice div.notice.construct b{ background: url(/ppr/images/notice_construct.gif) 0 0 no-repeat;  }
div.top_notice div.notice.portal b{ background: url(/ppr/images/notice_portal.gif) 0 0 no-repeat;  }


div.top_notice div.notice span{ -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #282828; color: #fff; display: block; xxxfloat: left; font-size: 18px; font-weight: bold; letter-spacing: -0.035em; margin: 0; padding: 10px 20px 10px 70px; }

.display_none{ display: none; }
.display_block{ display: block; }
.display_inline{ display: inline; }


/*-------------------------------------------------
=============================PRE MENU */

		#pre_menu									{ background: #1b1b1b; text-align: right; }
		#pre_menu .set, 
		#mlm_div .set								{ max-width: 1280px; min-width: 945px; margin: 0 20px; width: auto; }
		
		#pre_menu:after							{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
		* html #pre_menu						{ height: 1px; }
		* + html #pre_menu					{ min-height: 1px; }
		
		#pre_menu h2								{ -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #000; border: 1px solid #2b2b2b; color: #fff; display: block; float: right; font-size: 14px; font-weight: normal; letter-spacing: -0.015em; margin: 10px 0; padding: 0; }
		#pre_menu h2:after					{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
		* html #pre_menu h2					{ height: 1px; }
		* + html #pre_menu h2				{ min-height: 1px; }
		
		#pre_menu h2 span					{ display: block; float: left; height: 22px; line-height: 22px; padding: 0 10px 0 24px; }
		#pre_menu h2.testing span		{ background: url(/images/icons/itoolbar_ii/16/alert.png) 5px 50% no-repeat; }
		#pre_menu h2.construction span{
																background: url(/images/icons/itoolbar_ii/16/tools_sign.png) 5px 50% no-repeat; }
		
		#pre_menu h2	a							{ color: #aaa; }
		
		#pre_menu ul								{ display: block; float: left; padding: 10px 0; }
		#pre_menu ul li							{ -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #2b2b2b; xxxborder: 1px solid #3f3f3f; float: left; font-size: 12px; height: 24px; line-height: 24px; margin-right: 10px; overflow: hidden; padding: 0; }
		#pre_menu ul li.alt						{ border: 0; height: 24px; line-height: 24px; }
		
		#pre_menu ul h4							{ border-right: 1px dotted #5f5c58; color: #dedede; float: left; font-size: 14px; font-weight: normal; line-height: auto; margin: 0 3px 0 0; padding: 0 5px 0 0; }
		#pre_menu ul ul							{ border: 0; float: left; overflow: hidden; padding: 0; }
		#pre_menu ul ul li						{ background: transparent none; border: 0; float: left; margin: 0 10px; padding: 0; }
		#pre_menu ul ul li.alt:first-child
																{ -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-left: 0; }
		#pre_menu ul ul li.alt:last-child
																{ -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-right: 0; }
																
		#pre_menu ul ul li.alt					{ -moz-border-radius: 0; -webkit-border-radius: 0; xxxbackground-image: url(/images/new/pre_menu_on.gif); background-position: 50% 100%; background-repeat: no-repeat; border-width: 0 1px; margin: 0; padding: 0 10px; }
		
		#base_store li.alt							{ background-color: #0685e1; border-color: #0b6cb2; border-style: solid; }
		#base_fulfillment li.alt				{ background-color: #53bb28; }
		#base_simple li.alt						{ background-color: #cd184e; }
		
		#pre_menu ul ul li a					{ color: #939393; font-size: 12px; padding-left: 18px; text-decoration: none;  }
		#pre_menu ul ul li a.view			{ background: url(/images/icons/famfam/application_form_magnify.png) 0 50% no-repeat;  }
		#pre_menu ul ul li a.admin		{ background: url(/images/icons/famfam/application_form.png) 0 50% no-repeat;  }
		#pre_menu ul ul li a.manage	{ background: url(/images/icons/famfam/application_form_edit.png) 0 50% no-repeat;  }
		#pre_menu ul ul li a:hover		{ color: #fff; }
		
		#pre_menu ul li.alt a					{ color: #fff; }
		
/*-------------------------------------------------
=============================MLM STUFF */
		
		#mlm_div												{ background: #343434; display: block; }
		
/*-------------------------------------------------
=============================MESSAGING */
		
		#messaging									{ background: #2c2c2c; color: #b3b3b3; font-size: 11px; padding: 7px 0; }
		#messaging .set							{ max-width: 1280px; min-width: 945px; margin: 0 20px; width: auto; }
		#messaging:after						{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
		* html #messaging						{ height: 1px; }
		* + html #messaging					{ min-height: 1px; }
		
		#messaging label						{ font-weight: bold; margin-right: 20px; }
		#messaging a								{ color: #eee; text-decoration: underline;  }
		#messaging .latest						{ -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #353535 url(/ppr/images/icons/itoolbar_ii/24/email.png) 5px 50% no-repeat; display: block; float: left; padding: 7px 20px 4px 35px; }
		#messaging .others					{ background: url(/images/icons/itoolbar_ii/24/mail_seal.png) 0 50% no-repeat; display: block; float: right; padding: 7px 0 4px 30px; }
		
		#messaging ul								{ float: left; margin: 0 30px 0 0; padding-left: 30px; }
		#messaging ul:after					{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
		* html #messaging ul					{ height: 1px; }
		* + html #messaging ul				{ min-height: 1px; }
		
		#messaging ul.notices				{ background: url(/images/icons/itoolbar_ii/24/mail_seal.png) 0 50% no-repeat; float: left; }
		#messaging ul.issues				{ background: url(/images/icons/itoolbar_i/24/alert.png) 0 50% no-repeat; float: left; }
		#messaging ul.wizard_launcher
																{ background: url(/images/icons/itoolbar_ii/24/wizard.png) 0 50% no-repeat; float: right; margin-right: 0; }
																
		#messaging ul.issues li			{ margin: 0; }
		
		#messaging ul li							{ float: left; padding: 0 10px; }
		#messaging ul li:after				{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
		* html #messaging ul li				{ height: 1px; }
		* + html #messaging ul li			{ min-height: 1px; }
		
		#messaging span						{ float: left; padding: 7px 0 0; }
		
		#messaging ul li.view					{ border: 0; }
		
		#messaging span.figure			{ -moz-border-radius: 2px; -webkit-border-radius: 2px; background: #3b3c3c; display: block; float: left; font-size: 16px; margin-right: 5px; padding: 3px 5px; }
		
		#messaging .wizard_launcher li
																{ display: inline; padding: 0 0 0 10px; }
		#messaging .wizard_launcher li a
																{ -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #2d2d2d url(/images/new/wizard_launcher.gif) 0 0 repeat-x; border: 1px solid #7a7a7a; display: block; float: left; height: 20px; line-height: 20px; padding: 0 10px; text-decoration: none; }
		#messaging .wizard_launcher li.store a:hover
																{ border: 1px solid #0685e1; }
		#messaging .wizard_launcher li.fulfillment a:hover
																{ border: 1px solid #53bb28; }
																
		#messaging .wizard_launcher li a span
																{ float: none; }
		
/*-------------------------------------------- STYLES FOR TREEVIEW MENU */

		#categories										{ padding: 10px 0 0 5px; }
		.library_categories							{}
		* html .library_categories,
		* + html .library_categories			{ position: relative; }
		.library_categories ul						{ margin-top: -2px; padding-left: 20px; }
		.library_categories ul li					{ background: url(/images/admin/cat.gif) 6px 0 repeat-y; border: 0; float: none; padding: 2px 0 0 0; }
		
		.library_categories ul li.l, 
		.library_categories ul li:last-child								{ background-repeat: no-repeat; }
		.library_categories ul li span,
		.library_categories ul li span.selected					{ background: url(/images/admin/cat_h.gif) 12px 12px no-repeat; border: 0; display: block; padding: 7px 0 1px; }
		.library_categories ul li span:after							{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
		* html .library_categories ul li span							{ height: 1px; }
		* + html .library_categories ul li span						{ min-height: 1px; }
		
		.library_categories ul li span a.link							{ background: url(/images/icons/itoolbar_ii/16/folder.png) 2px 0 no-repeat; float: left; font-weight: normal; padding: 3px 0 2px 21px; text-decoration: none; }
		.library_categories ul li span a.link.private				{ background: url(/images/icons/itoolbar_i/16/lock.png) 2px 0 no-repeat; }
		
		.library_categories ul li span.selected a.link, 
		.library_categories ul li span a.link.cat_drop			{ -moz-border-radius: 2px; -webkit-border-radius: 2px; background-color: #eee; color: #404040!important; font-weight: bold; padding-right: 3px; }
		.library_categories ul li span a.link.cat_drop			{ background-color: #ddd; }

		.library_categories ul li span a.null							{ background: url(/images/icons/itoolbar_i/12/button_blue_alt.png) 50% 100% no-repeat; cursor: auto; display: block; float: left; height: 12px; margin: 0 0 0 1px; text-indent: -9999px; width: 12px; }
		.library_categories ul li span a.open						{ background: url(/images/icons/itoolbar_ii/12/addd.png) 50% 100% no-repeat; display: block; float: left; height: 12px; margin: 0 0 0 1px; text-indent: -9999px; width: 12px; }
		.library_categories ul li span a.close						{ background: url(/images/icons/itoolbar_ii/12/remove.png) 50% 100% no-repeat; display: block; float: left; height: 12px; margin: 0 0 0 1px; text-indent: -9999px; width: 12px; }
		
/*-------------------------------------------- SUCCESS & WARNINGS */
		
		.notice_container:after							{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
		* html .notice_container							{ height: 1px; }
		* + html .notice_container						{ min-height: 1px; }
		.notice_bd													{ -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #eee; float: left; margin: 0 0 20px; padding: 3px; }
		
		.notice_int													{ background: #f7f7f7; border: 1px solid #d5d5d5; font-size: 11px; }
		
		.success, .warning, .alert						{ border: 1px solid #d4d4d4; display: block; margin: 0; padding: 0 10px; }
		.notice_container h3								{ border: 0; font-size: 18px; font-weight: normal; margin: 0; padding: 7px 0 7px 36px; }
		.success													{ background-color: #a5d200; background: url(/images/success_bg.gif) 0 100% repeat-x; }
		.success h3												{ background: url(/images/icons/itoolbar_i/32/ok.png) 0 50% no-repeat; color: #394c07; text-shadow: 0 1px 0 #ccf054; }
		.success strong										{ background-image: url(/images/icons/itoolbar_i/32/ok.png); }
		
		.warning														{ background: #e25127 url(/images/warning_bg.gif) 0 100% repeat-x; border-color: #c2230d; }
		.warning h3												{ background: url(/images/icons/itoolbar_i/32/stop.png) 0 50% no-repeat; color: #5e1b00; text-shadow: 0 1px 0 #e67558; }
		.warning strong										{  }
		
		.alert															{ background: #efbd00 url(/images/alert_bg.gif) 0 100% repeat-x; border-color: #bc9500; }
		.alert h3														{ background: url(/images/icons/itoolbar_i/32/alert.png) 0 50% no-repeat; color: #73611f; text-shadow: 0 1px 0 #f9d351; }
		
		.notice_cont												{ padding: 10px 5px 5px 46px; }
		.notice_cont a											{ color: #404040!important; font-weight: bold; text-decoration: underline; }
		.notice_cont p											{ margin: 0 0 10px; padding: 0; }
		.notice_int .submit									{ border-top: 1px solid #d4d4d4; margin: 0; padding: 5px 5px 5px 46px; }
		.notice_int .submit .action						{ margin-top: 4px; }
/* decorated products */

#product_tb:after								{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html #product_tb							{ height: 1px; }
* + html #product_tb						{ min-height: 1px; }

.product												{ -moz-border-radius: 3px; -webkit-border-radius: 3px; float: left!important; margin: 5px; padding: 5px; width: 100px; }
.product .inline_block						{ display: block; margin: 0 0 5px; overflow: auto; padding: 0; }
.product .inline_block li					{ margin: 0 0 5px; padding: 0; }
.product .inline_block li.submit		{  }
.product .edit_product						{ -moz-border-radius: 3px; -webkit-border-radius: 3px; left: 0; margin: 25px 0 0 -1px; position: absolute; top: 0; width: 540px; }
.product .edit_product .interior		{ padding: 5px 10px 5px 5px; }
.product .edit_product	 .product_image
															{ float: left; }
.product .edit_product	 .product_details
															{ float: right; width: 400px;}
															
.product .thumb_border					{ margin-bottom: 5px; min-height: 100px; position: relative; text-align: center; }
* html .product .thumb_border		{ height: 100px; }

.c_p_product_defs							{ bottom: 0; margin: 0 0 5px 5px; left: 0; position: absolute; }

.c_p_product_defs:after				{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .c_p_product_defs				{ height: 1px; }
* + html .c_p_product_defs			{ min-height: 1px; }

.c_p_product_defs li						{ float: left; }

/* base inline block ul */

		ul.inline_block									{ border-width: 0 0 1px; margin-bottom: 10px; padding: 5px 0 0; }
		ul.inline_block:after						{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
		* html ul.inline_block						{ height: 1px; }
		* + html ul.inline_block					{ min-height: 1px; }
		
		ul.inline_block li								{ display: block; float: left; padding: 0 15px 10px 0; }
		* html ul.inline_block li					{ height: 1px; }
		* + html ul.inline_block li				{ min-height: 1px; }
		
		ul.inline_block li label						{ font-weight: bold; margin-right: 10px; }
		ul.inline_block li label .help			{ background-position: 100% 50%; float: left; }
		
		ul.inline_block li.block					{ clear: both; display: block; float: none; margin-left: 0; margin-right: 0; }
		ul.inline_block li.block:after			{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
		* html ul.inline_block li.block			{ height: 1px; }
		* + html ul.inline_block li.block		{ min-height: 1px; }
		
		ul.inline_block li.submit					{ display: block; float: right; margin-left: 10px; margin-right: 0; text-align: right; }
		ul.inline_block li.submit:after		{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
		
		ul.inline_block li b.action				{ float: left; margin: 0; }
		ul.inline_block li b.action input		{ margin: 0; }
		ul.inline_block li.submit	input		{ margin: -10px 0 0; }
		
		ul.inline_block.flat							{ border: 0; float: right; margin: 0; padding: 0; }
		ul.inline_block.flat li							{ float: right; margin: 0; }
		
		.inline_block.flat .action					{ background: url(/images/new/box_action_a.gif) 0 0 no-repeat; float: right; margin: 0 0 0 5px; }
															
		.inline_block.flat .action a,
		.inline_block.flat .action input		{ background: url(/images/new/box_action_b.gif) 100% 0 no-repeat; font-size: 11px; height: 22px; line-height: 22px; }
		
		ul.inline_block li.float_label			{}
		ul.inline_block li.float_label:after	{ clear: both; content: "."; display: block; height: 1px; line-height: 1px; visibility: hidden; }
		* html ul.inline_block li.float_label{
																	height: 1px; }
		* + html ul.inline_block li.float_label{
																	min-height: 1px; }
		
		ul.inline_block li.float_label label{ float: left; }
		
		ul.inline_block li.relative					{ position: relative; }
		
		ul.inline_block li.disabled				{ filter: Alpha(Opacity=40); opacity: 0.4; }
		ul.inline_block li.disabled a			{ cursor: auto; }

		
		ul.inline_block textarea					{ float: left; }
		
		ul.inline_block ul.radio					{ -moz-border-radius: 2px; -webkit-border-radius: 2px; background: #f7f7f7; border: 1px solid #eee; float: left; }
		ul.inline_block ul.radio li				{ margin: 0 10px 0 0; }
		ul.inline_block li.float_label .radio label{
																	  float: none; }
																	  
		ul.inline_block .form li						{ float: none; }
		
		.f_box .inline_block,
		.e_box .inline_block						{ border: 0; margin: 0; }
		
		ul.inline_block .fixed_60					{ width: 60px; }
		ul.inline_block .fixed_80					{ width: 80px; }
		ul.inline_block .fixed_100				{ width: 100px; }
		ul.inline_block .fixed_120				{ width: 120px; }
		ul.inline_block .fixed_140				{ width: 140px; }
		ul.inline_block .fixed_160				{ width: 160px; }
		ul.inline_block .fixed_180				{ width: 180px; }
		ul.inline_block .fixed_200				{ width: 200px; }
		ul.inline_block .fixed_220				{ width: 220px; }
		ul.inline_block .fixed_240				{ width: 240px; }
		
		ul.inline_block label.fixed_60,
		ul.inline_block label.fixed_80,
		ul.inline_block label.fixed_100,
		ul.inline_block label.fixed_120,
		ul.inline_block label.fixed_140,
		ul.inline_block label.fixed_160,
		ul.inline_block label.fixed_180,
		ul.inline_block label.fixed_200		{ display: block; float: left; text-align: right; }
		
		ul.controls, 
		ol.controls				{}
		
		ul.controls li, 
		ol.controls li			{ float: right; margin-left: 10px; }
		
		.control								{ background-position:  50% 50%; background-repeat: no-repeat; display: block; height: 16px; text-indent: -9999px; width: 16px; }
		.control.up							{ background-image: url(/images/icons/itoolbar_ii/16/up_button.png); }
		.control.down					{ background-image: url(/images/icons/itoolbar_ii/16/down_button.png); }
		.control.delete					{ background-image: url(/images/icons/itoolbar_ii/16/remove.png); }
		
		.control.configure				{ background-image: url(/images/icons/itoolbar_ii/16/tools.png); }
		.control.edit						{ background-image: url(/images/icons/itoolbar_ii/16/tools.png); }
		
		.control.featured				{ background-image: url(/images/icons/itoolbar_i/16/star.png); }
		.control.home					{ background-image: url(/images/icons/itoolbar_i/16/home.png); }
		.control.private					{ background-image: url(/images/icons/itoolbar_i/16/lock.png); }
		
		.control.cut							{ background-image: url(/images/icons/itoolbar_i/16/cut.png); }
		.control.copy						{ background-image: url(/images/icons/itoolbar_i/16/file-copy.png); }
		.control.paste					{ background-image: url(/images/icons/itoolbar_i/16/paste.png); }
		
		.control.remove				{ background-image: url(/images/icons/itoolbar_i/16/delete.png); }
		.control.zoom_in				{ background-image: url(/images/icons/itoolbar_i/16/zoom+.png); }
		.control.zoom_out			{ background-image: url(/images/icons/itoolbar_i/16/zoom-.png); }
		
		.icon									{ background-position: 0 50%; background-repeat: no-repeat; display: block; line-height: 16px; padding-left: 20px; }
		.inline_block .icon			{ display: inline; }
		.icon.add							{ background-image: url(/images/icons/itoolbar_ii/16/addd.png); }
		.icon.add_category			{ background-image: url(/images/icons/itoolbar_ii/16/add_folder.png); }
		.icon.add_image				{ background-image: url(/images/icons/itoolbar_ii/16/add_file.png); }
		.icon.cancelled					{ background-image: url(/images/icons/itoolbar_ii/16/cancel.png); }
		.icon.configure					{ background-image: url(/images/icons/itoolbar_ii/16/tools.png); }
		.icon.delete						{ background-image: url(/images/icons/itoolbar_i/16/delete.png); }
		
		.icon.edit							{ background-image: url(/images/icons/itoolbar_ii/16/tools.png); }
		.icon.email						{ background-image: url(/images/icons/itoolbar_i/16/mail.png); }
		.icon.flags							{ background-image: url(/images/icons/itoolbar_ii/16/flag_yellow.png); }
		.icon.import						{ background-image: url(/images/icons/itoolbar_ii/16/down.png); }
		.icon.ok,
		.icon.okay							{ background-image: url(/images/icons/itoolbar_i/16/ok.png); }
		.icon.ordered					{ background-image: url(/images/icons/itoolbar_ii/16/shop.png); }
		.icon.status						{ background-image: url(/images/icons/itoolbar_i/16/info.png); }
		.icon.search						{ background-image: url(/images/icons/itoolbar_i/16/search.png); }
		.icon.url								{ background-image: url(/images/icons/itoolbar_i/16/web.png); }
		.icon.view							{ background-image: url(/images/icons/itoolbar_i/16/search.png); }
		.icon.featured					{ background-image: url(/images/icons/itoolbar_i/16/star.png); }
		.icon.home						{ background-image: url(/images/icons/itoolbar_i/16/home.png); }
		.icon.private						{ background-image: url(/images/icons/itoolbar_i/16/lock.png); }
		.icon.public						{ background-image: url(/images/icons/itoolbar_i/16/unlock.png); }
		
		.icon.copy							{ background-image: url(/images/icons/itoolbar_i/16/file-copy.png); }
		
		a.drag									{ background: url(/images/drag.png) 0 0; display: block; float: left; height: 16px; margin: 5px 5px 5px 0; padding: 0; text-indent: -9999px; text-decoration: none; width: 20px;  }
		
/* library listing (for the portal) */
		
		.user_content .library_browser .hierarchy
																	{ float: left; width: 200px; }
		.user_content .library_browser .library_listing
																	{ float: right; width: 570px; }
																	
/* configured products page stuff */

#product_listing						{  }
#product_listing table				{ -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 20px; }
#product_listing table	td			{ vertical-align: top; }

div.configured_product			{ display: block; padding: 5px; margin: 5px 5px 25px; }
div.configured_product h5		{ display: block; margin-bottom: 10px; min-height: 35px; }

.product_color_list					{ margin-top: 5px; padding: 2px; }
.product_color_list:after			{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
* html .product_color_list		{ height: 1px; }
* + html .product_color_list	{ min-height: 1px; }

.product_color_list li				{ display: block; float: left; margin: 3px; width: auto; }
.product_color_list li span		{ display: block; line-height: 0; height: 20px; margin: 0; width: 20px; }
.product_color_list li span b	{ display: block; float: left; line-height: 0; margin: 0; padding: 0; width: 20px; }

.image_box								{ -moz-border-radius: 3px; -webkit-border-radius: 3px; display: block; margin-bottom: 5px; padding: 5px 0; text-align: center; }
.image_box img						{ display: inline; }

a.light_window							{  clear: both; display: block; }
ul.product_details li a.light_window
													{ padding-left: 85px; }

/* column settings */
		
		.row:after									{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
		* html .row									{ height: 1px; }
		* + html .row								{ min-height: 1px; }
		
		.column_one							{ float: left; width: 49%; }
		.column_two								{ float: right; width: 49%; }
		
		.m_p .column_one					{ width: 20%; }
		.m_p .column_two					{ width: 75%; }
		
		#product_view .column_one	{ width: 60%; }
		#product_view .column_two	{ width: 37%; }

