
select {
	-webkit-appearance: button;
	appearance:button;
	-moz-appearance:button;
	-webkit-padding-end: 2px;
	-webkit-padding-start: 2px;
	-moz-padding-start : 2px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;  
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.1);
	box-shadow: 0px 1px 3px rgba(0,0,0,0.1);		
	background-color: #FAFAFA;
	background-image: url(../img/selectimg.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 20%, #E5E5E5);
	background-image: url(../img/selectimg.png), -moz-linear-gradient(top, #FAFAFA, #E5E5E5);
	background-image: url(../img/selectimg.png), -ms-linear-gradient(top, #FAFAFA, #E5E5E5);
	background-image: url(../img/selectimg.png), -o-linear-gradient(top, #FAFAFA, #E5E5E5);
	background-image: url(../img/selectimg.png), linear-gradient(top, #FAFAFA, #E5E5E5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E5E5E5', GradientType=0);
	background-position: center right;
	background-repeat: no-repeat;
	border: 1px solid #AAA;
	color: #000;
	margin: 0;
	overflow: hidden;
	padding-top: 1px;
	padding-bottom: 1px;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
	}

.filterBar{
	background-color: #f2f2f2; 
	color:#696969; 
	text-align: left; 
	padding:2px 0 0 2px; 
	font-size:11px;
	font-family:arial;
	}
	
.filterBar select{
	padding:3px;
	width:100%;
	margin-bottom:10px;
	}
	
.filterBar input{
	width:92%;padding:2px;
	}

.filterBar #searchButton{	
	min-width:40px;padding:2px 3px 3px 4px;position:relative;top:-4px;
	}

.filterBtn  {
	display: inline-block;
	text-align:center;
	padding: 2px 5px 5px 2px;
	font-family:arial;
	font-size: 16px;
	line-height: 16px;	
	height:16px;
	<!--[if IE]> -->height:24px<!-- <![endif]-->;
	width:25px;
	background-color: #648A43;
	cursor:pointer;
	border-radius: 4px;
	-moz-border-radius:4px;
	text-decoration:none;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#72BC57), to(#36801B));
	background-image: -moz-linear-gradient(top, #72BC57, #36801B);
	background-image: -ms-linear-gradient(top, #72BC57, #36801B);
	background-image: -webkit-linear-gradient(top, #72BC57, #36801B);
	background-image: -o-linear-gradient(top, #72BC57, #36801B);
	background-image: linear-gradient(top, #72BC57, #36801B);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#72BC57', endColorstr='#36801B', GradientType=0);	
}

.filterBtn img {
	position:relative;
	top:3px;
	left:3px;
}

.filterBtn:hover {
	background-image: -webkit-gradient(linear, 0 0, 0 50%, from(#72BC57), to(#36801B));
	background-image: -moz-linear-gradient(top, #65ab49, #36801B);
	background-image: -ms-linear-gradient(top, #65ab49, #36801B);
	background-image: -webkit-linear-gradient(top, #65ab49, #36801B);
	background-image: -o-linear-gradient(top, #65ab49, #36801B);
	background-image: linear-gradient(top, #65ab49, #36801B);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#65ab49', endColorstr='#36801B', GradientType=0);	
}

.offFilterBtn  {
	display: inline-block;
	text-align:center;
	padding: 2px 5px 5px 2px;
	font-size: 16px;
	line-height: 16px;	
	height:16px;
	<!--[if IE]> -->height:24px<!-- <![endif]-->;
	width:100px;
	color:#696969;
	background-color: #E1E7E8;
	border-radius: 4px;
	-moz-border-radius:4px;
	text-decoration:none;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e4e4e4), to(#c3c9ca));
	background-image: -webkit-linear-gradient(top, #e4e4e4, #c3c9ca);	
	background-image: -moz-linear-gradient(top, #e4e4e4, #c3c9ca);
	background-image: -ms-linear-gradient(top, #e4e4e4, #c3c9ca);
	background-image: -webkit-linear-gradient(top, #e4e4e4, #c3c9ca);
	background-image: -o-linear-gradient(top, #e4e4e4, #c3c9ca);
	background-image: linear-gradient(top, #e4e4e4, #c3c9ca);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#c3c9ca', GradientType=0);	
	border: 1px solid #ccc;
	border-bottom-color: #bbb;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
	cursor: pointer;
	text-shadow: 0px 1px 0px #fffffe;
}

/* Tab Navigation Styles */
.tabsNewBar 	{width:100%;border: 0;margin: 0;padding: 0;}
table.tab 		{line-height:normal;font-size:11px;}
/*.tab td 		{text-align:center;background-image: url(../img/tabs/left.gif);background-repeat: no-repeat;background-position: left top;margin:0;padding:0 0 0 6px;border-bottom:1px solid #A4A29E;}*/
.tab td 		{text-align:center;background-position: left top;margin:0;padding:0 0 0 6px;border-bottom:1px solid #A4A29E;}*
.tab a 			{text-decoration:none;color:#444;}
.tab div 		{background-image:url(../img/tabs/right.gif);background-repeat: no-repeat;background-position: right top;padding:3px 9px 5px 3px;}
.tab a:hover 	{text-decoration:underline;color:#333;}
.tabNavigation 	{border-bottom:8px solid #AAA;}
.tab td.focusTab {color:#FFFFFF;font-weight:bold;background-color: transparent;border-bottom-width: 1px;border-bottom-style: solid;}
.tab .focusTab div {color:#FFFFFF;padding:4px 9px 4px 3px;}
.tab .focusTab a,.tab .currentTab a:hover {color: #000;}

/* Top Right Links */
.topLink {font-family:arial;font-size:11px;font-weight:bold;color:#000;}
.topLink a {text-decoration:none;color:#000;}
.topLink a:hover {text-decoration:underline;color:#000;}

/* Setup Section Menu Links */
.setMenuBack 			{width:162px;background-color:#f2f2f2;height:750px;min-height:750px;}
.setUpHead 			{font-family:arial;font-size:14px;font-weight:bold;color:#333;border-bottom:1px solid #AAA;text-align:left;}
.setMenuStyle 			{font-family:arial;font-size:12px;font-weight:none;color:#595959;}
.setMenuStyle a 		{text-decoration:none;color:#595959;}
.setMenuStyle a:hover 		{text-decoration:underline;color:#595959;}
.setMenuStyleFocus 		{font-family:arial;font-size:12px;font-weight:bold;color:#595959;}

.setMenuStyleDetail		{text-indent:10px;font-family:arial;font-size:11px;font-weight:none;color:#595959;text-align:left;}
.setMenuStyleDetailFocus	{text-indent:10px;font-family:arial;font-size:11px;font-weight:bold;color:#595959;text-align:left;}
.setMenuStyleDetail a		{text-decoration:none;}
.setMenuStyleDetail a:hover 	{text-decoration:underline;}

/* Section Styles */
.setupPageHead			{font-family:arial;font-size:30px;font-weight:bold;color:#CCC;text-indent:0px;padding:5px 5px 5px 20px;background-color:#747E96;text-align:left;height:40px;vertical-align:middle;}
.setupTFrmBtn 			{font-family:arial;font-size:12px;font-weight:none;color:#333;background-color:#f2f2f2;text-align:center;padding:3px;border-bottom:4px solid #747E96;}
.setupBFrmBtn 			{font-family:arial;font-size:12px;font-weight:none;color:#333;background-color:#f2f2f2;text-align:center;padding:3px;border-top:4px solid #747E96;}
.pageDesc 			{font-family:arial;font-size:11px;font-weight:none;color:#696969;padding:5px;}

/* Common Styles */
.mainArea 				{width:100%;}
.mainWdth				{width:800px;}

.tableHead 				{	font-family:arial;font-size:11px;font-weight:none;color:#696969;text-align:center;
							padding:5px 0px 5px 0px;
							text-shadow: 0px 1px 0px white;
							color: #696969;
							background-color: #F2F2F2;
							background-image: -moz-linear-gradient(top, white, #D4D4D4);
							background-image: -ms-linear-gradient(top, white, #D4D4D4);
							background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#D4D4D4));
							background-image: -webkit-linear-gradient(top, white, #D4D4D4);
							background-image: -o-linear-gradient(top, white, #D4D4D4);
							background-image: linear-gradient(top, white, #D4D4D4);
							filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d4d4d4', GradientType=0);
							border-color: #F2F2F2 #D4D4D4 #D4D4D4 #F2F2F2;
							border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25);
}

.tableHeadSort			{
							font-family:arial;font-size:11px;
							padding:5px 0px 5px 0px;
							text-align:center;
							text-shadow: 0px 1px 0px white;
							color: #696969;
							background-color: #F2F2F2;
							background-image: -moz-linear-gradient(top, white, #D4D4D4);
							background-image: -ms-linear-gradient(top, white, #D4D4D4);
							background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#D4D4D4));
							background-image: -webkit-linear-gradient(top, white, #D4D4D4);
							background-image: -o-linear-gradient(top, white, #D4D4D4);
							background-image: linear-gradient(top, white, #D4D4D4);
							filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d4d4d4', GradientType=0);
							border-color: #F2F2F2 #D4D4D4 #D4D4D4 #F2F2F2;
							border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25);
}
.tableHeadSort a			{text-decoration:none;color: #696969;}
.tableHeadSort a:hover	{text-decoration:underline;color: #696969;}

.morePage			{font-family:font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;text-decoration:none;color:#888888;font-size:14px;font-weight:bold;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;;padding:10px;background-color:#F0F0F0;border:1px solid #F0F0F0;cursor:pointer;}
.morePage:hover			{color:#CCCCCC;background-color:#FFFFFF;}

.tableRow 				{padding-left:px;text-indent:0px;font-family:arial;font-size:12px;font-weight:none;color:#333;border-bottom:1px solid #e4e4e8;}
.tableRowNew 			{text-indent:0px;font-family:arial;font-size:10px;font-weight:none;color:#333;border-bottom:1px solid #e4e4e8;}
.treeStyle				{font-family:arial;font-size:12px;font-weight:bold;color:#333;border-bottom:1px solid #e4e4e8;}
.treeStyle a			{text-decoration:none;color:#333;}
.treeStyle a:hover		{text-decoration:underline;color:#333;}
.txtLine				{font-family:arial;font-size:11px;font-weight:none;color:#333;border-bottom:1px solid #e4e4e8;}
.txtLine a				{text-decoration:none;color:#0000CC;font-weight:bold;}
.txtLine a .hsEdit		{text-decoration:none;}
.txtLine a:hover .hsEdit{text-decoration:none;}
.npad					{padding-right:3px;}
.txtLine a:hover		{text-decoration:underline;color:#0000CC;}
.txt					{font-family:arial;font-size:12px;font-weight:none;color:#333;}
.txt a					{text-decoration:none;color:#0000CC;font-weight:bold;}
.txt a:hover			{text-decoration:underline;color:#0000CC;}
.txt a .hsEdit			{text-decoration:none;}
.txt a:hover .hsEdit	{text-decoration:none;}
.selBoxLbl 				{font-family:arial;font-size:11px;font-weight:bold;color:#000;}
.selBox 				{font-family:arial;font-size:11px;color:#333;width:99%;background-color:#e4e4e8;}
.smallHead				{font-family:arial;font-size:14px;font-weight:bold;color:#777;border-bottom:1px solid #e4e4e8;}
.newsHead 				{padding-top:10px;padding-bottom:5px;font-family:arial;font-size:13px;color:#333;border-top:1px solid #e4e4e8;font-weight:bold;}
.newsTxt 				{padding-left:5px;padding-right:5px;font-family:arial;font-size:12px;font-weight:none;}
.newsTxtDetail				{cursor:pointer;padding-bottom:5px;font-family:arial;font-size:12px;color:#696969;}
.newsArticleTitle			{padding-top:10px;font-family:arial;font-size:20px;font-weight:bold;color:#696969;}
.newsArticleDate			{padding-top:3px;font-family:arial;font-size:14px;color:#888888;}
.newsArticleBody			{padding-top:10px;font-family:arial;font-size:12px;color:#696969;}


.favorHead				{font-family:arial;font-size:12px;font-weight:bold;color:#333;border-bottom:2px solid #e4e4e8;}
.favorHead a			{font-family:arial;font-size:12px;font-weight:bold;color:#333;border-bottom:2px solid #e4e4e8;}
.favorHead a:head		{font-family:arial;font-size:12px;font-weight:bold;color:#333;border-bottom:2px solid #e4e4e8;}
.favorTxt				{font-family:arial;font-size:10px;font-weight:bold;color:#333;}
.favorTxt a				{font-family:arial;font-size:10px;font-weight:bold;color:#333;text-decoration:none;}
.favorTxt a:hover		{font-family:arial;font-size:10px;font-weight:bold;color:#333;text-decoration:underline;}

.treeGrid				{font-family:arial;font-size:11px;font-weight:none;color:#333;border-bottom:1px solid #e4e4e8;border-right:2px solid #e4e4e8;text-align:right;height:35px;}
.treeGrid a				{font-family:arial;font-size:11px;font-weight:bold;color:#0000CC;text-align:center;text-decoration:none;}
.treeGrid a:hover		{font-family:arial;font-size:11px;font-weight:bold;color:#0000CC;text-align:center;text-decoration:underline;}


.alphaSelected  		{text-decoration:underline;font-family:arial;font-size:12px;font-weight:none;color:#333;}
.alphaSelected a		{text-decoration:none;color:#0000CC;font-weight:bold;}
.alphaSelected a:hover	{text-decoration:underline;color:#0000CC;}

.alphaNormal  			{font-family:arial;font-size:12px;font-weight:none;color:#333;}
.alphaNormal a			{text-decoration:none;color:#0000CC;font-weight:bold;}
.alphaNormal a:hover	{text-decoration:underline;color:#0000CC;}

.confMsg				{font-family:arial;font-size:12px;font-weight:none;color:#8B8989;text-align:center;font-weight:bold;}
.successMsg				{font-family:arial;font-size:12px;font-weight:none;color:#8B8989;font-weight:bold;}
.errorMsg				{background-color:#FFFFFF;color: #FF0000;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;font-weight:bold;}
.timeout				{text-align:center;padding:25px;height:60px;width:340px;z-index:100;border:4px solid #FF0000;background-color:#FFC1C1;color: #333;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;vertical-align:middle;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.noRecs					{width:100%;font-family:arial;font-size:12px;font-weight:none;color:#8B8989;height:40px;text-align:center;font-weight:bold;margin-top:20px;}
.noRecSmall				{font-family:arial;font-size:12px;font-weight:none;color:#8B8989;height:40px;text-align:center;font-weight:bold;margin-top:20px;}
.disabled				{background-color:#FF0000;color: #FFFFFF;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;}
.logoutMsg				{font-family:arial;font-size:20px;font-weight:none;color:#8B8989;text-align:center;font-weight:bold;padding-top:50px;}

.helpPageHead 			{font-family:arial;font-size:15px;font-weight:bold;color:#fff;padding:10px;background-color:#003366;text-align:left;height:50px;vertical-align:middle;}
.helpTxt				{font-family:arial;font-size:12px;font-weight:none;color:#333;}
.helpTxt a				{text-decoration:none;color:#0000CC;font-weight:bold;}
.helpTxt a:hover		{text-decoration:underline;color:#0000CC;}
.helpPageFoot			{font-family:arial;font-size:12px;font-weight:none;color:#333;background-color:#AAA;text-align:center;padding:3px;border-top:4px solid #003366;}


.emailTemplateStyle 	{height:200px;width:100%;background-color:white;font-family:arial;font-size=12px;padding:3;border:1px solid #CCCCCC;overflow:auto;color:#000000;}

.orderPageHead 		{font-family:arial;font-size:15px;font-weight:bold;color:#fff;padding:10px;background-color:#333399;text-align:left;height:50px;vertical-align:middle;}
.orderTFrmBtn 		{font-family:arial;font-size:12px;font-weight:none;color:#333;background-color:#f2f2f2;text-align:center;padding:3px;border-bottom:4px solid #333399;}
.orderBFrmBtn 		{font-family:arial;font-size:12px;font-weight:none;color:#333;background-color:#f2f2f2;text-align:center;padding:3px;border-top:4px solid #333399;}
.orderSectHead 		{font-family:arial;font-size:12px;font-weight:bold;color:#333;background-color:#f2f2f2;text-align:left;padding:3px;border-bottom:2px solid #333399;}
.orderStore			{border-bottom:3px solid #333;border-top:1px solid #CCC;font-family:arial;font-size:12px;font-weight:bold;color:#333;}
.orderSizeHead		{background-color:#AAAAAA;border:1px solid #333;font-weight:bold;text-align:center;}
.orderStr 			{font-family:arial;font-size:11px;color:#333;}
.ordertxt 			{font-family:arial;font-size:9px;color:#333;border-right:1px solid #CCCCCC;text-align:center;width:5%;}
.orderHead 		{background-color:#CCCCCC;;font-family:arial;font-size:11px;color:#333;font-weight:bold;text-align:center;}
.sizeHead 		{background-color:#f2f2f2;padding:5px 0 5px 0;font-family:arial;font-size:11px;color:#333;font-weight:bold;text-align:center;}
.invItem		{font-family:Verdana, Geneva, sans-serif;border-bottom:1px solid #e2e2e2;font-size: 11px; color: #696969;padding:5px 0 5px 0;}
.orderTotal 		{font-family:arial;font-size:9px;color:#333;border-right:1px solid #CCCCCC;text-align:center;width:5%;}
.orderAmttxt  		{font-family:arial;font-size:8px;color:#333;border-right:1px solid #CCCCCC;text-align:center;width:5%;}
.orderProdBack 		{width:300px;height:600px;}
.orderRow 			{font-family:arial;font-size:11px;font-weight:none;color:#333;border-bottom:1px solid #e4e4e8;}
.orderStoreDIV		{margin-bottom:3px;height:100%;width:800px;}

.setupInfoL			{background-color:#747E96;background-image: url(../img/nav_left_corner.gif);background-repeat: no-repeat;background-position: left top;width:3px;}
.setupInfoC			{height:25px;vertical-align:middle;background-color:#747E96;width:355px;color:#CCC;font-family:arial;font-weight:bold;font-size:17px;text-indent:10px;}
.setupInfoR			{background-color:#747E96;background-image: url(../img/nav_right_corner2.gif);background-repeat: no-repeat;background-position: right top;width:3px;}
.setupInfoDIV		{border:1px solid #747E96;width:360px;height:72px;}
.setupInfoTxt		{font-family:arial;font-size:12px;color:#666;}

.setupStartL		{background-color:#666;background-image: url(../img/nav_left_corner.gif);background-repeat: no-repeat;background-position: left top;width:3px;}
.setupStartC		{height:30px;vertical-align:middle;background-color:#666;width:754px;color:#FFF;font-family:arial;font-weight:bold;font-size:18px;text-indent:10px;}
.setupStartR		{background-color:#666;background-image: url(../img/nav_right_corner2.gif);background-repeat: no-repeat;background-position: right top;width:3px;}
.setupStartDIV		{border:1px solid #666;width:759px;}
.setupStartTxt		{font-family:arial;font-size:12px;color:#666;}

.c 		{display: block;}
.c * 		{display: block;height: 1px; overflow: hidden; font-size: 0;}
.c1 		{padding: 0 1px; margin: 0 3px;}
.c2 		{padding: 0 1px; margin: 0 1px; }
.c3 		{margin: 0 1px; }
.c1, .c2, .c3, .c4, .c5 {border-width: 0 1px;border-style: solid;}

.hc * 		{background-color: #666666; }
.hc1 		{border-color: #666666; background: #666666; }
.hc2 		{border-color: #666666; background: #666666; }
.hc3 		{border-color: #666666; }
.hc4 		{border-color: #666666; }
.hc5 		{border-color: #666666; }

.sc * 		{background-color: #f2f2f2; }
.sc1 		{border-color: #f2f2f2; background: #f2f2f2; }
.sc2 		{border-color: #f2f2f2; background: #f2f2f2; }
.sc3 		{border-color: #f2f2f2; }
.sc4 		{border-color: #f2f2f2; }
.sc5 		{border-color: #f2f2f2; }

.stc * 		{background-color: #747E96;; }
.stc1 		{border-color: #747E96; background: #747E96; }
.stc2 		{border-color: #747E96; background: #747E96; }
.stc3 		{border-color: #747E96; }
.stc4 		{border-color: #747E96; }
.stc5 		{border-color: #747E96; }

.tc * 		{background-color: #747E96; }
.tc1 		{border-color: #747E96; background: #747E96; }
.tc2 		{border-color: #747E96; background: #747E96; }
.tc3 		{border-color: #747E96; }
.tc4 		{border-color: #747E96; }
.tc5 		{border-color: #747E96; }

.dc * 		{background-color:#F2F2F2; }
.dc1 		{border-color:#F2F2F2; background:#F2F2F2; }
.dc2 		{border-color:#F2F2F2; background:#F2F2F2; }
.dc3 		{border-color:#F2F2F2; }
.dc4 		{border-color:#F2F2F2; }
.dc5 		{border-color:#F2F2F2; }
.dash-head 	{background-color:#F2F2F2;font-family:arial;font-size:12px;text-indent:10px;font-weight:bold;color:#696969;text-transform:uppercase;padding-bottom:5px;}
.dash-view-link 	{padding-top:2px;padding-bottom:3px;}
.dash-view-link a {text-align:left;font-family:arial;font-size:12px;text-decoration:none;color:#000000;padding-left:10px;}
.dash-view-link a:hover {color:#808080;}
.dash-div	{width:258px;float:left;margin-left:5px;}

.promoBox {
	text-align:center;
	text-indent:3px;
	color: #cc0000;
	background-color:#fcf2f2;
	font-weight:bold;
	font-family:arial;
	font-size:12px;
	display: block;
	border-top: 1px dashed #d42929;
	border-bottom: 1px dashed #d42929;
	padding: 8px;
}

.img {
	width:200px;
	background-image:url(../img/ajax-loader.gif);
	background-position:center center;
	background-repeat:no-repeat;
	cursor:pointer;
	border:none;
}

.prod {
	border: 1px solid #FFFFFF;
	margin:1px;
	cursor:pointer;
}

.prod #headr {
	background-color:#FFFFFF;
	font-family:arial;font-size:12px;color:#333;border-bottom:1px solid #e4e4e8;
}
.onProd {
	border: 1px solid #CCCCCC;
	margin:1px;
	cursor:pointer;
}

.onProd #headr {
	background-color:#CCCCCC;
	font-family:arial;font-size:12px;color:#333;border-bottom:1px solid #e4e4e8;
}

/* body {font-size:62.5%;}  */

div.ui-datepicker {  /* for calendar base font */
    font-size: 62.5%;
}

.calIcon {background-image:url(../img/cal.jpg); background-repeat:no-repeat;background-position:right center;border:1px solid #abacb0;cursor:pointer;}

.remOrderBtn  {
	display: inline-block;
	width:23px;
	height:22px;
	font-size: 13px;
	color: #333;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	background-color: #FAFAFA;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), color-stop(25%, white), to(#E6E6E6));
	background-image: -webkit-linear-gradient(white, white 25%, #E6E6E6);
	background-image: -moz-linear-gradient(top, white, white 25%, #E6E6E6);
	background-image: -ms-linear-gradient(white, white 25%, #E6E6E6);
	background-image: -o-linear-gradient(white, white 25%, #E6E6E6);
	background-image: linear-gradient(white, white 25%, #E6E6E6);
	background-repeat: no-repeat;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
	border: 1px solid #CCC;
	border-bottom-color: #BBB;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
	cursor: pointer;
}

.remOrderBtn img {
	position:relative;
	top:3px;
	left:1px;
}

.remOrderBtn:hover {
	text-shadow: 0px -1px 0px #D48887;
	color: white;
	background-color: #F2A6A5;
	background-image: -moz-linear-gradient(top, #FFC4C3, #D48887);
	background-image: -ms-linear-gradient(top, #FFC4C3, #D48887);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFC4C3), to(#D48887));
	background-image: -webkit-linear-gradient(top, #FFC4C3, #D48887);
	background-image: -o-linear-gradient(top, #FFC4C3, #D48887);
	background-image: linear-gradient(top, #FFC4C3, #D48887);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc4c3', endColorstr='#d48887', GradientType=0);
	border-color: #F2A6A5 #D48887 #D48887 #F2A6A5;
	border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25);
}

#product-detail-container {
	background: white;
	border: 1px solid #D4D4D4;
	display: inline-block;
	margin-top:5px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: 0px 1px 8px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.15);
	-o-box-shadow: 0px 1px 8px rgba(0,0,0,0.15);
	box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.15);
}

.hsDialogBack
{
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#000000;
	filter:alpha(opacity=45);
	-moz-opacity:.45;
	opacity:.45;
	z-index:999;
}

.hsDialog 
{
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
  	z-index:1000;
    display:none;
   	margin: auto;
}

.success{
    display:none;
	position:relative;
	top:2px;
    padding:1px 2px 1px 2px;
    border-radius:5px;
	font-family:arial;
	font-size:10px;
	color:#FFFFFF;
	background-color:#47a447;
	border:1px solid #398439;
}

.hsEdit.save, .hsEdit.cancel{
    display: none;
    margin: 3px 1px 3px 1px;
	background-color:#3276b1;
	border:1px solid #285e8e;
	color:#FFFFFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding:1px 2px 1px 2px;
	text-decoration:none;
	font-size:10px;
	font-family:arial;
}

.contentText{
	border:1px solid #696969;
	outline:none;
	background-color:#FCFCFC;
}

.controls .AccountsPageHead
{
	display:none;
}

.controls .PromotionalPageHead
{
	display:none;
}

.controls .OrdersPageHead
{
	display:none;
}

.controls .CustomersPageHead
{
	display:none;
}

.controls{
	display:none;
	z-index:1000;
	background-color:#F0F0F0;
	border:1px solid #696969;
	padding:3px 3px 5px 3px;
	margin-top:3px;
	-webkit-border-radius: 3x;
	-moz-border-radius: 3px;
	border-radius: 3px;
	max-width:80px;
	text-indent:0px;
}

.controls .hsEdit
{
	color:white;
}

.hsMsgTag
{
	font-family:arial;
	color:red;
	display:inline;
}

.subSection{
	background-color:#F0F0F0;
	border-bottom:1px solid #CCCCCC;
	padding:5px 0px 2px 0px;
	font-family:"Helvetica Neue",Arial,Verdana,"Nimbus Sans L",sans-serif	;
	font-size:13px;
	font-weight:800;
	color:#696969;
	margin-top:3px;
	margin-bottom:3px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	text-shadow: 0px 1px 0px white;
}

.truncate {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.inputBoxLegend {
	font-size: 8px;
	font-family:arial;
	text-align:center;
	color:#696969;
	text-transform:uppercase;
	padding-top:2px;
}
.gcBalanceMessage {
	background-color: #D9EDF7;
	border: 1px solid rgba(0, 0, 0, 0);
	border-radius: 4px;
	color: #31708F;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	margin-top:3px;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left:5px;
	width:98%;
	text-align:center;
}

.gcErrorMessage {
	border-radius: 4px;
	color: #31708F;
	font-size: 12px;
	font-weight: bold;
	margin-top:3px;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left:5px;
	text-align:center;
	background-color: #f2dede;
	border-color: #eed3d7;
	color: #b94a48;
	border-radius: 4px;
	padding: 5px 5px 5px 5px;
	font-family: arial;
	width: 98%;	
}

.coItemTruncate {
    width: 90px;
	font-family:arial;
    font-size:10px;
    color:#888888;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}