.tableBody { background-color: #fff; border: 1px solid #999999; }
.headerBody{ background-color:#FFF; }

/* links */
a:link { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight:bold;  text-decoration: none; }
a:visited { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight:bold; text-decoration: none; }
a:active { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight:bold; text-decoration: none; }
a:hover { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight:bold; text-decoration: none; }

a.headerLink:link { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff; font-weight:normal;  text-decoration: none; }
a.headerLink:visited { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff; font-weight:normal;  text-decoration: none; }
a.headerLink:active { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff; font-weight:normal;  text-decoration: none; }
a.headerLink:hover { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff; font-weight:normal;  text-decoration: none; }

a.menuBoxHeadingLink:link { font-size: 10px; color: #616060; font-weight: bold; text-decoration: none; }
a.menuBoxHeadingLink:visited { font-size: 10px; color: #616060; font-weight: bold; text-decoration: none; }
a.menuBoxHeadingLink:active { font-size: 10px; color: #616060; font-weight: bold; text-decoration: none; }
a.menuBoxHeadingLink:hover { font-size: 10px; color: #616060; font-weight: bold; text-decoration: none; }

a.menuBoxContentLink:link { }
a.menuBoxContentLink:visited { }
a.menuBoxContentLink:active {  }
a.menuBoxContentLink:hover {  }

a.splitPageLink:link { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #0000FF; font-weight: normal; text-decoration: none; }
a.splitPageLink:visited { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #0000FF; font-weight: normal; text-decoration: none; }
a.splitPageLink:active { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #0000FF; font-weight: normal; text-decoration: none; }
a.splitPageLink:hover { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #0000FF; font-weight: normal; text-decoration: underline; background-color: #FFFF33; }

/* menu box */
.menuBoxHeading { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #616060; background-color: #ffffff; }
.menuBoxContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #616060; }

/* page */
body { background-color: #ffffff; background-image: url(images/bak.jpg);  margin-top: 10px; }
.headerBar { background-color: #7bb804; }
.headerBarContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold; padding: 2px; }
.columnLeft { background-color: #F0F1F1; border-color: #999999; border-width: 1px; border-style: solid; padding: 2px; }
.pageHeading { font-family: Verdana, Arial, sans-serif; font-size: 16px; color: #89C238; font-weight: bold; }
.pageHeadingx { font-family: Verdana, Arial, sans-serif; font-size: 18px; color: #000000; font-weight: normal; }
.pageHeadingSmall { font-family: Verdana, Arial, sans-serif; font-size: 14px; color: #727272; font-weight: bold; }

/* data table */
.dataTableHeadingRow { background-color: #3D464E; background-image:url(images/chromebg_5.gif); height:24px; }
.dataTableHeadingContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold; padding-left:7px; padding-right:7px; }
.dataTableRow { background-color: #F0F1F1; }
.dataTableHighlight { background-color: #DCDCDC; }
.dataTableTick { background-color: rgb(241, 239, 217); }

.dataTableRowSelected { background-color: #dadada; }
.dataTableRowOver { background-color: #FFFFFF; cursor: pointer; cursor: hand; }
.dataTableContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }
.dataTableContentB { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #000000; font-weight: bold; }
.dataTableHeadingContentx { font-family: Verdana,Arial,sans-serif; font-size: 10px; font-weight: bold; }

.dataTableTotalContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold; width:70px; padding:0px; }

/* info box */
.infoBoxHeading { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff; background-color: #3D464E; background-image:url(images/chromebg_5.gif); height:24px;  } 
.infoBoxContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; padding:8px; background-color: #dadada; background-image:url(images/back_box.gif); background-repeat: repeat-y; }

.infoBoxContent2 { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; padding:8px; background-color: #dadada;}

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* forms */
CHECKBOX, INPUT, RADIO, SELECT, TEXTAREA, FILE { font-family: Verdana, Arial, sans-serif; font-size: 11px; }
FORM { display: inline; }

/* account */
.formArea { background-color: #f1f9fe; border-color: #7b9ebd; border-style: solid; border-width: 1px; }
.formAreaTitle { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; }

/* attributes */
.attributes-odd { background-color: #f4f7fd; }
.attributes-even { background-color: #ffffff; }

/* miscellaneous */
.specialPrice { color: #ff0000; }
.oldPrice { text-decoration: line-through; }
.fieldRequired { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }
.smallText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.main { font-family: Verdana, Arial, sans-serif; font-size: 12px; }
.minorText { font-family: Verdana, Arial, sans-serif; font-size: 9px; }
.errorText { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

.text { font-family: Verdana, Arial, sans-serif; font-size: 10px; color:#333333; font-weight: normal; }
.text2 { font-family: Verdana, Arial, sans-serif; font-size: 11px; color:#333333 ; font-weight: normal; }

/* new messageStack styles */
.secInfo, .secSuccess, .secWarning, .secError {
  border: 1px solid;
  margin: 10px 0px;
  padding: 5px 10px 5px 50px;
  background-repeat: no-repeat;
  background-position: 10px center;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

.secInfo {
  border-color: #00529B;
  background-image: url('images/ms_info.png');
  background: url('images/ms_info.png') no-repeat 10px center, url('images/ms_info_bg.png') repeat-x; /* css3 multiple backgrounds */
  background-color: #BDE5F8;
}

.secSuccess {
  border-color: #4F8A10;
  background-image: url('images/ms_success.png');
  background: url('images/ms_success.png') no-repeat 10px center, url('images/ms_success_bg.png') repeat-x; /* css3 multiple backgrounds */
  background-color: #DFF2BF;
}

.secWarning {
  border-color: #9F6000;
  background-color: #FEEFB3;
  background-image: url('images/ms_warning.png');
  background: url('images/ms_warning.png') no-repeat 10px center, url('images/ms_warning_bg.png') repeat-x; /* css3 multiple backgrounds */
  background-color: #FEEFB3;
}

.secError {
  border-color: #D8000C;
  background-image: url('images/ms_error.png');
  background: url('images/ms_error.png') no-repeat 10px center, url('images/ms_error_bg.png') repeat-x; /* css3 multiple backgrounds */
  background-color: #FFBABA;
}

.secInfo p, .secSuccess p, .secWarning p, .secError p {
  padding: 2px;
}

/* Start PureCSSMenu.com MENU  */
#pcm{display:none;}
ul.pureCssMenu ul{display:none}
ul.pureCssMenu li:hover>ul{display:block}
ul.pureCssMenu ul{position: absolute;left:-1px;top:98%;}
ul.pureCssMenu ul ul{position: absolute;left:98%;top:-2px;}
ul.pureCssMenu,ul.pureCssMenu ul {
	margin:0px;
	list-style:none;
	padding:0 90px 0 10px;
	background-color:#fff;
	background-repeat:repeat;
	border-color:#808080;
	border-width:1px;
	border-style:solid;
	
	
	
}
ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu {
	display:block;
	zoom:1;
	height:21px;
	float: left;

}
ul.pureCssMenu ul{
	width:86.10000000000001px;
	z-index:1000;
}
ul.pureCssMenu li{
	display:block;
	margin:2px 0px 0px 2px;
	font-size:0px;
}
ul.pureCssMenu a:active, ul.pureCssMenu a:focus {
outline-style:none;
}
ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
	display:block;
	vertical-align:middle;
	background-color:#FFFFFF;
	border-width:1px;
	border-color:#fff;
	border-style:solid;
	text-align:left;
	text-decoration:none;
	_padding-left:0;
	font:normal 11px Tahoma;
	color: #000;
	text-decoration:none;
	cursor:default;
	
}
ul.pureCssMenu span{
	overflow:hidden;
}
ul.pureCssMenu li {
	float:left;
}
ul.pureCssMenu ul li {
	float:none;
}
ul.pureCssMenu ul a {
	text-align:left;
	white-space:nowrap;
}
ul.pureCssMenu li.sep{
	text-align:left;
	padding:0px;
	line-height:0;
	height:100%;
	

}
ul.pureCssMenu li.sep span{
	float:none;	padding-right:0;
	width:3px;
	height:100%;
	display:inline-block;
	background-color:#808080;	background-image:none;}
ul.pureCssMenu ul li.sep span{
	width:100%;
	height:3px;
}
ul.pureCssMenu li:hover{
	position:relative;
}
ul.pureCssMenu li:hover>a{
	background-color:#DBF0F9;
	border-color:#45ADE4;
	border-style:solid;
	font:normal 11px Tahoma;
	color: #444;
	text-decoration:none;
}
ul.pureCssMenu li a:hover{
	position:relative;
	background-color:#DBF0F9;
	border-color:#45ADE4;
	border-style:solid;
	font:normal 11px Tahoma;
	color: #444;
	text-decoration:none;
	
}
ul.pureCssMenu li.dis a {
	color: #557D4F !important;
}
ul.pureCssMenu img {border: none;float:left;_float:none;margin-right:2px;width:16px;
height:16px;
}
ul.pureCssMenu ul img {width:16px;
height:16px;
}
ul.pureCssMenu img.over{display:none}
ul.pureCssMenu li.dis a:hover img.over{display:none !important}
ul.pureCssMenu li.dis a:hover img.def {display:inline !important}
ul.pureCssMenu li:hover > a img.def  {display:none}
ul.pureCssMenu li:hover > a img.over {display:inline}
ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over{display:inline}
ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def{display:none}
ul.pureCssMenu a:hover ul{display:block}
ul.pureCssMenu span{
	display:block;
	background-repeat: no-repeat;
   padding-right:0px;}
ul.pureCssMenu ul span{background-image:url(./images/arr_black.gif)}
ul.pureCssMenu ul li:hover > a span{	background-image:url(./images/arr_white.gif);}
ul.pureCssMenu table a:hover span{background-image:url(./images/arr_white.gif)}
ul.pureCssMenu li.pureCssMenui0 {

height:20px;
}
ul.pureCssMenu li a.pureCssMenui0{
height:100%;
background-image:url(./images/chromebg_3.gif);
border-width:0px;
font:normal 11px Tahoma;
color:#fff;

}

ul.pureCssMenu li a.pureCssMenui0:hover{
background-image:url(./images/chromebg_4.gif);
font:normal 11px Tahoma;
color:#eee;
}
 ul.pureCssMenum0 {
background-color:transparent;
border-width:0px;
	padding:0 0 0 0;
	
	
}
 ul.pureCssMenum0>li>a {
padding:8px 10px 0px 10px;
}
 ul.pureCssMenum0 a {
padding:8px 10px 0px 10px;

}
 ul.pureCssMenum0 ul a {
padding:2px 5px 5px 10px;
width:150px;
}
 ul.pureCssMenum0>li {
margin:0px 0px 0px 0px;

}
 ul.pureCssMenum0 li {
margin:0px 0px 0px 0px;
}
 ul.pureCssMenum0 li li {
margin:2px 0px 0px 2px;
}
/* End PureCSSMenu.com MENU  */


	
.navBack { 
 background-image:url(images/chromebg_3.gif);
 background-color:#0F3;
 margin:5px 5px 5px 5px;
 width:99%;
 height:28px;
 }
 
 .qmenu{
	 line-height:16.5px;
	 padding-left:10px;
	
}

 .selectBox
	{
	border: solid #b2b2b2; border-width: 1px 1px 1px 1px; 
	background-color:#f9f9f9;
	padding:5px 5px 5px 5px;
}
 .mindsparxText {
	font-family: Arial, Helvetica, sans-serif;      
 	font-size: 12px;
 	color: #333333;
	padding:5px 25px 5px 25px;
 
}

.supertracker_text {font-family: Verdana, Arial, sans-serif; font-size: 11px;}
.supertracker_contact {font-family: Verdana, Arial, sans-serif; font-size: 11px; background: #aaa; padding: 15px; margin: 10px 0px 10px 0px; border: 1px solid #000;}

#product-add { float: left; width: 100%;  margin-top: 10px;}
#product-add .records { float: left; width: 100%; padding: 5px 0px; border: 1px dotted; margin-top: 1px; }
#product-add .records .prodid { float: left; width: 12%; text-align: center; }
#product-add .records .prodname{ float: left; width: 73%; }
#product-add .records .prodact { float: left; width: 15%;  text-align: center; }

#printlabel { width: 300px; color: #000000; font-family: Verdana,Arial,sans-serif; font-size: 14px; padding: 0px; }
#printlabel .orderno { width: 300px; position:absolute; text-align: right; font-size: 10px; }
#printlabel .addr { float: left; width: 100%; }
#printlabel .space { padding-bottom: 5px; }
#printlabel .returnaddr { clear: both; font-size: 8px; padding-top: 15px; }

#tabsinfo { background-color: #ebebff; font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;}
#tabsinfo .fieldstd { width: 86%; }
#tabsinfo .fieldstd .colleft { width: 30%; }
#tabsinfo .fieldstd .colleft table { padding-left: 24px; }
#tabsinfo .fieldstd h3 { margin: 0px; padding: 0px; font-size: 14px; }
#tabsinfo .fieldstd .colright { width: 70%; }

.highlight { background-color: #FFFF88; }
.prodset { float: left; width: 90%; padding: 10px;}
.prodset .head { float: left; margin-bottom: 3px; width: 100%; font-size: 14px;}
.prodset .item { float: left; margin-bottom: 3px; width: 100%; border-bottom: 1px solid #f2f2f2;}
.prodset .item .item-id {font-size: 12px; float: left; width: 10%; }
.prodset .item .item-model {font-size: 12px; float: left; width: 15%; }
.prodset .item .item-name {font-size: 12px; float: left; width: 30%; }
.prodset .item .item-status {font-size: 12px; float: left; width: 20%; }
.prodset .item .item-qty {font-size: 12px; float: left; width: 20%;}
.prodset .item .item-act {font-size: 12px; float: left;}

.productsetadd { float: left; width: 100%; }
.productsetadd .records { float: left; width: 100%;  font-size: 11px; padding-top: 10px; }
.productsetadd .records .prodid { float: left; width: 10%; }
.productsetadd .records .prodmodel { float: left; width: 15%; }
.productsetadd .records .prodname { float: left; width: 35%; }
.productsetadd .records .prodqty { float: left; width: 25%; }
.productsetadd .records .prodact { float: left; width: 15%; }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected { background: none repeat scroll 0 0 #ffffff; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a { color: #000000; }

div.print-page {page-break-before: always;}
#invoice{width:100%; float:left; font-family:verdana, Arial,sans-serif; font-size:12px;}
#invoice table tr .pageHeadingx{font-family: verdana, Arial, sans-serif; font-size:18px; color:#000000; font-weight:normal;}
#invoice table tr .main{font-family: verdana, Arial, sans-serif; font-size:12px;}
#invoice table tr .titleHeading{font-family: verdana, Arial, sans-serif; font-size:18px;}
#invoice table tr .dataTableHeadingContentx{font-family: verdana, Arial,sans-serif; font-size:10px; font-weight:bold;}
#invoice table tr .dataTableContent{font-family: verdana, Arial, sans-serif; font-size: 10px; color: #000000; padding-left: 7px; padding-right: 7px;}
#invoice table tr .minorText{font-family: verdana, Arial,sans-serif; font-size: 9px;}
#invoicemcsf{width:100%; float:left; font-family:verdana, Arial,sans-serif; font-size:12px;}
#invoicemcsf table tr .pageHeadingx{font-family: verdana, Arial, sans-serif; font-size:18px; color:#000000; font-weight:normal;}
#invoicemcsf table tr .main{font-family: verdana, Arial, sans-serif; font-size:12px;}
#invoicemcsf table tr .titleHeading{font-family: verdana, Arial, sans-serif; font-size:18px;}
#invoicemcsf table tr .dataTableHeadingContentx{font-family: verdana, Arial,sans-serif; font-size:10px; font-weight:bold;}
#invoicemcsf table tr .dataTableContent{font-family: verdana, Arial, sans-serif; font-size: 12px; color: #000000; padding-left: 7px; padding-right: 7px;}
#invoicemcsf table tr .minorText{font-family: verdana, Arial,sans-serif; font-size: 9px;}
#invoicemcsf .fact{font-size:24px; font-style:italic; font-weight:bold;}
#invoicemcsf .factnum{line-height:1.5; font-size:12px;}
#invoicemcsf .dataTableHeadingRowx{ background-color:#000000 !important; color:#fff; font-size:12px; -webkit-print-color-adjust: exact;}
#invoicemcsf .dataTableHeadingRowx td{ background-color:#000000 !important; -webkit-print-color-adjust: exact;}

#prodnoimg { float: left; width: 100%; }
#prodnoimg h3 { margin: 5px 0px; font-size: 14px }
#prodnoimg .pwrap { overflow: auto; height: 200px; float: left; width: 100%; font-size: 12px; border: 1px solid #d2d2d2; }
#prodnoimg .pwrap td.even { background-color: #f2f2f2; }
#prodnoimg .pwrap td.odd{ background-color: #d2d2d2; }

#crawlinfo .ilabel { font-weight: bold;}

.verttabs input[type="text"] { width: 300px; }
.verttabs input[type="text"].price { width: 100px; }

.ui-timepicker-wrapper { overflow-y: auto; height: 150px; width: 6.5em; background: #fff; border: 1px solid #ddd; -webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2); -moz-box-shadow:0 5px 10px rgba(0,0,0,0.2); box-shadow:0 5px 10px rgba(0,0,0,0.2); outline: none; z-index: 10001; margin: 0;}
.ui-timepicker-wrapper.ui-timepicker-with-duration { width: 13em;}
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 { width: 11em;}
.ui-timepicker-list { margin: 0; padding: 0; list-style: none;}
.ui-timepicker-duration { margin-left: 5px; color: #888; font-family: Verdana,Arial,sans-serif; font-size: 10px;}
.ui-timepicker-list:hover .ui-timepicker-duration { color: #888;}
.ui-timepicker-list li { padding: 3px 0 3px 5px; cursor: pointer; white-space: nowrap; color: #000; list-style: none; margin: 0; font-family: Verdana,Arial,sans-serif; font-size: 10px;}
.ui-timepicker-list:hover .ui-timepicker-selected { background: #fff; color: #000;}
li.ui-timepicker-selected, .ui-timepicker-list li:hover, .ui-timepicker-list .ui-timepicker-selected:hover { background: #1980EC; color: #fff;}
li.ui-timepicker-selected .ui-timepicker-duration, .ui-timepicker-list li:hover .ui-timepicker-duration { color: #ccc;}
.ui-timepicker-list li.ui-timepicker-disabled, .ui-timepicker-list li.ui-timepicker-disabled:hover, .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled { color: #888; cursor: default;}
.ui-timepicker-list li.ui-timepicker-disabled:hover, .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled { background: #f2f2f2;}

.highligchkout {background: #FCFBD1;}

#nextprev { float: left; width: 100%; }
#nextprev .litem { float: left; width: 50%; line-height:24px; height:30px;}
#nextprev .ritem{ float: right; text-align:right; width: 50%; line-height:24px; height:30px; }


.demo .main img { vertical-align: top; }