html { background-color: #F6F6F6;}
body { width:1034px; background-color:#FFFFFF;margin:auto;font-family:Arial,sans-serif;font-weight:normal; color:#333333;}
.font2{font-family:"open sans", arial,sans-serif;}
h1 {font-size:24px;margin:0;font-family:"open sans", arial,sans-serif;}
h2 {font-size:22px;margin:0;font-family:"open sans", arial,sans-serif;}
h1.normal {font-size:15px;font-family:arial,sans-serif;}

div {box-sizing:border-box;-moz-box-sizing:border-box;margin:0;padding:0;border:0; }
div.fl {float:left;} div.fr {float:right;} div.cb {clear:both;}
.s12 {font-size:12px;} .s13 {font-size:13px;} .s14 {font-size:14px;} .s15 {font-size:15px;} .s16 {font-size:16px;}
.i {font-style:italic;} .b {font-weight:bold} .tc {text-align:center;} .tl {text-align:left;} .tr {text-align:right;}
.fullsize {width:100%;} .half{width:50%;} .third {width:33%;} .quarter {width:25%;} .fifth {width:20%;}

.fwhite {color:#FFFFFF;} .fgreen {color:#006800;}

div.footer {width:100%;margin-top:10px;padding:15px 0 30px 0; background-color:#999999;}	
div.fdiv {width:25%;float:left;} div.fheader {font-size:18px;font-weight:bold;padding-bottom:5px;}


div.f {width:100%;margin:auto;padding:0 15px;clear:both;}	 
div.sbtn {float:left;padding-top:2px;width:38px;} /* social bottons */
img.sicon {border:0;width:20px;height:20px;}	 /* social icons */

a {text-decoration: none;}
a:link,a:active,a:visited {color:#3848A8}
a:hover {text-decoration:underline;}
a.nul:hover {text-decoration: none;} 
a.w:link,a.w:active,a.w:visited {color:#FFFFFF;} /* white links */

input:focus,select:focus,textarea:focus,button:focus {outline: none;}
input, textarea {padding:3px 5px;border-radius:5px;border: 1px solid #008000; box-sizing:border-box;-moz-box-sizing:border-box;}

#searchBox {float:left;background-color:#FFFFFF; padding-left:5px;border:1px solid #009000; width:340px;height:28px; position:relative;
			border-radius:5px;}
#searchBtn {background-color:#009000;background-image:url("/img/search.svg"); background-repeat:no-repeat; background-position:6px 5px;
			position:absolute;top:-1px;right:-1px;height:28px;width:29px; border-radius:0 5px 5px 0}
#searchBtn:hover { background-color:#006800; }
#searchInput {width:300px;height:25px;padding:0;margin:0;border:0;color:#666666;}
#sDropDown { border-radius:0 0 4px 4px;border:1px solid #A8CFA4;width:311px;text-align:left;display:none;
		     background-color:white;position:absolute;left:0px;top:27px;padding-bottom:10px;z-index:99;}
#autoOffBox {float:left;color:white;font-size:12px;padding:5px 0 0 3px;}
div.nItem {padding:5px;background-color:white;font-size:14px;font-weight:bold;color:#BBBBBB;}
div.sItem {padding:3px 6px;background-color:white;cursor:pointer;font-size:13px;}
div.sItem:hover {background-color:#D8EFD4;font-weight:bold;}
				  
#userAcct {border-radius:5px;margin-left:2px;}
#userAcct:hover {background-color:#444444;cursor:pointer;}

.btn {font-weight:bold;color:white;font-size:13px;padding:4px 5px;border-radius:5px; border:0;background-color:#009000;cursor:pointer;}
.btn:hover {text-decoration:none;background-color:#006800;}

div.tabholder {height:33px;margin-top:10px;position:relative;}
div.tabword {width:140px;color:#006800;padding:5px 3px 0 5px;float:left;font-size:15px;height:33px;}
div.tabText {padding-top:8px;text-align:center;font-size:15px;height:33px;width:170px;position:absolute;top:0px;}

div.tab {height:33px;width:149px;position:absolute;top:0px;}
div.tabL, div.tabR, div.tabLs, div.tabRs { height:33px;width:100px;position:absolute;top:0px;}
div.tabL, div.tabR {background-color:#FFFFFF; border-top:1px solid #A8CFA4;}
div.tabLs, div.tabRs {background:linear-gradient(#65AB60, #A8CFA4)}
div.tabL, div.tabLs {transform:skewX(-16deg);border-top-left-radius:5px;left:-10px;}
div.tabR, div.tabRs {transform:skewX(16deg);border-top-right-radius:5px;right:-10px;}
div.tabL {border-left:1px solid #A8CFA4;}
div.tabR {border-right:1px solid #A8CFA4;}

div.cap {height:31px;margin:auto; text-align:center;color:#FFFFFF;background:linear-gradient(#65AB60, #A8CFA4);
         border-radius:8px 8px 0px 0px;padding:8px 0px 0px;font-weight:bold;font-size:15px;}

table { border-collapse:collapse;margin:auto; padding:0px;border:0;}
table.cbm {width:100%;border:2px solid #A8CFA4;}
table.cbm2 {width:100%;border:1px solid #E0E0E0;}

th {padding:6px;text-align:center; color:#555555;background-color:#D8EFD4;border:1px solid #E0E0E0;}
td {padding:3px 6px;font-size:13px;text-align:center;border-left:1px dashed #f0f0f0;border-bottom:1px dashed #e8e8e8;}

td.l {padding:6px 8px; text-align:left;} td.n {width:30px;color:gray} 
td.nb {border: 0px} /* no border */
th.store {text-align:left; width:150px;}
th.b_rate { color:#555555; white-space:nowrap; font-style:italic;}
tr.cmb {background-color:#FDFFFA;}
td.sp {border:0;padding:0;vertical-align:top;} /* store page */

div.b_rate_a { white-space:nowrap; background-color:#F8F8F8;margin:auto;width:80%;padding:4px;} 
div.b_rate {margin:auto;background-color:#D8FBD4;width:80%;padding:4px;}
span.orate {font-size:11px;font-style:italic;color:#B0B0B0;}
div.gg79 { width:728px;height:90px;}
div.gg32 { width:300px;height:250px;}
div.gg16 { width:160px;height:600px;}

img.ficon {border:0;width:16px;height:16px;vertical-align:top;} /* website fav icon */

/* color box */
div.cbox { float:left;width:16px;height:10px;border:1px solid gray;margin:4px 3px 0 0}
.adbar_h, .adbar_t {height:95px;text-align:center;margin:auto;border:2px solid #A8CFA4;background-color:#D8EFD4;}
.adbar_t {border-top:1px solid #E0E0E0;} /* for guanggao */
img.slogo {border:0;width:120px;height:60px}

img.ssi {height:40px;width:230px;border:0px;cursor:pointer;}
#signIn {height:28px;width:76px;padding:6px 7px 0 0;text-align:right;cursor:pointer; background-color:#009000; color:#FFFFFF; border-radius:5px; 
			background-image:url("/img/signin_w.svg"); background-repeat:no-repeat; background-position:7px 5px;position:relative;}
#signIn:hover { background-color:#006800;}			
#signInPop {position:absolute;width:330px;padding:30px 0px;border:1px solid #009000;text-align:center;border-radius:6px;z-index:1;background-color:white;display:none;}		

.bg_pic {height:28px;width:28px;vertical-align:middle;background-size:28px 28px;}

.noti {height:14px;width:14px;border-radius:50%;text-align:center;background-color:#D00000;
	   color:white;font-weight:normal;font-family:arial;font-size:11px;padding-top:1px;position:absolute;top:-2px;right:-2px}

div.signIn_popup {width:360px;padding:30px 0px;border:2px solid #009000;text-align:center;border-radius:6px;
                background-color:white;position:absolute;top:240PX;left:40%;display:none;}

div.togBtn {background-color:#009000;background-image:url("/img/arrow_down.svg");background-size:12px 12px; background-repeat:no-repeat; background-position:4px 4px; 
height:20px;width:20px; border-radius:4px;position:absolute;top:4px;right:4px}
div.togBtn:hover {background-color:#006800;cursor:pointer;}
			
#accMenu {border:1px solid #009000;position:absolute;top:28px;right:-17px;height:172px;width:200px;border-radius:4px;display:none;background-color:#ffffff;z-index:1;padding:10px;}
div.menu1, div.menu2, div.menu3,div.menu4, div.menu5 {height:30px;background-size:15px 15px;background-repeat:no-repeat;font-size:14px;color:#006800;padding:6px 0 0 33px;}
div.menu1 {background-image:url("/img/icons/messages_g.svg");background-position:8px 8px}
div.menu2 {background-image:url("/img/icons/assign_g.svg");background-position:9px 8px}
div.menu3 {background-image:url("/img/icons/configure_g.svg");background-position:8px 8px}
div.menu4 {background-image:url("/img/icons/alert_g.svg");background-position:8px 8px}
div.menu5 {background-image:url("/img/icons/logout_g.svg");background-position:9px 8px;background-size:14px 14px;}

div.menu1:hover, div.menu2:hover, div.menu3:hover,div.menu4:hover, div.menu5:hover {color:white;background-color: #009000 ;cursor:pointer;}
div.menu1:hover {background-image:url("/img/icons/messages.svg");}
div.menu2:hover {background-image:url("/img/icons/assign.svg");}
div.menu3:hover {background-image:url("/img/icons/configure.svg");}
div.menu4:hover {background-image:url("/img/icons/alert.svg");}
div.menu5:hover {background-image:url("/img/icons/logout.svg");}
