@import "validationEngine.jquery.css";
@import "nyroModal.asp";
body {
	margin: 0px;
}
p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #996600;

}
h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #996600;

}
h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #996600;

}
h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #996600;

}
h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #996600;

}
h5{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #996600;

}
h6{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #996600;

}
td{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #996600;

}
th{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #996600;
	color: #FFFFFF;
}
.stkD_AddroFav {
	margin-top: 0px;
	padding-top: 3px;
}
.LayoutTable {
	height: 100%;
	width: 100%;
}
.topCell {
	height: 104px;
}
.navCell {
	height: 33px;
	background-image: url(/data/WS/images/navBG.gif);
	background-repeat: repeat-x;
	padding-left: 171px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
}
.copyrightCell {
	height: 40px;
	background-image: url(/data/WS/images/copyrightBG.gif);
	background-repeat: repeat-x;
}
.topBanner {
	width: 100%;
	height: 104px;
	background-image: url(/data/WS/images/topBanner2.jpg);


}
.topNav:link {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	text-decoration: none;
	font-weight: bold;
}
.topNav:visited {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	text-decoration: none;
	font-weight: bold;
}
.topNav:hover {
	color: #996633;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	text-decoration: none;
	font-weight: bold;
}
.topNav:active {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	text-decoration: none;
	font-weight: bold;
}
.layoutTable2 {
	width: 100%;
}
.copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	padding-left: 20px;
	padding-top: 5px;
}
.bottomNav {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	text-align: right;
	padding-right: 20px;
}
.Nav {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	text-align: left;
}
.Nav2 {
	width: 589px;
}
.nxtPrvCell {
	padding-top: 3px;
	width: 66px;
}
.menuCell {
	width: 151px;
	background-image: url(/data/WS/images/menuBG.gif);
	background-repeat: repeat-y;
	background-position: right;
	padding-left: 20px;
	padding-top: 10px;
}
.menu:link {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	text-decoration: none;
	font-weight: bold;
}
.menu:visited {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	text-decoration: none;
	font-weight: bold;
}
.menu:hover {
	color: #996633;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	text-decoration: none;
	font-weight: bold;
}
.menu:active {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	text-decoration: none;
	font-weight: bold;
}
a:link {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	text-decoration: none;

}
a:visited {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	text-decoration: none;

}
a:hover {
	color: #996633;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	text-decoration: none;

}
a:active {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	text-decoration: none;
	font-weight: bold;
}
.mainContent {
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #996600;

}
/*New classes for product list */
.pl_ItemDiv
{
	float: left;
	vertical-align: top;
	text-align: left;
	width: 320px;
	max-width: 320px;
	min-width: 320px;
	margin: 10px;
	padding: 10px;
}
.pl_ItemTable
{
/*	background-image: url(/data/BF/uk/images/productListBG.jpg);
	background-repeat: no-repeat;
	background-position: top;*/
	text-align:left;
	width: 299px;
	height: 250px;
	margin: 20;
	padding: 10;
}
.pl_ItemTable2
{
	width: 299px;
	heith: 28px;
}
.alert{
	color:red;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
}
.pdaTables
{
	width: 200px;
}
.adminLink
{
	margin: 1;
	padding: 1;
}
.sslistsummary
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;

}
.sslistPic
{
	width: 150px;
}
.sslistBuy
{
	width: 10%;
}
.sslistQty
{
	width: 10%;
}
.sslistPrice
{
	width: 15%;
}
.sslistDetail
{
	width: 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;	
}
.sslistCode
{
	width: 10%;
}
.emptyorderrow
{
	color:red;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
}
.bskDetCell {
	color: #ffffff;
}
input.RegisterBuyer, input.ShowOrderInputAddFields, input.payment, input.EditBuyerAddress, input.EditBuyer, input.addCCDetail  {
	margin-bottom: 10px;
}
select.paymentSelect {
	margin-bottom: 10px;
}
input.LogonForm {
	margin-bottom: 20px;	
}
input.showOrderReference{
	border-bottom: solid 1px #99CC66;
	border-top: solid 1px #99CC66;
	border-left: solid 1px #99CC66;
	border-right: solid 1px #99CC66;
	width: 270px;	
	font-family: Arial;
}
.pl_BQGQ {
	font-size: x-small;
}
.displayorderlinesBdle
{


	border-left: solid 1px #C3FE88;
	border-right: solid 1px #C3FE88;
	background-color: #E0FFC0;
	color: #000000;
}
.displayorderlineslhsBdle
{

	border-left: solid 1px #99CC66;
	border-right: solid 1px #99CC66;
	background-color: #E0FFC0;
	color: #000000;
}
.displayorderlinesrhsBdle
{

	border-left: solid 1px #99CC66;
	border-right: solid 1px #99CC66;
	background-color: #E0FFC0;
	color: #000000;
}

	.formError {
			position:absolute;
			top:300px; left:300px;
			padding-bottom:13px;
			display:block;
			overflow:hidden;
			z-index:5000;
		}
			#debugMode{
				background:#000;
				position:fixed;
				width:100%; height:200px;
				top:0; left:0;
				overflow:scroll;
				opacity:0.8;
				display:block;
				padding:10px;
				color:#fff;
				font-size:14px;
				z-index:100000;
			}
		
			.ajaxSubmit{ padding:20px; background:#55ea55;border:1px solid #999;display:none}
			.formError .formErrorContent {
				width:100%; 
				background:#ee0101;
				color:#fff;
				width:150px;
				font-family:tahoma;
				font-size:11px;
				border:2px solid #ddd;
				box-shadow: 0px 0px 6px #000;
				-moz-box-shadow: 0px 0px 6px #000;
				-webkit-box-shadow: 0px 0px 6px #000;
				padding:4px 10px 4px 10px;
				border-radius: 6px;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
			}
			.greenPopup .formErrorContent {background:#33be40;}
			
			.blackPopup .formErrorContent {background:#393939;color:#FFF;}
			
			.formError .formErrorArrow{
				position:absolute;
				bottom:0;left:20px;
				width:15px; height:15px;

				z-index:5001;
			}
			.formError .formErrorArrowBottom{top:0;margin:-6px;}
			
				.formError .formErrorArrow div{
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					box-shadow: 0px 2px 3px #444;
					-moz-box-shadow: 0px 2px 3px #444;
					-webkit-box-shadow: 0px 2px 3px #444;
					font-size:0px; height:1px; background:#ee0101;margin:0 auto;line-height:0px; font-size:0px; display:block;
				}
					.formError .formErrorArrowBottom div{
						box-shadow: none;
						-moz-box-shadow: none;
						-webkit-box-shadow: none;
					}
					
				.greenPopup .formErrorArrow div{background:#33be40;}
				.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}

				.formError .formErrorArrow .line10{width:15px;border:none;} 
				.formError .formErrorArrow .line9{width:13px;border:none;} 
				.formError .formErrorArrow .line8{width:11px;} 
				.formError .formErrorArrow .line7{width:9px;} 
				.formError .formErrorArrow .line6{width:7px;} 
				.formError .formErrorArrow .line5{width:5px;} 
				.formError .formErrorArrow .line4{width:3px;} 
				.formError .formErrorArrow .line3{width:1px;
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					border-bottom:0px solid #ddd;} 
				.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
				.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}  

#koedit
{
position:relative;
left:0px;
top:0px;
z-index:99999;
} 
#aep_ovrl {
background-color: black;
-moz-opacity: 0.7; opacity: 0.7;
top: 0; left: 0; position: fixed;
width: 100%; height:100%; z-index: 99;
}
#aep_ww { position: fixed; z-index: 100; top: 0; left: 0; width: 100%; height: 100%; text-align: center;}

#aep_win { margin: 20% auto 0 auto; width: 400px; text-align: left;}
#aep_w {background-color: white; padding: 3px; border: 1px solid black; background-color: #EEE;}
#aep_t {color: white; margin: 0 0 2px 3px; font-family: Arial, sans-serif; font-size: 10pt;}
#aep_text {width: 100%;}
#aep_w span {color: black; font-family: Arial, sans-serif; font-size: 10pt;}
#aep_w div {text-align: right; margin-top: 5px;}
