html, body	{
	margin: 0;
	padding: 0;
	background-color: #F4F3ED;
	height: 100%;
	}
body, div, td, input, select, textarea	{
	font-family: trebuchet ms, verdana, helvetica, arial, sans-serif;
	font-size: 14px;
	color: #000;
	}
option{padding:1px 0;}
a{color:#8D3A1C;}
#body	{
	position: relative;
	min-height: 100%;
	padding: 0;
	margin: 0;
	}
* html #body{height:100%;}
h1	{
	margin: 0;
	padding: 13px;
	background-color: #55504A;
	background-image: url(../images/bg_mast.gif);

	border-bottom: 1px solid #fff;
	clear: both;
	/* font-size: 15px; */
	font-size: 17px;
	font-weight: bold;
	font-family: futura, helvetica, arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 5px;
	}
h1.logo	{
	height: 74px;
	}
h1 a	{
	display: block;
	text-decoration: none;
	margin: 0;
	/* padding: 15px 37px; */
	padding: 0 36px;
	background-repeat: no-repeat;
	/* float: left !important; */
	color: #fff;
	}
h1.logo a	{
	text-indent: -4000px;
	width: 147px;
	background-image: url(../images/logo.gif);
	padding: 0;
	height: 60px;
	}
#nav	{
	background-color: #B1A69B;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	}
html>body #nav{margin-bottom:9px;}
h2, h3	{
	display: inline-block; /*for ie mac*/
	/* commented backslash hack v2 \*/
	float: left;
	/* end hack */
	margin: 18px 15px 10px 0;
	_margin-top: 27px;
	padding: 0;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	text-indent: -4000px;
	background-repeat: no-repeat;
	height: 25px;
	}
h3	{
	width: 300px;
	}
#h2administration{background-image:url(../images/h2_administration.gif);width:170px;}
#h2pos{background-image:url(../images/h2_posorderingsystem.gif);width:230px;}
#h3login{background-image:url(../images/h3_login.gif);}
#h3catalog{background-image:url(../images/h3_catalog.gif);}
#h3people{background-image:url(../images/h3_people.gif);}
#h3companies{background-image:url(../images/h3_companies.gif);}
#h3posorders{background-image:url(../images/h3_posorders.gif);}
#h3reports{background-image:url(../images/h3_reports.gif);}
#h3search{background-image:url(../images/h3_search.gif);}
#h3files{background-image:url(../images/h3_files.gif);}
#h3jobs{background-image:url(../images/h3_jobs.gif);}
#h3uploadafile{background-image:url(../images/h3_uploadafile.gif);}
#h3messages{background-image:url(../images/h3_messages.gif);}
#h3orders{background-image:url(../images/h3_orders.gif);}
#h3help{background-image:url(../images/h3_help.gif);}
#h3contactus{background-image:url(../images/h3_contactus.gif);}
#h3subbrands{background-image:url(../images/h3_sub-brands.gif);}
#h3categories{background-image:url(../images/h3_categories.gif);}
#h3services{background-image:url(../images/h3_services.gif);}
#h3options{background-image:url(../images/h3_options.gif);}
#h3brands{background-image:url(../images/h3_brands.gif);}
#h3shoppingcart{background-image:url(../images/h3_shoppingcart.gif);}
#h3pricing{background-image:url(../images/h3_pricing.gif);}
#h3checkout{background-image:url(../images/h3_checkout.gif);}
#h3forgotpassword{background-image:url(../images/h3_forgotpassword.gif);}
#h3changepassord{background-image:url(../images/h3_changepassword.gif);}
#h3errors{background-image:url(../images/h3_errors.gif);}
#h3adtracking{background-image:url(../images/h3_adtracking.gif);}
#h3submissions{background-image:url(../images/h3_submissions.gif);}
#h3sessions{background-image:url(../images/h3_sessions.gif);}
#h3programs{background-image:url(../images/h3_programs.gif);}


/* bordered box styles */
.box	{
	padding: 0 12px 0 0;
	background: #fff url(../images/box_border.gif) 100% 0 repeat-y;
	/* commented backslash hack v2 \*/
	height: 1%;
	/* end hack */
	margin: 15px -7px;
	}
.bi	{
	padding: 0 0 0 12px;
	background: #fff url(../images/box_border.gif) 0 0 repeat-y;
	}
