body{
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	/*background-color:#000000;*/
}
.innerborder{
	border:#ccc 1px solid; 
}
.navigation-bg {
	/*background-image:url(../images/headerrep.jpg);
	background-repeat:repeat-x;*/
	background-color:#3366cc;
	height:30px;
}
.arial12pxwhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

.fontsmall {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#333333;
	text-decoration: none;
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#333333;
	text-decoration: none;
}

.nav01:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
.nav01:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
.nav01:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
.content {
	font-family:Arial;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	font-variant:small-caps;
}
.page-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #3399ff;
	text-decoration: none;
}
.page-title-products {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #3d9f10;
	text-decoration: none;
}
.page-title-customer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #993333;
	text-decoration: none;
}
.part-background {
	background-color:#FFFFFF;
	background-image: url(../images/left-part-bg.jpg);
	background-repeat: repeat-y;

	}
	
.footer-phone {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #3a9f9f;
	text-decoration: none;
}
.admin_heading {
	font-family:arial;
	font-size: 20px;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	font-variant:small-caps;
	padding:10px;
	/*border:1px solid #999;
	width:37%;*/
	text-align:right;
}
.login_heading {
	font-family:arial;
	font-size: 20px;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	font-variant:small-caps;
}
.heading{
	font-family:arial;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	font-variant:small-caps;
	background-color:#fff;
}

.footer-phone-start {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	/*background-color:#770000;*/
	text-decoration: none;
}
.privacy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #12679b;
	text-decoration: underline;
}
.first-link-bg {
	background-color: #b9dcff;
}

.second-link-bg {
	background-color: #cbdca8;
}

.third-link-bg {
	background-color: #dcb9b9;
}
	
.sublink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	text-decoration:underline;
}
.sublink:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	text-decoration: underline;
}
.sublink:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	text-decoration: underline;
}
.sublink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	text-decoration: underline;
}

.toprep{
	background-image:url(../images/toprep.jpg);
	background-repeat:repeat-x;
	height:100px;
	
}
.button{
	/*background-image:url(../images/buttonrep.jpg);
	background-repeat:repeat-x;*/
	background-color:#444;
	color:#fff;
	font-weight:bold;
	border:none;
	height:25px;
	border:1px solid #ccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.border{
	border:#444 1px solid;
}
.Hrhover{
	background-color:#e4e4e4;
	height:23px;
}
.Hrnormal{
	background-color:#e4e4e4;
	height:23px;
}
/*input
{
	border:1px solid #6688B5;
	padding:2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
select
{
	border:1px solid #333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#333333;
}*/
.logintext
{
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:12px;
	font-weight:bold;
}
.error_msg{
	background-color:#fff; 
	border:#333 1px solid;
	color:green;
	font-weight:bold;
}
.reqiretext
{
	font-family:Arial, Helvetica, sans-serif;
	color:#990000;
	font-size:12px;
}

.btn:link {
	font-family: Verdana;
	font-size: 11px;
	color: #6C9B06;
	font-weight:bold;
	text-decoration: none;
	background-color: #000000;
	background-position: center center;
	display: block;
	height: 20px;
	padding-top:5px;
	width: 150px;
	border: 1px solid #333;
	text-indent:5px;
}

.btn:active {
	font-family: Verdana;
	font-size: 11px;
	color: #6C9B06;
	font-weight:bold;
	text-decoration: none;
	vertical-align:middle;
	padding-top:5px;
	background-color: #000000;
	background-position: center center;
	display: block;
	height: 20px;
	width: 150px;
	border: 1px solid #333;
	text-indent:5px;
}

.btn:visited {
	font-family: Verdana;
	font-size: 11px;
	color: #6C9B06;
	font-weight:bold;
	text-decoration: none;
	vertical-align:middle;
	background-color: #000000;
	background-position: center center;
	display: block;
	padding-top:5px;
	height: 20px;
	width: 150px;
	border: 1px solid #333;
	text-indent:5px;
}

.btn:hover {
	font-family: Verdana;
	font-size: 11px;
	color: #6C9B06;
	font-weight:bold;
	text-decoration: none;
	vertical-align:text-bottom;
	background-color: #000000;
	display: block;
	padding-top:5px;
	height: 20px;
	width: 150px;
	border: 1px solid #333;
	font-style: normal;
	text-indent:5px;
}
.orderheader{
	background-color:#fff;
	color:#000;
	border:1px solid #333;
	height:23px;
}
.orderheader1{
	background-color:#fff;
	color:#000;
	border:1px solid #333;
	height:23px;
}

.gray:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #999;
	text-decoration: none;
}
.gray:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #999;
	text-decoration: none;
}
.gray:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color:#999;
	text-decoration: none;
}
.title_rep{
	/*background-image:url(../images/buttonrep.jpg);
	background-repeat:repeat-x;*/
	color:#000;
	background-color:#fff;
	font-weight:bold;
	height:20px;
	padding:5px;
}
input[type="text"],input[type="file"],input[type="password"],textarea,select{
background-color:#fff;
border:1px solid #444;
color:#000;
}

.pagetitle{
	color:#000;
	background-color:#fff;
	font-weight:bold;
	height:20px;
	padding:5px;
}

a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:#000;
	text-decoration: none;
}


/* for calender hiding */
/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #808080;
	border: 1px solid #AAAAAA;
}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #FFFFFF;
	border: 1px solid #648419;
	color: 648419;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: 648419;
	background: #FFFFFF;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: 648419;
	background: #FFFFFF;
	font-weight: bold;
	}
/*****************************/
div.salesman_popup{
	width: 300px;
	height: 50px;
	background-color: #ffffff;
	margin: 300px auto;
	display: block;
	opacity: 1 !important;
    filter:alpha(opacity=200) !important;
    z-index: 101;
}
.hidden{
	display: none;
}
div.salesman_content{
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: #F5F5FA;
    opacity: 0.8;
    filter:alpha(opacity=80);
    z-index: 100;
	text-align: center;
}
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; outline: none; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }