.container {
	 position: relative;  /*relativee to the webpage */
	 overflow: auto;  /*avoid other inside div go outside */
	 width: 90%;
	 margin: 0 auto;
	 background: #FFFFFF;
	 /*zoom: 1; /* support IE 6 */
}

.navLeft {
  position: absolute;
  /*float: left; */
  width: 200px;
  border-color: #e8e8e8; border-style: solid; border-width: 1px 1px 1px 1px;
  padding: 30px 0px 0px 0px;
}

.navLeft img {
    display: block;
    margin: auto;
	border: none;
	position: relative;
	/*float: left; */
	padding: 0px;  /* no extra space inside the border: top right bottom left */
	/*overflow: visible;*/
}

.navRight {
  /*position: absolute;*/
  float: right;
  /* margin: 0px 5px 5px 10px; */
  margin: 0;  /* no space between divs */
  width: 200px;
  color: #393;
  background-color: #B5D0E0;  /*#9CF;*/
  border-color: #e8e8e8; border-style: solid; border-width: 1px 1px 1px 1px;
  /*padding: 5px 0px 0px -10px;*/
  /*display: block;  /* add this in order for padding to work */
	box-sizing: border-box !important;  /* set to center the div */
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-ms-box-sizing: border-box !important;
  padding: 5px 5px 0px 0px;;  /*top right bottom left */
}

.navRight img {
	position:absolute;
	/*display: inline; 
	float: left; */
	padding: 0;
	margin: auto;
}

.mainBody {
	box-sizing: border-box !important;  /* set to center the div */
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-ms-box-sizing: border-box !important;
	background: #FFFFFF;
	padding: 10px;   /* padding from its own border */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 12px;
	color: #000000;
	position: relative;
	margin: 0 auto; 
	margin-left: 200px;
	margin-right: 200px;
	/*width: 96%;
	/*line-height:17px; */
	border-color: #e8e8e8; border-style: solid; border-width: 1px 1px 1px 1px;
}

.pdfIcon
{
	display:block;
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
    border: none;
    background: url(../images/icon-pdf.gif) no-repeat bottom;
    width: 35px;
    height: 12px;
}

.spaceLine
{
	display:block;
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
    border: none;
    background: url(/images/spacer-line.gif) no-repeat bottom;
    width: 150px;
}


/*.mainBody p{
	/* position is static by default 
	box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-ms-box-sizing: border-box !important;
	padding: 5px;
}*/

.footer {
	clear:both;  /* clear from the both side so it stays at the bottom  */
	box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-ms-box-sizing: border-box !important;
	background-color: #F9F9F9;
	padding: 7px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 11px;
	color: #535353;
	position: relative;
	width: 100%;
	border-color: #e8e8e8; border-style: solid; border-width: 0px 1px 1px 1px;
}

.btcontent p {
	box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-ms-box-sizing: border-box !important;
	margin: 0px;
	padding: 5px;
}
.btfooter {
	box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-ms-box-sizing: border-box !important;
	background-color: #F9F9F9;
	padding: 7px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 11px;
	color: #535353;
	position: relative;
	width: 100%;
	border-color: #e8e8e8; border-style: solid; border-width: 0px 1px 1px 1px;
}
.btfooter p {
	box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-ms-box-sizing: border-box !important;
	margin: 0px;
	padding: 5px;
}
.otbox {
	box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-ms-box-sizing: border-box !important;
	position: relative;
	margin-bottom:15px;
}
.otheader {
	box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-ms-box-sizing: border-box !important;
	background: url(../Images/otheader-back.jpg) repeat-x top #fafafa;
	padding: 10px 9px 10px 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	position: relative;
	width: 100%;
	border-color: #e8e8e8; border-style: solid; border-width: 0px 1px 1px 1px;

}
.otheader a:link  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold; 		
	font-size: 11px;
	color: #333333;
	text-decoration: underline;
}
.otheader a:visited  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold; 		
	font-size: 11px;
	color: #333333;
	text-decoration: underline;
}
.otheader a:hover  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold; 		
	font-size: 11px;	
	color: #FF6D15;
	text-decoration: underline;
}
.otcontent {
	box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-ms-box-sizing: border-box !important;
	padding: 7px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 11px;
	color: #333333;
	position: relative;
	line-height:17px;
	width: 100%;
	border-color: #e8e8e8; border-style: solid; border-width: 0px 1px 1px 1px;
}

