/* CSS Document 
============================================================== */

body,td,th {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
}
body {
	margin: 0px;
}

a { cursor: pointer !important; text-decoration: none; }
a:hover, a:visited { color: #090; }

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

.tgos_header { width: 100%; border-bottom: 1px solid #008d48; background: rgb(238,238,238);
background: linear-gradient(180deg, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%); }
.header { width: 80%; margin: 0 auto; position: relative; }
.header:after { content: ""; display: table; clear: both; }
.logo { float: left; padding: 1.5em 0em; }
.logo img { height: 50px; }
.searchbox { float: left; padding: 1.7em 1em 1em 1em; margin-left: 5em; width: 25%; text-align: center; }
.search_unit { border: 1px solid #008d48; border-radius: .6em; position: relative; box-shadow: 4px 4px #ddd; }
.searchbox input[type=text] { padding: .6em 1em; border: none !important; font-size: 1.2em; width: 80%; }
.searchbox .searchbtn { background: #008d48; color: #fff; padding: 1.1em 1.2em; margin-left: -4px; cursor: pointer; position: absolute; right: 0; top: 0; border-radius: 0em .5em .5em 0em; border-right-bottom-radius: .6em; }
.navi { float: left; }
.navt { float: left; padding: 1.8em 1em;  }
.navicon { float: left; font-size: 2.5em; margin-right: .2em; color: #008d48; border-left: 4px solid #ddd; padding-left: 1em; }
.naviconf { float: left; font-size: 2.5em; margin-right: .2em; color: #008d48; padding-left: 1em; }
.navinfo { float: left; }
.navname { font-size: 1em; color: #666; }
.navitem { font-size: 1.3em; color: #914b00; font-weight: bold; }
.cartlink { cursor: pointer; }

.itmlbl { font-size: .6em; font-weight: normal; color: #666; }


.tgos_user { width: 100%; border-bottom: 0px solid #008d48; background: rgb(238,238,238);
background: linear-gradient(180deg, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%); }
.user { width: 80%; margin: 0 auto; position: relative; padding: 1em 0em; }
.user:after { content: ""; display: table; clear: both; }

.ut_yellow { background: rgb(252,244,208); background: linear-gradient(180deg, rgba(252,244,208,1) 0%, rgba(255,255,255,1) 84%); }
.ut_green { background: rgb(212,255,195); background: linear-gradient(180deg, rgba(212,255,195,1) 0%, rgba(255,255,255,1) 84%); }

.usertype { width: 25%; border-right: 5px solid #eee; float: left; text-align: center; padding: 0em 2em 0em 2em; margin-right: 0%; border-top: 0px solid #008d48; }
.usertype:last-child { margin-right: 0em; padding-right: 0em; border-right: none; }
.usertype_icon { float: left; margin-right: .5em; font-size: 4em; color: #ddd; }
.usertype_info { overflow: hidden; text-align: left; }
.usertype_info h4 { margin: 0em 0em .3em 0em; font-size: 1.8em; color: #090; font-weight: bold; text-transform: lowercase; }
.usertype_info p { font-size: 1.3em; color: #999; }
.user_heading { margin-bottom: 1em; font-size: 2em; color: #914b00; text-align: center; font-weight: bold; }


/* Main Section 
================================================================ */

.tgos_mainer {  }
.mainer { width: 80%; margin: 0 auto; overflow: hidden; }
.mainer:after { content: ""; display: table; clear: both; }

.categories { width: 18%; float: left; margin-right: 2em; background: rgb(238,238,238);
background: linear-gradient(180deg, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%); padding: 0em 2em; }
.categories li { font-size: 1.2em; padding: 1em 0em; border-bottom: 1px solid #ddd; list-style: none; }
.categories li i { margin-right: 1em; color: #914b00; }
.categories a, .categories a:visited { text-decoration: none; color: #008d48; font-weight: bold; }
.categories a:hover, .categories a:active { text-decoration: none; color: #666; }

.cathdr { border-bottom: 1px solid #ddd; font-weight: 900; color: #914b00; padding: .8em 0em; font-size: 2.4em; text-transform: capitalize; }

.leftinfo { width: 25%; float: left; margin-right: 2em; background: rgb(238,238,238);
background: linear-gradient(180deg, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%); padding: 2.4em 2em; }
.leftinfo p { font-size: 1em; color: #666; margin-bottom: 2em; }
.lmi { margin-top: 1em; }
.lmi a.rgtlks { cursor: pointer; color: #090 !important; }
.lmi a.rgtlks:hover { color: #090 !important; }

.regbox { cursor: pointer; margin: 1em 3em 3em 3em; font-size: 1em; font-weight: bold; color: #fff; background: rgb(0,93,49);
background: linear-gradient(180deg, rgba(0,93,49,1) 0%, rgba(1,110,56,1) 100%); padding: .6em 1em; text-align: center; border-radius: 2em; }

.logbox { cursor: pointer; margin: 1em 3em 3em 3em; font-size: 1em; font-weight: bold; color: #fff; background: rgb(51,51,51);
background: linear-gradient(171deg, rgba(51,51,51,1) 0%, rgba(102,102,102,1) 100%); padding: .6em 1em; text-align: center; border-radius: 2em; }

.cycle-slideshow img { width: 100%; height: auto; background: #fff; }

.slider { width: 100%; float: left; position: relative; height: 560px !important; overflow: hidden; }
.slider img { border-left: 10px solid #008d48; border-right: 10px solid #008d48; border-bottom: 10px solid #008d48; border-radius: 1em; }

.contentbox { margin-bottom: 4em; }
.content { width: 80%; position: relative; float: left; margin-top: 2em; padding-left: 2em; }
.contentoh { overflow: hidden; position: relative; float: left; margin-top: 2em; padding-left: 2em; }

.caption { position: absolute; top: 15%; left: 5em; width: 40%; }
.topper { font-size: 3.5em; font-weight: bold; color: #fff; }

.boxes { margin: 1em 0em; position: relative; }
.boxes:after { content: ""; display: table; clear: both; }
.box { width: 48%; margin: 1%; background: #f6f6f6; padding: 0%; float: left; border-left: 1em solid #008d48; border-radius: 1em; }
.box .picbox { float: left; }
.box .picbox img { height: 250px; }
.box .infbox { overflow: hidden; padding: 2em; }
.box .infbox .topphrase { font-size: 1.2em; font-weight: bold; color: #008d48; margin-bottom: .4em; }
.box .infbox .mainphrase { font-size: 1.9em; font-weight: bold; color: #666; margin-bottom: .4em; }
.box .infbox .descphrase { color: #999; font-size: 1.3em; margin-bottom: 1.4em; }
.box .infbox a, .box .infbox a:visited { border-radius: .4em; background: rgb(38,110,38);
background: linear-gradient(180deg, rgba(38,110,38,1) 0%, rgba(51,153,51,1) 100%); color: #fff; padding: .4em .8em;  font-size: 1.2em; }
.box .infbox a:hover, .box .infbox a:active { background: rgb(51,153,51);
background: linear-gradient(180deg, rgba(51,153,51,1) 0%, rgba(38,110,38,1) 100%); }

.cont_hdr { color: #666; font-weight: 900; font-size: 2.5em; letter-spacing: -1px; text-transform: capitalize; }
.cont_uln { border-bottom: 4px solid #008d48; width: 150px; margin-bottom: 2em; }
.cont_cnt {}
.cont_cnt p { text-align: justify; margin-bottom: 1em; line-height: 1.8em; }
.cont_cnt li { margin-bottom: .8em; }

.shop_box { padding: 1em; border: 1.2em solid #eee; margin: 0em 1em 1em 0em; float: left; width: 25%; background: rgb(255,252,218);
background: linear-gradient(180deg, rgba(255,252,218,1) 0%, rgba(255,255,255,1) 100%); }
.shop_box:after { content: ""; display: table; clear: both; }
.shop_name { margin-bottom: 1em; padding: .1em 0em; font-weight: bold; font-size: 1.4em; text-align: center; color: #914b00; }
.shop_link { text-align: center; margin-bottom: 1em; }
.shop_box a, .shop_box a:visited { border-radius: .4em; background: rgb(38,110,38);
background: linear-gradient(180deg, rgba(38,110,38,1) 0%, rgba(51,153,51,1) 100%); color: #fff; padding: .4em .8em;  font-size: 1em; }
.shop_box a:hover, .shop_box a:active { background: rgb(51,153,51);
background: linear-gradient(180deg, rgba(51,153,51,1) 0%, rgba(38,110,38,1) 100%); }

.img_item { border: 9px solid #eee; background: #fff; position: relative; float: left; width: 25%; height: 470px; padding: 1em; margin: 1em; text-align: center; overflow: hidden; }
.img_item img { width: 200px; margin-top: -3em; }
.img_name { 
	width: 100%; text-align: center; padding: 5px 10px; font-size: 1.1em; background: rgb(1,77,1);
background: linear-gradient(180deg, rgba(1,77,1,1) 0%, rgba(0,153,0,1) 100%); border: 3px solid #fff; font-weight: bold; color: #fff;
	    /* background-image: linear-gradient(rgba(0,102,0,1), rgba(0,66,0,1)) !important; */
		border: 1px solid #090;
}
.img_box { position: absolute; bottom: 0px; left: 0px; width: 89%; margin: 0 1em 1em 1em; }

.ord_box { margin-top: .5em; text-align: center; }
.ord_box a, .ord_box a:visited { background: rgb(150,113,1); cursor: pointer;
background: linear-gradient(180deg, rgba(150,113,1,1) 0%, rgba(204,153,0,1) 100%); color: #fff !important; font-weight: bold; padding: .1em .5em; border: 1px solid #914b00; margin-left: -4px; margin-top: -1px; }
.ord_box a:hover, .ord_box a:active { background: #000; border: 1px solid #000;  }

.ord_price { padding: 0em; }

.vgreybtn { background: #eee; color: #ccc; font-weight: bold; padding: .1em .5em; border: 1px solid #ddd; margin-left: -5px; }

.ord_num, .ord_sub { display: inline-block; }
.ord_num input[type=number] { margin-top: -1px; border: 1px solid #914b00; padding-left: .3em; width: 40px; background: #FFF4DD; font-size: 1em; }
.disabledinput { border: 1px solid #ddd !important; padding-left: .3em; width: 50px; background: #eee !important; color: #eee !important;  margin-left: -5px; }
.ord_unit { font-size: .8em; }

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

.pri_item { border: 9px solid #eee; background: #fff; position: relative; float: left; width: 25%; height: 380px; padding: 1em; margin: 1em; text-align: center; overflow: hidden; }
.pri_item img { width: 200px; margin-top: -3em; }

.prd_box { margin-top: .5em; text-align: center; }
.prd_box a, .prd_box a:visited { background: rgb(150,113,1); cursor: pointer;
background: linear-gradient(180deg, rgba(150,113,1,1) 0%, rgba(204,153,0,1) 100%); color: #fff !important; font-weight: bold; padding: .1em .5em; border: 1px solid #914b00; margin-left: -4px; margin-top: -1px; }
.prd_box a:hover, .prd_box a:active { background: #000; border: 1px solid #000;  }

.prd_price { padding: 0em; }

.prd_num, .prd_sub { display: inline-block; }
.prd_num input[type=number] { margin-top: -1px; border: 1px solid #914b00; padding-left: .3em; width: 40px; background: #FFF4DD; font-size: 1em; }
.disabledinput { border: 1px solid #ddd !important; padding-left: .3em; width: 50px; background: #eee !important; color: #eee !important;  margin-left: -5px; }
.prd_unit { font-size: 1em; padding: .6em 0em; }

.unt { font-size: .8em !important; padding: .8em 0em; border-top: 1px solid #eee; }
.nb { font-weight: normal !important; }

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

.uc { text-transform: uppercase; }
.sm { font-size: .8em; font-weight: normal; }

.gradeunit { padding: .3em; border-top: 3px solid #ddd; }
.gradeunit:after { content: ""; display: table; clear: both; }
.gradeunit:first-child { border: none; }
.gradenam { background: none; float: left; width: 65%; text-align: left !important; }
.gradebuy { background: none; float: left; width: 34%; padding-top: .7em; }

.buylink { margin: 1.4em 0em 1em 0em; }
.buylink a, .buylink a:visited { border-radius: .4em; background: rgb(38,110,38); cursor: pointer;
background: linear-gradient(180deg, rgba(38,110,38,1) 0%, rgba(51,153,51,1) 100%); color: #fff; padding: .4em .8em;  font-size: 1em; }
.buylink a:hover, .buylink a:active { background: rgb(51,153,51);
background: linear-gradient(180deg, rgba(51,153,51,1) 0%, rgba(38,110,38,1) 100%); }

.resdiv { display: none; width: 30%; text-align: center; border: 2px solid #fff; background: #333; color: #fff; padding: .5em 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 #fff; background: #c00; color: #fff; padding: .5em 1em; position: fixed; top: 0; left: 0; right: 0; margin-top: 2em; margin-left: auto; margin-right: auto; }

/* ------------------------------------------------
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: #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,.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; }

/* ====================================================
/* 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: #090; }
.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 { font-size: .9em !important; }
.cart-item { border-top: 1px solid #ddd; padding: 0em; }
.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: #090; }
.cart-total { border-top: 1px solid #ddd; background: #fafafa; }
.cart_hdr { color: #999; background: #eee; text-transform: uppercase; }
.cen { text-align: center !important; }

a.submitorder, submitorder { border-radius: .4em; padding: .5em 1em; font-weight: bold; font-size: 1.3em; background: rgb(32,94,32);
background: linear-gradient(180deg, rgba(32,94,32,1) 0%, rgba(51,153,51,1) 100%); color: #fff; }
a.submitorder:hover { background: rgb(51,153,51);
background: linear-gradient(180deg, rgba(51,153,51,1) 0%, rgba(32,94,32,1) 100%); }

.rb { border-right: 1px solid #ccc; }

.cart-item-mob { display: none; }
.lgn { font-size: 1.5em; }

.rt { text-align: right; }

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

black,.black { color: #000 !important; }
red,.red,redtxt,.redtxt { 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; }
forg,.forg { color: #78b846 !important; }
borg,.borg { color: #f90 !important; }

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

.buttonpad { padding: .2em .6em; border-radius: 4px; }
.bd { font-weight: bold !important; }

.bluelks { color: #fff !important; background: #069 !important; border: 1px solid #069 !important; }
.bluelks:hover { color: #fff; background: #000 !important; border: 1px solid #000 !important; }
.torglks { color: #fff !important; background: #c44e25 !important; border: 1px solid #c44e25 !important; }
.torglks:hover { color: #fff; background: #000 !important; border: 1px solid #000 !important; }
.greenlks { color: #fff !important; background: #628C36 !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: #63C !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: #628C36 !important; border: 1px solid #628C36 !important; }
.bleylks:hover { color: #fff; background: #000 !important; border: 1px solid #000 !important; }
.redlks { color: #fff !important; background: #c00 !important; border: 1px solid #c00 !important; }
.redlks:hover { color: #fff; background: #000 !important; border: 1px solid #000 !important; }
.orglks { color: #fff !important; background: #960 !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; }


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

.tgos_footer { width: 100%; border-top: 4px solid #914b00; background: rgb(0,59,31);
background: linear-gradient(180deg, rgba(0,59,31,1) 0%, rgba(1,110,56,1) 100%); }
.footin { padding: 1em; width: 70%; margin: 0 auto; color: #fff; margin-bottom: 2em; margin-top: 2em; }
.footin:after { content: ""; display: table; clear: both; }
.fcont { padding: 0 5%; }
.footin_icon { font-size: 4em; margin-bottom: .25em; color: #FC6; }
.footin_title { font-size: 2.2em; font-weight: bold; margin-bottom: 1em; letter-spacing: -1px; }
.footin_info { font-size: 1.3em; color: #fff; }

.footer { padding: 1em; width: 80%; margin: 0 auto; color: #fff; border-top: 1px solid #389467; padding-top: 1em;  }
.footer:after { content: ""; display: table; clear: both; }
.copy { float: left; width: 40%; padding-left: 2em; }
.clnk { float: right; width: 50%; padding: 0% 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 #ccc; font-size: 1em; }
.clnk li a, .clnk li a:visited { font-weight: bold; color: #fff; text-transform: none; text-decoration: none; }
.clnk li a:hover, .clnk li a:active { color: #fff; text-decoration: underline; }

.cen { text-align: center !important; }

/* ================================================================
Form Information
================================================================== */

/* 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; 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; }
.fm_inpt input[type=submit]:hover, .fm_inpt input[type=button]:hover { background: #060; border: 1px solid #060; 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;	
}

.rnmi {
	float: left;	
}

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

.rnm a {
	background-image: linear-gradient(rgba(0,102,0,1), rgba(0,66,0,1)); color: #fff; font-weight: bold; padding: 8px 20px; margin-top: 10px; text-transform: uppercase;	
}

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

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

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

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

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

.form_fields input[type=button], .form_fields input[type=submit] {
    border-radius: .4em; padding: .5em 1em; font-weight: bold; font-size: 1.3em; background: rgb(32,94,32);
	background: linear-gradient(180deg, rgba(32,94,32,1) 0%, rgba(51,153,51,1) 100%); color: #fff;
	text-transform: uppercase; border: none;
}

.form_fields input[type=button]:hover, .form_fields input[type=submit]:hover {
	background: rgb(51,153,51);
	background: linear-gradient(180deg, rgba(51,153,51,1) 0%, rgba(32,94,32,1) 100%);
}

.constituencybox, .wardbox { display: none; }

.ordbtn { padding: .4em 1em; text-transform: uppercase; font-size: 1.2em; }
.rb { border-right: 3px solid #ddd; }
.lb { border-left: 3px solid #ddd; }
.genlnk { background: none !important; color: #06c !important; padding: 0px !important; }
.error { color: #c00 !important; }
.nibox { padding: 1em 0em; font-weight: bold; }

.navi_navi { float: left; width: 45%; display: block; margin: 0em 1em; padding: 0em 0em; }
.navi_navi:after { clear: both; content: ""; display: table; }
.micon { float: left; width: 12%; border-right: 1px solid rgba(0,66,0,1); text-align: center; }
.micon:last-child { border: none; }
.micon a { color: #fff !important; }
.micondv { color: #78b846; font-size: 2em; }
.miconlk { color: #fff; font-size: .9em; margin-top: .4em; }

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

.cart-item-mob { display: none; }
.lgn { font-size: 1.5em; }

.ocont p a, .ocont p a:visited { color: #78b846; font-weight: bold; }
.ocont p a:hover, .ocont p a:active { color: #78b846; font-weight: bold; }

.hid { display: none; }

.cursor { cursor: pointer; }