/* CSS Document */
* { box-sizing: border-box; }
body,td,th {
	font-family: 'Roboto Condensed', sans-serif !important;
	font-size: 15px;
}
body { margin: 0px; background: #fafafa !important; }
#loginbody {
	background: #fafafa !important;
}
a { text-decoration: none; cursor: pointer; }
.error_info { color: #c00; font-weight: bold; padding: 10px 0px; }
.error_bdr { border: 1px solid #c00; }
e { color: #c00; font-weight: bold; }
.spn { padding: 20px; font-size: 20px; }
.enbl { border: 1px solid #090 !important; background: #090 !important; color: #fff !important; }
.dibl { border: 1px solid #F00 !important; background: #c00 !important; color: #fff !important; }

.lsep { border-right: 0px solid #ccc; }

/* The sticky class is added to the header with JS when it reaches its scroll position */
.hidesticky { cursor: pointer; width: 150px; font-size: .8em; border-radius: 0px 0px 5px 5px; text-transform: uppercase; color: #fff; font-weight: bold; background: #c00; padding: .4em 1em; position: fixed; top: 0; right: 20%; z-index: 10000; text-align: center; }
.stcm { font-size: .85em; color: #666; }
.sto { font-weight: bold !important; color: #000; font-size: 1.5em;}

#qtyerr { font-size: .8em !important; color: #f00; display: none; }

.print_res { margin-left: 1em; color: #090; }

.brd { border: 1px solid #f00; }
.searchbox { float: right; margin-left: 2em; text-align: right; }
.searchbox input[type=text] { border: 1px solid #333; font-weight: normal; }
.searchbox a { font-size: 1.4em; background: #fff; color: #628C36 !important; padding: .2em .4em !important; }

.redmsg { background: #ffc; padding: .5em .8em; border: 1px solid #c00; color: #c00; }
.redmsg a, .redmsg a:visited { background: none !important; padding: 0px; color: #06F !important; text-decoration: none; }
.redmsg a:active, .redmsg a:hover { color: #333 !important; }
select { text-transform: uppercase !important; } 

a.remi { color: #ccc !important; }
a.remi:hover { color: #c00 !important; }

.baseline { border-bottom: 1px solid #ddd; }
.baseline2 { border-bottom: 4px solid #ddd; padding: .4em 0em; margin-bottom: 1em; }

.bost_item { float: left; width: 25%; height: 55px; }
.regiondetails { border-top: 4px solid #090; border-bottom: 4px solid #090; padding: 0em 0em 1em 0em; margin: 1em 0em; }
large { font-size: 2em; font-weight: bold; }

input:focus,
select:focus,
textarea:focus,
button:focus { outline-color: #090; }

#cont { background: #fff !important; }

.hardline { border-top: 2px solid #333 !important; }

.selo { background: #ffc; border-bottom: 1px solid #666; font-weight: bold; color: #090; }
.optgreen { border-bottom: 1px solid #666; font-weight: bold; color: #090; }
.optblue { border-bottom: 1px solid #666; font-weight: bold; color: #333; }

.qpm { border-top: 1px solid #666; border-bottom: 1px solid #666; padding: .3em 0em; margin-top: .5em; }
.qm { float: left; padding-right: .4em; }

.dil { float: left; }
.ts { padding-top: .2em; }

.sm_det { padding: 1em; }
.sm_det img { width: 100%; }

.hm_content { padding-top: 3em; }

/* ============================================================================
DIALOGS
=============================================================================== */

.dialog {
	position: absolute;
	border: 1em solid #506b29;
	border-radius: 1em;
	padding: 1em;
	background: #fff;
	display: none;
}

.mycomments {
	position: fixed;
	top: 45%; left: 29%;
	border: 1em solid #506b29;
	border-radius: 1em;
	padding: 1em;
	background: #fff;
	width: 40%;
	display: none;
}

.myfilters {
	position: fixed;
	top: 45%; left: 29%;
	border: 1em solid #506b29;
	border-radius: 1em;
	padding: 1em;
	background: #fff;
	width: 40%;
	display: none;
}

.closebtn {
	position: absolute;
	top: -2em;
	right: -2em;
	font-size: 4em;
	color: #c00;
	cursor: pointer;	
}

/* =============================================================================== */

/* 
====================================================
Login Page
==================================================== */

.c_mast { width: 900px; margin: 0 auto; color: #fff; margin-top: 5%; border: none;  position: relative; 
        border: 10px solid #ddd; }
.c_left { float: left; width: 60%; background: #030; }
.c_rigt { overflow: hidden; background: #fff; padding: 4em 2em 2em 2em; border-left: 5px solid #80a314; min-height: 600px; }

.curs { cursor: pointer !important; }

.h_mast {
	position: relative;
	min-height: 100%;
	min-width: 100%;	
}

.h_pitt {
	height: 300px;
	border-bottom: 0px solid #78b846;
}

.h_bott {
	overflow: visible; height: 200px;
}

.h_logg {
	width: 400px;
	position: absolute;
	margin-left: auto; margin-right: auto;
	left: 0; right: 0;
	top: 10%;
}

.h_logg_lg {
	text-align: left;
	padding: 10px 0px 20px 0px;
}
.h_logg_fm {
	border: 0px solid #78b846;
	background: #fff;
	padding: 1em 0em 0em 0em;
	border-radius: 30px;
}

.h_logg_cp {
	text-align: left;
	padding: 1em 0em 2em 0em;
	font-size: 1em;
	color: #11552c;
}

#fm_err { border: 1px solid #F90; background: #FF9; padding: 8px 20px; color: #c00; margin-bottom: 20px; border-radius: 9px; }

#prcing { font-size: 18px; color: #069; font-weight: bold; display: none; }
.chcrds { font-size: 25px; color: #069; font-weight: bold; margin: 10px auto 30px auto; text-align: center; padding: 10px 0px 10px 0px; }

.sml { font-weight: bold; font-size: .9em !important; }
.smx { font-size: 12px !important; letter-spacing: normal !important; }

.lcvent { border-left: 1px solid #f00 !important; border-top: 1px solid #f00 !important; border-bottom: 1px solid #f00 !important; }
.rcvent { border-right: 1px solid #f00 !important; border-top: 1px solid #f00 !important; border-bottom: 1px solid #f00 !important; }

.rt { text-align: right !important; }

/* System Form Information
---------------------------------------------- */

.rts { float: right; }

.emphasis { font-weight: bold; color: #069 !important; }
.sml9 { font-size: 9px !important; }
#sale_btn,#sale_qty { display: none; }

.form_details {
	
}

.form_fields input[type=text], .form_fields input[type=number], .form_fields input[type=email], .form_fields input[type=password], .form_fields input[type=email] {
	border: 1px solid #666;
	padding: 8px;
	width: 94%;
	margin-bottom: 3px;
	font-family: Arial, Helvetica, sans-serif;
	background: #f5fffe;
}

.fm_fld {
	border: 1px solid #666;
	padding: 8px;
	width: 300px;
	margin-bottom: 3px;
	font-family: Arial, Helvetica, sans-serif;
}

.form_fields input[type=number], .form_fields input[type=email] {
	border: 1px solid #666;
	padding: 8px;
	width: 100px;
	margin-bottom: 3px;
	font-family: Arial, Helvetica, sans-serif;
	background: #f5fffe;
	box-shadow: 2px 2px #ddd;
}

.form_fields textarea {
	border: 1px solid #666;
	padding: 8px;
	width: 95%;
	font-family: Arial, Helvetica, sans-serif;
	background: #f5fffe;
	box-shadow: 2px 2px #ddd;
}

.form_fields .d60 textarea {
	border: 1px solid #666;
	padding: 8px;
	width: 97%;
	margin-bottom: 3px;
	font-family: Arial, Helvetica, sans-serif;
	background: #f5fffe;
}

.form_fields .d30 textarea {
	border: 1px solid #666;
	padding: 8px;
	width: 94%;
	margin-bottom: 3px;
	font-family: Arial, Helvetica, sans-serif;
	background: #f5fffe;
}

.form_fields select {
	border: 1px solid #666;
	padding: 8px;
	max-width: 98%;
	margin-bottom: 3px;
	background: #f5fffe !important;
	box-shadow: 2px 2px #ddd;
}

.form_fields input[type=button], .form_fields input[type=submit] {
    border: 1px solid #ccc;
    background: #e7e7e7;
    padding: 8px 15px;
    color: #666;
    font-weight: bold;
    cursor: pointer;
    font-size: 12px;
}

.form_fields input[type=button]:hover, .form_fields input[type=submit]:hover {
	background: #000;
	border: 1px solid #000;
	color: #fff;
}

.fms_lft {
	float: left;
	padding-right: 30px;
	margin-right: 30px;
	border-right: 2px solid #eee;
}

nslbl { background: #c00; color: #fff; padding: 3px 5px; font-size: 10px; }

.spbox { position: relative; margin-top: 2em; overflow: visible; }
.modbox { border: 8px solid #090; border-radius: 2em; background: #fff; padding: 1em; margin-top: .55em; display: none; min-width: 500px; position: absolute; left: 0; top: 2em; z-index: 100; }
.modboxq { border: 8px solid #090; border-radius: 2em; background: #fff; padding: 1em; margin-top: .55em; display: none; min-width: 800px; position: absolute; left: 0; top: 2em; z-index: 100; }

.abr {
	float: left;
	margin-right: 15px;
}

.amb {
	float: left;
}

hr { border-top: 1px solid #ddd; border-bottom: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; margin: 10px 0px; }

/* Paddings
==================================================== */

.p1 { padding: 1em; }
.pad1 { padding: 1em 0em; margin-bottom: 1em; }
.pad2 { padding: 2em 0em; margin-bottom: 1em; }
.pad3 { padding: 3em 0em; margin-bottom: 1em; }
.lpad2 { padding-left: 3em !important;}

.bl4 { border-top: 1px solid #222 !important; border-bottom: 2px solid #eee !important; }


/* Form Inputs
==================================================== */

.fm_inpt { display: inline-block; width: 47%; margin-right: 2%; margin-bottom: 20px; box-sizing: border-box; }
.fm_inpt_full { display: inline-block; width: 92%; margin-bottom: 20px; margin-right: 2%; box-sizing: border-box; color: #000; }
.fm_inpt input[type=text], .fm_inpt input[type=password], .fm_inpt input[type=file] { border: 1px solid #333; width: 100%; padding: 8px 12px; font-size: 14px; }
.fm_inpt_full input[type=text], .fm_inpt_full input[type=password], .fm_inpt_full input[type=file], .fm_inpt_full input[type=email] { 
border: 2px solid #11542c; width: 100%; padding: 8px 12px; font-size: 14px; background: #f4f4e0 !important;
font-family: 'Roboto Condensed', sans-serif !important; border-radius: 8px; }
.fm_inpt textarea { width: 100%; padding: 3px 5px; font-size: 14px; }
.fm_inpt select { width: 98%; padding: 4px 5px; font-size: 14px; align: left; }
.fm_inpt_full textarea { width: 96%; padding: 3px 5px; font-size: 14px; }
.fm_inpt input[type=submit], .fm_inpt input[type=button] { font-weight: bold; cursor: pointer; padding: 8px 12px; font-size: 14px; background: #000; border: 1px solid #000; color: #FFF; }
.fm_inpt input[type=submit]:hover, .fm_inpt input[type=button]:hover { background: #000; border: 1px solid #003366; color: #FFF; }

.radio_box_unit {
	margin-bottom: 10px;
	font-size: 11px !important;	
}

.button:hover {
   border-top-color: #e8a319;
   background: #e8a319;
   color: #FFF;
}
.button:active {
   border-top-color: #1b435e;
   background: #1b435e;
}

.f_de { border: 1px solid #FC6; background: #FF9; text-align: center; padding: 10px; margin-bottom: 20px; }
.ckbox { float: left; width: 23%; margin-right: 2%; margin-bottom: 10px; }

.nobold { font-weight: normal; }
.red { color: #F00; }

.idnt { padding-left: 2em !important; }

.bggrey { background: #fbfbfb; }
.lgsp { font-size: 2em; }
.spn_t { margin-top: 1em; color: #090; }

.mbtn { padding: .5em 1em !important; border-radius: 7px; }
.pricebox { position: relative; }
.incr { position: absolute; right: .5em; bottom: .5em; font-size: 1em; }

.bordered { border: 1px solid #666 !important; padding: .1em .3em !important; border-radius: .3em; margin: 0em .4em !important; }

/* 
====================================================
Header
==================================================== */

.dh {
	background: rgb(80,107,41);
	background: linear-gradient(180deg, rgba(80,107,41,1) 0%, rgba(57,77,29,1) 100%);
	
	/*background: rgb(148,70,42);
	background: linear-gradient(0deg, rgba(148,70,42,1) 0%, rgba(205,102,65,1) 100%);*/
	padding: .5em 1em;
	/*background: #fff url(images/homer_lt.jpg) center top no-repeat;
	padding: 10px 20px;*/
	border-bottom: 0px solid #ccc;	
}

.dh_lg {
	cursor: pointer;	
}

.dh_lgt {
	float: left;
	cursor: pointer;
	padding-top: .5em;
}

.dh_lge {
	margin: 0em 0 0 0em;
	font-size: 2em; font-weight: bold;
	color: #090;
}

.dh_us {
	float: right;
	color: #5587ce;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
}

.dh_wfa {
	float: left;
	margin-left: 40px;
	border-left: 1px solid #333;
	padding-left: 40px;
}

.us_inf { float: right; }
.us_log { float: right; }

#uinf {
	border: 2px solid #333;
	padding: 6px 0px 7px 0px;
	float: left;
	height: 1%; overflow: hidden;
	margin-left: 8px;
	color: #fff;
	background: #01182f;
}

#uinfr {
	padding: 5px 0px 6px 0px;
	float: right;
	margin-left: 8px;
	color: #fff;
}

.upic {
	float: right;
	padding: 2px;
	border: 2px solid #013e7b;
	margin-right: -15px;
	margin-top: -5px;
	background: #01182f;
}

.upic img {
	height: 40px;	
}

#uinf a, #uinfr a {
	margin: 0px;
	padding-top: 5px;
	color: #fff;
	text-decoration: none;	
}

#uinf i, #uinfr i {
	margin: 0px;
	color: #fff;
	padding-right: 0em;
	font-size: 1.3em; 
}

#catlist {
	float: left;
	padding: 0px 15px;
	border-right: 1px solid #fff;
	cursor: pointer;
	text-transform: capitalize;
	font-weight: normal;
	font-size: 16px;
	position: relative;
	overflow: visible;
}
.username { color: #C1FFB3; }
.rline { border-right: 1px solid #fff; }
#clist {
	float: left;
	padding: 0px 15px;
	cursor: pointer;
}

.lo a i, .lo a:visited i { padding: .1em 0em; border-radius: 1em; color: #fff !important; }
.fixed_top { /*position: fixed; left: 0px; top: 0px; */width: 100%; z-index: 2000 !important; }
.top-title { padding: .2em .2em 0em 1em; border-left: 1px solid #fff; font-size: 1.5em; color: #fff; margin-left: 1em; }
.top-title torg { color: #ccc; }

.dropmenu { display: none; position: absolute; right: 0; top: 20px; border: 4px solid #666; background: #fff; color: #333; z-index: 2500 !important; }
.dropmenu_content { position: relative; padding: 0em; }
.closebtn { background: #c00; color: #fff; padding: .5em; border-radius: .5em .5em; font-size: .5em; position: absolute; right: .4em; top: .4em; }
.dropmenu_content_hdr { padding: .5em; border-bottom: 1px solid #ddd; color: #506b29; font-weight: bold; }

.dropmenu_content_lks {}
.dropmenu_content_lks li { list-style: none; border-bottom: 1px solid #ddd; padding: .5em 1em; font-size: .9em; }
.dropmenu_content_lks a, .dropmenu_content_lks a:visited { color: #333 !important; text-decoration: none; }
.dropmenu_content_lks a:hover, .dropmenu_content_lks a:active { color: #090 !important; }
.dropmenu_content_lks li i { width: 30px; }

.dropmenu_content_sum { padding: .5em 1em; }

#mysum_dropmenu { width: 500px; }
#mypro_dropmenu { width: 200px; }

/* 
====================================================
Dashboard
==================================================== */

.msc_lft {
	/*width: 7em;
	float: left;
	min-height: 100vh;
	height: 100vh;
	 */
	border-bottom: 2px solid #999;
	border-top: 0px solid #fff;
	border-right: 0px solid #ddd;
	background: rgb(51,51,51);
	background: linear-gradient(180deg, rgba(51,51,51,1) 23%, rgba(102,102,102,1) 100%);
	margin-top: 0em;
	padding: .5em 0em;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#506b29+22,628c36+100
	background: #506b29; /* Old browsers 
	background: -moz-linear-gradient(top, #506b29 22%, #628c36 100%); /* FF3.6-15 
	background: -webkit-linear-gradient(top, #506b29 22%,#628c36 100%); /* Chrome10-25,Safari5.1-6 
	background: linear-gradient(to bottom, #506b29 22%,#628c36 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#506b29', endColorstr='#628c36',GradientType=0 );  */	
		
}

.fwi {
	width: 65%;	
}

.msc_lft li {
	list-style: none;
	padding: .8em 0em;
	text-align: center;
	color: #fff;
	cursor: pointer;
	/*border-bottom: 1px solid #506b2a;*/
	border-right: 1px solid #666;
	margin: 1em 0em 0em 0em;
	padding: .4em 1em;
	float: left;
	min-height: 2.5em !important;
	height: 65px !important;
}

.msc_lft li:hover {
	color: #ccc;
}

.msc_lft .lf_i {
	font-size: 22px;
	padding-bottom: 5px;
}

.msc_lft .lf_c, .msc_lft .lf_m {
	font-size: .75em;
	text-transform: uppercase;
	text-align: center;
	padding-bottom: 5px;
}

.lfi {
	position: relative;	
}

.fig {
	position: absolute;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	background: #c00;
	padding: 1px 5px;
	right: 20px;
	top: -8px;
	border-radius: 4px;
}

.msc_con {
	overflow: hidden;
	margin-top: 0em;
	margin-left: 0em;
}

.subs {
	width: 200px;
	float: left;
	border-right: 6px solid #ccc;	
}

.subs li {
	border-bottom: 1px solid #ddd;
	padding: 20px;
	text-align: center;
	text-transform: uppercase;
	list-style: none;
	font-weight: bold;	
	color: #ccc;
	text-decoration: none;
	cursor: pointer;
}

.subs li:hover {
	color: #333;
}

.cont {
	overflow: hidden;
}

.cn_post {
	padding: 5px 20px;
	border-bottom: 2px solid #ccc;
	background: #fafafa;
	color: #78b846;
	text-transform: uppercase;
}
.cn_post:after { content: ""; display: block; clear: both; }

.cn_head {
	font-size: 25px;
	font-weight: bold;
	float: left;
	letter-spacing: -1px;
}

.cn_rigt {
	float: right; padding: 10px 0 0 0;
}
.cn_rigt a { background: #069; color: #fff; font-weight: bold; padding: 4px 10px; font-size: 12px; }
.cn_rigt a:hover { background: #036; }

.cn_cont {
	padding: 0px 20px;
	margin-bottom: 50px;
	font-family: 'Roboto Condensed', sans-serif !important;
}

.cn_ts {
	padding: 13px 0px 0px 0px;
	margin-bottom: 0px;
	position: relative;
	text-align: right;
}

.cn_ts a, .cn_ts a:visited {
	border: 1px solid #ccc;
	background: #e7e7e7;
	padding: 5px 10px;
	color: #666;
	font-weight: bold;
	cursor: pointer;
	font-size: 12px;
	border-radius: 5px; 
}

.CL { display: inline-block; }

.CL a, .CL a:visited {
	border: 1px solid #069;
	background: #069;
	padding: 5px 10px;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	font-size: 12px;
}

.cn_ts a:active, .cn_ts a:hover {
	background: #069;
	border: 1px solid #069;
	color: #fff;
}

.cn_cn { padding: 0px; }

.cn_in {
	margin: 10px 0px;
	border: 1px solid #F90;
	padding: 10px;
	background: #fef8d2;
	font-weight: bold;
	display: none;
}

sep {
	padding: 0px 10px;	
}

.btns_left { float: left; }
.btns_right { overflow: hidden; padding: 15px 0px 10px 0px; margin-top: -13px; }

.li_btns_rgt {
}

.li_btns_lft {
	display: inline-block;
	border: 1px solid #c00;
	padding: 20px 0px;
}

.li_sm { font-size: 11px; color: #000; }

.rtlinks { float: right; }

/* 
====================================================
Div Tables
==================================================== */

.mn_htd { 
	background: #ccc; 
    background: -webkit-linear-gradient(#ccc, #eee); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ccc, #eee); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ccc, #eee); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ccc, #eee); /* Standard syntax */
	border: 1px solid  #ccc; border-collapse: collapse; display: table-cell; padding: 10px; margin: 0px; font-weight: bold; 
}
.mn_td { background: #fff; border: 1px solid  #ddd; border-collapse: collapse; display: table-cell; padding: 10px; margin: 0px; font-size: 12px; }
.c { text-align: center; }

.data_table { margin: 0px; padding: 0px; border-collapse:collapse; }

.t100 { width: 100px !important; }
.t200 { width: 200px !important; }
.t300 { width: 300px !important; }
.t400 { width: 400px !important; }

/* ------------------------------------------------
INLINE STYLES
-------------------------------------------------- */

.d5i { width: 3% !important; }
.d8i { width: 6% !important; }
.d10i { width: 10% !important; }
.d15i { width: 14% !important; }
.d20i { width: 17% !important; }
.d22i { width: 20% !important; }
.d25i { width: 26% !important; }
.d28i { width: 24% !important; }
.d30i { width: 30% !important; }
.d35i { width: 31% !important; }
.d40i { width: 35% !important; }
.d50i { width: 45% !important; }
.d55i { width: 48% !important; }
.d60i { width: 55% !important; }
.d70i { width: 65% !important; }
.d80i { width: 75% !important; }
.d90i { width: 85% !important; }
.dfi { width: 100% !important; }

.x50i { width: 48% !important; margin-right: 1%; padding: .8em 0em; display: inline-block; }
.x30 { width: 25%; display: inline-block; }

.d5i,.d8i,.d10i,.d20i,.d22i,.d25i,.d15i,.d28i,.d30i,.d40i,.d50i,.d60i,.d70i,.d80i,.d90i { float: left; padding: 0px; }
.sl-pad { padding: 8px 10px; }
.sv-pad { padding: 8px 0px; }
.sx-pad { padding: 8px 10px 0px 10px; }
.mh { height: 60px; }
.d35i, .d55i { margin-right: 2%; display: inline-block; }
.bll { border-bottom: 1px solid #ddd; }
.perfbox { position: relative; display: inline-block; }
.fuht { position: absolute; top 0; left: 0; vertical-align: text-top; border: 2px solid #ccc; background: #ffc; padding: 5px 10px; }

/* ------------------------------------------------
FLOATING STYLES
-------------------------------------------------- */

.d5 { width: 3% !important; }
.d8 { width: 6% !important; }
.d10 { width: 8% !important; }
.d15 { width: 14% !important; }
.d20 { width: 17% !important; }
.d25 { width: 22% !important; }
.d28 { width: 24% !important; }
.d30 { width: 25% !important; }
.d35 { width: 31% !important; }
.d40 { width: 35% !important; }
.d45 { width: 40% !important; }
.d50 { width: 45% !important; }
.d55 { width: 48% !important; }
.d60 { width: 55% !important; }
.d70 { width: 65% !important; }
.d70x { width: 63% !important; }
.d80 { width: 75% !important; }
.d90 { width: 85% !important; }
.df { width: 100% !important; }

.x50 { width: 48% !important; margin-right: 1%; padding: .8em 0em; float: left; }

.listings a, .listings a:visited { text-decoration: none; color: #069; cursor: pointer; }
.listings a:hover, .listings a:active { text-decoration: none; color: #069; }

.d5,.d8,.d10,.d20,.d25,.d15,.d28,.d30,.d40,.d45,.d50,.d60,.d70,.d70x,.d80,.d90 { float: left; padding: 8px 10px; }
.d35, .d55 { margin-right: 2%; float: left; }
.doh { overflow: hidden; }
.dxi { display: inline-block; padding: 0px 0px 5px 0px; margin: 0px 5px 0px 0px; }
.dx { display: inline-block; padding: 0px 0px 5px 0px; margin: 0px 10px 0px 0px; }
.dr { display: inline-block; padding: 5px 0px; }
.dr a, .dr a:visited { background: #c44e25; color: #fff; font-size: 11px; padding: 2px 5px; cursor: pointer; text-decoration: none; }
.dr a:hover, .dr a:active { background: #039; text-decoration: none; }
.dl { float: right; padding: 5px 0px; margin-left: 20px; }
.dl a, .dl a:visited { background: #c00; color: #fff; font-size: 11px; padding: 2px 5px; cursor: pointer; text-decoration: none; }
.dl a:hover, .dl a:active { background: #000; color: #fff; text-decoration: none; }
.cm { margin-top: 3px; }
.dm { float: left; margin: 0px; }
.drp { float: right; }
.drp a, .drp a:visited { background: #069; color: #FFF; font-weight: bold; padding: 4px 8px; font-size: 11px; }
.drp a:hover { background: #000; color: #fff; }
.drp a.red { background: #c00; color: #fff !important; }
.drp a.red:hover { background: #000; }
.cv { margin-top: 6px; }

greyf { background: #ccc; color: #FFF; font-weight: bold; padding: 4px 8px; font-size: 11px; }

.listings { }
/*.listings_hdr { background: #f6f6f6; font-weight: bold; }*/
.listings_hdr_dk,.listings_hdr { 
	/*background: #376275; font-weight: bold; 
	background: rgb(55,98,117);
	background: linear-gradient(180deg, rgba(55,98,117,1) 54%, rgba(82,141,172,1) 100%);*/
	background: #eee; padding: 0px 0px; border-top: 1px solid #ddd; list-style: none !important; color: #666 !important;
}
.listings_hdr_blue { background: #ECFEFF; font-weight: bold; }
.listings_hdr td.shipto { font-size: 1em; text-align: center; color: #000; padding: .3em 0em; }
.listings_hdr td.planhd { font-size: .9em; font-weight: bold; text-align: center; padding: .3em 0em; }

.stcm { font-size: .85em; color: #fff; }

.listings_summ { background: #FFf; font-weight: bold; border-top: 3px solid #ddd !important; }
.base_info { padding: 10px 10px; }
.base_notes { padding: 10px 10px; font-size: 11px; border: 1px solid #eee; border-left: 4px solid #63C; background: #FFC; margin: 10px 0px; }
.list_item {  padding: 0px 0px; border-top: 1px solid #ddd; list-style: none !important; }
/* .list_item_hdr { padding: 5px 0px; border-top: 1px solid #ddd; list-style: none !important; } */
.list_item_hdr { padding: 0px; border-top: 3px solid #666; border-bottom: 1px solid #666; list-style: none !important; color: #666 !important; }
.list_item_hdr_dk { padding: 5px 0px; border-top: 1px solid #376275; list-style: none !important; color: #fff !important; }
.list_item_nw { white-space: nowrap !important; padding: 5px 0px; border-top: 1px solid #ddd; list-style: none !important; }
.list_item_hdr_nw { white-space: nowrap !important; padding: 5px 0px; border-top: 1px solid #ddd; list-style: none !important; color: #fff !important; }
.list_item_even { padding: 5px 0px; border-top: 1px solid #ddd; background: #f7feff; }
.rb { border-right: 1px solid #eee; }
.rvb { border-right: 4px solid #eee; }
.rvbg { border-right: 4px solid #628C36; }

.xbd { border: 1px solid #ccc; padding: .1em .2em; border-radius: .4em; }
.xbg { background-color: #FEF3E7; }

.scrolldiv { overflow-x: scroll !important; }

.centrali { position: fixed; border: 2px solid #060; padding: 1em 1em 2em 1em; width: 270px; box-shadow: 3px 3px #ddd; }
.bl { border-top: 3px solid #eee; margin-bottom: 1em; }

.list_imgs { padding: 2em 0em; }
.list_imgs a { border: none !important; }
.list_imgs img { display: inline-block; margin: 1em; }

.in_p { padding: 1em 0em 0em 0em; }

.bgy { background: #FFFDEC !important; }
.hdr, .uc { text-transform: uppercase !important; }
.lwc { text-transform: lowercase !important; }
.hdr { color: #666; font-size: .85em !important; min-height: 100% !important; }
.hdr .rb { border: 1px solid #666 !important; }
.uc small { font-weight: bold; color: #666; }
.lc { text-transform:capitalize !important; }
.mnm { border-left: 1px solid #fcfcfc !important; }
.mnml { border-left: 4px solid #ddd !important; }
.mnmt { border-right: 4px solid #ccc !important; } 
.mnmr { border-left: 4px solid #f00 !important; }
.mnmb { border-left: 4px solid #06C !important; }
.mnmp { border-left: 4px solid #63c !important; }
.mnmg { border-left: 1px solid #090 !important; }
.cr { text-align: center !important; }
.sm { font-size: .9em; font-weight: normal; color: #333; }
.un { font-size: .9em; font-weight: normal; color: #999; }
.nr { padding: 10px; font-weight: bold; }
.nb { font-weight: normal !important; }

.img_item { float: left; height: 170px; width: 170px; padding: 2em; cursor: pointer; position: relative; }
.img_item img { width: 100%; height: 100%; }

.pr_data { z-index: 10000 !important; background: #fff; position: absolute; left: 0; top: 0em; width: 180px; border: 3px solid #ccc; padding: 1em; display: none; }
.pr_nam { font-weight: bold; color: #628C36; font-size: 1em; border-bottom: 1px solid #CCC; text-align: center; }
.pr_inf { padding: 0em 0em 0em 0em; }
.pr_dat { padding: 1em 0em 0em 0em; }
num { font-size: 1.2em; font-weight: normal; letter-spacing: -1px; }

.bx { padding-bottom: 200px; }

.plan_unit { border-right: 4px solid #ccc; float: left; width: 18%; }
.padh { padding: .3em 0em; }
.tbd { border-top: 1px solid #ccc; margin-top: .2em; padding-top: .4em !important; font-size: 11px; }

.list_unit { border-top: 1px solid #ccc; padding: .8em .5em; font-size: .8em; text-transform: uppercase; }
.plan_dat { font-size: .8em; margin-bottom: 0em; margin-top: .4em; }
.plan_dat td { text-align: center !important; }
.qtr { font-weight: bold; color: #036; }
.nrp { font-size: .8em; padding: 0em 1em; }

.redline { border: 1px solid #f00; }

/* 
====================================================
Colors
==================================================== */

white,.white { color: #fff !important; }
black,.black { color: #000 !important; }
red,.red { color: #c00 !important; }
yellow,.yellow { color: #FF6 !important; }
green,.green { color: #090 !important; }
tigreen,.tigreen { color: #78b846 !important; }
orange,.orange { color: #C60 !important; }
org,.org { color: #a17900 !important; }
grey,.grey { color: #909090 !important; }
vgrey,.vgrey { color: #ddd !important; }
torg,.torg { color: #c44e25 !important; }
blue,.blue { color: #069 !important; }
purple,.purple { color: #63C !important; }
bley,.bley { color: #628C36 !important; }
indigo,.indigo { color: #F36 !important; }
maroon,.maroon { color: #7E0104 !important; }

.toplined { border-top: 4px solid #628C36; }
.topline { border-top: 1px solid #ccc; }

.bluelks { color: #fff !important; background: rgb(0,102,153) !important;
background: linear-gradient(180deg, rgba(0,102,153,1) 16%, rgba(1,79,117,1) 55%) !important; border: 1px solid #069 !important; }
.bluelks:hover { color: #fff; background: #000 !important; border: 1px solid #000 !important; }
.torglks { color: #fff !important; background: rgb(196,78,37) !important;
background: linear-gradient(180deg, rgba(196,78,37,1) 16%, rgba(162,63,29,1) 55%) !important; border: 1px solid #c44e25 !important; }
.torglks:hover { color: #fff; background: #000 !important; border: 1px solid #000 !important; }
.greenlks { color: #fff !important; background: rgb(98,140,54) !important; letter-spacing: 0 !important;
background: linear-gradient(180deg, rgba(98,140,54,1) 16%, rgba(75,107,41,1) 55%) !important; border: 1px solid #628C36 !important; }
.greenlks:hover { color: #fff; background: #000 !important; border: 1px solid #000 !important; }
.tigreenlks { color: #fff !important; background: #628C36 !important; border: 1px solid #628C36 !important; }
.tigreenlks:hover { color: #fff; background: #000 !important; border: 1px solid #000 !important; }
.purplelks { color: #fff !important; background: rgb(102,51,204) !important;
background: linear-gradient(180deg, rgba(102,51,204,1) 16%, rgba(71,38,138,1) 55%) !important; border: 1px solid #63c !important; }
.purplelks:hover { color: #fff; background: #000 !important; border: 1px solid #000 !important; }
/*.bleylks { color: #fff !important; background: #4d8089 !important; border: 1px solid #4d8089 !important; }
.bleylks:hover { color: #fff; background: #000 !important; border: 1px solid #000 !important; }*/
.bleylks { color: #fff !important; background: rgb(98,140,54) !important;
background: linear-gradient(180deg, rgba(98,140,54,1) 16%, rgba(75,107,42,1) 55%) !important; border: 1px solid #628C36 !important; }
.bleylks:hover { color: #fff; background: #000 !important; border: 1px solid #000 !important; }
.redlks { color: #fff !important; background: rgb(204,0,0) !important;
background: linear-gradient(180deg, rgba(204,0,0,1) 16%, rgba(159,1,1,1) 55%) !important; border: 1px solid #c00 !important; }
.redlks:hover { color: #fff; background: #000 !important; border: 1px solid #000 !important; }
.orglks { color: #fff !important; background: rgb(153,102,0) !important;
background: linear-gradient(180deg, rgba(153,102,0,1) 16%, rgba(119,79,1,1) 55%) !important; border: 1px solid #960 !important; }
.orglks:hover { color: #fff; background: #000 !important; border: 1px solid #000 !important; }
.btnlks { color: #fff !important; background: #000 !important; border: 1px solid #000 !important; padding: 2px 4px; box-shadow: 2px 2px #ccc; }
.btnlks:hover { color: #fff; background: #000 !important; border: 1px solid #000 !important; }
.btnrlks { color: #fff !important; background: #628C36 !important; border: 1px solid #628C36 !important; padding: 2px 4px; box-shadow: 2px 2px #ccc; }
.btnrlks:hover { color: #fff; background: #090 !important; border: 1px solid #090 !important; }
a.smlb { font-size: .85em !important; }
a.smlb { color: #fff !important; background: #628C36 !important; border: 1px solid #628C36 !important; }
a.smlb:hover { color: #fff; background: #000 !important; border: 1px solid #000 !important; }

.main_btn { font-size: 1.3em; font-weight: bold !important; }

.slbtn a { padding: 2px 4px !important; color: #fff; background: #628C36 !important; border: 1px solid #628C36 !important; font-size: .7em !important; }
.slbtn a:hover { padding: 2px 4px; color: #fff; background: #000 !important; border: 1px solid #000 !important; font-size: .7em !important;  }

blackf { border-radius: 5px; background: #333; color: #fff; font-size: 11px; padding: 2px 5px; }
greenf, .loct_ml { border-radius: 5px; background: #090; color: #fff; font-size: 11px; padding: 2px 5px; }
redf { border-radius: 5px; background: #c00; color: #fff; font-size: 11px; padding: 2px 5px; }
bluef { border-radius: 5px; background: #069; color: #fff; font-size: 11px; padding: 2px 5px; }
torgf { border-radius: 5px; background: #c44e25; color: #fff; font-size: 11px; padding: 2px 5px; }
bleyf, .loct_cd { border-radius: 5px; background: #63C; color: #fff; font-size: 11px; padding: 2px 5px; }
maroonf { border-radius: 5px; background: #7E0104; color: #fff; font-size: 11px; padding: 2px 5px; }
orangef, .loct_cm { border-radius: 5px; background: #F93; color: #fff; font-size: 11px; padding: 2px 5px; }
.mbf { border-radius: 5px; margin-top: 3px; background: #C93; color: #fff; font-size: 11px; padding: 2px 5px; display: inline-block; }
.leadf { border-radius: 5px; background: #9d97f0; color: #fff; font-size: 11px; padding: 2px 5px; margin-top: 4px; display: inline-block; }
mob { border-radius: 5px; background: #9d97f0; color: #fff; font-size: 11px; padding: 2px 5px; margin-top: 4px; display: inline-block; }
.indigof, indigof { border-radius: 5px; background: #F36; color: #fff; font-size: 11px; padding: 2px 5px; margin-top: 4px; display: inline-block; }

be { border-radius: 5px; background: #09F; color: #fff; font-size: 11px; padding: 2px 5px; }
ba { border-radius: 5px; background: #F96; color: #fff; font-size: 11px; padding: 2px 5px; }
fs { border-radius: 5px; background: #999; color: #fff; font-size: 11px; padding: 2px 5px; }
su { border-radius: 5px; background: #C63; color: #fff; font-size: 11px; padding: 2px 5px; }
res { border-radius: 5px; background: #69F; color: #fff; font-size: 11px; padding: 2px 5px; }
adv { border-radius: 5px; background: #69F; color: #fff; font-size: 11px; padding: 2px 5px; }
el { border-radius: 5px; background: #804000; color: #fff; font-size: 11px; padding: 2px 5px; }
tm { border-radius: 5px; background: #333; color: #fff; font-size: 11px; padding: 3px 8px; }
la { border-radius: 5px; background: #09F; color: #fff; font-size: 11px; padding: 3px 8px; }
invs { border-radius: 5px; background: #09F; color: #fff; font-size: 11px; padding: 3px 8px; }

.inlist li { list-style: none; border-radius: 5px; background: #c44e25; color: #fff; font-size: 11px; padding: 2px 5px; }

di { border-radius: 5px; background: #390; color: #fff; font-size: 11px; padding: 2px 5px; }
eml { border-radius: 5px; background: #C03; color: #fff; font-size: 11px; padding: 2px 5px; }

ks { border-radius: 5px; background: #936; color: #fff; font-size: 11px; padding: 2px 5px; margin-bottom: -5px; }
lin { border-radius: 5px; background: #c44e25; color: #fff; font-size: 11px; padding: 2px 5px; }
mb { border-radius: 5px; background: #903; color: #fff; font-size: 11px; padding: 2px 5px; }
spam { border-radius: 5px; background: #c00; color: #fff; font-size: 11px; padding: 2px 5px; }
wfa { border-radius: 5px;  background: #F90; color: #fff; font-size: 11px; padding: 2px 5px; }
wfc { border-radius: 5px; background: #CC0; color: #fff; font-size: 11px; padding: 2px 5px; }
eshot { border-radius: 5px;  background: #F33; color: #fff; font-size: 11px; padding: 2px 5px; }

.br_lst {
	
}

.sdts { font-size: 11px; }

.boi { font-weight: bold; padding: 0 0 10px 0; text-transform: uppercase; color: #999; }
.coi { font-weight: normal; padding: 3px 7px; background: #eee; font-size: 12px; margin-bottom: 10px; color: #bbb; }
.cor { font-weight: normal; padding: 3px 7px; background: #c44e25; font-size: 12px; margin-bottom: 10px; color: #fff; }
.coe { font-weight: normal; padding: 3px 7px; background: #eee; font-size: 12px; margin-bottom: 10px; color: #bbb; display: inline-block; }
.lg { font-size: 1.2em !important; } 
.md { font-size: 1.1em !important; }
.padc { padding: .6em 1em !important; }
.bluespin { padding: 10px; color: #069; font-size: 16px; }
.torgspin { padding: 10px; color: #c44e25; font-size: 16px; }

.ftl { margin-top: 10px; }
.ftl li { list-style: none; background: #63F; font-size: 11px; padding: 4px 8px; margin-bottom: 3px; border-radius: 4px; color: #fff; display: inline-block; margin-right: 4px; }
.ftg li { list-style: none; background: #093; font-size: 11px; padding: 4px 8px; margin-bottom: 3px; border-radius: 4px; color: #fff; display: inline-block; margin-right: 4px; }

.br_lst img {
	width: 35px;
	padding: 0px;
	margin-right: 10px;
}

.unass { border: 2px solid #70602E; color: #663; font-weight: bold; font-size: 26px; letter-spacing: -1px; float: left; padding: 16px 10px; }
.unassm { border: 1px solid #70602E; color: #663; font-weight: bold; font-size: 12px; letter-spacing: -1px; float: left; padding: 6px 6px 7px 6px; }
.unassb { border: 1px solid #70602E; color: #663; font-weight: bold; font-size: 12px; letter-spacing: -1px; float: left; padding: 10px 8px 10px 8px; }

.count { font-size: 18px; color: #f90; padding: 10px 0px; }

/* ----------------------------- */

.cont_division {
	padding: 0px 0px 20px 0px;
	border-bottom: 1px solid #ccc;	
}
.cont_division:after { content: ""; clear: both; }
.cont_division_nb {
	padding: 0px 0px 20px 0px;
	margin-top: -10px;
}

.fnm {
	color: #F90;
	font-size: 25px;
	padding: 5px 10px;	
}

.cnm {
	color: #9999ff;
	font-weight: bold;
	padding: 5px 0px 10px 0px;	
}

.snm {
	padding: 0 10px 10px 10px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;	
}

.rnm {
	margin-bottom: 0px;
	padding: 8px 0 0px 0;	
}

/* .rnm:after { content: ""; clear:both; display: table; } */

.rnm a {
	background: #999; color: #fff; font-weight: bold; padding: 8px 20px; margin-top: 10px; text-transform: uppercase;	
}

.rnm a:hover { background: #000; color: #fff; }

.tbdr { border-top: 2px solid #090; border-bottom: 2px solid #090; margin: 1em 0em !important; padding: 1em 0em !important; }

.bnm {
	margin-bottom: 0px;
	padding: 0 0 8px 0;	
	font-weight: bold; 
}

lbl { font-size: 11px; font-weight: normal; color: #090; font-weight: bold; }

.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }

.pay_total { margin-bottom: 10px; font-size: 25px; font-weight: bold; text-align: left; }
.pay_t { font-size: 20px; font-weight: bold; text-align: right; }

.short_form { 
	margin-top: 1em;
	margin-right: 1em;
	max-width: 250px;
	float: left;
}

.mid_form { 
	margin-top: 1em;
	margin-right: 1em;
	width: 250px;
	float: left;
}

.mid_form .rnm input[type=text],
.mid_form .rnm input[type=password],
.mid_form .rnm input[type=number],
.mid_form .rnm select,
.mid_form .rnm textarea
{
	padding: 2px 3px !important;
	width: 100% !important;
}

.mid_form .rnm textarea
{
	font-weight: normal !important;
}

/* ----------------------------- */

.in_item {
	border-top: 1px solid #ccc;	
	padding: 10px 0px;
	margin-right: 20px;
}

.in_item a, .in_item a:visited {
	color: #c44e25;	
}

.in_item a:hover, .in_item a:active {
	color: #F90;	
}

.in_logo {
	float: left;
	width: 20%;	
}

.in_logo img {
	width: 40px;
}

.in_info {
	float: left;
	font-weight: bold;
	width: 60%;	
}

.in_lead {
	float: left;
	font-weight: bold;
	width: 90%;	
	background: url(images/arr.png) no-repeat left top;
	padding-left: 30px;
}

.in_lds {
	float: left;
	width: 20%;	
	text-align: center;
	font-weight: bold;
	color: #66C;
}

.ldnm { padding-bottom: 5px; }

.lu {
	margin-top: 10px;
	color: #ccc;
	background: none;
	font-size: 11px;
	font-weight: normal;	
}

.sm12 {
	font-size: 12px;	
}

.sml { font-size: 11px !important; }

.lgi { font-size: 20px !important; }

.nofl {
	overflow: hidden;	
}

/* LEADS SEARCH 
---------------------------- */

.cn_xbtn { overflow: hidden; text-align: right; white-space: nowrap; }

.leads_search { float: right; }
.leads_search input[type=text] { padding: 6px 8px; }

.ebtn { display: inline-block !important; }
.ebtn .leads_search { padding-top: 0px; float: none; }
.ebtn .leads_search input[type=text] { padding: 1px 4px !important; }
.ebtn a, .ebtn a:visited { border-radius: 5px; background: #036; padding: 4px 8px; color: #fff; font-size: 12px; }

/* FEED SEARCH 
---------------------------- */

.no_item { color: #c00; padding: 0px; font-weight: bold; }

.feeds { font-size: 12px; }
.feeds a, .feeds a:visited { text-decoration: none; color: #069; cursor: pointer; }
.feeds a:hover, .feeds a:active { text-decoration: none; color: #069; }
.feed_item { padding: 15px 0px; border-top: 2px solid #ddd; line-height: 17px; }
.feed_item_ac { padding: 10px 0px; border-top: 1px solid #ddd; line-height: 15px; }
.feed_tm { font-size: 11px; color: #ccc; } .ftm { float: right; font-weight: normal !important; font-size: 11px; color: #ccc; }
.feed_tme { background: #66C; font-size: 11px; color: #fff; padding: 1px 4px; display: inline-block; }
.feed_pic { float: left; margin-right: 20px; } .feed_pic img { width: 30px; height: 35px; border: 3px solid #ccc; } 
.feed_info { overflow: hidden; }
.feed_nm { font-size: 14px; font-weight: bold; color: #8984d0; }

.file_item { padding: 15px 0px; border-bottom: 2px solid #ddd; line-height: 17px; }
.file_pic { float: left; margin-right: 20px; } .file_pic img { height: 30px; border: none; } 
.file_list { padding: 20px 0px 10px 0px; text-align: right; }
.file_list a { padding: 4px 8px; color: #fff; background: #069; font-size: 11px; }

.feed_ty {
	font-size: 9px;
	padding: 0px 3px 0px 3px;
	border-top-radius: 3px;
	display: inline-block;
}

.feed_in {
	margin-top: 5px;
	font-size: 12px;
	padding: 5px;
	background: #f5f5f5;
	border: 1px solid #ddd;
	margin-bottom: 5px;
}

.pagedate { float: left; margin-left: 3em; }
.cnm { display: inline-block; }
.cnm a, .cnm a:visited { padding: 8px 20px 7px 20px; color: #fff; font-weight: bold; background: #628C36; font-size: .8em; }
.cnm a:hover, .cnm a:active { background: #e95d2c; color: #fff; }

/* -----------------------------------------------
MASTER ----------------------------------------- */

.mst_navi { margin-top: 1em; }
.mst_unit { float: left; width: 15%; border: 1px solid #ccc; padding: 1em; margin-right: 1em; }
.mst_info { overflow: hidden; }
.mst_icon { font-size: 36px; float: left; margin-right: .5em; width: auto; color: #ccc; }
.mst_name { font-weight: bold; font-size: 1.2em; letter-spacing: -1px; }

/* -----------------------
Display Info
-------------------------- */

.xnm { font-size: 16px; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 2px solid #eee; }
.xti { display: inline-block; border-left: 5px solid #eee; color: #ccc; font-size: 22px; padding: 0px 30px; margin-left: 30px; font-weight: bold; }
.xtn { display: inline-block;  width: 250px; }
.xtn strong { text-transform: uppercase !important; color: #069; font-size: 18px; }
.xtn small { font-size: 11px; }

.ex_btns { display: inline-block; margin-left: 30px; }
.xcd select { width: auto !important; margin-right: 5px; }
.xtf { display: inline-block; border-left: 5px solid #eee; color: #ccc; font-size: 22px; padding: 0px 30px; margin-left: 30px; font-weight: bold; }

#photoform { min-height: 8em; width: 100%; }

.in_hd { text-transform: uppercase; font-weight: bold; color: #ccc; padding: 0px 0px 10px 0px; font-size: 16px; }

.months { background: #FFC; }

.in_btns { margin-top: 0px; font-size: 11px; border-bottom: 1px solid #eee;  padding: 10px 0px 15px 0px; }
.in_btns a, .in_btns a:visited { text-transform: uppercase; border: 1px solid #333; background: rgb(51,51,51);
background: linear-gradient(180deg, rgba(51,51,51,1) 16%, rgba(34,34,34,1) 55%); color: #fff; padding: 2px 14px; font-size: .9em; margin-left: 3px; }
.in_btns a:hover { border: 1px solid #000; background: #000; color: #fff; }
.in_btns select { padding: 1px 2px; }

.em_title { font-weight: bold; font-size: 22px; color: #ccc; padding: 10px 20px 0px 20px; text-transform: uppercase; }
.em_content { padding: 0px; }

/* .em_btns { border-bottom: 1px solid #eee; margin-bottom: 0px; padding: 10px 0px 15px 3px; font-weight: bold; color: #666; font-size: .8em !important; }
.em_btns a:hover, .em_btns a:active { background: #eee; color: #333; }
.em_btns a , .em_btns a:visited { padding: 3px 15px; font-weight: normal; text-transform: uppercase; border: 1px solid #ccc; border: 1px solid #333; color: #fff; background: rgb(51,51,51);
background: linear-gradient(180deg, rgba(51,51,51,1) 16%, rgba(34,34,34,1) 55%); }
.em_btns sep { padding: 0px 3px; } */

.em_btns { margin-left: -2em; margin-right: -2em; z-index: 10000 !important; border-bottom: 1px solid #ccc; margin-bottom: 0px; padding: 15px 0px 10px 3px; font-weight: bold; color: #666; font-size: .8em !important; background: #efefef; }
.em_btns a:hover, .em_btns a:active { background: #eee; color: #333; }
.em_btns a , .em_btns a:visited { color: #666; padding: 3px 15px; font-weight: normal; text-transform: uppercase; border: none; border-left: 1px solid #ccc !important; background: none !important; }
.em_btns a:last-child { border-right: 1px solid #ccc !important; }
.em_btns a:first-child { border-left: none !important; padding-left: .8em !important; }
.em_btns sep { padding: 0px 3px; }

wel { padding-left: 1.4em; }

.lftb { float: left; }
.rgtb { float: right; }

.sm_btn { margin-top: .4em; margin-left: .2em; float: right; font-size: .4em; background: #333; color: #fff; font-weight: bold; padding: .3em .6em; letter-spacing: 0px; }
.sm_btn:hover { background: #506b29; color: #fff; font-weight: bold; padding: .3em .6em; letter-spacing: 0px; }

.smli { font-size: 10px !important; }

blbl { font-size: 10px; color: #666; text-transform: uppercase; background: #eee; padding: 2px 5px; }

.p8 { padding: 8px 0px 12px 0px !important; }

a.gobtn { padding: .3em .6em; background: rgb(80,107,41); background: linear-gradient(180deg, rgba(80,107,41,1) 0%, rgba(57,77,29,1) 100%) !important; color: #fff; }
a.gobtn:hover { color: #FC9; }

/* ----------------------------- */

.bd { font-weight: bold !important; }
.cen { text-align: center !important; }
.lg,lg { font-size: 1.2em !important; }
.uc { text-transform: uppercase !important; }
.bln { border-top: 1px solid #ddd !important; }

/* ----------------------------- */

.inb a, .inb a:visited { font-size: 11px !important; text-transform: uppercase; border: 1px solid #666; background: #666; color: #fff; padding: 2px 5px; margin-left: 3px; border-radius: .4em; }
.inb a:hover { border: 1px solid #000; background: #000; color: #fff; }
.inbr a, .inbr a:visited { font-size: 11px !important;text-transform: uppercase; border: 1px solid #c00; background: #c00; color: #fff; padding: 2px 5px; margin-left: 3px; border-radius: .4em; }
.inbr a:hover { border: 1px solid #000; background: #000; color: #fff; }
.padx { padding-top: .5em; }
.inp { font-size: .8em; padding-bottom: 1em; }

.error_message { display: none; }

/* ----------------------------- */

/* System Footer
---------------------------------------------- */

.sys_footer { padding: 10px 20px; border-top: 3px solid #ccc; color: #333; width: 100%; text-transform: uppercase; }
.sys_footer small { color: #999; font-size: 10px; }
.copy { font-weight: normal; text-align: left; }

.in_hdr { border-bottom: 4px solid #ccc; margin-bottom: 0em; font-family: 'Roboto', sans-serif !important; color: #506b29; font-weight: normal; padding: 0em 0 0em 0; font-size: 2.4em; text-transform:none; background-color: transparent !important; letter-spacing: -2px; }
.in_hdr_m { border-bottom: 4px solid rgba(205,102,65,1); margin-bottom: 0em; font-family: 'Roboto', sans-serif !important; color: #506b29; font-weight: normal; padding: 0em 0 0em 0; font-size: 2.4em; text-transform:none; background-color: transparent !important; letter-spacing: -2px; }
.in_inf { padding: 0 0 20px 0; font-size: 1em; text-transform:uppercase; font-weight: bold; }
.in_desc { padding: 1em 0 1em 0; font-size: .80em; position: relative; }
.error { color: #c00; font-weight: bold; padding: .5em 1em; margin-top: 1em !important; border: 1px solid #c00; border-radius: 1em; }
.info { color: #ccc; font-weight: bold; padding: 10px 0px; }
.in_hdr a { letter-spacing: 0; font-weight: bold; }

.mb10 { margin-bottom: 1em !important; }
.pa10 { padding: 1em 0em !important; }

.listings .list_item:nth-child(even) { background: #f8feff !important; }
.listings .list_item:nth-child(odd) { background: #fff !important; }

.redlined { border-top: 1px solid #f00 !important; border-bottom: 1px solid #f00 !important; border-collapse: collapse; }
.bluelined { border-top: 1px solid #06c !important; border-bottom: 1px solid #06c !important; border-collapse: collapse; }

.lgb { font-size: 1.25em !important; padding: .45em 1.2em !important; font-weight: normal !important; }
.lgr { font-size: 1.25em !important; padding: 0em !important; font-weight: normal !important; }

.in_fig { font-size: 1.25em !important; padding: .45em 1.2em !important; font-weight: bold !important; }

.line { border-bottom: 2px solid #eee; padding: .6em 0em; }
.line:last-child { border: none; }
.line:after { content: ''; clear: both; display: table; }

#supp_product { font-weight: bold; background: #f8feff; }

.ihdr a { padding: 3px 5px !important; font-size: .7em; }

.dl { float: left; }
.dr { float: right; }

.short_desc { color: #4d8089; font-size: .85em; margin-bottom: 5px; }
.short_desc_box { color: #4d8089; font-size: .85em; border: 1px solid #4d8089; padding: 3px; background: #ffc; text-align: center; }

.appbtn, .decbtn { display: inline-block; position: relative; overflow: visible; }
.decbtn { margin-left: -5px; padding-right: 5px; }
.decdiv { z-index: 2000px; background: #fff; display: none; position: absolute; width: 300px; padding: 1em; right: 0px; top: 10px; border: 2px solid #666; box-shadow: 3px 3px #ccc;  }
#decreason { width: 100% !important; border: 1px solid #666; border: 1px solid #666; box-shadow: 2px 2px #ddd; margin-bottom: 1em; padding-left: 10px; }
.reason { text-align: left; }
.einpt { width: 80% !important; }
.pinst { text-align: center; border: 1px solid #666; box-shadow: 3px 3px #ccc; width: 70%; }

#login_btn { background: rgb(17,85,44);
background: linear-gradient(180deg, rgba(17,85,44,1) 0%, rgba(13,65,34,1) 100%); border: none; border-radius: 12px; min-width: 100px; }
#login_btn:focus { outline-width: 0; }
.lf_m { display: none; } .lf_c { display: block; }

.lt { float: left !important; }

.paybutton { float: left; }

.in_info { padding: 1em 0em; border-bottom: 1px solid #eee; }
.in_info_lft { float: left; width: auto; border-right: 3px solid #eee; padding-right: 2em; }
.in_info_rgt { overflow: hidden; padding-left: 2em; }

.rgt { float: right; }

@media screen and (max-width: 767px) {

	.lf_m { display: block; }
	.lf_c { display: none; }
	
	.dh_lg { width: 50%; } .dh_lg img { height: auto; }
	.dh_lge { width: 40%;margin: .7em 0 0 2em; text-align: right; } .dh_lge img { height: 12px; }
	.dh_us { float: none; margin-top: 1em; clear:both; } .dh_us:after { content: ""; clear: both; display: table; }
	#catlist { font-size: 1em !important; }
	
	.em_btns a, .in_btns a, .inb a { display: inline-block; margin-bottom: .4em; font-size: .95em !important; }
	
	.msc_lft li { padding: 0em 1em; border: none !important; width: 19%; }
	.msc_lft .lf_i { font-size: 1.2em; padding-bottom: 5px; }
	
	#cn_cn { max-width: 100%; overflow-x: scroll !important; }
	#cart_disp { max-width: 100%; overflow-x: scroll !important; }
	#sc_content, #databox { min-width: 1100px; max-width: 1100px; }
	.list_item_hdr { white-space: nowrap; font-size: .8em; }
	.list_item { font-size: .6em; z-index: 3000; }
	div.list_item:hover { border: 1px solid #628C36 !important; }
	
	.cart_form { float: none !important; width: 100% !important; padding-right: 0px !important; border-right: none !important; margin-bottom: 2em; }
	.cart_disp { float: none; width: 100%; }
	
	.form_fields select, .form_fields textarea, .form_fields input[type=text], .form_fields input[type=number], .form_fields input[type=email], .form_fields input[type=password], .form_fields input[type=email] {
		border: 1px solid #666;
		padding: 3px;
		width: 94%;
		margin-bottom: 3px;
		font-family: Arial, Helvetica, sans-serif;
		background: #f5fffe;
		font-size: .85em;
	}
	
	/* ----------------------------- */
	
	.inb a, .inb a:visited { text-transform: uppercase; border: 1px solid #333; background: #333; color: #fff; padding: 2px 5px; font-size: .8em; margin-left: 3px; }
	.inb a:hover { border: 1px solid #000; background: #000; color: #fff; }
	.inbr a, .inbr a:visited { text-transform: uppercase; border: 1px solid #c00; background: #c00; color: #fff; padding: 2px 5px; font-size: .8em; margin-left: 3px; }
	.inbr a:hover { border: 1px solid #000; background: #000; color: #fff; }
	
}

@media screen and (min-width: 768px) and (max-width: 1100px) {

	.msc_lft li { padding: 0em 1em; }
	
	#cn_cn { max-width: 100%; overflow-x: scroll !important; }
	#cart_disp { max-width: 100%; overflow-x: scroll !important; }
	#sc_content, #databox { min-width: 1366px; max-width: 1366px; }
	.list_item_hdr { white-space: nowrap; font-size: .8em; }
	.list_item { font-size: .8em; z-index: 3000; }
	div.list_item:hover { border: 1px solid #628C36 !important; }
	
	.form_fields select, .form_fields textarea, .form_fields input[type=text], .form_fields input[type=number], .form_fields input[type=email], .form_fields input[type=password], .form_fields input[type=email] {
		border: 1px solid #666;
		padding: 3px;
		width: 94%;
		margin-bottom: 3px;
		font-family: Arial, Helvetica, sans-serif;
		background: #f5fffe;
		font-size: .85em;
	}
	
	.orderline_form { float: left; }
	.ofmrt { overflow: hidden; }
	
	/* ----------------------------- */
	
	.inb a, .inb a:visited { text-transform: uppercase; border: 1px solid #333; background: #333; color: #fff; padding: 2px 5px; font-size: .8em; margin-left: 3px; }
	.inb a:hover { border: 1px solid #000; background: #000; color: #fff; }
	.inbr a, .inbr a:visited { text-transform: uppercase; border: 1px solid #c00; background: #c00; color: #fff; padding: 2px 5px; font-size: .8em; margin-left: 3px; }
	.inbr a:hover { border: 1px solid #000; background: #000; color: #fff; }
	
}

@media screen and (min-width: 1101px) and (max-width: 1400px) {

	.list_item { font-size: .75em !important; text-transform: uppercase !important; }	
	select,textarea,input[type=text],input[type=password],input[type=email],input[type=number] { width: 95% !important; font-size: .85em !important; padding: 3px !important; }
	.cart_form { width: 250px !important; padding-right: 3em; }
	.orderline_form { width: 250px !important; padding-right: 3em; float: left; }
	.ofmrt { overflow: hidden; }
	.short_form { width: 240px !important; }
	.inb a { font-size: .90em !important; }
	.d8, .d10, .d20, .d15, .d30, .d40, .d50, .d60, .d70, .d80, .d90 {
		float: left;
		padding: 4px 10px;
	}
	
}

@media screen and (min-width: 1401px) {
	body,td,th {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px !important;
	}
	.ofmrt { overflow: hidden; }
}

/* 
====================================================
Activity
==================================================== */

.sp50 { width:50px !important; }
.activity strong { color: #069 !important; }

.disbl, .disbl:hover { cursor: not-allowed !important; background: #CCC !important; border: 1px solid #ccc !important; color: #fff !important; text-transform: uppercase; font-size: 1.1em !important; }
.enabl { background: #000 !important; border: 1px solid #000  !important; color: #fff  !important; text-transform: uppercase; cursor: pointer; font-size: 1.1em !important;  }

.cht { width: 95% !important; }

.dw_x { border: 1px solid #ddd; background: #fff; margin: 1em 0em; padding: 0em 1em !important; }

.lc { text-transform: lowercase !important; }

.lft { display: inline-block; padding-right: 1em; }

.g_box { border: 2px solid #eee; margin-bottom: 2em; position: relative; }
.g_hdr { border-bottom: 1px solid #fafafa; margin-bottom: 1em; text-transform:uppercase; font-size: .9em; font-weight: bold; letter-spacing: 0px; background: #eee; padding: .5em 1em; }
.g_inf { height: 320px; }
.g_img { position: absolute; right: 0; top: 0; width: 4em; height: 4em; z-index: 3000; }
.g_img img { width: 100%; height: 100%; }

.spacelft { margin-left: 2em; }

#formdate {}
#formdate select { width: auto !important; margin-right: 3px; font-size: .8em !important; }

.sim_h { background: #666; color: #eee; font-size: .8em; text-transform: uppercase; padding: .3em .5em; }
.sim_ht { background: #06c; color: #fff; font-size: .8em; text-transform: uppercase; padding: .3em .5em; }
.sim_hb { background: #639; color: #fff; font-size: .8em; text-transform: uppercase; padding: .3em .5em; }
.sim_i { width: 100% !important; margin-top: 1em; }
.sim_i select, .sim_i input[type=number] { max-width: 45% !important; font-size: .9em; }
.sim_i a { font-size: .8em; padding: .5em 1em; }
.whtx { color: #fff; }

.sce_r lbl { color: #555; background: #ddd; padding: .2em; }
.mt1 { margin-bottom: 1em; }

.bgc { background: #f4fefe; }
.bgy { background: #FFC; }

.bdu { border-top: 4px solid #ddd; margin-top: 1em; }
.prnt_wrap { margin: 0 auto; width: 900px; }
.cap { text-transform: capitalize !important; }

.basebold { border-bottom: 1px solid #628C36; }
.ps { padding: 2px 10px !important; }
.redinpt { background: #ffc; border: 1px solid #c00; color: #c00; }
.num_records { padding: 1em 0em; font-size: 1.5em; }
.num_records span { color: #36C; font-weight: bold; }

.list_item_hdr_dk .hdr { color: #fff !important; }
.list_item_hdr .hdr { color: #fff; }
.list_item_hdr .rb { border-right: 1px solid #ccc !important; }
.listings_summ .list_item_hdr .hdr, .listings .hdr { color: #333 !important; }
.endline .rb { border-right: 1px solid #eee !important; }
.listings .rb { border-right: 1px solid #eee !important; }
.listings_hdr .rb { border-right: 1px solid #ccc !important; }
.listings .list_item_hdr { border-top: 1px solid #eee !important; }
.list_item_hdr_nw .hdr, .xdr { color: #fff !important; }
.list_item_summ { border-top: 1px double #666 !important; }
.list_item .d10 { height: 100% !important; }

bx { color: #666; }
.sdx { width: 35px; text-align: center; border: 1px solid #666; box-shadow: 2px 2px #ddd; }
.lp3 { padding-left: 2em; }

fieldset.rnmfield {
	border: 2px solid #ddd;
	padding: 0em 1em 2em 1em;
	margin-bottom: 1em;	
}

fieldset.rnmfield legend {
	color: #C60;
	font-size: 1.2em;
	text-align: center;
	font-weight: bold;
	padding-bottom: 0.3em;
	margin-bottom: 1em;
}

.sdate { box-shadow: 2px 2px #ddd; }
.white, white { color: #fff !important; }

.lgt { font-size: 3em; }

/* VEHICLE UNITS */
.vh_unit {
	border-bottom: 4px solid #506b29;
	padding: 2em 0em;
}
.vh_unit:after { content: ""; display: table; clear:both; }
.vh_grf { border-top: 2px solid #ddd; } .vh_grf:after { content: ""; display: table; clear:both; }

.vh_hdr { background: #eee; color: #666; padding: .3em .5em; }
.vh_dis { height: 20em; } 

.vh_dfs { text-align: center; }
.vh_dun { display: inline-block; padding-right: 2em; margin-right: 2em; border-right: 3px solid #ddd; }
.vh_dun:first-child { border-left: 3px solid #ddd; padding-left: 2em; }
.dvs { font-size: 2em; letter-spacing: -1px; }

/* ==============================================================================
CUSTOMER SECTION
================================================================================= */

.custin { padding: 1em 0em; }
.custnm { font-size: 2em; font-weight: bold; }
.custsc { text-transform: uppercase; }

.ft { border: 1px solid #666 !important; }
.fti { border: 2px solid #06F !important; }

.sechead { font-size: 1.2em; font-weight: bold; color: #666; background: #eee; padding: .5em 1em; display: inline-block; margin-bottom: 1em; }
.sechead:after { content: ''; clear: both; display: table; }
.clicon { position: relative; text-align: center; float: left; text-transform: uppercase; }
.culist { width: 20%; padding: .5em 1em; margin-right: 3%; background: #efefef; text-transform: uppercase; display: inline-block; font-weight: bold; margin-bottom: .2em; }
.culistb { width: 20%; padding: .5em 1em; margin-right: 3%; background: #e7f6ff; text-transform: uppercase; display: inline-block; font-weight: bold; margin-bottom: .2em; }
.culist:last-child { border: none !important; }

.moveup { position: absolute; bottom: 0em; left: 0; width: 100%; }
.seld { border: 2px solid #06c !important; }
.sele { border: 2px solid #c00 !important; }

.rightdelete { float: right; }

.sdate { border: 1px solid #000 !important; padding-left: 10px !important; }

.mdr { background: #eee; color: #666; font-weight: bold; }
.asr { border-bottom: 4px solid #ddd; padding: .4em 0em; margin-bottom: 0em; }

.sideline { border-right: 3px solid #ddd; }

#days { display: none; }
.invnm { font-weight: bold !important; font-size: 2em !important; }

.rtp { float: right; }

.listings_hdr .hdr, .light { color: #666; font-weight: bold; text-transform:uppercase; }

.lf { float: left; }
.rt { float: right; }

.locationbox { border-top: 2px solid #069; border-bottom: 2px solid #069; padding: 0em 0em 1em 0em; margin: 1em 0em; }

.dil { font-family: 'Roboto Condensed' !important; }