.otcontentPlain {
	box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-ms-box-sizing: border-box !important;
	padding: 5px 10px 5px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 11px;
	color: #333333;
	position: relative;
	line-height:17px;
	width: 100%;		
}
.otcontentRight {
	box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-ms-box-sizing: border-box !important;
	background-color: #FFFFFF;	
	padding: 7px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 11px;
	color: #333333;
	position: relative;
	line-height:17px;
	width: 100%;		
	border-color: #e8e8e8; border-style: solid; border-width: 0px 1px 1px 1px;
}
.otcontentRight p {
	box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-ms-box-sizing: border-box !important;
	margin: 0px;
	padding: 5px;
	line-height:17px;	
}
.otmenu {
	box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-ms-box-sizing: border-box !important;
	background-color: #e8e8e8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 11px;
	color: #333333;
	position: relative;
}
.otmenuItem {
	box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-ms-box-sizing: border-box !important;
	background-color: #f3f3f3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 11px;
	color: #333333;
}
.otmenuItem a { text-decoration: none};
.otmenuItemOver {
	box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-ms-box-sizing: border-box !important;
	background-color: #e8f1ff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 11px;
	color: #333333;
}
.otcontent p {
	box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-ms-box-sizing: border-box !important;
	margin: 0px;
	padding: 5px;
	line-height:17px;
}

.otfooter {
	box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-ms-box-sizing: border-box !important;
	background-color: #F9F9F9;
	padding: 7px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 11px;
	color: #000066;
	position: relative;
	line-height:17px;
	width: auto;
	border-color: #e8e8e8; border-style: solid; border-width: 0px 1px 1px 1px;	
}
.otfooter p {
	box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-ms-box-sizing: border-box !important;
	margin: 0px;
	padding: 5px;
	line-height:17px;	
}
.otfooter2 {
	box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-ms-box-sizing: border-box !important;
	background-color: #F7ECDF;
	padding: 7px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 11px;
	color: #000066;
	position: relative;
	line-height:17px;
	width: auto;
	border-color: #e8e8e8; border-style: solid; border-width: 0px 1px 1px 1px;
}
.otfooter2 p {
	box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-ms-box-sizing: border-box !important;
	margin: 0px;
	padding: 5px;
	line-height:17px;	
}
.otcontent ul {
	box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-ms-box-sizing: border-box !important;
	margin: 5px 0px 5px 15px;
	padding: 0px;
	line-height:17px;	
}
.otcontent li {
	box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-ms-box-sizing: border-box !important;
	margin: 5px 0px 5px 15px;
	line-height:17px;	
}

