@charset "utf-8";
/* CSS Document */


/* elements */


body {
	margin:0px;
	padding:0px;
//	background-color:#999998;
//	background:url(../images/style/bkgd.gif) repeat-x;
}

h1 {           
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	padding:0px;
	margin:0px;   
}

img {
	border:none;
}

/* Id's */


#container {
	margin:0;
	padding:0px;
	background:#FFFFFF;
}

#masthead_nav {
	background-color:#eee;
	height:30px;
	padding:0px 0px 0px 0px;
	margin-left:0px;
	line-height:100%;
}

#masthead_container {
	position:relative;
	height:0px;
	padding:0px 0px 0px 0px;
	margin:0 0 10px 0px;
//	background:url(../images/masthead_tile.jpg) repeat-x;
}

#masthead_titleban_left {
	background-color:#510804;
	font-family:Tahoma;
	line-height:200%;
	font-size:11px;
	margin-left:30px;
	color:#fff;
	float:left;
	font-weight:bold;
}

#masthead_titleban_right {
	background-color:#510804;
	font-family:Tahoma;
	line-height:200%;
	font-size:11px;
	padding-right:100px;
	text-align:right;
	font-weight:bold;
}

#m3logo {
	width:416px;
	height:155px;
	position:absolute;
	top:0px;
	left:0px;
	background:url(../images/logo.jpg) no-repeat;
	padding:0px;
	margin:0px;
}

#masthead {
	width:574px;
	height:101px;
	position:absolute;
	top:0px;
	left:416px;
	background:url(../images/masthead.jpg) no-repeat;
	padding:0px;
	margin:0px;
}

#top_nav {
	width:574px;
	height:54px;
	position:absolute;
	top:101px;
	left:416px;
	background:url(../images/top-nav.jpg);
	padding:0px;
	margin:0px;
}

#lower_container {
	width:100%;
	padding:0px;
	margin:0;
}

#lower_container_extend {
	width:100%;
	padding:0px;
	margin:0;
}

#left_nav {
	width:197px;
	margin:0px 0 0px 23px;
	padding:0px 0 0px 0;
	position:left;
	top:200px;
}

#logo_footer {
	clear:both;
	height:58px;
	padding-top:20px;
	background:url(../images/logo-footer.jpg) repeat-x center;
}

#left_nav ul {
	width:174px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#333333;
	padding:5px 0 5px 30px;
	margin:0;
	background:url(../images/nav-bgtile.jpg) repeat-y;
}

#left_nav ul a:link {
	text-decoration:none;
	color:#333333;
}

#left_nav ul a:active {
	text-decoration:none;
	color:#333333;
}

#left_nav ul a:visited {
	text-decoration:none;
	color:#333333;
}


#left_nav ul a:hover {
	text-decoration: underline;
	color:#FF6600;
}

#left_nav li {
	background:url(../images/nav-arrow.jpg) no-repeat center left;
	list-style:none;
	padding-left:10px;
}

#content_area {
	margin:0;
	padding:0 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
//	width: 100%;
}

#content_area_extend {
	margin:10px;
	padding:0 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
}


#content_area a:link {
	color:#4c0000;
	text-decoration:none;
}

#content_area a:active {
	color:#4c0000;
	text-decoration:none;
}

#content_area a:visited {
	color:#4c0000;
	text-decoration:none;
}

#content_area a:hover {
	color:#4c0000;
	text-decoration: underline;
}

#sub_footer {
	width:100%;
	margin:0;
	padding:30px 0 0 0;
	background:url(../images/footer-div.jpg) no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
	line-height:14px;
}

#sub_footer a:link {
	color:#999999;
	text-decoration:underline;
}

#sub_footer a:active {
	color:#999999;
	text-decoration:underline;
}

#sub_footer a:visited {
	color:#999999;
	text-decoration:underline;
}

#sub_footer a:hover {
	color:#999999;
	text-decoration:underline;
}

#content_container {
	float:right;
	width:82%;
	margin:0px 5px 0px 0px;
	padding:0px 0px 5px 0px;
	display: inline;
	overflow:auto;
}

#content_container_extend {
	float:left;
	width:1200px;
	margin:0px 5px 0px 0px;
	padding:0;
	display: inline;
//	overflow:auto;
}

#bottom_links {
	margin:20px 0px 20px 0px;
	padding:0px 0 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
	text-align:center;
	line-height:18px;
}

#bottom_links a:link {
	color:#4c0000;
	text-decoration: none;
}

#bottom_links a:active {
	color:#4c0000;
	text-decoration: none;
}

#bottom_links a:visited {
	color:#4c0000;
	text-decoration: none;
}

