/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Global properties ======================================================== */
body { 
	/*background:#212121; */
	/*background:#e7e8ea;*/
	background:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.0625em;
	color:#000000;
}
html { min-width:980px;}
html, body { 
	height:100%;
	
}

/* Global Structure ============================================================= */
.container_12 {
	font-size:100%;
	
}
	/* Header */
	header1{
		height:144px;
		overflow:hidden;
		border-bottom:1px solid #fff;
		background:url(../images/header-bg.jpg) 0 0 repeat-x #404040; /* Opera */
		background-image: -moz-linear-gradient(top, #161516, #404040); /* FF3.6 */
		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #161516),color-stop(1, #404040)); /* Saf4+, Chrome */
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#161516', EndColorStr='#404040'); /* IE6,IE7 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#161516', EndColorStr='#404040')"; /* IE8 */
	}
	
	/* Content */
	section#content {
	
	}
	
	/* Sidebar */
	aside{
		float: left;
		width: 33.3%;
	}
			
	/* Footer */
	footer .indent {
		padding:18px 6px 24px 0;		
	}

/* Left & Right alignment */

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { 
	width:100%;
	overflow:hidden;
}
.brandInfo{
	width: 640px;
	height: 170px;
	padding: 30px 40px;
	margin-bottom: 5px;
	background: url(../images/brandInfobox.png);
}
/*----- form defaults -----*/
input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}

/*----- other -----*/
figure img { 
	margin:0 20px 0 0; 
	float:left;
}
.img-box1 { 
	width:100%; 
	overflow:hidden; 
	padding-bottom:20px;
}

.extra-wrap { 
	overflow:hidden;
}

p {margin-bottom:17px;}
.p1 { margin-bottom:8px; line-height:normal;}					
.p2 { margin-bottom:17px;}
.p3 { margin-bottom:25px;}
.ptext {
	font-size:11px;
	text-wrap:normal;
}


/*----- txt, links, lines, titles -----*/
a {
	color:#ec8c04; 
	outline:none;
}
a:hover{
	text-decoration:none;	
}

.linkText{
	color:#0079c2; 
	outline:none;
	cursor:pointer;
}
.linkTextHover:hover{
	color:#dfecfe; 
	text-decoration:none;
	cursor:pointer;
}

h2 {
	font-size:20px;
	/*line-height:1.2em;*/
	font-weight:normal;
	color:#353535;
	overflow:hidden;
	/*padding:22px 0 24px 61px;*/
	padding:5px 0 18px 10px;
	letter-spacing:-1px;
	position:relative;
}
	h2 span {
		display:block;
		background:url(../images/line-dot.gif) 0 0 repeat-x;
		position:absolute;
		left:0;
		top:40px;
		width:100%;
		height:1px;
		overflow:hidden;
		z-index:10;
	}
	h2.icon1 {
		background:url(../images/icon1.jpg) no-repeat 3px 0;
	}
	h2.icon2 {
		background:url(../images/icon2.jpg) no-repeat 3px 0;
	}
	h2.icon3 {
		background:url(../images/icon3.jpg) no-repeat 3px 0;
	}
h3 {
	color:#353535;
	font-size:24px;
	line-height:1.2em;
	font-weight:normal;
	margin-bottom:1em;
}
h4Test {
	font-size:16px;
	line-height:20px;
	font-weight:normal;
	font-style:italic;
	color:#c17821;
	margin-bottom:1em;
}
h5 {
	font-size:1em;
	font-weight:normal;
	color:#d1d1d1;
	margin-bottom:1em;
}
h6 {
	font-size:1em;
	font-weight:normal;
	color:#d1d1d1;
}

mark { font-weight:bold; color:#000;}


.button {
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
	font-style:italic;
	text-shadow:1px 1px 0 #000;
	color:#fff;
	text-decoration:none;
	padding:10px;
	background:url(../images/button-bg2.gif) 0 0 repeat-x #131313;
	display:inline-block;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	behavior:url(js/PIE.htc);
	position:relative;
}
.button:hover {
	background:url(../images/button-bg1.gif) 0 0 repeat-x #e77e00;
	text-shadow:1px 1px 0 #a55d08;
}
.unableButton {
		border:0px solid #ffffff; /*if we don't put this line, asp button will not show correctly.  */
		color:#999999; 
		background-image:url('../images/link_more.gif');
		background-repeat:no-repeat;
		background-size:100% 100%; /*it works for all browser except IE*/
		background-position:center; /* it is for IE, if we don't use it, ie will display wrongly. */
		text-align:center;
		font-size:11px;
		font-weight:bold;
		padding:5px;
		vertical-align:top;
		cursor:default;
	}
.more {
		border:0px solid #ffffff; /*if we don't put this line, asp button will not show correctly.  */
		color:#555555; 
		background-image:url('../images/link_more.gif');
		background-repeat:no-repeat;
		background-size:100% 100%; /*it works for all browser except IE*/
		background-position:center; /* it is for IE, if we don't use it, ie will display wrongly. */
		cursor:pointer;
		text-align:center;
		font-size:11px;
		font-weight:bold;
		padding:5px;
		vertical-align:top;
	}

.more:hover {
		border:0px solid #ffffff; /*if we don't put this line, asp button will not show correctly.  */
		color:#ffffff; 
		background-image:url('../images/link_moreHover.gif');
		background-repeat:no-repeat;
		background-size:100% 100%; /*it works for all browser except IE*/
		background-position:center; /* it is for IE, if we don't use it, ie will display wrongly. */
		cursor:pointer;
		text-align:center;
		font-size:11px;
		font-weight:bold;
		padding:5px;
		vertical-align:top;
}
/*==================Login btn========================*/

.btnStyle-delete{
	
	border: 1pt solid #999;
	width:68px;
	height:18px;
	background-color:#666;
	color:#FFF;
	text-align:center;
	cursor:pointer;

}

/*==================boxes====================*/
.box1 {

	-moz-box-shadow: 3px 3px 4px #c3c3c3; /* Firefox 3.6 and earlier */
	-webkit-box-shadow: 3px 3px 4px #c3c3c3; /* Safari and Chrome */
	box-shadow: 3px 3px 4px #c3c3c3;
		
	background:url(../images/box-bg.gif) 0 100% repeat-x #fff;
	border:1px solid #c3c6c8;
	
	padding:5px 5px 5px 5px;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	behavior:url(js/PIE.htc);
	position:relative;
	color:#000000;
	line-height:14px;
	text-align:left;	
}
.boxScan {
	background:url(../images/box-bg.gif) 0 100% repeat-x #fff;
	border:1px solid #c3c6c8;
	padding:5px 5px 5px 5px;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	behavior:url(js/PIE.htc);
	color:#000000;
	line-height:14px;
	text-align:left;	
	font-size:12px; 
	font-family:Arial; 
	line-height:14px; 
	margin-bottom:80px;	
	margin-top:90px;
	min-height:635px;
	padding-bottom:20px;
	float:left;
	padding-right: 9px;
	align:center;
	}

.boxIndex {
	background:url(../images/box-bg.gif) 0 100% repeat-x #fff;
	border:1px solid #c3c6c8;
	padding:10px 10px 5px 10px;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	color:#808080;
	line-height:14px;
	text-align:left;
	
	position:absolute;
}

.box2 {
	background:url(../images/box-bg.gif) 0 100% repeat-x #fff;
	border:1px solid #c3c6c8;
	padding:10px 23px 30px 23px;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	behavior:url(js/PIE.htc);
	position:relative;
	color:#808080;
}
#leftCatBrand {
	height:380px;
	overflow:auto;
}
#leftPannel {
	float:left;
	position:relative;
}
.address { 
	float:left;
	padding-bottom:17px;
}
	.address dt {
		margin-bottom:16px;
	}
		.address dt strong {
			color:#000;
		}
	.address dd { 
		clear:both;
	}
		.address dd span { 
			float:left;
			width:95px;
		}
/*===== header =====*/

/*--- logo ---*/
header .logo {
	position:absolute;
	/*background:url(../images/logo.gif) no-repeat 100% 0;*/
	background: url(../images/convergentSys_07.gif) no-repeat 100% 0;
	padding-right:70px;
	/*top:41px;*/
	top:-10px;
	left:30px;
	width:174px;
	cursor:pointer;
}
	header .logo h1 {
		font-size:42px;
		line-height:1.2em;
		color:#fff;
		font-weight:normal;
		letter-spacing:-2px;
	}
		header .logo h1 a {
			color:#fff;
			text-decoration:none;
			text-shadow:1px 1px 0 #000;
		}
	header .logo span {
		font-size:15px;
		font-style:italic;
		color:#fff;
		text-shadow:1px 1px 0 #000;
		float:right;
		margin-top:-10px;
	}


/*--- navigation ---*/
header nav {
	position:absolute;
	right:6px;
	/*top:113px;*/
	top:93px;
}
	header nav li {
		float:left;
		padding-left:1px;
	}
		header nav li a {
			width:132px;
			text-align:center;
			float:left;
			font-size:12px;
			color:#fff;
			/*text-shadow:1px 1px 0 #000;*/
			font-family:Arial;
			text-decoration:none;
			padding:11px 0 17px 0;
			height:30px;
			background:url(../images/nav-bg1.gif) no-repeat 0 0;
			
		}
		header nav li a:hover, header nav li a.current {
			background:url(../images/nav-bg2.gif) no-repeat 0 0;
			font-style:italic;
			text-transform:uppercase;
			/*text-shadow:1px 1px 0 #a55d08;*/
			font-family:Arial;
			font-size:12px;
			height:30px;
			
			
		}
		
		.m2enuItem
		{
			width:132px;
			font-family:Arial;
			text-align:center;
			float:left;
			font-size:12px;
			color:#fff;
			height:13px;
			/*text-shadow:1px 1px 0 #000;*/
			text-decoration:none;
			padding:5px 0 14px 0;
			/*background:url(../images/nav-bg1.gif) no-repeat 0 0;*/
		}
		
		.M2enuStaticHover
		{
			/*background:url(../images/nav-bg2.gif) no-repeat 0 0;*/
			/*font-style:italic;*/
			text-transform:uppercase;
			/*text-shadow:1px 1px 0 #a55d08;*/
			color:#666;
			height:30px;
			font-size:12px;
		}
		
		.M2enuDynamicHover
		{
			/*display: inline-block;*/
			/*background-color:#000;*/
			/*border:solid #666;*/
			background-color:#F93;
			font-size:11pt;
			font-style:normal;
			font-family:Arial;
			height:30px;
			
			color:#000;
			/*padding-left:4px;
			padding-right:4px;*/
			/*border:0px solid rgba(0,0,0,0.4);*/
			/*background:url(../images/nav-bg2.gif) no-repeat 0 0;*/	
		}
		.m2enuItemDynamic
		{
			/*display:table-cell; *//* inline-block;*/
			
			font-size:10pt;
			font-weight:bold;
			font-style:normal;
			font-family:Arial;
			/*height:35px;*/
			width:100%;
			height:30px;
			vertical-align:middle;
			color:#FFF;
			background-color:#F90;
		/*	background:url(../images/nav-bg1.gif) no-repeat 0 0;*/
		
		}
		/*--- rss ---*/
		.rss {
			display:block;
			position:absolute;
			right:6px;
			top:44px;
			background:url(../images/icon-rss.gif) no-repeat 100% 0;
			padding:13px 45px 0 0;
			color:#fff;
			font-size:13px;
		}

/*===== main-banner =====*/
#main-banner {
	background:#cad2d7;
	height:317px;
	overflow:hidden;
	border-bottom:1px solid #fff;
}
/*===== index page - main banner =====*/			
	.slideshow {  
		height:  300px;  /*image size */
		width:   935px;  
		padding: 0;  
		margin:  0;  
	} 	 
	.slideshow img {  
		padding: 5px; 
		border:  1px solid #ccc;  
		background-color: #eee;  
		width:  935px; 
		height: 300px; 
		top:  0; 
		left: 0 
	} 
/*===== content =====*/
#content .indent {
	padding:0 0 0 30px;
}
	#content .row-1 {
		background:url(../images/content-bg1.gif) 0 0 repeat-x #fefefe;
		padding:12px 0 20px 0;
	}
	#content .row-2 {
		background:url(../images/content-bg2.gif) 0 0 repeat-x #3e3e3e;
		padding:36px 0 53px 0;
	}
		#content .row-2 h3 {
			color:#fff;
		}
		
		#content .row-2 .button {
			background:url(../images/button-bg1.gif) 0 0 repeat-x #e77e00;
			text-shadow:1px 1px 0 #a55d08;
		}
		#content .row-2 .button:hover {
			background:url(../images/button-bg2.gif) 0 0 repeat-x #131313;
			text-shadow:1px 1px 0 #000;
		}


.list1 {
	margin-bottom:17px;
}
	.list1 li {
		background:url(../images/arrow1.gif) no-repeat 0 6px;
		padding:0 0 0 12px;
		font-size:10px;
		text-transform:uppercase;
	}
		.list1 li a {
			color:#ec8c04;
		}

.list2 {
	padding-bottom:14px;
}
	.list2 li {
		background:url(../images/marker1.gif) no-repeat 0 4px;
		padding:0 0 8px 22px;
		border-bottom:1px dotted #646b6d;
		margin-bottom:6px;
	}
		.list2 li a {
			color:#989999;
			text-decoration:none;
		}
		.list2 li a:hover {
			color:#fff;
		}

/*===== footer =====*/
footer {
	background:#212121;
	border-top:1px solid #080808;
	text-align:right;
	color:#8b8b8b;	
	height:80px;
}
	footer a {
		color:#8b8b8b;
	}
	footer nav {
		margin:0 -18px 4px 0;
	}
		footer nav li {
			display:inline;
			color:#313131;
			font-size:10px;
		}
			footer nav li a {
				color:#8b8b8b;
				text-transform:uppercase;
				padding:0 18px 0 15px;
			}
			footer nav li a:hover, footer nav li a.current {
				color:#fff;
				text-decoration:none;
			}
			


/*----- forms -----*/
#contacts-form fieldset {
	border:none;
	width:100%;
	overflow:hidden;
	display:block;
}
	#contacts-form label {
		display:block;
		height:71px;
		overflow:hidden;
	}
		#contacts-form input {
			color:#111;
			border:1px solid #a09b96;
			background:none;
			padding:3px 0 3px 5px;
			width:220px;
			background:#fff;
			color:#000;
		}
		#contacts-form textarea {
			color:#111;
			border:1px solid #a09b96;
			background:#fff;
			padding:3px 0 3px 5px;
			width:375px;
			overflow:auto;
			height:156px;
			margin-bottom:18px;
			color:#000;
		}
		#contacts-form .button {
			float:right;
			margin-left:10px;
		}
		
	.inner_copy {border:0;color:#f00;float:left;width:50%!important;margin:-202px 0 0 0;overflow:hidden;line-height:0;padding:0;font-size:12px} 
	
	#r1ight {
	  float: left;
	  postition:relative;	  
	  font-size:12px; 
	  font-family:Arial; 
	  line-height:14px; 
	  top:6px; 	 
	  z-index:2; 
	  min-height:635px;
	  float:left;
	  position:relative; 
	  margin-top:-20px;
	  padding-right: 9px;
	  align:center;
	}
/*==========================================*/
	.buttonStyle
	{		 	
		border:1px solid #ffffff; /*if we don't put this line, asp button will not show correctly.  */
		color:#ffffff; 
		background-image:url('../images/link_large.gif');				
		background-repeat:no-repeat;
		background-size:100% 100%; /*it works for all browser except IE*/
		background-position:center; /* it is for IE, if we don't use it, ie will display wrongly. */		
		cursor:pointer;
		height:30px;
		text-align:center;
		font-size:11.5px;
		font-weight:bold;
		padding:5px;
		vertical-align:top;
		text-align:center;
	}

	.buttonStyle:hover
	{
		border:1px solid #ffffff; /*if we don't put this line, asp button will not show correctly.  */
		color:#dfecfe; 
		background-image:url('../images/hover_large.gif');
		background-repeat:no-repeat;
		background-size:100% 100%; /*it works for all browser except IE*/
		background-position:center; /* it is for IE, if we don't use it, ie will display wrongly.*/
		cursor:pointer;
		height:30px;
		text-align:center;
		font-size:11.5px;
		font-weight:bold;
		padding:5px;
		vertical-align:top;
		text-align:center;
	}
	.buttonStylePaging
	{
		border:1px solid #ffffff; /*if we don't put this line, asp button will not show correctly.  */
		color:#0079c2;
		background-repeat:no-repeat;
		background-size:100% 100%; /*it works for all browser except IE*/
		background-position:center; /* it is for IE, if we don't use it, ie will display wrongly. */		
		cursor:pointer;
		height:30px;
		text-align:center;
		font-size:10px;
		font-weight:bold;
		padding:7px;
		vertical-align:top;
		text-align:center;
		text-transform:uppercase;
	}
	.buttonStylePaging:hover
	{
		border:1px solid #ffffff; /*if we don't put this line, asp button will not show correctly.  */
		color:#0079c2;
		background-repeat:no-repeat;
		background-size:100% 100%; /*it works for all browser except IE*/
		background-position:center; /* it is for IE, if we don't use it, ie will display wrongly. */		
		cursor:pointer;
		height:30px;
		text-align:center;
		font-size:11px;
		font-weight:bold;
		padding:7px;
		vertical-align:top;
		text-align:center;
		text-transform:uppercase;
	}
	.buttonStyleGray
	{		 	
		border:1px solid #ffffff; /*if we don't put this line, asp button will not show correctly.  */
		color:#ffffff; 
		background-image:url('../images/link_more.gif');
		background-repeat:no-repeat;
		background-size:100% 100%; /*it works for all browser except IE*/
		background-position:center; /* it is for IE, if we don't use it, ie will display wrongly. */		
		height:30px;
		text-align:center;
		font-size:12px;
		font-weight:bold;
		padding:7px;
		vertical-align:top;
		text-align:center;
	}
	.pagingBlue
	{
		color:#1094e3;
		font-weight:bold;
		font-size:10px;
		cursor:pointer;
		text-transform:uppercase;
	}
	.pagingBlue:hover
	{
		color:#0064b5;
		font-weight:bold;
		font-size:11px;
		cursor:pointer;
		text-transform:uppercase;
	}
	.buttonStyleBlue
	{	
	 	border:2px groove #0079c2;
		color:#ffffff; 
		/*width: 400px; */
		background-color:#0064b5;  
		cursor:pointer;		
		text-align:center;
		padding:3px;
	}	
	.buttonStyleBlue:hover
	{		
		color:#0064b5; 		
		background-color:#dfecfe;  
		cursor:pointer;		
		text-align:center;	
	}
	.buttonStyleBlueHover
	{		
		color:#0064b5; 		
		border-top:2px groove #0079c2;
		border-right:2px groove #0079c2;
		border-left:2px groove #0079c2;		
		background-color:#dfecfe;  
		cursor:pointer;		
		text-align:center;
		padding:5px;
	}
	.buttonStyleLeft
	{	border:2px solid #0079c2;
		color:#FFF; 
		/*width: 400px; */
		background-color:#0064b5;  
		cursor:pointer;
		height:22px;
		padding:5px;
		text-align:left;	
	}	
	.buttonStyleLeft:hover
	{
		border:2px solid #0079c2;
		color:#333; 
		/*width: 400px; */
		background-color:#dfecfe;  
		cursor:pointer;
		height:22px;
		padding:5px;
		text-align:left;
	}
	.buttonStyleLeftFix
	{
		border:2px solid #0079c2;
		color:#333; 
		/*width: 400px; */
		background:url(../images/arrow1.gif) no-repeat 0 6px;
		background-position: left;
		background-color:#dfecfe;  
		cursor:pointer;
		height:22px;
		padding-right: 5px;
		padding-bottom: 5px;
		padding-top:5px;
		padding-left:8px;
		text-align:left;
	}
	.buttonStyleLeftFixBlue
	{		
		background-position: left;
		cursor:pointer;
		height:20px;
		font-weight:bold;
		color:#0079c2;
	}
	.prodTitle
	{
		width:100px;
		font-weight:bold;
		padding:5px;
		background-color:#0079c2;
		color:#FC0;	
	}
	.prodEntry
	{	width:100px;
		padding:2px;
		background-color:#cccccc;
		border:2px solid #0079c2;
		color:black;			
	}
	.prodEntryNoBorder
	{	width:100px;		
		background-color:#cccccc;	
		color:black;			
	}
	.prodEntryNoBorderYellow
	{	width:100px;		
		background-color:#ffc;	
		color:black;			
	}
	.prodEntryRed
	{	width:100px;
		padding:5px;
		background-color:#0079c2;
		border:2px solid #0079c2;
		color:red;
		font-weight: bold;
	}
	.prodTable
	{
		border:2px solid #0079c2;
		background-color:#dfecfe;
	}
	.prodTableWhite
	{
		border:2px solid #0079c2;
		background-color:#ffffff;
	}
	.bannerMsgChkGreen
	{
		padding:3px;		
		background-color:green;
		font-weight:bold;
		color:white;
	}
	.bannerMsgChkRed
	{
		padding:3px;
		background-color:red;
		font-weight:bold;
		color:white;
	}
	/* index page; ie, firefox,chrome,safari*/
	.shadowNewTest{
		-moz-box-shadow: 1px 1px 2px #c3c3c3; /* Firefox 3.6 and earlier */
		-webkit-box-shadow: 1px 1px 2px #c3c3c3; /* Safari and Chrome */
		box-shadow: 1px 1px 2px #c3c3c3;
		
		background:url(../images/box-bg.gif) 0 100% repeat-x #fff;
		border:1px solid #c3c6c8;
		padding:10px 10px 5px 10px;
		border-radius:6px;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		behavior:url(js/PIE.htc);	
		
		font-size:12px;
		color: #000000;
				
		line-height:14px;
		text-align:left;
		max-width:287px;
		min-width:287px;	
		float:left;
		
		margin:2px;
	}
	.shadowNew{
		-moz-box-shadow: 1px 1px 2px #c3c3c3; /* Firefox 3.6 and earlier */
		-webkit-box-shadow: 1px 1px 2px #c3c3c3; /* Safari and Chrome */
		box-shadow: 1px 1px 2px #c3c3c3;
		
		background:url(../images/box-bg.gif) 0 100% repeat-x #fff;
		border:1px solid #c3c6c8;
		padding:10px 10px 5px 10px;
		border-radius:6px;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		behavior:url(js/PIE.htc);
		
		font-size:12px;
		color: #000000;
				
		line-height:14px;
		text-align:left;
		float:left;
		position:relative;
		margin:2px;	
	}
	.floatNewsImg
	{
		-moz-box-shadow:  8px 8px 8px -5px #999; /* Firefox 3.6 and earlier */
		-webkit-box-shadow: 8px 8px 8px -5px #999; /* Safari and Chrome */
		box-shadow:  8px 8px 8px -5px #999;
		padding:5px;
		border:1px solid #999;
		background:#fff;
		behavior:url(js/PIE.htc);
	}
	.shadowNewRow{
		-moz-box-shadow: 1px 1px 2px #c3c3c3; /* Firefox 3.6 and earlier */
		-webkit-box-shadow: 1px 1px 2px #c3c3c3; /* Safari and Chrome */
		box-shadow: 1px 1px 2px #c3c3c3;
		
		background:url(../images/box-bg.gif) 0 100% repeat-x #fff;
		border:1px solid #c3c6c8;
		padding:10px 10px 5px 10px;
		border-radius:6px;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		behavior:url(js/PIE.htc);	
		
		font-size:12px;
		color: #000000;
				
		line-height:14px;
		text-align:left;
		max-width:600px;
		min-width:600px;	
		float:right;
		position:relative;		
		margin:2px;
	}
	.shadowNewCart{
		-moz-box-shadow: 1px 1px 2px #c3c3c3; /* Firefox 3.6 and earlier */
		-webkit-box-shadow: 1px 1px 2px #c3c3c3; /* Safari and Chrome */
		box-shadow: 1px 1px 2px #c3c3c3;

		background-color:#ecfafd; 
		width:610px;
		border:1px solid #cccccc;
		padding:10px 10px 5px 10px;
		border-radius:6px;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		behavior:url(js/PIE.htc);

		line-height:14px;
		text-align:left;
		float:left;
		position:relative;
		margin:5px;
	}
	.boldTitleSAP{
	font-weight:bold;
	color : #000000;
	
	}	
	.scanNametag
	{
		width:150px;
		color:#000000;
		float:left;
		position:relative;
	}
	.scanNameInputtag
	{
		width:300px;
		color:#000000;
		float:left;
		position:relative;
	}
	.scanNameInputtagTwoImg
	{
		width:250px;
		color:#000000;
		float:left;
		position:relative;
	}
	.userRegCss
	{
		padding:5px;
		color:#0079c2; 
		font-weight:bold;		
	}
/*==================== products list display start ======================*/
.listName
{
	font-size:16px;
	color:#0e4d79;
	font-weight:bold;
	padding-bottom:10px;
}
.listPTitle
{
	margin-bottom:3px;
	font-weight:bold;
}
.listP
{
	margin-bottom:3px;
	font-size:11px;
}
/*==================== products list display end ======================*/

/*==================== pop up start ======================*/	
.Searchbox {
  background-color:#FFF;
  border: 2px solid #999;
  opacity:1.0;
/*  -moz-border-radius: 1em;*/
  width:400px;
  height:585px;
  padding: 0px;
  /*position: absolute;*/
  position:fixed;
  top: 0px; 
  /*top:expression(window.scrollTop + "px");*/
  right: 50%; 
  margin-right: -400px; 
  margin-top: 320px; 
  -moz-box-shadow: 5px 5px 5px #ccc;
  -webkit-box-shadow: 5px 5px 5px #ccc;
/*  box-shadow: 5px 5px 5px #ccc;*/
}
.outcomebox {
  background-color:#FFF;
  border: 2px solid #0079c2;
  opacity:1.0;
/*  -moz-border-radius: 1em;*/
  width:400px;
  padding: 5px;
  /*position: absolute;*/
  position:fixed;
  top: 0px; 
  /*top:expression(window.scrollTop + "px");*/
  right: 50%; 
  margin-right: -300px; 
  margin-top: 200px; 
  -moz-box-shadow: 5px 5px 5px #ccc;
  -webkit-box-shadow: 5px 5px 5px #ccc;
/*  box-shadow: 5px 5px 5px #ccc;*/
}
.bar {
  background-color:#fff;
 /* opacity:0.5; */
  cursor: move;
  font-weight: bold;
  height:28px;
}