ul{
	box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-ms-box-sizing: border-box !important;
	margin:0;
	padding-left:16px;
}
.liknoli1{
	box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-ms-box-sizing: border-box !important;
	list-style-type: disc;
	list-style-image: url(../Images/indicator-darkblue.gif);
}
#promo{
	box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-ms-box-sizing: border-box !important;
	filter:alpha(opacity=95); -moz-opacity:.95; opacity:.95;
	padding:6px 8px 4px 8px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size:11px;
	font-weight:normal;
	color:#FFFFFF;
	position:absolute;
	width:204px; 
	height: 109px;
	top:87px; 
	left:50%;
	margin: auto auto auto 10px;
}
#promo p {
	box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-ms-box-sizing: border-box !important;
	margin: 0px;
	padding: 3px;
}
.subMenuItem {
	box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-ms-box-sizing: border-box !important;
	background-color: #FCF9F5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 9px;
	color: #000066;
	padding:1px 4px 3px 0px;
	position:static;
	float:right;
	border:solid 1px #F2C6AA;
	height:20px;
	margin:1px 1px 1px 1px;
}
.subMenuItemOver {
	box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-ms-box-sizing: border-box !important;
	background-color: #F7ECDF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 9px;
	color: #000066;
	padding:1px 4px 3px 0px;
	position:static;
	float:right;
	border:solid 1px #F2C6AA;
	height:20px;
	margin:2px 1px 0px 1px;		
}
.vertMenuItem {
	box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-ms-box-sizing: border-box !important;
	background-color: #FFFFFF;
	padding:1px;
	height:11px;
	border-bottom:#BFD6FF solid 1px;
}
.vertMenuItem2 {
	box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-ms-box-sizing: border-box !important;
	background-color: #F9FAFF;
	padding:1px;
	height:11px;
	border-bottom:#F9FAFF solid 1px;	
}
.vertMenuItemOver {
	box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-ms-box-sizing: border-box !important;
	background-color: #EFF1FF;
	color: #000066;
	padding:1px;
	height:11px;
	border-bottom:#EFF1FF solid 1px;	
}
.highlightText {
	box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-ms-box-sizing: border-box !important;
	background-color: #FCF9F5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 11px;
	color: #000066;
	padding:5px 5px 5px 5px;
	border:solid 1px #CCCCCC; 
	margin:5px 10px 5px 10px;
}
.submenu  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold; 		
	font-size: 9px;
	color: #000066;
	text-decoration: none;
}
.submenu:link  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal; 		
	font-size: 9px;
	color: #000066;
	text-decoration: none;
}
.submenu:visited  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal; 		
	font-size: 9px;
	color: #000066;
	text-decoration: none;
}
.submenu:hover  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold; 		
	font-size: 9px;	
	color: #000066;
	text-decoration: none;
}
.submenu span {
	font-weight: normal;
}
.orderbox {
	box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-ms-box-sizing: border-box !important;
	position: static;
	height:auto;
	margin: 2px 0px 2px 0px;
}
.orderItem {
	box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-ms-box-sizing: border-box !important;
	background-color: #F9F9F9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 11px;
	color: #000066;
	padding:5px 5px 5px 5px;
	position:static;	
	border:solid 1px #CBD6F3;
}
.orderDesc {
	box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-ms-box-sizing: border-box !important;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 11px;
	color: #000066;
	padding:5px 5px 5px 5px;
	position:static;
	border-style: solid;	
	border-width: 0px 1px 1px 1px;
	border-color: #e8e8e8;
}
.input-quantity {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-style: normal; 	
	font-size: 11px;
	color: #000066;	 
	width: 20px;
	height: 16px;
 	background-color: #FFFFFF;
	border: 1px #808080 solid;	
}

.themeBox {
	box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-ms-box-sizing: border-box !important;
	background-color: #FFFFFF;
	padding:5px 5px 5px 5px;
	border:solid 1px #CCCCCC;
}
.themeBoxTicker {
	box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-ms-box-sizing: border-box !important;
	background-color: #FCF9F5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 11px;
	color: #000066;
	width: 150px;
	padding:5px 5px 5px 5px;
	border:solid 1px #CCCCCC;
	margin: 5px 0px 10px 0px;
}
#exampleContainer {
	box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-ms-box-sizing: border-box !important;
	padding: 0px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-top: 0px;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-style: solid;
	border-right-color: #F2C6AA;
	border-left-color: #F2C6AA;
	border-bottom-color: #F2C6AA;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 11px;
	color: #000066;
	position: relative;	
}
.highlightBox {
	box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-ms-box-sizing: border-box !important;
	background-color: #FF9900;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 11px;
	color: ##FF9900;
	padding:5px 5px 5px 5px;
	margin:10px 10px 10px 10px;
	text-align:left;
}
.highlightBox p {
	margin: 0px;
	padding: 5px;
	line-height:15px;	
}
}