.bt	{
	height: 17px;
	margin: 0 -12px;
	background: url(../images/box.gif) 100% 0 no-repeat;
	}
.bt div	{
	width: 18px;
	height: 17px;
	background: url(../images/box.gif) 0 0 no-repeat;
	}
.bb	{
	height: 17px;
	margin: 0 -12px;
	background: url(../images/box.gif) 100% 100% no-repeat;
	}
.bb div	{
	width: 18px;
	height: 17px;
	background: url(../images/box.gif) 0 100% no-repeat;
	}
.box .ct	{
	background-color: #fff;
	margin: 0;
	padding: 0;
	/* commented backslash hack v2 \*/
	height: 1%;
	/* end hack */
	}
.box form	{
	margin: 0;
	padding: 10px 0 20px 20px;
	width: 300px;
	clear: none;
	float: left;
	}
.box form label	{
	display: block;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0;
	height: 1%;
	width: 300px;
	}
.box form select, .box form input.txt	{
	display: block;
	background-color: #F4F3ED;
	font-weight: normal;
	font-size: 14px;
	width: 300px;
	margin-bottom: 20px;
	}
.rcol	{
	float: left;
	clear: none;
	padding: 10px 0 0 20px;
	width: 275px;
	}
.box.t	{
	/* display: inline; */
	margin: 0 18px 15px 0;
	float: left;
	width: 312px;
	}
.box.t a	{
	display: block;
	width: 290px;
	height: 130px;
	text-decoration: none;
	clear: both;
	}
.box.t.alt{margin-right:0;}
.box.t img	{
	width: 100px;
	border: 0;
	margin: 0 7px 10px 7px;
	float: left;
	}
.box.t .file	{
	margin-top: -3px;
	display: block;
	font-size: 12px;
	overflow: hidden;
	width: 165px;
	white-space: nowrap;
	cursor: hand;
	}
.box.t .meta	{
	color: #666;
	font-size: 12px;
	display: block;
	cursor: hand;
	}
.box.t .rcol	{
	display: block;
	padding: 0;
	margin-left: 8px;
	float: left;
	width: auto;
	clear: none;
	}
.box.t a:hover{font-weight:bold;}
.box.t a:hover .meta{color:#000;}

#nav ul	{
	height: 25px;
	margin: 0;
	width: 880px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 42px;
	}
#nav ul li	{
	float: left;
	list-style: none;
	width: auto; /*for ie mac*/
	/* commented backslash hack v2 \*/
	width: auto;
	/* end hack */
	border-right: 1px solid #fff;
	padding-top: 0;
	padding-right: 8px;
	padding-bottom: 0;
	padding-left: 4px;
	}
#nav ul li a	{
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
	height: 25px;
	line-height: 25px;
	font-size: 11px;
	font-family: helvetica, arial, sans-serif;
	/* letter-spacing: 3px; */
	letter-spacing: 1px;
	_width: 1%;
	white-space: nowrap;
	}
#nav ul li a:hover, #nav ul li:hover a, #nav ul li.over a	{
	color: #000;
	}
#nav li li a	{
	color: #fff !important;
	}
#nav li li a:hover	{
	color: #000 !important;
	}
#nav ul li.over, #nav ul li:hover	{
	background-color: #F4F3ED;
	}
#content	{
	margin: 0;
	padding: 0 50px 50px 50px;
	clear: both;
	width: 660px;
	_width: 670px;
	}
#foot	{
	display: block;
	background-color: #55504A;
	height: 25px;
	position: relative;
	margin: -25px auto 0 auto;
	float: left;
	clear: both;
	width: 100%;
	font-size: 9px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	}
#foot p	{
	margin: 0;
	padding: 0;
	line-height: 25px;
	padding-left: 50px;
	}
#foot a	{
	color: #B1A69B;
	text-decoration: none;
	}
label	{
	display: block;
	clear: left;
	margin: 0;
	}
.clear{clear:both;}
#content ol	{
	margin: 10px 0;
	padding: 0;
	}
#content ol li	{
	margin: 0 0 10px 20px;
	_margin-left: 23px;
	padding: 0;
	}


.submit	{
	font-weight: bold;
	width: 150px;
	}
#gallery	{
	clear: both;
	margin: 10px 0 20px -7px;
	padding: 0;
	}
h4	{
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 10px 0 0 0;
	clear: both;
	border-top: 1px solid #B1A69B;
	}
#orderForm table	{
	height: 100px;
	margin: 20px 18px 15px 0;
	float: left;
	width: 310px;
	border: 0;
	border-spacing: 0;
	}
#orderForm td	{
	font-size: 14px;
	padding: 7px 5px;
	}
#orderForm label	{
	}
#orderForm select, #orderForm .txt	{
	/* float: right; */
	background-color: #FEFEFE;
	display: block;
	}
#orderForm select	{
	width: 204px;
	_width: 206px;
	}
#orderForm .txt	{
	width: 200px;
	}
#orderForm .state, #orderForm .zip	{
	display: inline;
	float: left;
	}
#orderForm .zip	{
	width: 65px;
	}
#orderForm .addr	{
	width: 110px;
	}
#orderForm .attn	{
	width: 120px;
	}
#orderForm .city	{
	width: 110px;
	}
#orderForm .state	{
	margin-right: 15px;
	width: 40px;
	}
#orderForm th	{
	text-align: left;
	font-size: 14px;
	padding: 7px 5px;
	border-bottom: 1px solid #B1A69B;
	height: 22px;
	}
#orderForm th input	{
	font-weight: normal;
	font-size: 11px;
	margin-top: -5px;
	margin-bottom: 0;
	float: right;
	}
#orderForm .box img	{
	width: 250px;
	border: 0;
	}
#orderForm .box	{
	_width: 670px;
	}
#orderForm .box em	{
	display: block;
	font-size: 11px;
	width: 250px;
	margin: 10px 0 10px; 0;
	}
#orderForm .box strong	{
	font-weight: bold;
	display: block;
	width: 250px;
	overflow: hidden;
	text-align: center;
	margin: 0 0 8px 0;
	}
#orderForm .rcol	{
	width: 250px;
	text-align: center;
	padding-left: 0;
	}
#orderForm .box select, #orderForm .box input	{
	display: block;
	background-color: #F4F3ED;
	font-weight: normal;
	font-size: 14px;
	width: 240px;
	}
#orderForm .box table	{
	width: auto;
	margin-left: 10px;
	margin-top: 4px !important;
	_margin-top: 0;
	display: inline;
	}
#orderForm table.clear	{
	width: 638px;
	}
#orderForm .clear textarea	{
	width: 600px;
	}
#orderForm .submit	{
	font-size: 16px;
	margin: -5px 0 30px 0;
	}
#orderForm .box .ct	{
	padding-bottom: 10px;
	}

#mainnav li ul	{
	display: none;
	margin: 0 0 0 -8px;
	padding: 0;
	list-style: none;
	width: 155px;
	position: absolute;
	background-color: #B1A69B;
	}
#mainnav li:hover ul, #mainnav li.over ul{display:block;}
#mainnav li li	{
	display: block;
	float: none;
	margin: 0;
	padding: 0;
	}
#mainnav li li a	{
	display: block;
	text-decoration: none;
	margin: 0;
	padding: 5px 20px;
	border-right: none;
	background-color: #B1A69B;
	width: 115px;
	border-top: 1px solid #fff;
	}
#mainnav li li a:hover	{
	background-color: #B1A69B;
	}
.error	{
	display: block;
	background-color: #fff;
	background-image: url(../images/alert.gif);
	padding: 3px 3px 3px 25px;
	background-position: 7px 5px;
	background-repeat: no-repeat;
	border: 1px solid red;
	color: red;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 15px;
	clear: both;
	}
.info	{
	background-image: url(../images/info.gif);
	background-color: #fff;
	border: 1px solid #188FDD;
	font-weight: bold;
	color: #000;
	font-size: 12px;
	padding: 3px 3px 3px 25px;
	background-position: 8px 7px;
	background-repeat: no-repeat;
	margin-bottom: 15px;
	clear: both;
	}
.datagrid th	{
	text-align: left;
	font-size: 13px;
 	border-bottom: 2px solid #B1A69B;
	padding: 5px 10px;
	background-color: #fff;
	}
.datagrid td	{
	font-size: 13px;
	padding: 5px 10px;
 	border-bottom: 1px solid #B1A69B;
	}