.content {
  padding: 1em;
}

.hideGridColumn
{
	display:none;
}
popup{

font-family: Arial;
font-size: 11pt;
width: 200px;
background-color: #E2EBED;
border: 1px dotted #000;
padding: 2px;
height: 100px;
position: absolute;
/*cursor: hand;*/
/*	cursor: pointer; */
cursor:pointer;
display: none;
}		
.tableStyle
{
	border: 1px solid #0079c2;
	border-collapse:collapse;            
}
/*==================== pop up end ======================*/
.hrCss
{
	border: 0;
	height: 1px;
	background-image:-webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.55), rgba(0,0,0,0)); 
	background-image:-moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.55), rgba(0,0,0,0)); 
	background-image:-ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.55), rgba(0,0,0,0)); 
	background-image:-o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.55), rgba(0,0,0,0)); 
}
.hrCss2
{
	border: 0;
	height: 1px;
	background: #333;
	background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); 
	background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc); 
	background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc); 
	background-image:      -o-linear-gradient(left, #ccc, #333, #ccc); 
}
.hrCss3
{
	height: 2px;
	border: 0;
	background-color: #f7f6f4;
	background-image: linear-gradient(left, #f7f6f4, #fff, #f7f6f4);
}
.hrCss3::after 
{
	content: '';
	display: block;
	height: 1px;
	background-color: #c3c3c3;
	background-image: linear-gradient(left, #f7f6f4, #c3c3c3, #f7f6f4);
}
.underNavCss
{ 
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	height: 26px; 
	color: #0c486c; 
	text-shadow: 0 1px 1px #fff; 
	font-weight: bold; 
	font-size: 1.3em; 
	line-height: 25px; 
	padding-left: 15px;
	margin-bottom:10px;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#90d1f8) to(#dfecfe));
	background-image: -webkit-linear-gradient(top, #90d1f8, #dfecfe);
	background-image: -moz-linear-gradient(top, #90d1f8, #dfecfe);
	background-image: -o-linear-gradient(top, #90d1f8, #dfecfe);
	background-image: linear-gradient(top, #90d1f8, #dfecfe); 
}