/*2020-03-02 Modified by Feng Ge ESR-3440: Marketing Website Changes*/
#center {
    margin-left: auto;
    margin-right: auto;
    width:955px;
}

#container {
    width:955px;
    height: 540px;
}

body {
    margin: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;    
    color: #333333;
}

a:link, a:visited {
    color: #333333;
    text-decoration: none;
}   
a:active, a:hover {
    color: #FFA418;
    text-decoration: none;
}       
/* eCommerce */
#headerEC {
    background-image: url('../images/Top-Bar-homepage.png');
    background-repeat: no-repeat;
    height: 88px; /*2020-03-02 Modified by Feng Ge ESR-3440*/
	color:#FF0000;
}

#headerEC2 {
	background-image: url('../images/background-blue.png');
	background-repeat: repeat-x;
	height: 20px;
}
#footerEC {
	position: relative;
    /*background-image: url('../images/footer.png');*/ /*2020-03-02 Modified by Feng Ge ESR-3440*/
    width: 955px;
    height: 25px;
    background-repeat: no-repeat;
}

#ecTopBar {
    margin: 18px auto 0 auto;
    background-image: url('../images/ecommercebar-darkgrey.jpg');
    background-repeat: no-repeat;
    width: 924px;
    height: 24px;
}
.ecBackButton {
    position: absolute;
    margin: 6px 0 0 740px;
    font-size: 10px;
}
.ecHeading {
    margin: 13px 0 8px 194px;
    color: #06397A;
    font-size: 26px;
	position: absolute;
}

.contentdescription, .contentdescription a:link, .contentdescription a:visited {
    color: #06397A;
	font-size: 11px;	
}

.contentdescription {
	margin: 55px 0 0 205px;
	position: absolute;
	width: 900px;
	height: 450px;
}

.contentProductList {
	margin: 0;
	position: absolute;
    background-image: url('../images/eCommerce-menu-grey.png');
	background-repeat: repeat-y;
	padding-left: 202px;
	padding-top: 36px;
	width: 740px;
}

.ecProductBox {
    background-image: url('../images/product_box.gif');
    background-repeat: no-repeat;
    width: 390px;
    height: 166px;
}

.ecBuyNow {
    position: absolute;
    width: 82px;
    height: 21px;
}
.ecAddCart {
    position: absolute;
    margin: 0 0 0 90px;
    width: 82px;
    height: 21px;
}



input.plainButton:hover {
  color: #FFA418;
}
input.plainButton:active {

}


table.cart, table.cart td, table.cart th
{
    border-color: #666;
    border-style: solid;
}

table.cart
{
    border-width: 1px ;
    border-spacing: 0;
    border-collapse: collapse;
}

table.cart td, table.cart th
{
    margin: 0;
    padding: 4px;
    border-width: 1px 1px 1px 0;
    background-color: #FFF;
}

table.cart th {
    background-color: #CCCCCC;
}

    
#ecTopBar ul.ecTopBarUL {
    position: absolute;
    list-style-type: none;
    margin: 0px 0 0 0px;
    padding: 0;
    width: 100%;
    height: 24px;
    font-weight: bold;
}   
    
#ecTopBar ul.ecTopBarUL li {
    height: 24px;
    float: left;
    cursor: pointer;
    margin: 0;
    position: relative;
    padding: 0;
    padding-top: 7px;
    padding: 0 13px 0 13px;
    border-right: 1px solid #FFFFFF;
}
    

#ecTopBar ul.ecTopBarUL li span {
    margin-top: 6px;
    display: block;
}


#ecTopBar ul.ecTopBarUL li span a:link,
#ecTopBar ul.ecTopBarUL li span a:active,
#ecTopBar ul.ecTopBarUL li span a:visited,
#ecTopBar ul.ecTopBarUL li span a:hover {
    color: #FFFFFF;
}

#ecTopBar ul.ecTopBarUL li:hover {
    background: #09367A;
}

#ecTopBar ul.ecTopBarUL li.activeLi{
    background: #09367A;
}

#currencyFlag {
	position: absolute;
	margin: 16px 0 0 797px;
	background-image: url(images/currency_box.gif);
	background-repeat: no-repeat;
	padding: 10px;
	width: 158px;
	height: 146px;
	z-index: 101;
}

#argusLogo {
	position: absolute;
}

#btnViewCart {
	position: absolute;
	margin-left: 706px;
	margin-top: 25px;
	padding:0;
}

#btnOrderStatus{
	position: absolute;
	margin-left: 830px;
	margin-top: 25px;
	padding:0;
}

#btnWebstoreHome {
	position: absolute;
	margin-left: 580px;
	margin-top: 25px;
	padding:0;
}

/* new menu */
ul.menu, ul.menu ul {
  font-size: 12px;
  list-style-type:none;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  padding: 0;
  width: 174px;
}

ul.menu a {
  display: block;
  text-decoration: none;
}

ul.menu li {
  margin-top: 1px;
}

ul.menu li a:link, ul.menu li a:visited {
  background-image: url(images/ecommerce_btn_grey_d.gif);
  background-repeat: no-repeat;
  color: #fff;
  padding: 4px 6px 8px 6px;
}

ul.menu li a.m1 {
  margin-top: 6px;
  background-image: url(images/ecommerce_btn_blue.gif);
}

ul.menu li a.m1:hover {
  background-image: url(images/ecommerce_btn_blue_d.gif);
  color: #FFFFFF;

}


ul.menu li a:hover {
  background-image: url(images/ecommerce_btn_grey.gif);
  color: #FFFFFF; 
}

ul.menu li ul li a:link, ul.menu li ul li a:visited{
  background: #8e8e8e;
  color: #FFFFFF;
  padding: 4px 6px 4px 6px;
}

ul.menu li ul li a:hover, ul.menu li ul li a:active {
  background: #707070;
  color: #FFFFFF; 
}

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }
.indent3 { padding-left: 3em; }
.indent4 { padding-left: 4em; }
.indent5 { padding-left: 5em; }

#menuContainer {
	position: absolute;
	width: 186px;
	min-height: 450px;
	background-color: #adafb2;
	margin-top: 18px;
	margin-right: 30px;
	padding: 0px;
	z-index: 100;
}

#menuBorder {
	position: absolute;
	width: 10px;
	margin-left: 184px;
	margin-top: 18px;
	border-right: #999999 1px solid;
	min-height: 450px;
}

/* end new menu */