#bottom_links a:hover {
	color:#4c0000;
	text-decoration:underline;
}

#bottom_links .secret {
	text-decoration:none;
	color:#999999;
	cursor: crosshair;
}

#live_chat {
	width:194px;
	height:112px;
    /*background:url(../images/nav-live-help-holder.jpg) no-repeat; */
}

#bottomcap {
	width:194px;
	height:27px;
	background:url(../images/bottomcap.jpg) no-repeat;
}


/*homepage*/

#home_top_row {
	width:711px;
	height:234px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#business_cards {
	height:234px;
	width:220px;
	background:url(../images/callout-businesscards.jpg) no-repeat;
	float:left;
	margin:0 25px 0 0;
	padding:0 0 0 0;
}

#postcards {
	height:234px;
	width:220px;
	background: url(../images/callout-postcards.jpg) no-repeat;
	float:left;
	margin:0 25px 0 0;
	padding:0 0 0 0;
}

#brochures {
	height:234px;
	width:220px;
	background: url(../images/callout-brochures.jpg) no-repeat;
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#home_bottom_row {
	width:711px;
	height:225px;
	margin:0 0 0 0;
	padding:25px 0 0 0;
}

#specials {
	height:225px;
	width:466px;
	background:url(../images/callout-specials.jpg) no-repeat;
	float:left;
	margin:0 25px 0 0;
	padding:0 0 0 0;
}

#vert_links {
	height:225px;
	width:220px;
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#samples {
	height:100px;
	width:220px;
	background:url(../images/callout-samples.jpg) no-repeat;
	margin:0 0 25px 0;
	padding:0 0 0 0;
}

#place_order {
	height:100px;
	width:220px;
	background: url(../images/callout-placeorder.jpg) no-repeat;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

/* popups */

#popup_outer {
	width:350px;
	height:400px;
	position:absolute;
	border:1px solid #333333;
	background:#CCCCCC;   
	top:50%;
	left:50%;
	margin-top:-200px;
	margin-left:-200px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
    z-index: 21;       
}

#popup_outer a:link, a:visited, a:active{
	color:#FF6600;
	text-decoration:none;
}

#popup_outer a:hover{
	color:#FF6600;
	text-decoration: underline;
}

#popup_inner {
	height:303px;
	width:290px;
	border:1px solid #999999;
	background:#FFFFFF;
	margin:45px 10px 10px 10px;
	padding:20px 20px 20px 20px;
	text-align:left;
}

.close_btn {
	float:right;
	padding:0 5px 0 0;
	margin:0px;
}

#popup_outer h1 {
	float:left;
	padding:10px 0px 0 10px;
	margin:0px;
	font-size:20px;
}

.form {
	background-color:#FFFFFF;
	border:1px solid #333333;
	margin:0px 0px 1px 0;
	padding:0;
}

.red {
	color:#FF0000;
}

/* classes */

.block{
	display:block;
	width: 100%;
	height: 100%;
}

.nav_header{
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:23px;
	margin:0px 0 0px 0px;
	padding:0px 0px 0px 30px;
	background:url(../images/nav-header.jpg) no-repeat;
	display:block;
	height:23px;
}

.nav_header_top{
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:23px;
	margin:0px 0 0px 0px;
	padding:0px 0px 0px 30px;
	background:url(../images/nav-header-top.jpg) no-repeat;
	display:block;
	height:24px;
}

.sub_footer_nav {
	list-style-type:none;
	margin:0 0 0 0px;
	padding:0;
}

.footer_rows {
	width:25%;
	margin:0 0 0 0px;
	padding:0 20px 20px 0;
	float:left;
}

.footer_row_last {
	width:15%;
	margin:0 0 0 0px;
	padding:0 0 0 0;
	float:left;
}

#secret {
	display:inline;
}

#secret a:link {
	color:#999999;
	text-decoration:none;
}

#secret a:active {
	color:#999999;
	text-decoration:none;
}

#secret a:visited {
	color:#999999;
	text-decoration:none;
}

#secret a:hover {
	color:#999999;
	text-decoration:none;
}


#browse_customer table {
	text-align:left;
	font-family:Verdana;
	background-color:#ededed;
}
#browse_customer td {
	font-size:7pt;
	background-color:#fff;
	color:#222;
}
#browse_customer th {
	font-size:11px;
}

#browse_customer td a {
	font-size:7pt;
}
#browse_customer td a:hover {
	text-decoration:none;
}

#browse_customer td.id {
	font-size:7pt;
	color:#888;
}
#browse_customer td a.disable {
	color:#888;
}
#browse_customer td a.name {
	font-size:8pt;
}
#browse_customer td a.email {
	font-size:8pt;
}
#browse_customer td a.email:hover {
	color:#888;
	text-decoration:underline;
}

#browse_customer th a {
	font-weight:normal;
}

#displaying_customers {
	float:left;
	margin-right:20px;
}

#pagination_customers {
	font-size:8pt;
	float:left;
}

#view_customer {
	float:left;
	width: 300px;
}

#view_customer_orders {
	font-size:7pt;
}

#view_customer_stats {
	margin-top:15px;
	width:275px;
	float:right;
	padding:0px 25px 0px 0px
}
#view_customer_stats label {
	width: 120px;
	display: block;
	float:left;
	text-align:right;
	padding-right:10px;
	color:#222;
}

#view_customer_orders table {
	font-size:8pt;
	background-color:#ededed;
}
#view_customer_orders td {
	background-color:#fff;
}

#sales_tax_report table {
	text-align:left;
	font-family:Verdana;
	background-color:#ededed;
}
#sales_tax_report td {
}

#sales_tax_report_month_blocks table {
	background-color:#666;
	height:100%;
}
#sales_tax_report_month_blocks td {
	background-color:#fff;
	font-size:12pt;
}
#sales_tax_report_month_blocks td h2{
	font-size:16pt;
	margin:0px;
}

#set_all_control {
	float:right;
}

#browse_customer form {
	padding:0px;
	margin:0px;
}

#browse_customer_status_table table {
	background-color:#d8d8d8;
	width:100%;
}
#browse_customer_status_table td {
	background-color:#fff;
	width:25%;
	text-align:center;
}
#browse_customer_status_table a {
	font-size:10px;
	text-decoration:none !important;
}
#browse_customer_status_table img{
	padding-right:4px;
}

#edit_customer_extra_table table {
	background-color:#d8d8d8;
	width:75%;
}
#edit_customer_extra_table td {
	text-align:left;
	color:#000;
	padding:3px;
}

#edit_customer label {
	line-height:22px;
	width:150px;
	float:left;
	font-weight:bold;
}
#edit_customer input {
	width:142px;
	display:inline;
	margin-bottom:1px;
}
#edit_customer .left {
	float:left;
}
#edit_customer .right {
	float:right;
	margin-left:0px;
}


#admin_settings form {
	border:solid 1px #eee;
	padding:0px;
}

#admin_settings label {
	float:left;
	width:40%;
	padding:0px;
	padding-right:20px;
	padding-left:20px;
	border-bottom:solid 1px #ddd;
}
#admin_settings label:hover {
	border-bottom:solid 1px #aaa;
}
#admin_settings input {
	width:40%;
}

.designer_active {
	color:#008000;
	font-weight:bold;
}
.designer_inactive {
	color:#a00000;
}

#edit_designer label {
	float:left;
}
#edit_designer form {
	margin:0px;
	width:auto;
	padding:0px;
}
.edit_designer_row {
	line-height:150%;
	margin:3px;
	color:#000;
	height:26px;
	border:solid 1px #888;
}
.edit_designer_row_l {
	background-color:#eee;
	padding-left:20px;
	line-height:26px;
	float:left;
	width:200px;
	height:100%;
	border-right:solid 1px #888;
}
.edit_designer_row_r {
	padding-left:10px;
	float:left;
	height:100%;
	line-height:26px;
}
.edit_designer_row_r select {
	margin-top:3px;
}

#sales_report_index form {
	margin:0px;
	padding:0px;
}
#sales_report_index .sales_report_index_block {
	margin-left:20px;
}

#samples_reports_requested form {
	margin:0px;
	padding:0px;
	width:100%;
}
#samples_reports_requested table {
	background-color:#888;
	color:#333;
	font-family:Verdana;
	font-size:8pt;
	width:100%;
}
#samples_reports_requested td {
	background-color:#fff;
	padding:1px;
}
#samples_reports_requested th {
	background-color:#fff;
	font-size:9pt;
}
#samples_reports_requested th a{
	font-size:8pt;
}

#locked_page
{
    width: 100%; 
    height: 100%; 
    position: absolute; 
    background-color: #646464; 
    left: 0px; 
    top: 0px; 
    
    text-align: center;
    font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
    font-weight: bold;
    color: #FFFF00;
}

#inactive_message
{
    width: 100%; 
    height: 100px; 
    position: absolute; 
    background-color: #fff; 
    left: 0px; 
    top: 0px; 
    
    text-align: center;
    font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
    font-weight: bold;
    color: #FF0000;
    
    z-index: 1;   
}