/* CSS Document */
body,td,th {
	font-size: 14px;
	font-family: 'Roboto Condensed', sans-serif;
}

body { margin: 0px; background: #eee; }

a { cursor: pointer; }

.logoutbtn { color: #fff; position: absolute; right: 10px; top: 10px; font-weight: bold; }

/* Common 
==================================================== */

.bd { font-weight: bold !important; }
.nb { font-weight: normal !important; }
.sm { font-weight: .6em !important; }
.rgt { float: right; }
.lft { float: left; }
.uc { text-transform: uppercase !important; }

.resdiv { display: none; width: 30%; text-align: center; border: 2px solid #bf6f52; border-radius: .5em; background: #fff; color: #301102; padding: .6em 1em; position: fixed; top: 0; left: 0; right: 0; margin-top: 2em; margin-left: auto; margin-right: auto; }
.errdiv { display: none; width: 30%; text-align: center; border: 2px solid #c00; border-radius: .5em; background: #fff; color: #c00; padding: .6em 1em; position: fixed; top: 0; left: 0; right: 0; margin-top: 2em; margin-left: auto; margin-right: auto; }

/* 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; }

.basetotalline { background: #eee; border-top: 2px solid #301102; }

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

.d5i { width: 3% !important; }
.d8i { width: 6% !important; }
.d10i { width: 8% !important; }
.d15i { width: 14% !important; }
.d20i { width: 17% !important; }
.d25i { width: 22% !important; }
.d28i { width: 24% !important; }
.d30i { width: 25% !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; }

.d5i,.d8i,.d10i,.d20i,.d25i,.d15i,.d28i,.d30i,.d40i,.d50i,.d60i,.d70i,.d80i,.d90i { display: inline-block; padding: 8px 10px; }
.d35i, .d55i { margin-right: 2%; display: inline-block; }

/* ------------------------------------------------
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; }
.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: #bf6f52; cursor: pointer; }
.listings a:hover, .listings a:active { text-decoration: none; color: #bf6f52; }

.d5,.d8,.d10,.d20,.d25,.d15,.d28,.d30,.d40,.d45,.d50,.d60,.d70,.d80,.d90 { float: left; padding: 8px 10px; }
.dOh { overflow: hidden; 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; }


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

black,.black { color: #000 !important; }
red,.red,redtxt,.redtxt { color: #c00 !important; }
yellow,.yellow { color: #FF6 !important; }
green,.green { color: #0902 !important; }
tigreen,.tigreen { color: #090 !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; }
forg,.forg { color: #7b6740 !important; }
borg,.borg { color: #f60 !important; }

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

.bluelks { color: #fff !important; background: #069 !important; border: 1px solid #069 !important; border-radius: .4em; }
.bluelks:hover { color: #fff; background: #000 !important; border: 1px solid #000 !important; border-radius: .4em; }
.torglks { color: #fff !important; background: #c44e25 !important; border: 1px solid #c44e25 !important; border-radius: .4em; }
.torglks:hover { color: #fff; background: #000 !important; border: 1px solid #000 !important; border-radius: .4em; }
.greenlks { color: #fff !important; background: #628C36 !important; border: 1px solid #628C36 !important; border-radius: .4em; }
.greenlks:hover { color: #fff; background: #000 !important; border: 1px solid #000 !important; border-radius: .4em; }
.tigreenlks { color: #fff !important; background: #628C36 !important; border: 1px solid #628C36 !important; border-radius: .4em; }
.tigreenlks:hover { color: #fff; background: #000 !important; border: 1px solid #000 !important; border-radius: .4em; }
.purplelks { color: #fff !important; background: #63C !important; border: 1px solid #63c !important; border-radius: .4em; }
.purplelks:hover { color: #fff; background: #000 !important; border: 1px solid #000 !important; border-radius: .4em; }
/*.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: #628C36 !important; border: 1px solid #628C36 !important; border-radius: .4em; }
.bleylks:hover { color: #fff; background: #000 !important; border: 1px solid #000 !important; border-radius: .4em; }
.redlks { color: #fff !important; background: #c00 !important; border: 1px solid #c00 !important; border-radius: .4em; }
.redlks:hover { color: #fff; background: #000 !important; border: 1px solid #000 !important; border-radius: .4em; }
.orglks { color: #fff !important; background: #960 !important; border: 1px solid #960 !important; border-radius: .4em; }
.orglks:hover { color: #fff; background: #000 !important; border: 1px solid #000 !important; border-radius: .4em; }
.btnlks { color: #fff !important; background: #000 !important; border: 1px solid #000 !important; padding: 2px 4px; box-shadow: 2px 2px #ccc; border-radius: .4em; }
.btnlks:hover { color: #fff; background: #000 !important; border: 1px solid #000 !important; border-radius: .4em; }
.btnrlks { color: #fff !important; background: #628C36 !important; border: 1px solid #628C36 !important; padding: 2px 4px; box-shadow: 2px 2px #ccc; border-radius: .4em; }
.btnrlks:hover { color: #fff; background: #bf6f52 !important; border: 1px solid #bf6f52 !important; border-radius: .4em; }
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; }

.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: #bf6f52; 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; }

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

.tgos_header {}
.header { position: relative; padding: 1em; border-bottom: 1px solid #bf6f52; background: #EEE; background: linear-gradient(180deg, rgba(238, 238, 238, 1) 0%, rgba(221, 221, 221, 1) 100%); color: #301102; }
.header:after { content: ""; display: table; clear:both; }
.logo { float: left; margin-right: 2em; } .logo img { height: 40px; margin-left: 1em; }
.navi { border-right: 3px solid #ccc; border-left: 3px solid #ccc; float: left; width: 30%; padding: 0 2em; position: relative; }
.navi li { list-style: none; display: inline-block; padding: 0em 2em; border-left: 2px solid #7b6740; border-right: 2px solid #7b6740; font-size: 1.4em; }
.navi li a i { color: #301102; }
.navi li a, .navi li a:visited, .cart li a, .cart li a:visited, .user li a, .user li a:visited { color: #bf6f52; }
.navi li a:hover, .navi li a:active, .cart li a:hover, .cart li a:active, .user li a:hover, .user li a:active { color: #bf6f52; }
.navi_main { float: left; }
.navi_cart { float: right; }

.cart { font-size: 1.2em; list-style: none; display: inline-block; border-left: 3px solid #ccc; margin-left: 1em; padding-left: 1em; }
.user { font-size: 1.2em; list-style: none; display: inline-block; border-left: 3px solid #ccc; margin-left: 1em; padding-left: 1em; }

/* Mainer 
==================================================== */

.tgos_mainer {}
.mainer { position: relative; padding: 2em; background: #fff; color: #333; }
.mainer:after { content: ""; display: table; clear:both; }

.cont_hdr { color: #bf6f52; font-size: 1.6em; font-weight: bold; letter-spacing: -1px; border-bottom: 2px solid #7b6740; }
.cont_uln_gg {	width: 100px; border-bottom: 6px solid #7b6740; margin: -10px 0px 20px 0px; padding-bottom: 0px; }
.cont_uln { height: .4em !important; }

.omenu { border-bottom: 2px solid #7b6740; padding: .4em 0em 1em 0em; margin-bottom: 2em; }
.omenu li { list-style: none; display: inline-block; padding: .5em 1em; border-left: 2px solid #7b6740; font-size: 1em; background: #eee; background: linear-gradient(180deg, rgba(238, 238, 238, 1) 0%, rgba(221, 221, 221, 1) 100%); color: #fff; cursor: pointer; border-radius: .6em; }
.omenu li a, .omenu li a:visited { color: #301102; font-weight: bold; cursor: pointer; text-transform: capitalize !important; }
.omenu li a:hover, .omenu li a:active { color: #666;  text-transform: capitalize !important; }

.img_item { border: .6em solid #eee; border-radius: 1.4em; background: #fff; position: relative; float: left; width: 13.5%; min-height: 300px; margin-bottom: 2em; margin-right: 1em; text-align: center; }
.img_inner { border: 1px solid #666; border-radius: 1.4em; }
.img_item img { width: 200px; border-top-left-radius: 1.4em; border-top-right-radius: 1.4em; }
.img_name { 
	width: 100%; text-align: center; padding: 5px 10px; font-size: 1em; border-top: 1px solid #666; font-weight: bold; color: #333;  border: 1px solid #666;
	background: #DDD; background: linear-gradient(180deg, rgba(221, 221, 221, 1) 0%, rgba(238, 238, 238, 1) 100%); text-transform: uppercase;
}
.img_box { position: absolute; bottom: 0px; left: 0px; width: 100%; }

.ord_box { float: right; margin-top: .5em; text-align: center; }
.ord_box a, .ord_box a:visited { background: #333; color: #fff; font-weight: bold; padding: .2em .5em; border: 1px solid #333; border-radius: .4em; box-shadow: 3px 3px #ddd; }
.ord_box a:hover, .ord_box a:active { background: #000; border: 1px solid #000;  }

.ord_num, .ord_sub { display: inline-block; }
.ord_num input[type=number] { background: #FFEBCC; border: 1px solid #333; border-radius: .4em; text-align: center; width: 50px; box-shadow: 3px 3px #ddd; }
.ord_unit { text-align: center; font-size: .8em; }

.ord_price_section { position: relative; padding: 0em .5em 1em .5em; width: 100%; border: 1px solid #666; border-bottom-left-radius: 1.4em; border-bottom-right-radius: 1.4em; }
.ord_price_section { content: ""; display: table; clear:both; }

.ord_price { text-align: left;  float: left; line-height: 1em; padding-top: .5em; color: #bf6f52; font-weight: bold; font-size: 1.8em; letter-spacing: -2px; }
.ord_sm_per { font-size: .5em; color: #333; letter-spacing: 0px; margin-top: -.5em; font-weight: normal;  }

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

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

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

.sml { font-weight: bold; font-size: .9em !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; }
.rgtlks { float: right; cursor: pointer; }

#lgfmi, #lmi { width: 300px; }

/* 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; }
.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: 1px solid #333; border-radius: .6em; width: 100%; padding: 8px 12px; font-size: 14px; }
.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: #040; border: 1px solid #040; color: #FFF; border-radius: .6em; }
.fm_inpt input[type=submit]:hover, .fm_inpt input[type=button]:hover { background: #060; border: 1px solid #060; border-radius: .6em; color: #FFF; }

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

.cnm {
	color: #9999ff;
	font-weight: bold;
	font-size: 18px;
	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: #bf6f52; color: #fff; font-weight: bold; padding: 8px 20px; margin-top: 10px; text-transform: uppercase;  border-radius: .4em;	
}

.rnm a:hover { background: #000; color: #fff;  border-radius: .4em; }

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

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

.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; }

.form_container { width: 25%; }

/* Footer 
===================================================== */

.tgos_footer {}
.footer { position: relative; padding: 1em; border-top: 1px solid #bf6f52; background: #DDD; background: linear-gradient(180deg, rgba(221, 221, 221, 1) 0%, rgba(238, 238, 238, 1) 100%); color: #301102; }
.footer:after { content: ""; display: table; clear:both; }

.copy { float: left; width: 20%; }
.clnk { float: right; width: 80%; padding: 1% 2%; position: relative; text-align: right; }
.clnk:after { content: ""; display: table; clear:both; }
.clnk li { list-style: none; display: inline-block; padding: 0em 2em; border-left: 2px solid #7b6740; border-right: 2px solid #7b6740; font-size: 1.4em; }
.clnk li a, .clnk li a:visited { color: #bf6f52; }
.clnk li a:hover, .clnk li a:active { color: #666; }

/* Orders 
===================================================== */

.licon { border: 1px solid #ddd; padding: 1em; float: left; width: auto; margin-top: 1em; margin-right: 1em; text-align: center; box-shadow: 4px 4px #eee; }
.licon i { font-size: 4em; color: #bf6f52; }
.iconlk { margin-top: 1em; padding-top: 1em; border-top: 1px solid #ddd; color: #c60 !important; }
.iconlk:hover { color: #666 !important; text-decoration: none; }
.licon a, .licon a:visited { color: #c60 !important; text-decoration: none; }
.licon a, .licon a:active { color: #666 !important; text-decoration: none; }
.icondv {  }

.pderr { padding: .4em; font-size: .6em; border: 1px solid #c00; background: #ffc; margin-top: .4em; color: #c00; text-align: center; display: none; }
.cart-item { border-top: 1px solid #ddd; }
.cart-item a, .cart-item a:visited { padding: .2em .4em; color: #fff; background: #333; border-radius: 4px 4px 4px 4px; }
.cart-item a:hover, .cart-item a:active { padding: .2em .4em; color: #fff; background: #bf6f52; }
.cart-total { border-top: 1px solid #ddd; background: #fafafa; }
.cart_hdr { background: #eee; text-transform: uppercase; border-top: 1px solid #666; border-bottom: 1px solid #666; }
.cen { text-align: center !important; }

.pname { font-weight: normal; color: #06c; font-size: 1.4em; }

.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;
	border-radius: .4em;
	padding: 8px;
	width: 94%;
	margin-bottom: 3px;
	font-family: Arial, Helvetica, sans-serif;
	background: #f5fffe;
	box-shadow: 3px 3px #ddd;
}

.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;
}

.form_fields textarea {
	border: 1px solid #666;
	border-radius: .4em;
	padding: 8px;
	width: 94.5%;
	font-family: Arial, Helvetica, sans-serif;
	background: #f5fffe;
	box-shadow: 3px 3px #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-radius: .4em;
	border: 1px solid #666;
	padding: 8px 14px 8px 8px;
	max-width: 98%;
	margin-bottom: 3px;
	background: #f5fffe;
	box-shadow: 3px 3px #ddd;
}

.form_fields input[type=button], .form_fields input[type=submit] {
	border: 1px solid #fff;
	border-radius: .6em;
    background: #bf6f52;
    padding: 8px 15px;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    font-size: 1.1em;
	text-transform: uppercase;
}

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

.lgx { font-size: 1.6em; }
.ordbtn { padding: .4em 1em; }
.rb { border-right: 3px solid #ddd; }
.lb { border-left: 3px solid #ddd; }
.rbx { border-right: 1px solid #ddd; }
.genlnk { background: none !important; color: #06c !important; padding: 0px !important; }
.error { color: #c00 !important; font-weight: normal !important; }

.navi_navi { float: left; width: 30%; display: block; margin: 0em 1em; padding: 0em 0em; }
.navi_navi:after { clear: both; content: ""; display: table; }
.micon { float: left; width: 16%; border-right: 1px solid rgba(0,66,0,1); text-align: center; }
.micon:last-child { border: none; }
.micon a { color: #fff !important; } .micon:hover { background: #CCC !important; border-radius: .5em; }
.micondv { color: #bf6f52; font-size: 2em; }
.miconlk { color: #301102; font-size: .9em; margin-top: .4em; font-weight: bold; }

.main_display { display: block; }
.mobile_display { display: none; }

@media screen and (min-width: 901px) {

	.cart-item-mob { display: none; }

}

/* .navi { float: right; } */

@media screen and (max-width: 900px) {
	
	.main_display { display: none; }
	.mobile_display { display: block; }
	
	.logo { width: 100%; text-align: center; margin-bottom: 1em; }
	.navi { display: block; width: 100%; }
	.navi_main { float: none; width: 100%; text-align: center; }
	.navi_main:after { content: ""; display: table; clear:both; }
	.navi_main li {  display: inline-block; width: auto;  }
	.navi_cart { float: none; width: 100%; padding: 0em; text-align: center; }
	.navi_cart li { border: none; text-align: center; }
	
	.omenu li { border: none; background: #eee; width: 47%; margin: 1%; }
	
	.navi_navi { float: none; display: block; border-top: 1px solid #301102; border-bottom: 1px solid #301102; margin: 1em 0em; padding: 1em 0em; width: 100%; }
	.navi_navi:after { clear: both; content: ""; display: table; }
	.micon { float: left; width: 16%; border-right: 1px solid rgba(0,66,0,1); text-align: center; }
	.micon:last-child { border: none; }
	.micon a { color: #fff !important; }
	.micondv { color: #301102; font-size: 2em; }
	.miconlk { color: #fff; font-size: .9em; margin-top: .4em; }
	
	.ocont {}
	.img_item { width: 50%; }
	
	.d5,.d8,.d10,.d20,.d25,.d15,.d28,.d30,.d40,.d45,.d50,.d60,.d70,.d80,.d90 { float: none; width: 100% !important; padding: .3em 0em; border: none; text-align: left !important; }
	#listings_hdr, .listings_hdr { display: none; }
	#listings { border-top: 4px solid #ddd; font-size: 1.3em; padding: .4em; position: relative; }
	.listingb { position: absolute; right: 0; top: 0; padding: .4em; background: #fff; width: auto !important; font-size: 1.6em; }
	.list_item { position: relative; border-top: 2px solid #ddd; padding: .7em 0em; }
	
	.cart_hdr, .cart-item, .main_display { display: none; }
	.mobile_display { display: block; }
	
	.cart-item-mob { display: block; border-top: 2px solid #ddd; position: relative; padding: .7em 0em; }
	.cart_buttons { position: absolute; top: 10px; right: 0px; width: 5em !important; text-align: right !important; }
	.cart_buttons a { background: #666; color: #fff; padding: .4em .5em; border-radius: .5em; }
	.cart_buttons a:hover, .cart_buttons a:active { background: #bf6f52; }
	.cart_name { font-size: 1.3em; border-bottom: 1px solid #ddd; }
	.lgn { font-size: 1.3em; }
	.nb { font-weight: normal; }
	
	.rt { text-align: right !important; }
	.pr2 { padding-right: 0em; }
	.prl { padding-right: 0em; }
	
	.copy, .clnk { width: 100%; text-align: center; }
	.clnk li { font-size: .8em; border: none; }
	
	.rnm { width: 100%; }
	.form_container {
		width: 100%;
	}
	
	.useg { width: 100% !important; margin-bottom: 1em; }
	

	
}