@charset "UTF-8";

/* first for IE 4–8 */
@font-face {
  font-family: MetaWebPro-Bold;
  src: url("fnt/MetaWebPro-Bold.eot");
}

@font-face {
  font-family: MetaWebPro-Normal;
  src: url("fnt/MetaWebPro-Normal.eot");
}

/* then for WOFF-capable browsers */
@font-face {
  font-family: MetaWebPro-Bold;
  src: url("fnt/MetaWebPro-Bold.woff") format("woff");
}

@font-face {
  font-family: MetaWebPro-Normal;
  src: url("fnt/MetaWebPro-Normal.woff") format("woff");
}

/* reset start */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	border: 0;
    font-family: MetaWebPro-Normal, Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000;
    line-height: 1.3em;
    outline: none;
}
input,textarea {
    outline: none;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
a:link {text-decoration: none;color: #000;}
a:visited {text-decoration: none;color: #000;}
a:hover {text-decoration: underline;color: #000;}

img { border: 0px; }

html { height: 100%; }
html body { height: 100%; }
body { margin: 0; padding: 0; position: relative; }
body{
  -webkit-print-color-adjust:exact;
}
:focus { outline: 0; }

input::-moz-focus-inner /*Remove button padding in FF*/ { border: 0;padding: 0; }

a.button::-moz-focus-inner /*Remove button padding in FF*/ { border: 0;padding-top: 15px; }
/* ==========  Typo  ========== */
h1 { font-size: 24px; }
h2 { font-size: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }

blockquote { border : 1px solid #d5d5d5; margin-top: 40px; padding: 15px 10px; quotes: "\201C" "\201D"; background: #fafafa; text-align: center; font-style: italic; font-size: 14px; border-left: 4px solid #d5d5d5; }
blockquote:before { content: open-quote; font-weight: bold; }
blockquote:after { content: close-quote; font-weight: bold; }

.header { width: 960px; margin: auto auto; }
.header .logo { float: left; padding: 30px 0 0 0; }
.header .selections { float: right; padding: 30px 0 0 0; width: 250px; background: url(images/user.png) no-repeat right bottom; }
.header .selections .txt {width: 160px; color: #404041; font-size: 22px; }
.header .selections .txt span {color: #639044; font-size: 22px; display: block; line-height: 22px;}
.header .selections .txt div {color: #404041; font-size: 13px; padding-top: 20px; padding-bottom: 5px;}
.header .selections .txt div a{color: #639044; font-size: 13px; text-decoration: underline;}
.header .topnav { padding: 5px 0 0 0;}
.header .topnav .home{ background: #639044 url(images/home.png) no-repeat center; width: 42px; height: 44px; float: left; cursor: pointer; }
.header .topnav .newssticker{ width: 910px; height: 44px; float: left; background: #404041; overflow: hidden; padding: 0 4px;}
.header .topnav .newssticker ul{ display: block; width: 910px; height: 44px; padding: 0; margin: 0; list-style: none; line-height: 1; position: relative; overflow: hidden;}
.header .topnav .newssticker ul li {
    position: absolute; top: -999em; left: 0; display: block; white-space: nowrap;
    font-size: 17px;
    color: #fff; line-height: 44px;
}

.content { width: 960px; margin: auto auto; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; margin-top: 30px; margin-bottom: 0px;}
.content div.leftCol { float: left; border-right: 1px solid #dcdcdc; width: 150px; margin: 9px 0; padding: 0px 9px 0px 0;}
.content div.leftCol .leftMenu { margin-top: 15px;}
.content div.leftCol .leftMenu h2 { padding: 10px 10px 10px 25px; margin: 0px; background: #639044 url(images/red-arrow.png) no-repeat left; font-size: 15px; color: #fff; font-family: MetaWebPro-Bold; line-height: 18px; }
.content div.leftCol .leftMenu ul {list-style: none; margin: 0px; padding: 5px 0px; background: #404041;}
.content div.leftCol .leftMenu ul li {list-style: none; margin: 0px; padding: 3px 10px 3px 13px;}
.content div.leftCol .leftMenu ul li a { color: #ccc; text-decoration: none; }
.content div.leftCol .leftMenu ul li a:hover { color: #fff;}
.content div.leftCol .leftMenu ul li a.active { color: #fff;}
.content div.leftCol .leftMenu div.more { background: #404041; padding: 5px 0px 5px 13px; border-top: 1px solid #fff;}
.content div.leftCol .leftMenu div.norec { background: #404041; padding: 5px 5px 5px 5px; text-align: center; color: #fff; text-decoration: none; font-size: 13px;}
.content div.leftCol .leftMenu div.more a { color: #fff; text-decoration: none; font-size: 13px;}


.content div.leftCol .alertBox { font-size: 26px; color: #fff; font-family: MetaWebPro-Bold; background: #ec1c24 url(images/icon-mark.png) no-repeat 90% 5px; padding: 80px 10px 10px 13px; line-height: 26px;}
.content div.leftCol .mytarget {border-top: 1px solid #dcdcdc; margin-top: 30px; padding-bottom: 20px;}
.content div.leftCol .mytarget .hdr {color: #404041; font-size: 26px; text-align: center; font-family: MetaWebPro-Bold; line-height: 26px; padding: 20px 0;}
.content div.leftCol .mytarget .ttl {color: #639044; font-size: 14px; font-family: MetaWebPro-Bold; line-height: 16px; padding: 0px 0;}
.content div.leftCol .mytarget > span {color: #404041; font-size: 14px; font-family: MetaWebPro-Bold; line-height: 16px; padding: 0px 0;}
.content div.leftCol .mytarget .progressbar { background: #f2f2f2; height: 25px; margin-top: 10px;}
.content div.leftCol .mytarget .progressbar span { background: #58823c; height: 25px; display: block; }
.content div.leftCol .myprofile {border-top: 1px solid #dcdcdc; margin-top: 10px; padding-bottom: 10px;}
.content div.leftCol .myprofile div { margin-top: 5px;}
.content div.leftCol .myprofile .hdr {color: #404041; font-size: 26px; text-align: center; font-family: MetaWebPro-Bold; line-height: 26px; padding: 20px 0 10px 0; margin: 0px;}
.content div.leftCol .myprofile input { border: 0px; background: #f2f2f2; color: #404041; font-size: 13px; padding: 4px 5px; margin: 0px; width: 140px;}
.content div.leftCol .myprofile button { border: 0px; background: none; color: #404041; font-size: 13px; padding: 4px 0px; margin: 0px; width: 150px; text-align: right; cursor: pointer;}
.content div.leftCol .headdrop {background: #639044 url(images/icon-down-arrow-w.png) no-repeat 96%; color: #fff; font-size: 14px; font-family: MetaWebPro-Bold; padding: 8px 22px 5px 10px; margin-top: 20px; line-height: 14px;}
.content div.leftCol .economics {}
.content div.leftCol .economics .txt{ color: #639044; font-size: 14px; text-align: center; font-family: MetaWebPro-Bold; line-height: 14px; padding: 20px 0 15px 0;}
.content div.leftCol .economics .mg img{ display: block; }
.content div.leftCol .economics .btn{ display: block; background: #ec1c24 url(images/icon-x.png) no-repeat 95%; font-size: 14px; color: #fff; padding: 10px 20px 10px 10px; margin-top: 20px; cursor: pointer;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;
}

.content div.leftCol .cussellist2 {margin: 5px 0 0 0;}
.content div.leftCol .cussellist2 ul{ list-style:none; padding: 0; margin: 0px;}
.content div.leftCol .cussellist2 ul li{ list-style:none; padding: 5px 0 0 2px; margin: 0px; border-bottom: 1px dashed #dcdcdc;}
.content div.leftCol .cussellist2 ul li label{ font-size: 13px; color: #000; line-height: 14px;}
.content div.leftCol .cussellist2 ul li:first-child{ padding-top: 0px; }
.content div.leftCol h4.topH { margin: 0px; padding: 6px 0 6px 0; font-family: MetaWebPro-Bold,verdana; font-size: 15px; color: #639044; border-bottom: 1px solid #dcdcdc; line-height: 20px; word-wrap: break-word;}
.content div.leftCol .leftmenu {  }
.content div.leftCol .leftmenu ul { list-style: none; padding: 10px 0 0 0; margin: 0;}
.content div.leftCol .leftmenu ul li{ list-style: none; padding: 0 0 10px 0; margin: 0;  position: relative;}
.content div.leftCol .leftmenu ul li a{ display: block; color: #404041; text-decoration: none; word-wrap: break-word;}
.content div.leftCol .leftmenu ul li span.fav{ background: url(images/heart-green.png) no-repeat; width: 12px; height: 12px; position: absolute; left: -15px; top: 2px;  }
.content div.leftCol .leftmenu ul li a:hover{ color: #639044;}
.content div.leftCol .leftmenu ul li a.active{ color: #639044; font-weight: bold;}
.content div.leftCol .leftmenu ul li ul{ list-style: none; padding: 10px 0 0 10px; margin: 0;}
.content div.leftCol .leftmenu ul li ul li{ list-style: none; padding: 0 0 10px 0; margin: 0; }
.content div.leftCol .leftmenu ul li ul li a{ color: #404041; padding: 0 0 0 10px;}
.content div.leftCol .leftmenu ul li ul li a:hover{ background: url(images/arrow-green.png) no-repeat left 3px; }
.content div.leftCol .leftmenu ul li ul li a.active{ background: url(images/arrow-green.png) no-repeat left 3px; font-weight: normal;}



.content div.mainCol { float: right; width: 790px; margin: 9px 0;}
.content div.mainCol h4.topH { margin: 0px; padding: 5px 0 10px 0; font-family: MetaWebPro-Bold; font-size: 20px; color: #404041; text-align: center; line-height: 26px; border-bottom: 1px solid #dcdcdc;}
.content div.mainCol h3.topH { margin: 0px; padding: 20px 0 20px 0; font-family: MetaWebPro-Bold; font-size: 15px; color: #639044; text-align: center; line-height: 15px; }
.content div.mainCol .managerMenu {}
.content div.mainCol .managerMenu ul {list-style: none; padding: 0px; margin: 0px;}
.content div.mainCol .managerMenu ul li {list-style: none; padding: 0px; margin: 0px 20px 20px 0; width: 250px; height: 250px; position: relative; float: left; background: #639044 no-repeat; text-align: center;}
.content div.mainCol .managerMenu ul li a{display: block; width: 250px; height: 250px; position: relative; text-decoration: none;}
.content div.mainCol .managerMenu ul li a span{display: block; width: 250px; background: #404041; font-family: MetaWebPro-Bold; font-size: 25px; color: #fff; padding: 10px 0px; position: absolute; left: 0px; bottom: 0px;}
.content div.mainCol .managerMenu ul li:nth-child(3n+3) {margin-right: 0;}
.content div.mainCol .managerMenu ul li.cart {background-image: url(images/icon-cart-large.png); background-position: 60px 50px}
.content div.mainCol .managerMenu ul li.ware {background-image: url(images/icon-warehouse.png); background-position: center 60px}
.content div.mainCol .managerMenu ul li.sales {background-image: url(images/icon-sales.png); background-position: center 50px}
.content div.mainCol .managerMenu ul li.target {background-image: url(images/icon-ok.png); background-position: center 50px}
.content div.mainCol .managerMenu ul li.news {background-image: url(images/icon-news.png); background-position: center  20px}
.content div.mainCol .managerMenu ul li.stats {background-image: url(images/image-stats.jpg); background-position: 0px 0px}
.content div.mainCol .lastArticle { float: left; width: 385px;}
.content div.mainCol .lastArticle h2.hdr{ margin: 0px; padding: 15px 0 10px 0; font-family: MetaWebPro-Bold; font-size: 24px; color: #404041; text-align: center; line-height: 24px; border-bottom: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc;}
.content div.mainCol .lastArticle .ttl { font-size: 14px; color: #639044; font-family: MetaWebPro-Bold; padding-top: 20px;}
.content div.mainCol .lastArticle .author { font-size: 14px; color: #404041; font-family: MetaWebPro-Bold;}
.content div.mainCol .lastArticle .dt { font-size: 14px; color: #404041; font-family: MetaWebPro-Bold;}
.content div.mainCol .lastArticle .sum { color: #404041; padding: 30px 0 20px 0; line-height: 16px;}
.content div.mainCol .lastArticle .sum img {float: right; margin-top: 2px; margin-left: 5px;}
.content div.mainCol .lastArticle .writeyour { font-size: 22px; color: #404041; font-family: MetaWebPro-Bold;  text-align: center; line-height: 22px; border-bottom: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; padding: 20px 0 10px 0;}
.content div.mainCol .lastArticle .writeyour a { font-size: 22px; color: #639044; font-family: MetaWebPro-Bold;  text-align: center; line-height: 22px; text-decoration: underline;}

.content div.mainCol .contactus { float: right; width: 385px;}
.content div.mainCol .contactus h2.hdr{ margin: 0px; padding: 15px 0 10px 0; font-family: MetaWebPro-Bold; font-size: 24px; color: #404041; text-align: center; line-height: 24px; border-bottom: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc;}

.content .mainCol .newaddress { background: #f2f2f2; padding: 10px 15px; margin-top: 20px;}
.content .mainCol .newaddress .npt { margin-bottom: 8px;}
.content .mainCol .newaddress .npt div{ color: #404041; line-height: 18px; font-size: 13px;}
.content .mainCol .newaddress .npt div span{ color: #639044; line-height: 18px; font-size: 13px;}
.content .mainCol .newaddress .npt input, .content .mainCol .newaddress .npt textarea{ padding: 6px 5px; margin: 0px; border: 0px; background: #e6e6e6; color: #404041; width: 345px; font-size: 13px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;
}
.content .mainCol .newaddress .npt3 { margin-bottom: 15px; line-height: 18px; font-size: 13px; }
.content .mainCol .newaddress .npt3 > div {color: #404041; line-height: 18px; font-size: 13px;}
.content .mainCol .newaddress .npt3 > div > span{ color: #639044; line-height: 18px; font-size: 13px;}
.content .mainCol .newaddress .npt3 input{ padding: 6px 5px; margin: 0px; border: 0px; background: #e6e6e6; color: #404041; width: auto; font-size: 13px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;
}
.content .mainCol .newaddress .nf{ color: #404041; font-size: 13px;}
.content .mainCol .newaddress .nf span{ color: #639044; }
.content .mainCol .newaddress button { width: 100%; background: #639044; color: #fff; padding: 10px 0; border: 0px; margin: 0px; font-size: 13px; cursor: pointer;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;
}

.content div.mainCol .newsList { }
.content div.mainCol .newsList ul {list-style: none; padding: 0; margin: 0;}
.content div.mainCol .newsList ul li {list-style: none; padding: 20px 0 10px 0; margin: 0; border-bottom: 1px solid #dcdcdc;}
.content div.mainCol .newsList ul li:first-child { padding-top: 0px; }
.content div.mainCol .newsList ul li div.ttl {float: left; width: 230px;}
.content div.mainCol .newsList ul li div.ttl a{color: #404041; font-size: 20px; font-family: MetaWebPro-Bold; display: block;}
.content div.mainCol .newsList ul li div.ttl span{color: #404041; font-size: 14px; font-style: italic; }
.content div.mainCol .newsList ul li div.sum {float: right; width: 550px; color: #404041; font-size: 14px; line-height: 18px; text-align: justify;}
.content div.mainCol .newsList ul li div.sum img {float: right; margin-top: 2px; margin-left: 5px;}


.content ul.recTabs {
  overflow: hidden;
  width: 100%;
  margin: 10px 0 0 0;
  padding: 0;
  list-style: none;
   border-bottom: 1px solid #dcdcdc; height: 42px;
}
.content ul.recTabs li{
  float: left;
  margin: 0;
  padding-right: 22px;
  height: 43px;
}
.content ul.recTabs li a{
  position: relative;
  background: #fff;
  padding: 0px 10px 0 10px;
  float: left;
  text-decoration: none;
  color: #404041;
  line-height: 41px;
  display: block;
  font-size: 15px;
  border: 1px solid #dcdcdc;
  border-right: 0px solid #dcdcdc;
  font-family: MetaWebPro-Bold;
}

.content ul.recTabs li a:hover,
.content ul.recTabs li a:hover:after,
.content ul.recTabs li a:focus,
.content ul.recTabs li a:focus:after{
  background: #639044;
  color: #fff;
}

.content ul.recTabs li a:focus{
  outline: 0;
}

.content ul.recTabs li a:after{
  content:'';
  position:absolute;

  top: -1px;
  right: -12px;
  bottom: 0;
  width: 1em;
  background: #fff;
  width: 20px;
  -webkit-transform: skew(22deg);
  -moz-transform: skew(22deg);
  -ms-transform: skew(22deg);
  -o-transform: skew(22deg);
  transform: skew(22deg);
  height: 41px;

  border: 1px solid #dcdcdc;
  border-left: 0px solid #dcdcdc;
}

.content ul.recTabs li.active a,
.content ul.recTabs li.active a:after{
  background: #639044;
  color: #fff;

}
.content .recTab_content { padding-top: 10px; }

.content .prodTable { padding: 0px 0; position: relative; border-bottom: 1px solid #dcdcdc; margin: 20px 0 20px 0;}
.content .prodTable table {  }
.content .prodTable table tr th { font-size: 12px; color: #4b4b4d; font-weight: normal; text-align: left; padding: 5px 0px; border-bottom: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc;}
.content .prodTable table tr th div { font-size: 12px; color: #4b4b4d; font-weight: normal; text-align: left; padding: 0px 0 0 10px; }
.content .prodTable table tr th:first-child div{ padding-left: 0px;}
.content .prodTable table tr th:nth-child(2) { width: 120px;}
.content .prodTable table tr th:nth-child(3) { width: 150px;}
.content .prodTable table tr th:nth-child(4) { width: 365px;}
.content .prodTable table tr td { border-right: 1px solid #dcdcdc; border-top: 10px solid #fff; text-align: left; vertical-align: top; padding: 0 0 5px 0; border-bottom: 10px solid #fff;}
.content .prodTable table tr td:last-child { border-right: 0px solid #dcdcdc; }
.content .prodTable table tr td:first-child { text-align: left;}
.content .prodTable table tr td:nth-child(1) img { display: block; float: left; margin-right: 20px; }
.content .prodTable table tr td div a.ttl{ color: #639044; font-weight: bold; text-decoration: none; display: block; }
.content .prodTable table tr td div a.brnd{ color: #4b4b4d; font-weight: bold; text-decoration: none; display: block; padding-top: 2px; }
.content .prodTable table tr td div.sum{ padding: 2px 10px 0 0;}
.content .prodTable table tr td div.full{ display: none;}
.content .prodTable table tr td input { width: 75px; border: 0px; background: #dcdcdc; font-size: 16px; font-weight: bold; color: #4d4d4d; padding: 5px 10px 3px 10px; margin: 0px 0 0 10px; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; }
.content .prodTable table tr td input.spinthis { margin: 0px 0 0 0px; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; }
.content .prodTable table tr td button { border: 0px; font-size: 13px; color: #b4b4b4; background: none; margin: 5px 10px 3px 20px; padding: 0px; cursor: pointer;}
.content .prodTable table tr td div.info { color: #404041; font-size: 13px; font-weight: bold; padding: 20px 20px 0px 20px; word-wrap: break-word;}
.content .prodTable table tr td.yellow div.info { color: #f7931e; }
.content .prodTable table tr td.red div.info { color: #ec1c24; }
.content .prodTable table tr td.yellow div input { color: #fff; background: #f7931e; }
.content .prodTable table tr td.red div input { color: #fff; background: #ec1c24; }
.content .prodTable table tr td div.red { color: #ec1c24; }
.content .prodTable .sticker {background: url(images/icon-sticker.png) no-repeat; width: 101px; height: 116px; overflow: hidden; position: absolute; top: -11px; right: 0px; text-align: center;}
.content .prodTable .sticker span{ color: #fff; font-size: 30px; font-family: MetaWebPro-Bold; display: block; padding-left: 6px; padding-top: 30px;}
.content .prodTable .removeItem { background: #EC1C24; color: #fff; padding: 5px 10px; border: 0px; margin: 0px; font-size: 14px; cursor: pointer; position: absolute; bottom: 5px; right: 5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px; }

.content .myprodTable { padding: 0px 0; position: relative; border-bottom: 1px solid #dcdcdc; margin: 20px 0 3px 0;}
.content .myprodTable table {  }
.content .myprodTable table tr th { font-size: 12px; color: #4b4b4d; font-weight: normal; text-align: left; padding: 5px 0px; border-bottom: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc;}
.content .myprodTable table tr th div { font-size: 12px; color: #4b4b4d; font-weight: normal; text-align: left; padding: 0px 0 0 10px; }
.content .myprodTable table tr th:first-child div{ padding-left: 0px;}
.content .myprodTable table tr th:nth-child(2) { width: 100px;}
.content .myprodTable table tr th:nth-child(3) { width: 120px;}
.content .myprodTable table tr th:nth-child(4) { width: 115px;}
.content .myprodTable table tr td { border-right: 1px solid #dcdcdc; border-top: 10px solid #fff; text-align: left; vertical-align: top; padding: 0 0 5px 0; border-bottom: 10px solid #fff; position: relative;}
.content .myprodTable table tr td:last-child { border-right: 0px solid #dcdcdc; }
.content .myprodTable table tr td:first-child { text-align: left;}
.content .myprodTable table tr td:nth-child(1) img { display: block; float: left; margin-right: 40px; }
.content .myprodTable table tr td div a.ttl{ color: #639044; font-weight: bold; text-decoration: none; display: block; }
.content .myprodTable table tr td div a.brnd{ color: #4b4b4d; font-weight: bold; text-decoration: none; display: block; padding-top: 2px; }
.content .myprodTable table tr td div.sum{ padding: 2px 10px 0 0;}
.content .myprodTable table tr td input { width: 55px; border: 0px; background: #dcdcdc; font-size: 16px; font-weight: bold; color: #4d4d4d; padding: 5px 10px 3px 10px; margin: 0px 0 0 10px; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; }
.content .myprodTable table tr td button { border: 0px; font-size: 13px; color: #b4b4b4; background: none; margin: 5px 10px 3px 20px; padding: 0px; cursor: pointer;}
.content .myprodTable table tr td div.prc {font-size: 16px; font-weight: bold; color: #4d4d4d; padding: 2px 0 0 10px;}
.content .myprodTable table tr td.lst {text-align: center;}
.content .myprodTable table tr td.lst button {padding: 0px; margin: 10px 0 0 0; border: 0px; background: url(images/icon-big-check.png) no-repeat 0 0; width: 80px; height: 80px;}
.content .myprodTable table tr td.lst button.activeicn {background-position: 0 -80px;}
.content .myprodTable table tr td .qtytxt { padding: 0 5px 0 0; text-align: center; color: #4b4b4b; font-size: 16px; font-weight: bold;}
.content .myprodTable table tr td.empty { height: 1px; background: #dcdcdc; border: 0px; padding: 0px; margin: 0px;}
.content .myprodTable table tr td.empty2 { height: 5px; background: #404041; border: 0px; padding: 0px; margin: 0px;}
.content .myprodTable table tr td div.isgift { float: right; background: url(images/icon-gift.png) no-repeat top right; width: 75px; height: 50px; position: absolute; top: 0px; right: 20px; color: #404041; padding-right: 45px;}

.content .myvouchTable { padding: 10px 0; }
.content .myvouchTable ul.hdr{ padding: 0; margin: 0; list-style: none; }
.content .myvouchTable ul.hdr > li{ width: 289px; padding: 5px 0; margin: 0; list-style: none; float: left; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; color: #4b4b4d; font-size: 12px; }
.content .myvouchTable ul.hdr > li.scnd{ width: 166px; padding-left: 20px; }
.content .myvouchTable ul.hdr > li.thrd{ width: 465px; padding-left: 20px; }
.content .myvouchTable ul.lst{ padding: 0; margin: 0; list-style: none; height: 40px; border-bottom: 1px solid #dcdcdc;}
.content .myvouchTable ul.lst > li{ width: 269px; padding: 0; margin: 5px 0 0 0; height: 30px; list-style: none; float: left; color: #4b4b4d; border-right: 1px solid #dcdcdc;}
.content .myvouchTable ul.lst > li.col1{ padding-right: 20px;}
.content .myvouchTable ul.lst > li.col2{ width: 164px; padding-left: 20px;}
.content .myvouchTable ul.lst > li.col3{ width: 214px; padding-left: 20px;}
.content .myvouchTable ul.lst > li.col4{ width: 104px; padding-left: 20px;}
.content .myvouchTable ul.lst > li.col5{ width: 105px; padding-left: 20px; border-right: 0px;}
.content .myvouchTable ul.lst > li.col2 div { float: left; }
.content .myvouchTable ul.lst > li.col2 span { float: left; display: block; cursor: pointer; background: #f8f8f8; -moz-border-radius:15px; -webkit-border-radius:15px; -o-border-radius:15px; -ms-border-radius:15px; -khtml-border-radius:15px; border-radius:15px; border-radius: 15px; font-size: 16px; color: #999; padding: 2px 0px 2px 0px; margin: 2px 0 0 5px; width: 26px; text-align: center; }
.content .myvouchTable ul.lst > li.col2 span.active, .content .myvouchTable ul.lst > li.col2 span:hover { background: #639044; color: #fff; }
.content .myvouchTable ul.lst > li.col2 button, .content .myvouchTable ul.lst > li.col3 button { font-size: 13px; color: #b4b4b4; background: none; border: 0; padding: 0; margin: 5px 0 0 5px; cursor: pointer; }
.content .myvouchTable ul.lst > li.col2 div { clear: left; }
.content .myvouchTable ul.lst > li.col2 input { width: 70px; border: 0px; background: #dcdcdc; font-size: 16px; font-weight: bold; color: #4d4d4d; padding: 5px 10px 3px 10px; margin: 0px 0 0 0px; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; }
.content .myvouchTable ul.lst > li.col3 .justread { border: 0px; background: #dcdcdc; font-size: 16px; font-weight: bold; color: #4d4d4d;  line-height: 28px; height: 28px; padding: 0px 10px 0px 10px; margin: 0px 10px 0 0px; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; }
.content .myvouchTable ul.lst > li.col4 button { background: #ec1c24; color: #fff; font-size: 14px; font-weight: bold; text-align: center; line-height: 28px; padding: 0px; margin: 0px; border: 0px; cursor: pointer; width: 95px; }
.content .myvouchTable ul.lst > li.col4 .sended { background: #c8c8c8; color: #fff; font-size: 14px; font-weight: bold; text-align: center; line-height: 28px; padding: 0px; margin: 0px; border: 0px; width: 95px; }
.content .myvouchTable ul.lst > li.col5 .status { background: #404041; color: #fff; font-size: 14px; font-weight: bold; text-align: center; line-height: 28px; padding: 0px; margin: 0px; border: 0px; }
.content .myvouchTable ul.lst > li.col5 .statusF { background: #c8c8c8; color: #fff; font-size: 14px; font-weight: bold; text-align: center; line-height: 28px; padding: 0px; margin: 0px; border: 0px; }
.content .myvouchTable ul.lst > li.col5 .statusE { background: #999; color: #fff; font-size: 14px; font-weight: bold; text-align: center; line-height: 28px; padding: 0px; margin: 0px; border: 0px; }

.content .myprodextra {}
.content .myprodextra ul {list-style: none; padding: 0px; margin: 0px;}
.content .myprodextra ul li{list-style: none; padding: 0px; margin: 0px; float: left;}
.content .myprodextra ul li.xtra{ width: 150px;}
.content .myprodextra ul li.xtra div{ font-size: 14px; color: #fff; background: #404041; line-height: 30px; text-align: center; border-right: 3px solid #fff;}
.content .myprodextra ul li.xtralbl{width: 574px;}
.content .myprodextra ul li.xtralbl div{ font-size: 14px; color: #fff; background: #666666; line-height: 30px; padding: 0 10px; }
.content .myprodextra ul li.xtraprc{width: 236px;}
.content .myprodextra ul li.xtraprc div.frst{ font-size: 16px; color: #fff; background: #666666; font-weight: bold; line-height: 30px; padding: 0 10px; border-left: 3px solid #fff;}
.content .myprodextra ul li.xtraprc div.total {border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; width: 120px; margin-bottom: 5px;}
.content .myprodextra ul li.xtraprc div.total .ttltxt {font-size: 16px; font-weight: bold; color: #4d4d4d; padding: 20px 0 20px 10px;}
.content .myprodextra ul li.xtraprc div.total .ttltxt span{font-size: 13px; color: #808080; display: block; font-style: italic;}
.content .myprodextra ul li.xtraprc div.total .prctotal {font-size: 16px; font-weight: bold; color: #639044; padding: 0px 0 10px 10px;}


.content .pagetitle { border-bottom: 1px solid #dcdcdc; font-size: 24px; color: #404041; text-align: center; line-height: 48px; padding-right: 50px;}
.content .warehouseIcon-s { background: url(images/icon-warehouse-s.png) no-repeat right; }
.content .targetNews-s { background: url(images/icon-news-s.png) no-repeat right; }
.content .targetIcon-s { background: url(images/icon-ok-s.png) no-repeat right; }
.content .cartIcon-s { background: url(images/icon-cart-s.png) no-repeat right; }
.content .salesIcon-s { background: url(images/icon-sales-s.png) no-repeat right; }
.content .pagesubtitle {font-size: 20px; color: #639044; font-family: MetaWebPro-Bold; text-align: center; padding: 20px 0;}
.content div.targetList {}
.content div.targetList > ul {list-style: none; padding: 0px; margin: 0px;}
.content div.targetList > ul > li {list-style: none; padding: 0px 0 20px 0; margin: 20px 0 0px 0; border-top: 3px solid #404041;}
.content div.targetList > ul > li div.brand{ float: left; font-size: 36px; color: #639044; font-family: MetaWebPro-Bold; line-height: 36px; margin: 5px 0; padding: 5px 0;}
.content div.targetList > ul > li div.bar{ float: right; color: #4b4b4d;}
.content div.targetList > ul > li div.bar .bartitle{ float: left; color: #4b4b4d; font-size: 12px; padding: 4px 10px 5px 0; margin: 7px 0 0 0;}
.content div.targetList > ul > li div.bar .pbar{ float: right; width: 300px; background: #999999; height: 35px; margin-top: 7px;}
.content div.targetList > ul > li div.bar .pbar span{ display: block; width: 55%; background: #ec1c24; height: 35px;}
.content div.targetList > ul > li div.info { border-top: 1px solid #dcdcdc; padding: 10px 0;}
.content div.targetList > ul > li div.info img{ float: left; margin-right: 15px; margin-bottom: 5px;}
.content div.targetList > ul > li div.info .ttl{ font-weight: bold; color: #639044;}
.content div.targetList > ul > li div.info .dt{ font-weight: bold; color: #404041; padding: 5px 0;}
.content div.targetList > ul > li div.info .txt{ color: #404041; line-height: 18px;}
.content div.targetList > ul > li div.particip {background: #639044; color: #fff; text-align: center; font-size: 15px; padding: 3px 0; font-weight: bold;}
.content div.targetList > ul > li div.leftInfo { float: left; color: #4b4b4d; font-size: 12px; padding: 3px 0;}
.content div.targetList > ul > li div.rightInfo { float: right; color: #4b4b4d; font-size: 12px; padding: 3px 0;}
.content div.targetList > ul > li ul {list-style: none; padding: 0px; margin: 0px; background: #f2f2f2;}
.content div.targetList > ul > li ul li{list-style: none; padding: 5px 5px 5px 5px; margin: 0px; border-top: 1px solid #dcdcdc}
.content div.targetList > ul > li ul li:first-child { border: 0px;}
.content div.targetList > ul > li ul li div.lft{float: left; font-size: 16px; font-weight: bold; color: #4d4d4d; line-height: 35px; padding-left: 15px}
.content div.targetList > ul > li ul li div.rght{float: right;}
.content div.targetList > ul > li ul li div.rght .btn{float: left; color: #fff; background: #cccccc; line-height: 35px; margin-right: 5px; padding: 0 20px; cursor: pointer;}
.content div.targetList > ul > li ul li div.rght .pbar2{ float: right; width: 190px; background: #f2f2f2; height: 35px; }
.content div.targetList > ul > li ul li div.rght .pbar2 span{ display: block; width: 188px; height: 33px; border: 1px solid #cccccc;}
.content div.targetList > ul > li ul li.active div.rght .btn {background: #ec1c24;}
.content div.targetList > ul > li ul li.active div.rght .pbar2{ float: right; width: 190px; background: #999999; height: 35px; }
.content div.targetList > ul > li ul li.active div.rght .pbar2 span{ display: block; width: 25%; background: #ec1c24; height: 35px; border: 0px;}

.content div.newsInfo {float: left; width: 180px; padding-top: 20px;}
.content div.newsInfo .ttl{font-family: MetaWebPro-Bold; font-size: 14px; color: #639044; padding-bottom: 20px;}
.content div.newsInfo .txt{color: #404041; padding-bottom: 20px; line-height: 16px;}
.content div.newsAdd {float: right; width: 710px; padding-top: 20px; position: relative;}
.content div.newsAdd > ul {list-style: none; padding: 0px; margin: 0px;}
.content div.newsAdd > ul > li{list-style: none; padding: 0px; margin: 0px; }
.content div.newsAdd > ul > li > div {float: left; color: #231f20; line-height: 24px; min-width: 150px; margin-bottom: 15px;}
.content div.newsAdd > ul > li > div > span{color: #639044;}
.content div.newsAdd > ul > li > div input, .content div.newsAdd > ul > li > div textarea {padding: 6px 5px; margin: 0px; border: 0px; background: #e6e6e6; color: #404041; width: 300px; font-size: 13px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;}
.content div.newsAdd > ul > li{ clear: both; }
.content div.newsAdd > ul > li > div textarea { width: 545px; }
.content div.newsAdd div.info { font-size: 12px; color: #231f20; width: 140px; position: absolute; left: 0px; bottom: 20px;}
.content div.newsAdd div.info span { font-size: 12px; color: #639044;}
.content div.addProduct { padding: 10px 0; }
.content div.addProduct .cat { width: 300px; float: left; margin-right: 10px; }
.content div.addProduct .prod { width: 550px; float: left; margin-right: 10px; }
.content div.addProduct .prod .noresults { line-height: 24px; }
.content div.addProduct .addBut { width: 90px; float: left; }
.content div.addProduct .addBut button { background: #639044; color: #fff; padding: 5px 10px; border: 0px; margin: 1px 0 1px 0; font-size: 14px; cursor: pointer; width: 100%;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;}

.content div.simplePage {padding-bottom: 20px; }
.content div.simplePage div.mg {margin-top: 20px;}
.content div.simplePage div.mg img{display: block;}
.content div.simplePage div.ttl {margin-top: 20px; float: left; width: 230px; color: #404041; font-size: 26px; font-family: MetaWebPro-Bold;}
.content div.simplePage div.ttl div.author { font-size: 16px; color: #639044; font-family: MetaWebPro-Bold; padding-top: 10px;}
.content div.simplePage div.ttl div.dt { color: #404041; font-style: italic; padding-bottom: 50px; border-bottom: 1px solid #dcdcdc;}
.content div.simplePage div.ttl div.edit { padding: 5px 0; border-bottom: 1px solid #dcdcdc;}
.content div.simplePage div.ttl div.cat { padding: 10px 0; border-bottom: 1px solid #dcdcdc;}
.content div.simplePage div.ttl div.edit a { display: inline-block; line-height: 24px; background: url(images/edit.png) no-repeat left; padding: 0 0 0 30px; text-decoration: none;}
.content div.simplePage div.ttl div.ratethis { padding: 15px 0; border-bottom: 1px solid #dcdcdc; }
.content div.simplePage div.ttl div.social{ padding: 15px 0; border-bottom: 1px solid #dcdcdc; }
.content div.simplePage div.ttl div.social a{ display: inline-block; margin-right: 10px;}
.content div.simplePage div.ttl div.social a img{ display: block; }
.content div.simplePage div.ttl div.moreoption{ padding: 15px 0; border-bottom: 1px solid #dcdcdc; }
.content div.simplePage div.ttl div.moreoption a{ display: inline-block; margin-right: 10px;}
.content div.simplePage div.ttl div.moreoption a img{ display: block; }
.content div.simplePage div.ttl div.dt {}
.content div.simplePage div.txt {margin-top: 20px; float: right; width: 700px; line-height: 16px; color: #404041;}
.content div.simplePage div.txt p {line-height: 18px; color: #404041;}

.content div.exportButtons { padding: 0px 0 20px 0;}
.content div.exportButtons button {display: block; text-align: left; width: 100%; border: 0px; font-weight: bold; font-size: 13px; color: #fff; background: #8c8c8c; padding: 10px 12px; margin: 10px 0 0 0; cursor: pointer;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;
}
.content div.exportButtons button:hover { background: #608c42; }
.content div.exportButtons button.disabled { background: #ccc; cursor: default; }

.content .orderList { border-top: 3px solid #404041; margin-top: 20px; position: relative;}
.content .orderList ul.hdr { list-style: none; padding: 0px; margin: 0px; }
.content .orderList ul.hdr > li{ list-style: none; padding: 0px; margin: 0px; float: left; border-bottom: 1px solid #dcdcdc; height: 46px;}
.content .orderList ul.hdr > li.nr{ border-right: 1px solid #dcdcdc; width: 50px;}
.content .orderList ul.hdr > li.nr div{ font-size: 20px; color: #639044; font-family: MetaWebPro-Bold; padding: 0px 10px 0px 0px; line-height: 46px;}
.content .orderList ul.hdr > li.code{ border-right: 1px solid #dcdcdc; width: 170px; position: relative;}
.content .orderList ul.hdr > li.code div{ color: #404041; font-weight: bold;  padding: 0 10px; line-height: 46px;}
.content .orderList ul.hdr > li.code div a{ color: #404041; font-weight: bold;  line-height: 46px;}
.content .orderList ul.hdr > li.code span{ background: url(images/icon-info.png) no-repeat right 0px; height: 21px; width: 21px; overflow: hidden; position: absolute; right: 15px; top: 13px; display: block;}
.content .orderList ul.hdr > li.code span:hover{ background-position: right -21px; }
.content .orderList ul.hdr > li.dt{ border-right: 1px solid #dcdcdc; width: 95px;}
.content .orderList ul.hdr > li.dt div{ color: #404041;  padding: 0 10px; line-height: 46px;}
.content .orderList ul.hdr > li.tm{ border-right: 1px solid #dcdcdc; width: 95px;}
.content .orderList ul.hdr > li.tm div{ color: #404041;  padding: 0 10px; line-height: 46px;}
.content .orderList ul.hdr > li.dlv{ width: 125px; }
.content .orderList ul.hdr > li.dlv > div{ background: #dcdcdc url(images/icon-sel-solo.png) no-repeat right; color: #404041; margin: 10px 0 10px 10px; padding: 5px 10px 6px 10px; cursor: pointer; -moz-border-radius:5px;
    -webkit-border-radius:10px;
    -o-border-radius:10px;
    -ms-border-radius:10px;
    -khtml-border-radius:10px;
    border-radius:10px; }
.content .orderList ul.hdr > li.dlvFinal{ width: 180px; }
.content .orderList ul.hdr > li.dlvFinal > div{ background: #dcdcdc url(images/icon-sel-solo.png) no-repeat right; color: #404041; margin: 10px 0 10px 10px; padding: 5px 10px 6px 10px; cursor: pointer; -moz-border-radius:5px;
    -webkit-border-radius:10px;
    -o-border-radius:10px;
    -ms-border-radius:10px;
    -khtml-border-radius:10px;
    border-radius:10px; }
.content .orderList ul.hdr > li.pharm{ border-right: 1px solid #dcdcdc; width: 150px; }
.content .orderList ul.hdr > li.pharm div{ text-align: center; background: #4e7534; color: #fff; margin: 10px; padding: 5px 10px 6px 10px; cursor: pointer; -moz-border-radius:5px;
    -webkit-border-radius:10px;
    -o-border-radius:10px;
    -ms-border-radius:10px;
    -khtml-border-radius:10px;
    border-radius:10px;}
.content .orderList ul.hdr > li.pharmFinal{ border-right: 1px solid #dcdcdc; width: 240px; }
.content .orderList ul.hdr > li.pharmFinal div{ text-align: center; background: #4e7534; color: #fff; margin: 10px; padding: 5px 10px 6px 10px; cursor: pointer; -moz-border-radius:5px;
    -webkit-border-radius:10px;
    -o-border-radius:10px;
    -ms-border-radius:10px;
    -khtml-border-radius:10px;
    border-radius:10px;}
.content .orderList ul.hdr > li.frm{ width: 110px;}
.content .orderList ul.hdr > li.frm button{ background: #ec1c24; color: #fff; font-weight: bold; cursor: pointer; margin: 10px 0 10px 10px; padding: 5px 0px 5px 0px; border: 0px; width: 100px; }
.content .orderList ul.hdr > li.frm div.success{ color: #006E1A; font-weight: normal; margin: 10px 0 10px 10px; padding: 5px 0px 5px 0px; border: 0px; width: 100px; text-align: center; }
.content .orderList .bigcode { font-size: 22px; color: #639044; text-align: center; font-weight: bold; padding: 10px 0;}
.content .orderList .openthis { background: #404041 url(images/icon-arrow-top-bottom.png) no-repeat center 0px; height: 18px; cursor: pointer;}
.content .orderList .activethis{ background-color: #639044; background-position: center -18px; }

.content div.orderProgress { padding: 0px 0; border-bottom: 1px solid #404041; }
.content div.orderProgress ul { list-style: none; padding: 0; margin: 0; }
.content div.orderProgress ul li{ list-style: none; padding: 0; margin: 0; float: left; position: relative; overflow: hidden; cursor: pointer;}
.content div.orderProgress ul li span{ display: block; padding: 0px; margin: 0px; background: #fbfbfb; color: #808080; padding: 5px 20px 5px 10px; font-size: 13px; height: 28px;}
.content div.orderProgress ul li.ccbs0 span { background: #999999; width: 130px;}
.content div.orderProgress ul li.ccbs1 span { background: #b3b3b3; width: 125px;}
.content div.orderProgress ul li.ccbs2 span { background: #cccccc; width: 125px;}
.content div.orderProgress ul li.ccbs3 span { background: #e6e6e6; width: 125px;}
.content div.orderProgress ul li.ccbs4 span { background: #f2f2f2; width: 150px;}
.content div.orderProgress ul li.ccbs5 span { background: #fbfbfb; width: 125px;}
.content div.orderProgress ul li.ccbs0 span:after { background: #b3b3b3; width:0; height:0; content:""; display:inline-block; border-top:38px solid transparent; border-left:28px solid #999999; border-bottom:38px solid transparent; position:absolute; right:0; top: -50%;}
.content div.orderProgress ul li.ccbs1 span:after { background: #cccccc; width:0; height:0; content:""; display:inline-block; border-top:38px solid transparent; border-left:28px solid #b3b3b3; border-bottom:38px solid transparent; position:absolute; right:0; top: -50%;}
.content div.orderProgress ul li.ccbs2 span:after { background: #e6e6e6; width:0; height:0; content:""; display:inline-block; border-top:38px solid transparent; border-left:28px solid #cccccc; border-bottom:38px solid transparent; position:absolute; right:0; top: -50%;}
.content div.orderProgress ul li.ccbs3 span:after { background: #f2f2f2; width:0; height:0; content:""; display:inline-block; border-top:38px solid transparent; border-left:28px solid #e6e6e6; border-bottom:38px solid transparent; position:absolute; right:0; top: -50%;}
.content div.orderProgress ul li.ccbs4 span:after { background: #fbfbfb; width:0; height:0; content:""; display:inline-block; border-top:38px solid transparent; border-left:28px solid #f2f2f2; border-bottom:38px solid transparent; position:absolute; right:0; top: -50%;}
.content div.orderProgress ul li.ccbs5 span:after { background: #fbfbfb; width:0; height:0; content:""; display:inline-block; border-top:38px solid transparent; border-left:28px solid #fbfbfb; border-bottom:38px solid transparent; position:absolute; right:0; top: -50%;}
.content div.orderProgress ul li.ccbs0.ccbs_prv span:after { background: #639044; border-left:28px solid #999999;}
.content div.orderProgress ul li.ccbs1.ccbs_prv span:after { background: #639044; border-left:28px solid #b3b3b3;}
.content div.orderProgress ul li.ccbs2.ccbs_prv span:after { background: #639044; border-left:28px solid #cccccc;}
.content div.orderProgress ul li.ccbs3.ccbs_prv span:after { background: #639044; border-left:28px solid #e6e6e6;}
.content div.orderProgress ul li.ccbs4.ccbs_prv span:after { background: #639044; border-left:28px solid #f2f2f2;}
.content div.orderProgress ul li.active span{ background: #639044; color: #fff;}
.content div.orderProgress ul li.active span:after{ border-left:28px solid #639044;}
.content div.orderProgress ul li:last-child span:after { border: 0px; }

.content .barcodeSearch {  }
.content .barcodeSearch .txt{ float: left; width: 215px; }
.content .barcodeSearch .srch{ float: left; width: 85px; margin-right: 10px;}
.content .barcodeSearch .prod{ float: left; width: 550px; margin-right: 10px;}
.content .barcodeSearch .addBut{ float: right; width: 90px;}
.content .barcodeSearch .addBut button{ background: #639044; color: #fff; padding: 5px 10px; border: 0px; margin: 1px 0 1px 0; font-size: 14px; cursor: pointer; width: 100%;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px; }
.content .barcodeSearch .srch button{ background: #639044; color: #fff; padding: 5px 10px; border: 0px; margin: 1px 0 1px 0; font-size: 14px; cursor: pointer; width: 100%;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px; }
.content .barcodeSearch .txt input {padding: 6px 5px; margin: 0px; border: 0px; background: #e6e6e6; color: #404041; width: 200px; font-size: 13px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;}

.content .mycart { padding: 20px 0;}
.content .mycart div.cartHeader { font-family: MetaWebPro-Bold; font-size: 30px; color: #404041; line-height: 30px; line-height: 61px;}
.content .mycart div.cartHeader div { float: left; position: relative; background: url(images/cart-big.png) no-repeat right; width: 100px; height: 61px;}
.content .mycart div.cartHeader div span { background: #404041; color: #fff; font-family: MetaWebPro-Bold; font-size: 14px; position: absolute; left:0; top: -10px; padding: 5px 8px; line-height: 14px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -o-border-radius:10px;
    -ms-border-radius:10px;
    -khtml-border-radius:10px;
    border-radius:10px;
}

.content .mycart .carttable { padding: 10px 0;}
.content .mycart .carttable table {  }
.content .mycart .carttable table tr th { font-size: 12px; color: #4b4b4d; font-weight: normal; text-align: center; padding: 5px 0; border-bottom: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc;}
.content .mycart .carttable table tr th:first-child { text-align: left;}
.content .mycart .carttable table tr th:nth-child(2) { width: 115px;}
.content .mycart .carttable table tr th:nth-child(3) { width: 125px;}
.content .mycart .carttable table tr th:nth-child(4) { width: 125px;}
.content .mycart .carttable table tr th:nth-child(5) { width: 42px;}
.content .mycart .carttable table tr td { border-right: 1px solid #dcdcdc; border-top: 10px solid #fff; text-align: center; vertical-align: top; padding: 0 0 10px 0; border-bottom: 10px solid #fff; position: relative;}
.content .mycart .carttable table tr td:last-child { border-right: 0px solid #dcdcdc; border-top: 0px; padding-top: 5px; }
.content .mycart .carttable table tr td:first-child { text-align: left;}
.content .mycart .carttable table tr td:nth-child(1) img { display: block; float: left; margin-right: 40px; }
.content .mycart .carttable table tr td div a.ttl{ color: #639044; font-weight: bold; text-decoration: none; display: inline-block; }
.content .mycart .carttable table tr td div a.brnd{ color: #4b4b4d; font-weight: bold; text-decoration: none; display: inline-block; padding-top: 2px; }
.content .mycart .carttable table tr td div.sum{ padding: 2px 5px 0 0;}
.content .mycart .carttable table tr td div.qty{ padding: 2px 5px 0 0; text-align: center; }
.content .mycart .carttable table tr td div.qty input { width: 55px; border: 0px; background: #dcdcdc; font-size: 16px; font-weight: bold; color: #4d4d4d; padding: 5px 10px 3px 10px; margin: 0px 0 0 0px; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; }
.content .mycart .carttable table tr td div.prc{ font-weight: bold; color: #4b4b4d; font-size: 16px;}
.content .mycart .carttable table tr td a.remove{ display: block; width: 24px; height: 22px; background: url(images/icon-delete.jpg) no-repeat; float: right;}
.content .mycart .carttable table tr td.empty { height: 1px; background: #dcdcdc; border: 0px; padding: 0px; margin: 0px;}
.content .mycart .carttable table tr td.empty2 { height: 5px; background: #404041; border: 0px; padding: 0px; margin: 0px;}
.content .mycart .carttable table tr td div.total { color: #4d4d4d; font-size: 16px; font-weight: bold; text-align: left; padding: 0 10px;}
.content .mycart .carttable table tr td div.total span{ display: block; color: #808080; font-style: italic; font-size: 13px; font-weight: normal;}
.content .mycart .carttable table tr td div.prcA {font-size: 16px; font-weight: bold; color: #639044; text-align: left; padding: 10px 10px 0 10px;}
.content .mycart .carttable table tr td button.updatecart { background: #639044; color: #fff; padding: 5px 10px; border: 0px; margin: 0px; font-size: 14px; cursor: pointer;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px; }
.content .mycart .carttable table tr td div.isgift { float: right; background: url(images/icon-gift.png) no-repeat top right; width: 75px; height: 50px; position: absolute; top: 0px; right: 20px; color: #404041; padding-right: 45px;}


.content .mycart .carttable2 { padding: 10px 0;}
.content .mycart .carttable2 table {  }
.content .mycart .carttable2 table tr th { font-size: 12px; color: #4b4b4d; font-weight: normal; text-align: center; padding: 5px 0; border-bottom: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc;}
.content .mycart .carttable2 table tr th:first-child { text-align: left;}
.content .mycart .carttable2 table tr th:nth-child(2) { width: 115px;}
.content .mycart .carttable2 table tr th:nth-child(3) { width: 125px;}
.content .mycart .carttable2 table tr th:nth-child(4) { width: 42px;}
.content .mycart .carttable2 table tr td { border-right: 1px solid #dcdcdc; border-top: 10px solid #fff; text-align: center; vertical-align: top; padding: 0 0 10px 0; border-bottom: 10px solid #fff; position: relative; }
.content .mycart .carttable2 table tr td:last-child { border-right: 0px solid #dcdcdc; border-top: 0px; padding-top: 5px; }
.content .mycart .carttable2 table tr td:first-child { text-align: left;}
.content .mycart .carttable2 table tr td:nth-child(1) img { display: block; float: left; margin-right: 40px; }
.content .mycart .carttable2 table tr td div a.ttl{ color: #639044; font-weight: bold; text-decoration: none; display: inline-block; }
.content .mycart .carttable2 table tr td div a.brnd{ color: #4b4b4d; font-weight: bold; text-decoration: none; display: inline-block; padding-top: 2px; }
.content .mycart .carttable2 table tr td div.sum{ padding: 2px 5px 0 0; }
.content .mycart .carttable2 table tr td div.qty{ padding: 2px 5px 0 0; text-align: center;}
.content .mycart .carttable2 table tr td div.qtytxt{ padding: 0px 5px 0 0; text-align: center; color: #4b4b4d; font-size: 16px; font-weight: bold;}
.content .mycart .carttable2 table tr td div.qtywarning{ padding: 10px 5px 0 5px; font-size: 12px; color: #969696; }
.content .mycart .carttable2 table tr td div.qty input { width: 55px; border: 0px; background: #dcdcdc; font-size: 16px; font-weight: bold; color: #4d4d4d; padding: 5px 10px 3px 10px; margin: 0px 0 0 0px; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; }
.content .mycart .carttable2 table tr td div.prc{ font-weight: bold; color: #4b4b4d; font-size: 16px;}
.content .mycart .carttable2 table tr td a.remove{ display: block; width: 24px; height: 22px; background: url(images/icon-delete.jpg) no-repeat; float: right;}
.content .mycart .carttable2 table tr td.empty { height: 1px; background: #dcdcdc; border: 0px; padding: 0px; margin: 0px;}
.content .mycart .carttable2 table tr td.empty2 { height: 5px; background: #404041; border: 0px; padding: 0px; margin: 0px;}
.content .mycart .carttable2 table tr td div.total { color: #4d4d4d; font-size: 16px; font-weight: bold; text-align: left; padding: 0 10px;}
.content .mycart .carttable2 table tr td div.total span{ display: block; color: #808080; font-style: italic; font-size: 13px; font-weight: normal;}
.content .mycart .carttable2 table tr td div.prcA {font-size: 16px; font-weight: bold; color: #639044; text-align: left; padding: 10px 10px 0 10px;}
.content .mycart .carttable2 table tr td button.updatecart { background: #639044; color: #fff; padding: 5px 10px; border: 0px; margin: 0px; font-size: 14px; cursor: pointer;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px; }
.content .mycart .carttable2 table tr td div.isgift { float: right; background: url(images/icon-gift.png) no-repeat top right; width: 75px; height: 50px; position: absolute; top: 0px; right: 20px; color: #404041; padding-right: 45px;}


.content .mycart .cartcontinue { background: #404041;}
.content .mycart .cartcontinue a { background: #639044 url(images/icon-arrow-grey-left.png) no-repeat left; color: #fff; font-size: 13px; font-weight: bold; display: inline-block; padding: 5px 10px 5px 30px; border-right: 10px solid #fff; text-decoration: none;}

.content .mycart .cartpharmacy { padding: 40px 0 20px 0;}
.content .mycart .cartpharmacy h1 { padding: 0px 0 10px 0; margin: 0px; border-bottom: 1px solid #dcdcdc; color: #404041; font-family: MetaWebPro-Bold; font-size: 34px; line-height: 38px;}
.content .mycart .cartpharmacy ul.fcartlist{ list-style: none; padding: 0px; margin: 0px; margin-top: 30px; border-top: 1px solid #dcdcdc;}
.content .mycart .cartpharmacy ul.fcartlist li { list-style: none; padding: 10px 0px 0 0; margin: 0px; border-bottom: 1px solid #dcdcdc; height: 100px;}
.content .mycart .cartpharmacy ul.fcartlist li > div { float: left; height: 70px; }
.content .mycart .cartpharmacy ul.fcartlist li > div:nth-child(1) { width: 53px; padding: 10px 10px; }
.content .mycart .cartpharmacy ul.fcartlist li > div:nth-child(1) span{ width: 53px; height: 52px; display: block; background: url(images/icon-check-pharmacy.png) no-repeat 0 0; cursor: pointer; }
.content .mycart .cartpharmacy ul.fcartlist li > div:nth-child(2) { width: 440px; padding: 10px 10px; border-right: 1px solid #dcdcdc;}
.content .mycart .cartpharmacy ul.fcartlist li > div:nth-child(2) a { display: block; font-family: MetaWebPro-Bold; text-decoration: none; font-size: 16px; color: #639044; }
.content .mycart .cartpharmacy ul.fcartlist li > div:nth-child(2) div { color: #404041; padding-top: 5px;}
.content .mycart .cartpharmacy ul.fcartlist li > div:nth-child(2) div span { color: #639044;}
.content .mycart .cartpharmacy ul.fcartlist li > div:nth-child(3) { width: 215px; padding: 10px 10px; border-right: 1px solid #dcdcdc;}
.content .mycart .cartpharmacy ul.fcartlist li > div:nth-child(3) div { font-size: 13px; font-style: italic; color: #808080; }
.content .mycart .cartpharmacy ul.fcartlist li > div:nth-child(3) span { font-size: 14px; font-style: italic; color: #404041; display: block; padding-top: 10px; }
.content .mycart .cartpharmacy ul.fcartlist li > div:nth-child(3) span.hasqty{ font-size: 16px; font-weight: bold; }
.content .mycart .cartpharmacy ul.fcartlist li > div:nth-child(4) { width: 180px; padding: 10px 0px 0 10px; border-right: 0px; }
.content .mycart .cartpharmacy ul.fcartlist li > div:nth-child(4) div { font-size: 16px; font-weight: bold; color: #404041; }
.content .mycart .cartpharmacy ul.fcartlist li > div:nth-child(4) div span { font-size: 13px; font-weight: normal; color: #808080; font-style: italic; }
.content .mycart .cartpharmacy ul.fcartlist li > div:nth-child(4) div.prc { color: #639044; margin-top: 0px;}
.content .mycart .cartpharmacy ul.fcartlist li > div:nth-child(4) div.chose{ font-size: 13px; font-weight: bold; color: #fff; background: #ec1c24; padding: 8px 0; text-align: center; margin-top: 10px; cursor: pointer;}
.content .mycart .cartpharmacy ul.fcartlist li > div span.activebullet { background-position: 0 -52px;}
.content .mycart .cartpharmacy ul.fcartlist li:hover > div span { background-position: 0 -52px;}

.content .mycart .selectedpharm { border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; margin-top: 20px;}
.content .mycart .selectedpharm h2 { padding: 15px 0 10px 0; margin:0; font-family: MetaWebPro-Bold; color: #404041; float: left; font-size: 30px; line-height: 30px;}

.content .mycart .selectedpharminfo {padding: 20px 0px; }
.content .mycart .selectedpharminfo a { display: block; font-family: MetaWebPro-Bold; text-decoration: none; font-size: 16px; color: #639044; }
.content .mycart .selectedpharminfo div { color: #404041; padding-top: 5px;}
.content .mycart .selectedpharminfo div span { color: #639044;}

.content h1.succmsg {text-align: center; padding: 50px 0px; margin: 0px; color: #639044; font-family: MetaWebPro-Bold; font-size: 30px;}

.content div.leftCol { float: left; border-right: 1px solid #dcdcdc; width: 150px; margin: 9px 0; padding: 0px 9px 0px 0; }
.content div.leftCol h4.topH { margin: 0px; padding: 0px 0 6px 0; font-family: MetaWebPro-Bold,verdana; font-size: 15px; color: #639044; border-bottom: 1px solid #dcdcdc; line-height: 20px; word-wrap: break-word; }
.content div.leftCol .cussellistA {margin: 10px 0 0 0;}
.content div.leftCol .cussellistA ul{ list-style:none; padding: 0; margin: 0px;}
.content div.leftCol .cussellistA ul li{ list-style:none; padding: 5px 0 0 2px; margin: 0px; }
.content div.leftCol .cussellistA ul li a{ font-size: 13px; color: #000; line-height: 14px; word-wrap: break-word; text-decoration: none; position: relative; padding: 0 0 0 20px; display: block;}
.content div.leftCol .cussellistA ul li a span{ float: left; width: 14px; height: 17px; overflow: hidden; position: absolute; top: 0; left: 0; }
.content div.leftCol .cussellistA ul li a span.chck{ background: url(images/checkbox.png) no-repeat 0 0; }
.content div.leftCol .cussellistA ul li a span.rdio{ background: url(images/radio.png) no-repeat 0 0; }
.content div.leftCol .cussellistA ul li a:hover span{ background-position: 0 -34px; }
.content div.leftCol .cussellistA ul li a.active span{ background-position: 0 -34px; }
.content div.leftCol .cussellistA ul li:first-child{ padding-top: 0px; }
.content div.leftCol .cussellistA div.moreoptions{ padding-top: 5px; }
.content div.leftCol .cussellistA div.moreoptions input { padding: 2px 3px; margin: 0px 5px 0 0; border: 1px solid #ccc; background: #e6e6e6; color: #404041; width: 62px; font-size: 13px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
/*.content div.leftCol .cussellistA div.moreoptions button { cursor: pointer; padding: 2px 3px; margin: 0px; border: 1px solid #ccc; background: #639044; color: #fff; font-size: 11px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }*/
.content div.leftCol .cussellistA div.moreoptions .lft { float: left; padding-top: 2px; margin-right: 1px;}
.content div.leftCol .cussellistA div.moreoptions .rght { padding-top: 5px;}
.content div.leftCol .cussellistA div.moreoptions .rght button { width: 147px;}

.content div.leftCol .leftxt { color: #404041; border-top: 1px solid #dcdcdc; margin: 10px 0 0 0; padding: 5px 0;}

.content div.mainCol { float: right; width: 790px; margin: 9px 0; }
.content div.mainCol .topBar{ border-top: 3px solid #404041; }
.content div.mainCol .topBar span { float: left; margin-right: 5px; line-height: 20px; padding: 0 5px; background: #404041; color: #fff; }
.content div.mainCol .topBar a{ float: right; width: 22px; height: 20px; margin-left: 4px; }
.content div.mainCol .topBar a.fb{ background:  url(images/icons/fb-grey.jpg) no-repeat 0 0; text-decoration: none; }
.content div.mainCol .topBar a.tw{ background:  url(images/icons/tw-grey.jpg) no-repeat 0 0; text-decoration: none; }
.content div.mainCol .topBar a.print{ background:  url(images/icons/print-grey.jpg) no-repeat 0 0; text-decoration: none; }
.content div.mainCol .topBar a.send{ background:  url(images/icons/send-grey.jpg) no-repeat 0 0; text-decoration: none; }
.content div.mainCol .graphContainer { margin: 20px 0; }
.content div.mainCol .ttl { font-size: 20px; line-height: 20px; color: #404041; font-weight: bold; text-align: center; padding: 0 0 5px 0; }
.content div.mainCol .salesList {  }
.content div.mainCol .salesList ul{ list-style: none; padding: 0; margin: 0; }
.content div.mainCol .salesList ul li{position: relative; background: #e6e6e6; list-style: none; padding: 0; margin: 5px 0 0 0; }
.content div.mainCol .salesList ul li div{ color: #404041;  }
.content div.mainCol .salesList ul li div.col1{ font-weight: bold; float: left; padding: 15px 15px; border-right: 2px solid #fff; width: 416px;/*width: 200px;*/}
.content div.mainCol .salesList ul li div.col2{ float: left; padding: 15px 15px; border-right: 2px solid #fff; width: 100px;}
.content div.mainCol .salesList ul li div.col3{ float: left; padding: 15px 15px; border-right: 0px solid #fff; width: 180px;}
.content div.mainCol .salesList ul li div.col4{ float: left; padding: 15px 15px; width: 264px;}
.content div.mainCol .salesList ul li div.actions{ position: absolute; right: 0; top: 0; }
.content div.mainCol .salesList ul li div.actions a{ float: left; width: 22px; height: 20px; margin-left: 4px; }
.content div.mainCol .salesList ul li div.actions a.print{ background:  url(images/icons/print-grey.jpg) no-repeat 0 0; text-decoration: none; }
.content div.mainCol .salesList ul li div.actions a.send{ background:  url(images/icons/send-grey.jpg) no-repeat 0 0; text-decoration: none; }
.content div.mainCol .salesList ul li div.but{ position: absolute; right: 0; top: 24px; }
.content div.mainCol .salesList ul li div.but a{ float: left; width: 22px; height: 21px; background:  url(images/icons/arrow-green.jpg) no-repeat 0 0; text-decoration: none; }
.content div.mainCol .salesList ul li div.morestat-prods { padding: 0 0 5px 0; display: none; }
.content div.mainCol .salesList ul li div.morestat-prods table { width: 100%; border:0px; }
.content div.mainCol .salesList ul li div.morestat-prods table th { border-top: 1px solid #999; border-bottom: 1px solid #999; padding: 5px 0;}
.content div.mainCol .salesList ul li div.morestat-prods table th span { font-size: 12px; color: #404041; font-weight: normal; display: block; padding: 0 5px;}
.content div.mainCol .salesList ul li div.morestat-prods table td { padding: 5px 0 0 0; }
.content div.mainCol .salesList ul li div.morestat-prods table td span { font-size: 12px; color: #404041; font-weight: normal; display: block; padding: 0 5px;}

.content div.mainCol .stats-more-lft { float: left; width: 380px; padding-top: 20px;}
.content div.mainCol .stats-more-lft .st-ttl { text-align: center; font-size: 20px; color: #404041; border-top: 1px solid #404041; border-bottom: 1px solid #404041; line-height: 20px; padding: 15px 0; font-weight: bold; }
.content div.mainCol .stats-more-lft .chart { margin-top: 10px; }
.content div.mainCol .stats-more-rght { float: right; width: 380px; padding-top: 20px;}
.content div.mainCol .stats-more-rght .st-ttl { text-align: center; font-size: 20px; color: #404041; border-top: 1px solid #404041; border-bottom: 1px solid #404041; line-height: 20px; padding: 15px 0; font-weight: bold; }
.content div.mainCol .stats-more-rght .map { margin-top: 10px; }

.content .pagetitleS { font-size: 20px; color: #639044; text-align: center; padding: 10px 0 0px 0; font-family: MetaWebPro-Bold;}
.content .goalInfo {border-top: 3px solid #404041; margin: 50px 0 0 0; padding: 5px 0 5px 0;}
.content .goalInfo .gHead { padding: 0 0 5px 0; }
.content .goalInfo .gHead .ttl { font-size: 30px; line-height: 36px; font-family: MetaWebPro-Bold; color: #639044; float: left;}
.content .goalInfo .gHead .sumTotal { float: right;}
.content .goalInfo .gHead .sumTotal .txt{ float: left; font-size: 12px; color: #4b4b4d; text-align: right; line-height: 14px; padding-top: 4px;}
.content .goalInfo .gHead .sumTotal .bar{ float: right; height: 36px; width: 300px; background: #999999; margin-left: 10px;}
.content .goalInfo .gHead .sumTotal .bar span{ display: block; height: 36px; background: #ec1c24;}
.content .goalInfo .gDetails { border-top: 1px solid #dcdcdc; padding: 5px 0 10px 0;}
.content .goalInfo .gDetails img{ display: block; float: left; margin-right: 15px;}
.content .goalInfo .gDetails .ttl{ font-weight: bold; color: #639044; padding-top: 5px;}
.content .goalInfo .gDetails .dt{ font-weight: bold; color: #404041; padding-top: 1px;}
.content .goalInfo .gDetails .txt{ color: #404041; padding-top: 1px;}
.content .goalInfo .gBar { background: #639044; text-align: center; color: #fff; font-weight: bold; line-height: 15px; font-size: 15px; padding: 5px 0; }
.content .goalInfo .lftTTL {color: #4b4b4d; font-size: 12px; padding: 5px 0 2px 0; float: left;}
.content .goalInfo .rghtTTL {color: #4b4b4d; font-size: 12px; padding: 5px 0 2px 0; float: right;}
.content .goalInfo .goalList {list-style: none; padding: 0; margin: 0;}
.content .goalInfo .goalList li{list-style: none; padding: 5px; margin: 0; background: #f2f2f2; border-bottom: 1px solid #dcdcdc;}
.content .goalInfo .goalList li .ginfo { float: left;}
.content .goalInfo .goalList li .ginfo span{ padding-left: 5px;float: left; font-size: 16px; color: #4d4d4d; font-weight: bold; line-height: 36px; display: block;}
.content .goalInfo .goalList li .ginfo span.clr { color: #639044; }
.content .goalInfo .goalList li .gactions{ float: right;}
.content .goalInfo .goalList li .gactions .but{ cursor: pointer; float: left; line-height: 36px; text-align: center; background: #ec1c24; color: #fff; font-weight: bold; width: 100px;}
.content .goalInfo .goalList li .gactions .butoff{ float: left; line-height: 36px; text-align: center; background: #ec1c24; color: #fff; font-weight: bold; width: 100px;}
.content .goalInfo .goalList li .gactions .butinactive{ float: left; line-height: 36px; text-align: center; background: #cccccc; color: #f2f2f2; width: 100px;}
.content .goalInfo .goalList li .gactions .butinactiveoff{ float: left; line-height: 36px; text-align: center; background: #cccccc; color: #f2f2f2; width: 100px;}
.content .goalInfo .goalList li .gactions .bar{ float: right; height: 36px; width: 190px; background: #999999; margin-left: 5px;}
.content .goalInfo .goalList li .gactions .bar span{ display: block; height: 36px; background: #ec1c24;}
.content .goalInfo .goalList li .gactions .barinactive{ float: right; height: 34px; width: 190px; background: #f2f2f2; margin-left: 5px; border: 1px solid #dcdcdc;}

.content ul.newProdsList { padding: 0; margin: 0; list-style: none; }
.content ul.newProdsList li { float: left; padding: 5px; margin: 20px 20px 0 0px; list-style: none; width: 286px; border: 5px solid #eee; position: relative; cursor: pointer;}
.content ul.newProdsList li:hover { border: 5px solid #ccc; }
.content ul.newProdsList li:nth-child(3n+3) { margin-right: 0px; }
.content ul.newProdsList li div.photo { }
.content ul.newProdsList li div.photo img{ display: block; }
.content ul.newProdsList li div.ttl { font-weight: bold; font-size: 14px; height: 32px; overflow: hidden; margin-top:5px; }
.content ul.newProdsList li div.comp { position: absolute; top: 40px; right: 10px; font-weight: bold; font-weight: bold; width: 110px; text-align: right;}
.content ul.newProdsList li div.dsc { overflow: hidden; height: 30px; }
.content ul.newProdsList li div.prc { position: absolute; top: 10px; right: 10px; font-weight: bold; }


.advsearch { position: absolute; top: 50px; right: 0; z-index: 200;}
.advsearch > p { padding: 0; margin: 0; font-size: 14px; color: #404041; }
.advsearch > p > span { display: block; float: left; }
.advsearch > p > span.lft { height: 33px; width: 20px; background: url(images/leftsrch.png) no-repeat 0 -33px;}
.advsearch > p > span.rght { cursor: pointer; color: #404041; line-height: 12px; font-size: 14px; padding: 6px 5px 15px 5px; }
.advsearch > p > span.activeT { background: #639044; color: #fff; }
.advsearch > p > span.activeTI { background-position: 0 0px; }
.advsearch .advsearchContent { position: absolute; top: 33px; padding: 10px 0; right: 0; width: 960px; background: #639044; list-style:none; margin: 0; height: auto; border: 0px; display: block; visibility: hidden; opacity: 0.0;}
.advsearch .advsearchContent > ul { padding: 0; list-style:none; margin: 0; border: 0px;}
.advsearch .advsearchContent > ul > li { list-style:none; margin: 0; padding: 0 10px; float: left;  border: 0px; width: 140px; border-right: 1px solid #fff;}
.advsearch .advsearchContent > ul > li:first-child { }
.advsearch .advsearchContent > ul > li h3 { font-family: MetaWebPro-Bold; margin: 0; padding: 0; font-size: 14px; color: #fff; font-weight: normal;}
.advsearch .advsearchContent > ul > li > div { padding: 10px 0 0 0; }
.advsearch .advsearchContent > ul > li > div.npt-field {  }
.advsearch .advsearchContent > ul > li > div.npt-field input { padding: 6px 5px; margin: 0px; border: 0px; background: #e6e6e6; color: #404041; width: 128px; font-size: 11px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px; }
.advsearch .advsearchContent > ul > li > div.info { font-size: 13px; color: #fff; margin-top: 20px; }
.advsearch .advsearchContent > ul > li > div.info2 { font-size: 13px; color: #fff; margin-top: 10px; }
.advsearch .advsearchContent > ul > li > div.radiobox { font-size: 13px; color: #fff; }
.advsearch .advsearchContent > ul > li > div.radiobox div { font-size: 13px; color: #fff; clear: left; }
.advsearch .advsearchContent > ul > li > div.radiobox div input { float: left; margin-right: 5px; }
.advsearch .advsearchContent > ul > li > div.radiobox label { font-size: 13px; color: #fff; display: block; padding: 3px 0 0 0px; }
.advsearch .advsearchContent .srchBtn { position: absolute; right: 30px; top: 10px; }
.advsearch .advsearchContent .srchBtn button { padding: 0px 0px; margin: 0px; border: 0px; background: transparent url(images/butsrch.png) no-repeat; color: #404041; font-size: 13px; width: 95px; height: 100px; overflow: hidden; text-indent: -9999px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px; cursor: pointer;}


.content .recTab_content .newsletterMakeContent { position: inherit; top: 20px; padding: 10px 0; height: 180px; width: 960px; background: #639044; list-style:none; margin: 0; border: 0px; display: block;}
.content .recTab_content .newsletterMakeContent > ul { padding: 0; list-style:none; margin: 0; border: 0px;}
.content .recTab_content .newsletterMakeContent > ul > li { list-style:none; margin: 0; padding: 0 10px; float: left;  border: 0px; width: 140px; border-right: 1px solid #fff;}
.content .recTab_content .newsletterMakeContent > ul > li:first-child { width: 250px; }
.content .recTab_content .newsletterMakeContent > ul > li h3 { font-family: MetaWebPro-Bold; margin: 0; padding: 0; font-size: 14px; color: #fff; font-weight: normal;}
.content .recTab_content .newsletterMakeContent > ul > li > div { padding: 10px 0 0 0; }
.content .recTab_content .newsletterMakeContent > ul > li > div.npt-field {  width: 250px; }
.content .recTab_content .newsletterMakeContent > ul > li > div.npt-field input { padding: 6px 5px; margin: 0px; border: 0px; background: #e6e6e6; color: #404041; width: 235px; font-size: 11px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px; }
.content .recTab_content .newsletterMakeContent > ul > li > div.npt-field-time input { padding: 6px 8px; margin: 0px; border: 0px; background: #e6e6e6; color: #404041; width: 126px; font-size: 11px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px; }
.content .recTab_content .newsletterMakeContent > ul > li > div.npt-field input#date { width: 135px !important;}
.content .recTab_content .newsletterMakeContent > ul > li > div.info { font-size: 13px; color: #fff; margin-top: 20px; }
.content .recTab_content .newsletterMakeContent > ul > li > div.info2 { font-size: 13px; color: #fff; margin-top: 10px; }
.content .recTab_content .newsletterMakeContent > ul > li > div.radiobox { font-size: 13px; color: #fff; }
.content .recTab_content .newsletterMakeContent > ul > li > div.radiobox div { font-size: 13px; color: #fff; clear: left; }
.content .recTab_content .newsletterMakeContent > ul > li > div.radiobox div input { float: left; margin-right: 5px; }
.content .recTab_content .newsletterMakeContent > ul > li > div.radiobox label { font-size: 13px; color: #fff; display: block; padding: 3px 0 0 0px; }
.content .recTab_content .newsletterMakeContent .srchBtn { position: absolute; right: 30px; top: 10px; }
.content .recTab_content .newsletterMakeContent .srchBtn button { padding: 0px 0px; margin: 0px; border: 0px; background: transparent url(images/butsrch.png) no-repeat; color: #404041; font-size: 13px; width: 95px; height: 100px; overflow: hidden; text-indent: -9999px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
    
    -khtml-border-radius:5px;
    border-radius:5px; cursor: pointer;}
 
    
.content .mailingListContent { padding: 10px 0; }
.content .mailingListContent ul.hdr{ padding: 0; margin: 0; list-style: none; }
.content .mailingListContent ul.hdr > li{ width: 289px; padding: 5px 0; margin: 0; list-style: none; float: left; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; color: #4b4b4d; font-size: 12px; }
.content .mailingListContent ul.hdr > li.scnd{ width: 166px; padding-left: 20px; }
.content .mailingListContent ul.hdr > li.thrd{ width: 465px; padding-left: 20px; }
.content .mailingListContent ul.lst{ padding: 0; margin: 0; list-style: none; height: 40px; border-bottom: 1px solid #dcdcdc;}
.content .mailingListContent ul.lst > li{ width: 269px; padding: 0; margin: 5px 0 0 0; height: 30px; list-style: none; float: left; color: #4b4b4d; border-right: 1px solid #dcdcdc;}
.content .mailingListContent ul.lst > li.col1{ padding-right: 20px;}
.content .mailingListContent ul.lst > li.col2{ width: 164px; padding-left: 20px;}
.content .mailingListContent ul.lst > li.col3{ width: 214px; padding-left: 20px;}
.content .mailingListContent ul.lst > li.col4{ width: 104px; padding-left: 20px;}
.content .mailingListContent ul.lst > li.col5{ width: 105px; padding-left: 20px; border-right: 0px;}
.content .mailingListContent ul.lst > li.col2 div { float: left; }
.content .mailingListContent ul.lst > li.col2 span { float: left; display: block; cursor: pointer; background: #f8f8f8; -moz-border-radius:15px; -webkit-border-radius:15px; -o-border-radius:15px; -ms-border-radius:15px; -khtml-border-radius:15px; border-radius:15px; border-radius: 15px; font-size: 16px; color: #999; padding: 2px 0px 2px 0px; margin: 2px 0 0 5px; width: 26px; text-align: center; }
.content .mailingListContent ul.lst > li.col2 span.active, .content .mailingListContent ul.lst > li.col2 span:hover { background: #639044; color: #fff; }
.content .mailingListContent ul.lst > li.col2 button, .content .mailingListContent ul.lst > li.col3 button { font-size: 13px; color: #b4b4b4; background: none; border: 0; padding: 0; margin: 5px 0 0 5px; cursor: pointer; }
.content .mailingListContent ul.lst > li.col2 div { clear: left; }
.content .mailingListContent ul.lst > li.col2 input { width: 70px; border: 0px; background: #dcdcdc; font-size: 16px; font-weight: bold; color: #4d4d4d; padding: 5px 10px 3px 10px; margin: 0px 0 0 0px; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; }
.content .mailingListContent ul.lst > li.col3 .justread { border: 0px; background: #dcdcdc; font-size: 16px; font-weight: bold; color: #4d4d4d;  line-height: 28px; height: 28px; padding: 0px 10px 0px 10px; margin: 0px 10px 0 0px; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; }
.content .mailingListContent ul.lst > li.col4 button { background: #ec1c24; color: #fff; font-size: 14px; font-weight: bold; text-align: center; line-height: 28px; padding: 0px; margin: 0px; border: 0px; cursor: pointer; width: 95px; }
.content .mailingListContent ul.lst > li.col4 .sended { background: #c8c8c8; color: #fff; font-size: 14px; font-weight: bold; text-align: center; line-height: 28px; padding: 0px; margin: 0px; border: 0px; width: 95px; }
.content .mailingListContent ul.lst > li.col5 .status { background: #404041; color: #fff; font-size: 14px; font-weight: bold; text-align: center; line-height: 28px; padding: 0px; margin: 0px; border: 0px; }
.content .mailingListContent ul.lst > li.col5 .statusF { background: #c8c8c8; color: #fff; font-size: 14px; font-weight: bold; text-align: center; line-height: 28px; padding: 0px; margin: 0px; border: 0px; }
.content .mailingListContent ul.lst > li.col5 .statusE { background: #999; color: #fff; font-size: 14px; font-weight: bold; text-align: center; line-height: 28px; padding: 0px; margin: 0px; border: 0px; }

.container {width:700px; padding: 20px 20px 0px 20px; background-color: white; margin: 10px; padding: 0; visibility: hidden;}
.container .rowProd {position: relative; width:640px; height: 330px; margin: 20px auto; padding: 0px auto;}
.container .rowProd {border:  none;}
.container .rowProd .prodListOffer { padding: 0; margin: 25px 30px; float: left; width: 250px; position: relative; height: 288px; overflow: hidden; border: none;}
.container .rowProd .prodListOffer:nth-child(3n+3) {margin-right: 0;}
.container .rowProd .prodListOffer img {display: inherit; text-align: center;}
.container .rowProd .prodListOffer .ttl {background: #cecece; background:rgba(206,206,206,0.6); padding: 0px; text-align: left; word-wrap: break-word; position: absolute; width: 250px; top: 206px; left: 0;}
.container .rowProd .prodListOffer .ttl a{ word-wrap: break-word; color: #404041; font-size: 14px; font-style: normal; font-weight: normal; display: block; padding: 3px 26px 0 10px; line-height: 18px; text-decoration: none; height: 19px; overflow: hidden;}
.container .rowProd .prodListOffer .ttl div.brnd { color: #639044; word-wrap: break-word; padding: 3px 26px 0 10px;}
.container .rowProd .prodListOffer .ttl div.brnd a{ color: #639044; font-size: 14px; font-style: normal; font-weight: bold; display: block; padding: 0px 0px 0px 0px; line-height: 14px; height: 19px; overflow: hidden;}
.container .rowProd .prodListOffer .ttl div.price{color: #fff; background: #404041 url(<?=ASSET?>/images/cart-buy-medium.png) no-repeat 95%; line-height: 34px; padding: 2px 0 2px 10px; font-weight: bold; cursor: pointer; }
.container .rowProd .prodListOffer .ttl span.fav { position: absolute; display: block; width: 26px; height: 22px; background: #404041 url(<?=ASSET?>/images/heart-green.png) no-repeat center; top: 0; right: 0; cursor: pointer;}
.container .rowProd .prodListOffer .ttl span.rd { position: absolute; display: block; width: 26px; height: 22px; background: url(<?=ASSET?>/images/red-box.png) no-repeat left; top: 22px; right: 0; text-align: center; color: #fff; line-height: 22px; padding-left: 3px;}
.container .rowProd .prodListOffer span.ffr { position: absolute; top: 0px; left: 20px; color: #fff; font-family: MetaWebPro-Bold; background: url(<?=ASSET?>/images/icon-offer.png) repeat-x; height: 74px; font-size: 17px; padding: 20px 10px 0 10px;}

.container .editRow {position: absolute; box-sizing: content-box; top: 10px; right: 5px; padding: : 2px; height: 20px; width: 28px; background-color: gray; visibility: hidden; float: left;}
.container .rowProd:hover > .editRow {visibility: visible;}

.container .addRem {width:640px; margin: 20px auto; padding: 10px; background-color: aqua; text-align: center;}

.content .recTab_content { padding-top: 10px; }




.ie8 .content .orderProgress ul li div { padding-left: 0px; border-left: 2px solid #fff; }
.ie8 .content .orderProgress ul li.ttl div { border-left: 0px solid #fff; padding-left: 10px;}

.ui-tooltip .phInfoOrd { background: #3e3e3f; padding: 5px; }
.ui-tooltip .phInfoOrd h4 { font-size: 13px; color: #639044; font-weight: bold; padding: 0px 0 10px 0; margin: 0px;}
.ui-tooltip .phInfoOrd div { font-size: 13px; color: #c9c9c9;}
.ui-tooltip .phInfoOrd div span { font-size: 13px; color: #639044;}

.footer { width: 960px; margin: auto auto; }
.footer .fbbar{ padding: 5px 0; border-bottom: 1px solid #dcdcdc;}
.footer .fList { padding: 20px 0;}
.footer .fList ul { list-style: none; padding: 0px; margin: 0px;}
.footer .fList ul li { list-style: none; padding: 0px; margin: 0px; float: left; min-height: 73px; }
.footer .fList ul li.logo { width: 102px; }
.footer .fList ul li.info { width: 160px; padding: 0 10px; border-right: 1px solid #dcdcdc;}
.footer .fList ul li.info div { color: #808080; line-height: 18px;}
.footer .fList ul li.info div a{ color: #639044; font-weight: bold; line-height: 18px;}
.footer .fList ul li.links { width: 255px; padding: 0 10px 0 20px; border-right: 1px solid #dcdcdc; }
.footer .fList ul li.links a{ color: #808080; text-decoration: nonoe; display: block; line-height: 18px;}
.footer .fList ul li.newsletter{ width: 235px; padding: 0 10px 0 20px; border-right: 1px solid #dcdcdc;}
.footer .fList ul li.newsletter div{ color: #808080; line-height: 18px;}
.footer .fList ul li.newsletter div input{ color: #808080;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;
    border: 1px solid #e6e6e6; padding: 4px 9px; font-size: 13px; margin: 5px 0; width: 200px;
}
.footer .fList ul li.newsletter div button{ color: #639044;
border: 0px; padding: 0px; margin: 0px 0 0 0; font-size: 14px; font-weight: bold; cursor: pointer;
}
.footer .fList ul li.social{ width: 125px; padding: 0px; text-align: right;}
.footer .fList ul li.social div{ color: #808080; line-height: 18px; }
.footer .fList ul li.social div img{ display: inline-block; margin: 10px 0 0 10px; }

/* -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px; */
/*  */

/* ---------------------- Pagination -------------------*/
.pagination2 {display:block;clear:both;float:right;z-index:1;}
.pagination2 span, .pagination2 a{display:block;float:left;margin: 0 0 0 10px;display:block;padding:0;text-decoration:underline;color: #404041; letter-spacing: normal; border: 0px solid #000; font-size: 14px;}
.pagination2 .paglink{line-height:13px;text-decoration:none;border: 0px;cursor: pointer;}
.pagination2 .paglink:hover{}
.pagination2 a:hover{color: #639044;}
.pagination2 a.lt{background: url(images/arrow-left.png) no-repeat left; text-indent: -999999px; width: 12px; overflow: hidden; height: 15px; }
.pagination2 a.gt{background: url(images/arrow-right.png) no-repeat left; text-indent: -999999px; width: 12px; overflow: hidden; height: 15px; }
.pagination2 .current{color:#639044;padding:0; }
.pagination2 .more{color:#000;padding:0; text-decoration: none;}
.pagination2 .disabled{padding:0;}
.pagination2 .thetext{padding:0;}

.content div.emptyRecords { padding: 10px 0; font-weight: bold; }

.changeTrack {  }
.changeTrack .track-ttl { font-size: 14px; color: #404041; font-weight: bold; padding: 0 0 5px 0; text-align: center; }
.changeTrack .track-input { text-align: center; }
.changeTrack .track-input input { padding: 6px 5px; margin: 0px; border: 0px; background: #e6e6e6; color: #404041; width: 300px; font-size: 13px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px; }
.changeTrack .track-button { text-align: center; padding: 5px 0; }
.changeTrack .track-button button { background: #639044; color: #fff; padding: 5px 10px; border: 0px; margin: 0px; font-size: 14px; cursor: pointer;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px; }


.buttonforAll { background: #639044; color: #fff; padding: 5px 10px; border: 0px; margin: 0px; font-size: 14px; cursor: pointer; display: inline-block;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;
}

.inputAll {padding: 6px 5px; margin: 0px; border: 0px; background: #e6e6e6; color: #404041; width: 300px; font-size: 13px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;}

#importContainer { display: none; }
#pickImportFile { background: #639044; color: #fff; padding: 5px 10px 3px 10px; border: 0px; margin: 5px 5px 0 0; font-size: 14px; cursor: pointer; float: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
#uploadImportFile { background: #639044; color: #fff; padding: 5px 10px 3px 10px; border: 0px; margin: 5px 10px 0 0; font-size: 14px; cursor: pointer; float: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
#importContainer .file-res-info{ padding: 5px; }
.norecords { padding: 10px 0; }
.faceboxError, .faceboxError a {color: #c72424; letter-spacing: normal;}
.faceboxSuccess, .faceboxSuccess a {color: #006e1a; letter-spacing: normal;}

.pfirstchild p:first-child{margin-top:0px; padding-top: 0px;}
.pfirstchild p:last-child{margin-bottom:0px; padding-bottom: 0px;}
.clear { clear: both; }