.datagrid	{
	width: 100%;
	border-spacing: 0;
	background-color: #FBFAF4;
 	border: 1px solid #B1A69B;
	border-collapse: collapse;
	empty-cells: show;
	}
	
	
	
	
	
.jobgrid	{
	width: 100%;
	border-spacing: 0;
	background-color: #FBFAF4;
 	border: 1px solid #B1A69B;
	border-collapse: collapse;
	empty-cells: show;
	}
.jobgrid th	{
	text-align: left;
	font-size: 13px;
	padding: 5px 10px;
	background-color: #fff;
	}
.jobgrid td	{
	font-size: 13px;
	padding: 5px 10px;
 	/*border-bottom: 1px dotted #B1A69B !important;*/
	}
.jobtitle	{
	font-weight: bold;
	font-size: 16px !important;
	padding: 15px 5px;
	background-color: #fff;
 	border-bottom: 1px dotted #B1A69B !important;
	}
.jobsubtitle	{
	font-weight: bold;
	font-size: 16px !important;
	padding: 15px 5px;
	background-color: #fff;
	}
	




.proddetail th	{
	text-align: left;
	font-size: 13px;
 	border: 1px solid #B1A69B;
	padding: 5px 10px;
	background-color: #fff;
	}
.proddetail td	{
	font-size: 13px;
	padding: 5px 10px;
	/*border: 1px solid #B1A69B;*/
	}
.proddetail	{
	width: 100%;
	border-spacing: 0;
	background-color: #FBFAF4;
	border: 1px solid #B1A69B;
	border-collapse: collapse;
	empty-cells: show;
	}
/*ROWS "WITHOUT" OCRE LINE AROUND*/
#proddetail2 {
	width: 100%;
	border-spacing: 0;
	background-color: #FBFAF4;
	border-collapse: collapse;
	empty-cells: show
}
#proddetail2 td {
	font-size: 13px;
	padding: 0px 5px;
	border: none;
}
/**/
.nolines	{
	border: none;
	empty-cells: show;
	border-bottom: none;
	}
	
	
	
	
.datatitle	{
	font-weight: bold;
	font-size: 16px !important;
	padding: 15px 5px;
	background-color: #fff;
 	border-bottom: 1px dotted #B1A69B !important;
	}
.datanav	{
	font-size: 11px !important;
	font-weight: bold;
	text-align: center;
	background-color: #fff;
 	border-bottom: 1px dotted #B1A69B !important;
	}
.datanav a	{
	margin: 6px 4px;
	text-decoration: none;
	}
.datanav a:hover	{
	text-decoration: underline;
	background-color: #fff;
	}
.clientmast	{
	background-repeat: repeat-x;
	height: 117px;
	padding: 0;
	}
.clientlogo	{
	text-indent: -4000px;
	background-repeat: no-repeat;
	background-position: left center;
	width: 200px;
	height: 117px;
	padding: 0;
	margin: 0 0 0 40px;
	}

.orderthumb	{
	float: right;
	/* text-align: center; */
	}
.orderthumb img	{
	border-color: #8D3A1C;
	}
.orderthumb a	{
	display: block;
	clear: both;
	text-decoration: none;
	margin-bottom: 10px;
	font-size: 10px;
	}
.orderthumb table	{
	width: 190px !important;
	text-align: left;
	border-spacing: 0 !important;
	height: auto !important;
	}
.orderthumb td	{
	padding: 0 0 10px 0 !important;
	margin: 0 !important;
	}

/* Lightbox CSS by by Lokesh Dhakar - http://www.huddletogether.com/projects/lightbox/ */
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(/images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/overlay.png", sizingMethod="scale");
	}
	
	
@media print {
	#nav, h1, #foot, h2, h3, input, .datanav{display:none;}
	html, #body, body	{
		padding: 0;
		margin: 0;
		width: 100%;
		}
	a{color:#000;text-decoration:none}
	#content	{
		margin: 0;
		padding: 0;
		width: 100%;
		}
	.datagrid	{
		float: left;
		clear: both;
		width: 950px;
		border-color: #000;
		}
	table, th, td, .datagrid th, .datagrid td{border-color:#000 !important}
	.printl	{
		float: left;
		clear: none;
		width: 475px;
		border: 0;
		}
	.printl td, .printl th{border:0}
}