html {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#325194;
	background-color: #ffffff;
	/*background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
	background-image: -moz-linear-gradient(top, #ffffff, #eeeeee2);
	background-image: -ms-linear-gradient(top, #ffffff, #eeeeee);
	background-image: -o-linear-gradient(top, #ffffff, #eeeeee);
	background-image: linear-gradient(to bottom, #ffffff, #eeeeee);*/
	background-repeat: no-repeat;
	width: 100%; 
	height: 100%;
	/*background-color: #ececec;*/
}

body{
    margin-top: 0px; 
	margin-bottom: 0px; 
	margin-left: 0px; 
	margin-right: 0px;
    padding: 0;
	background-color: ffffff;
	height: 100%;
}

fieldset {
	border: solid #45735c 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	
	
}

legend {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	text-transform: uppercase;
}

h3.Get {
	color:#DD0000;
	font-weight: bold;
	
}



.FAQques
{	
	padding-top: 10px;
	font-size: 12px;
	color: #325194;
	font-family: Arial, Helvetica, sans-serif;
	 cursor:pointer;
	 padding-bottom:4px;
}


 
.FAQansw
{	
	padding-top: 0px;
	padding-bottom: 5px;
	font-size: 12px;
	color: #555555;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;	
	/*background-color: #fbf6f4;*/
	display:none;
	padding-left:6px;
	 padding-bottom:4px;
}




.TopHeader {
	/*background-color: #c62b3d;
	background-color: #c62b3d;*/
	background-color: #45735c;
	height: 75px;
	width: 100%;
	margin-bottom: 25px;
	
	
	/*border-bottom: solid #45735c 2px;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	
	background-image: -webkit-linear-gradient(top, #4d7dd4, #0048bb, #0048bb);
	background-image: -moz-linear-gradient(top, #4d7dd4, #0048bb, #0048bb);
	background-image: -ms-linear-gradient(top, #4d7dd4, #0048bb, #0048bb);
	background-image: -o-linear-gradient(top, #4d7dd4, #0048bb, #0048bb);
	background-image: linear-gradient(to bottom, #4d7dd4, #0048bb, #0048bb);*/

}

.BorderLine {
	border-bottom: solid #ff0500 3px;
	/*border-bottom: solid #45735c 3px;*/
	margin-bottom: 50px;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0) inset;*/
	
}

.AddCont {
	/*padding-top: 80px;*/
	/*width: 300px;*/
	font-size:13px;
	color:#666666;
	font-weight: bold;
}

/*.footer  .push {
	
	background-color: #45735c;
	height: 4em;
	
}*/


.TopHeaderLogo {
	/*margin-left: 20px; */
	background-image: url("/images/logo/logo.png");
	display: block;
	/*background-size: 350px 96px;*/
    background-repeat: no-repeat;
	height: 110px;
	
		
}

.TopHeaderMenu {
	/*float:right;
	background-color: #ffffff;
	height: 80px;
	width: 450px;
	margin-top: 10px;
	margin-left: 50px;
	margin-right: 150px;
	padding-left: 20px;
	padding-right: 20px;
	
	border: solid #45735c 2px;
	border-top-right-radius: 2em;
	border-bottom-left-radius: 2em;
	position:relative; 
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;*/

	float:right;
	/*background-color: #ff0500;*/
	height: 85px;
	width: 490px;
	/*margin-top: 10px;
	margin-left: 50px;
	
	padding-left: 10%;*/
	margin-right: 10%;
	padding-right: 10%;
	
	/*border: solid #45735c 2px;
	border-top-right-radius: 2em;*/

}

.TopHeaderMenuItem {
	border-bottom-right-radius: 1em;
	border-bottom-left-radius: 1em;
	position:relative; 
	border-bottom: 2px solid transparent;
	border-left: 2px solid transparent;
	border-right: 2px solid transparent;
	/*background-color:5a7f72;*/
	
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.TopHeaderMenuItem:hover {
	
	border-color: #d0712b;
	background-repeat: no-repeat;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 4px 2px -2px #d0712b;
}

.TopHeaderMenuItemSelected {
	/*border: 1px solid #d0712b;*/
	border-color: #d0712b;
	
	font-weight: bold;
	/*outline: 2px dashed #cccccc;*/
	/*box-shadow: 0 4px 2px -2px #d0712b;*/	
}

/*.BoldSelected {
	/*border: 1px solid #325194;
	font-weight: bold;
	color: #d0712b;
		outline: 2px dashed #cccccc;
}*/

.TopHeaderBasket {
	position:absolute; 
	margin-top: 0px;
	background-image: url("/images/menu_icons/basket_lg.png");
	background-repeat: no-repeat;
	
	border-bottom-right-radius: 1em;
	border-bottom-left-radius: 1em;
	border-bottom: 2px solid transparent;
	border-left: 2px solid transparent;
	border-right: 2px solid transparent;
	background-color:feff99;
	width: 178px;
	height: 68px;
	
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

/*.TopHeaderBasket {
	background-image: url("/images/menu_icons/basket_lg.png");
	padding-left: 50px;
	border-bottom-right-radius: 1em;
	border-bottom-left-radius: 1em;
	background-color:5a7f72;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}*/

.TopHeaderBasket:hover {
	border-color: #d0712b;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 4px 2px -2px #d0712b;
}		


a.MiniBasket {
	color: #666666;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration: none;
}

/*.Menu Fixed to left {
  position: fixed;
  left: 10px;
  top: 17%;
  width: 20%;
  margin-top: -2.5em;
  background-color: #ffffff;
  border: solid #d0712b 2px;
  border-top-right-radius: 6em;
  border-bottom-left-radius: 6em;
  	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}*/

.Menu {
	float:left;
	width: 240px;
	margin-left: 20px; 
	margin-top: 15px;
	padding-left: 10px;
	padding-bottom: 30px;
	background-color: #ffffff;
	/*border: solid #ff0500 2px;*/
	border: solid #ff0500 3px;
	
	border-top-right-radius: 6em;
	border-bottom-left-radius: 6em;
	position:relative; 
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;

}

/*Member Logo on the logged in page
.MemberLogo {
	background-image: url("/images/logo/logo.jpg");
	background-size: 150px 130px;
    background-repeat: no-repeat;
	width: 100%; 
	height: 130px;
}*/

.Container {
	/*min-height: 100%;
	height: auto !important;
	height: 100%;*/
	margin: 0 auto -4em;
}

/*Menu div Menu table*/
.MenuTable {
	padding:10px;
	height:100%;
	/*background-color:#e2f0f9;*/
	width: 100%;
}

.Main_Orig {
	float:left;
	width: 70%; /* was 70%*/
	margin-left: 5px; 
	margin-top: 15px; 
	margin-right: 10px; 
	margin-bottom: 30px;
	padding-left: 10px;
	background-color: #ffffff;
	/*overflow-x:scroll;*/
	overflow-y:auto;
	/*border: solid #d0712b 2px;*/      
}

.MenuPref {
	width: 70%;
	margin-left: 5%;
	margin-bottom: 5%;
	
	
}


/*.Basket {
	float:right;
	width: 20%;
	margin-left: 5px; 
	margin-top: 20px;
	margin-right: 20px;
	padding-right: 10px;
	color: #325194;
	font-size:12px;
	text-align: right;	
	background-color: #ffffff;
	border: solid #d0712b 2px;
	border-top-right-radius: 6em;
	border-bottom-left-radius: 6em;
	position:relative; 
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}*/

/*Input boxes on Login form*/
.ProdInput {
    font-family: Arial;
	background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
	background-image: -moz-linear-gradient(top, #ffffff, #eeeeee2);
	background-image: -ms-linear-gradient(top, #ffffff, #eeeeee);
	background-image: -o-linear-gradient(top, #ffffff, #eeeeee);
	background-image: linear-gradient(to bottom, #ffffff, #eeeeee);
    font-size: 12px;
    margin-bottom: 5px;
    display: block;
    padding: 4px;
    /*border: solid 2px #85b1de;*/
	border: 2px #f8660e solid;
    width: 150px;
	height: 22px;
	vertical-align:baseline;
} 

/*Input boxes on Login form*/
.FormInput {
    font-family: Arial;
	background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
	background-image: -moz-linear-gradient(top, #ffffff, #eeeeee2);
	background-image: -ms-linear-gradient(top, #ffffff, #eeeeee);
	background-image: -o-linear-gradient(top, #ffffff, #eeeeee);
	background-image: linear-gradient(to bottom, #ffffff, #eeeeee);
    font-size: 12px;
    margin-bottom: 5px;
    display: block;
    padding: 4px;
    /*border: solid 2px #85b1de;*/
	border: 2px #f8660e solid;
    width: 250px;
	height: 18px;
	vertical-align:baseline;
} 

.FormInput:focus {
	box-shadow: 0 0 5px #888888;
	border: solid #d0712b 2px;
}

.FormtxtInput {
	font-family: Arial;
	background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
	background-image: -moz-linear-gradient(top, #ffffff, #eeeeee2);
	background-image: -ms-linear-gradient(top, #ffffff, #eeeeee);
	background-image: -o-linear-gradient(top, #ffffff, #eeeeee);
	background-image: linear-gradient(to bottom, #ffffff, #eeeeee);
    font-size: 12px;
    margin-bottom: 5px;
    display: block;
    padding: 4px;
	width: 250px;
    /*border: solid 2px #85b1de;*/
	border: 2px #f8660e solid;
	vertical-align:baseline;

}

.FormtxtInput:focus {
	box-shadow: 0 0 5px #888888;
	border: solid #d0712b 2px;
}


.QntyInput {
	width: 50px;
	border: solid #cccccc 1px; 
	color: #333333;
	
}

.QntyInput:focus {
	box-shadow: 0 0 5px #888888;
	border: solid #d0712b 2px;
}


/*Input boxes on Login form*/
.SearchInput {
    font-family: Arial;
	background:#FFFFFF url("/images/prodimage/search.png") no-repeat 4px 4px;
	padding:4px 4px 4px 22px;
	border: solid #d0712b 2px;
	width:150px;
	height:18px;
	
	/*background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
	border:1px solid #cccccc;
	background-image: -moz-linear-gradient(top, #ffffff, #eeeeee2);
	background-image: -ms-linear-gradient(top, #ffffff, #eeeeee);
	background-image: -o-linear-gradient(top, #ffffff, #eeeeee);
	background-image: linear-gradient(to bottom, #ffffff, #eeeeee);
    font-size: 12px;
    margin-bottom: 5px;
    display: block;
    padding: 4px;
    /*border: solid 2px #85b1de;
	border: 2px #f8660e solid;
    width: 150px;
	height: 22px;
	vertical-align:baseline;*/
} 

.SearchInput:focus {
	box-shadow: 0 0 5px #888888;
	border: solid #d0712b 2px;
}



.RedCrossButton {
  background:transparent url("/images/icons/disable.png"); 
  border: none;
  width: 32px;
  height: 32px;
  cursor: pointer;
  color: transparent;
}

.GreenTickButton {
  background:transparent url("/images/icons/approve.png"); 
  border: none;
  width: 32px;
  height: 32px;
  cursor: pointer;
  color: transparent;
}

.OrangeButton {
	background: #f6a461;
	background-image: -webkit-linear-gradient(top, #f6a461, #d95802, #d95802);
	background-image: -moz-linear-gradient(top, #f6a461, #d95802, #d95802);
	background-image: -ms-linear-gradient(top, #f6a461, #d95802, #d95802);
	background-image: -o-linear-gradient(top, #f6a461, #d95802, #d95802);
	background-image: linear-gradient(to bottom, #f6a461, #d95802, #d95802);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0px;
	font-family: Arial;
	color: #ffffff;
	font-size: 16px;
	padding: 3px 20px 5px 20px;
	border: solid #d0712b 1px;
	height: 30px;
	text-decoration: none;
	cursor: pointer;
	
}

.OrangeSmlButton {
	background: #f6a461;
	background-image: -webkit-linear-gradient(top, #f6a461, #d95802, #d95802);
	background-image: -moz-linear-gradient(top, #f6a461, #d95802, #d95802);
	background-image: -ms-linear-gradient(top, #f6a461, #d95802, #d95802);
	background-image: -o-linear-gradient(top, #f6a461, #d95802, #d95802);
	background-image: linear-gradient(to bottom, #f6a461, #d95802, #d95802);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0px;
	font-family: Arial;
	color: #ffffff;
	font-size: 14px;
	/*padding: 1px 5px 5px 5px;*/
	border: solid #d0712b 1px;
	height: 25px;
	width: 60px;
	text-decoration: none;
	cursor: pointer;
	vertical-align:middle;
}

.GoButton {
	background: #f6a461;
	background-image: -webkit-linear-gradient(top, #f6a461, #d95802, #d95802);
	background-image: -moz-linear-gradient(top, #f6a461, #d95802, #d95802);
	background-image: -ms-linear-gradient(top, #f6a461, #d95802, #d95802);
	background-image: -o-linear-gradient(top, #f6a461, #d95802, #d95802);
	background-image: linear-gradient(to bottom, #f6a461, #d95802, #d95802);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0px;
	font-family: Arial;
	color: #ffffff;
	font-size: 14px;
	/*padding: 1px 5px 5px 5px;*/
	border: solid #d0712b 1px;
	height: 25px;
	width: 30px;
	text-decoration: none;
	cursor: pointer;
	vertical-align:middle;
}

.BlueButton {
	background: #f6a461;
	background-image: -webkit-linear-gradient(top, #7d9d92, #45735c, #45735c);
	background-image: -moz-linear-gradient(top, #7d9d92, #45735c, #45735c);
	background-image: -ms-linear-gradient(top, #7d9d92, #45735c, #45735c);
	background-image: -o-linear-gradient(top, #7d9d92, #45735c, #45735c);
	background-image: linear-gradient(to bottom, #7d9d92, #45735c, #45735c);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0px;
	font-family: Arial;
	color: #ffffff;
	font-size: 16px;
	padding: 3px 20px 5px 20px;
	border: solid #021d49 1px;
	height: 30px;
	text-decoration: none;
	cursor: pointer;
}

.BlueSmlButton {
	background: #f6a461;
	background-image: -webkit-linear-gradient(top, #7d9d92, #45735c, #45735c);
	background-image: -moz-linear-gradient(top, #7d9d92, #45735c, #45735c);
	background-image: -ms-linear-gradient(top, #7d9d92, #45735c, #45735c);
	background-image: -o-linear-gradient(top, #7d9d92, #45735c, #45735c);
	background-image: linear-gradient(to bottom, #7d9d92, #45735c, #45735c);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0px;
	font-family: Arial;
	color: #ffffff;
	font-size: 14px;
	/*padding: 1px 5px 5px 5px;*/
	border: solid #021d49 1px;
	height: 25px;
	width: 60px;
	text-decoration: none;
	cursor: pointer;
	vertical-align:middle;
}



.TextHeading {
	font-size:26px;
	font-weight:bold;
	color: #d0712b;
	vertical-align: text-top;
}

/*Basket div Basket table*/
.BasketTable {
	padding: 10px;
	height:100%;
	/*background-color:#e2f0f9;*/
	width: 40%;
}

ul{
	list-style-type: none;
	/*margin-top: 100%;*/
	margin-left: 5%;
	padding-left: 10px;
	width: 80%;
	/*
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	
	border-radius: 1em;
	*/
}




/*.MenuPrefText {	

	text-decoration: none;
	color: #325194;
	font-weight: bold;
	font-size:12px;
	border-bottom: 2px dotted #325194; 
	
}*/

.menuCat1{
	text-decoration: none;
	color: #325194;
	
}

.menuCat1:hover {
	text-decoration: underline;
}


.menuCat2{
	text-decoration: none;
	margin-left:3px;
	color: #325194;
}

.menuCat2:hover {
	text-decoration: none;
	margin-left:3px;
}


.menuCat3{
	text-decoration: none;
	margin-left:5px;
	color: #325194;
}

.menuCat3:hover {
	text-decoration: none;
	margin-left:5px;
}



/*ul{
	list-style-type: none;
	margin-top: 90%;
	margin-left: 5%;
	padding: 10px;
	width: 80%;
	border: 1px solid #cccccc;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
	border: 1px solid #cccccc;	
}

.menuCat1{
	
	text-decoration: none;
	color: #666666;
	font-weight: bold;
	padding-left: 10px;
	width: 80%;
	font-size:14px;
	letter-spacing: -1px;

	
}

.menuCat1:hover {
	text-decoration: none;
	letter-spacing: -1px;
	font-size:14px;
	color: orange;
}


.menuCat2{
	text-decoration: none;
	color: #666666;
	margin-left:13px;
	font-size:14px;
	letter-spacing: -1px;
	font-weight: bold;
}

.menuCat2:hover {
	text-decoration: none;
	margin-left:13px;
	font-size:14px;
	letter-spacing: -1px;
	color: orange;
}


.menuCat3{
	text-decoration: none;
	margin-left:15px;
	color: #666666;
	font-size:14px;
	letter-spacing: -1px;
	font-weight: bold;
}

.menuCat3:hover {
	text-decoration: none;
	margin-left:15px;
	font-size:14px;
	letter-spacing: -1px;
	color: orange;
}*/

.BackToTop {
	padding-bottom: 20px;
	text-decoration: none;
	float: right;
}

/*
***********************************************************************
***********************************************************************
These are used for the Image on the ToopTip
http://cssglobe.com/easiest-tooltip-and-image-preview-using-jquery/
***********************************************************************
***********************************************************************
*/

pre{
	
	display:block;
	font:100% "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	overflow:auto;
	width:800px;
}

#preview{
	position:absolute;
	border:3px solid #ccc;
	/*background:#333;*/
	/*background:#e6e6e6;*/
	/*background: #ffffff;*/
	background: #ffffff;
	padding:5px;
	display:none;
	color:#fff;
	color:#0048bb;
	text-align:center;
	
}

.TextLinkSubmit {
	border: none;
	background-color: transparent;
	padding: 0;
	text-decoration: underline; /* if desired */
	color: #00c;  /* or whatever other color you want */
	cursor: pointer;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#325194;
}

.HRspacer {
	/*border: solid #ff0500 1px;*/
	border: solid #45735c 1px;
}

.GridView {
	width: 282px;
	height: 250px;
	/*height: 200px;*/
	border: 1px solid #ccc; 
	margin-top: 4px;
	margin-left: 4px;
	margin-right: 4px; 
	margin-bottom: 4px;
	
	float: left;
	
	
}

.GridView a{
	width: 282px;
	height: 250px;
	text-decoration: none;
	color: #666;
	font-weight: bold;
	font-size: 12px;
}

.GridViewQty {
	width: 282px;
	height: 250px;
	/*height: 10%;*/
	border: solid #d0712b 2px;
	/*margin: 4px;*/
	float: left;
	margin-top: 3px;
	margin-left: 3px;
	margin-right: 3px; 
	margin-bottom: 3px;
	

	/*box-shadow: 0 0 5px #888888;*/
	
}

.GridViewQty a{
	width: 282px;
	height: 250px;
	text-decoration: none;
	color: #666;
	font-weight: bold;
	font-size: 12px;
}

.MBGridBuyView {
	width: 282px;
	height: 250px;
	border: 1px solid #ccc; 
	margin-top: 4px;
	margin-left: 4px;
	margin-right: 4px; 
	margin-bottom: 4px;
	float: left;
	
	
}

.MBGridBuyQty {
	width: 282px;
	height: 250px;
	border: solid #d0712b 2px;
	margin-top: 3px;
	margin-left: 3px;
	margin-right: 3px; 
	margin-bottom: 3px;
	float: left;

	/*box-shadow: 0 0 5px #888888;*/
	
}

.MBGridGetView {
	/*background-color: #fff77d;*/
	width: 282px;
	height: 250px;
	border: 1px solid #ccc; 
	margin-top: 4px;
	margin-left: 4px;
	margin-right: 4px; 
	margin-bottom: 4px;
	float: left;
	border: solid #4A86C6 2px;
	
	
}

.MBGridGetQty {
	/*background-color: #fff77d;*/
	width: 282px;
	height: 250px;
	height: 10%;
	border: solid #4A86C6 2px;
	margin-top: 3px;
	margin-left: 3px;
	margin-right: 3px; 
	margin-bottom: 3px;
	float: left;
	/*border: solid #d0712b 2px;
	box-shadow: 0 0 5px #888888;*/
	
}


.GridImg {
	width: 110px;
	height: 110px;
	cursor: pointer;
	
}

.ListImg {
	cursor: pointer;
}

table.GridView a {
	width: 282px;
	height: 200px;
	text-decoration: none;
	color: #666;
	font-weight: bold;
	font-size: 12px;
	
}

table.GridView a:hover {
	width: 282px;
	height: 200px;
	text-decoration: none;
	color: #369;
}

table.GridViewQty a {
	width: 282px;
	height: 200px;
	text-decoration: none;
	color: #666;
	font-weight: bold;
	

}

table.GridViewQty a:hover {
	width: 282px;
	height: 200px;
	text-decoration: none;
	color: #369;
	
}



.TDProdDesc {
	height: 60px;
	
}

table.MBGridView a {
	width: 282px;
	height: 200px;
	text-decoration: none;
	color: #666;
	font-weight: bold;
	font-size: 12px;
}

table.MBGridView a:hover {
	width: 282px;
	height: 200px;
	text-decoration: none;
	color: #369;
}

table.MBGridViewQty a {
	width: 282px;
	height: 200px;
	text-decoration: none;
	color: #666;
	font-weight: bold;
	

}

table.MBGridViewQty a:hover {
	width: 282px;
	height: 200px;
	text-decoration: none;
	color: #369;
	
}


.BuyGet{
	padding: 40px;
	margin-left:10px;
	width:95%;
	border: 2px solid #DD0000;
	border-top-right-radius: 1em;
	border-top-left-radius: 1em;
	border-bottom-right-radius: 1em;
	border-bottom-left-radius: 1em;
}

h2.BuyGetDesc {
	/*text-align: center;*/
    position: relative;
    color: #fff; 
    margin: 0 30px 30px -54px;
    padding: 10px 0; 
    text-shadow: 0 1px rgba(0,0,0,.8);
    background-color: #DD0000;
    background-image:  linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
    -moz-box-shadow: 0 2px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 2px 0 rgba(0,0,0,.3);
    box-shadow: 0 2px 0 rgba(0,0,0,.3);
}

h2.BuyGetDesc:before, 
h2.BuyGetDesc:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-color: transparent;
    bottom: -10px;
}

h2.BuyGetDesc:before {
    border-width: 0 10px 10px 0;
    /*border-right-color: #222;*/
	border-right-color: #950f10;
    left: 0;
}


table.MBGridBuyView a {
	width: 282px;
	height: 200px;
	text-decoration: none;
	color: #666;
	font-weight: bold;
	font-size: 12px;
}

table.MBGridBuyView a:hover {
	width: 282px;
	height: 200px;
	text-decoration: none;
	color: #369;
}

table.MBGridBuyViewQty a {
	width: 282px;
	height: 200px;
	text-decoration: none;
	color: #666;
	font-weight: bold;
	

}

table.MBGridBuyViewQty a:hover {
	width: 282px;
	height: 200px;
	text-decoration: none;
	color: #369;
	
}



/*h2:after {
    border-width: 0 0 10px 10px;
    border-left-color: #222;
    right: 0;
}*/

table.MBGridGetView a {
	width: 282px;
	height: 200px;
	text-decoration: none;
	color: #666;
	font-weight: bold;
	font-size: 12px;
}

table.MBGridGetView a:hover {
	width: 282px;
	height: 200px;
	text-decoration: none;
	color: #369;
}

table.MBGridGetViewQty a {
	width: 282px;
	height: 200px;
	text-decoration: none;
	color: #666;
	font-weight: bold;
	

}

table.MBGridGetViewQty a:hover {
	width: 282px;
	height: 200px;
	text-decoration: none;
	color: #369;
	
}

.PromoGrid {
	display: inline-block
}

.PromotblPR {
	/*border-radius: 10px;*/
	border: 2px solid #db1e0d;
	/*margin-left: 5px;*/
	
	width: 282px;
	height: 250px;
	/*height: 200px;*/
	/*top-right-background-color: #BFDC7A;*/
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,c91e18+51,db1e0d+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #ffffff 0%, #ffffff 88%, #c91e18 12%, #db1e0d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#ffffff), color-stop(50%,#ffffff), color-stop(51%,#c91e18), color-stop(100%,#db1e0d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, #ffffff 0%,#ffffff 88%,#c91e18 12%,#db1e0d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #ffffff 0%,#ffffff 88%,#c91e18 12%,#db1e0d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, #ffffff 0%,#ffffff 88%,#c91e18 12%,#db1e0d 100%); /* IE10+ */
	background: linear-gradient(-45deg, #ffffff 0%,#ffffff 88%,#c91e18 12%,#db1e0d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#db1e0d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	float: left;
	margin-top: 3px;
	margin-left: 3px;
	margin-right: 3px; 
	margin-bottom: 3px;
	
	
}	

.PromotblPR a{
	width: 280px;
	height: 250px;
	/*height: 200px;*/
	text-decoration: none;
	color: #666;
	font-weight: bold;
	font-size: 12px;
}


.PromotblPRLarger {
	/*border-radius: 10px;*/
	border: 2px solid #db1e0d;
	/*margin-left: 5px;*/
	
	width: 630px;
	height: 310px;
	/*top-right-background-color: #BFDC7A;*/
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,c91e18+51,db1e0d+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #ffffff 0%, #ffffff 93.5%, #c91e18 6.5%, #db1e0d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#ffffff), color-stop(50%,#ffffff), color-stop(51%,#c91e18), color-stop(100%,#db1e0d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, #ffffff 0%,#ffffff 93.5%,#c91e18 6.5%,#db1e0d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #ffffff 0%,#ffffff 93.5%,#c91e18 6.5%,#db1e0d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, #ffffff 0%,#ffffff 93.5%,#c91e18 6.5%,#db1e0d 100%); /* IE10+ */
	background: linear-gradient(-45deg, #ffffff 0%,#ffffff 93.5%,#c91e18 6.5%,#db1e0d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#db1e0d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	float: left;
	margin-top: 3px;
	margin-left: 3px;
	margin-right: 3px; 
	margin-bottom: 3px;
	
	
}	

.PromotblPRLarger a{
	width: 450px;
	height: 200px;
	text-decoration: none;
	color: #666;
	font-weight: bold;
	font-size: 12px;
}


.PromotblMBlarger {
	/*border-radius: 10px;*/
	border: 2px solid #4A86C6;
	/*margin-left: 5px;*/
	
	width: 630px;
	height: 310px;
	/*top-right-background-color: #BFDC7A;*/
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,c91e18+51,db1e0d+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #ffffff 0%, #ffffff 93.5%, #4A86C6 6.5%, #4A86C6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#ffffff), color-stop(50%,#ffffff), color-stop(51%,#c91e18), color-stop(100%,#db1e0d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, #ffffff 0%,#ffffff 93.5%,#4A86C6 6.5%,#4A86C6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #ffffff 0%,#ffffff 93.5%,#4A86C6 6.5%,#4A86C6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, #ffffff 0%,#ffffff 93.5%,#4A86C6 6.5%,#4A86C6 100%); /* IE10+ */
	background: linear-gradient(-45deg, #ffffff 0%,#ffffff 93.5%,#4A86C6 6.5%,#4A86C6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#db1e0d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	float: left;
	margin-top: 3px;
	margin-left: 3px;
	margin-right: 3px; 
	margin-bottom: 3px;
	
	
}	

.PromotblMBlarger a{
	width: 450;
	height: 200px;
	text-decoration: none;
	color: #666;
	font-weight: bold;
	font-size: 12px;
}


.InBaskettblPRLarger {
	/*border-radius: 10px;*/
	border: 2px solid #ccc;
	/*margin-left: 5px;*/
	
	width: 630px;
	height: 310px;
	/*top-right-background-color: #BFDC7A;*/
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,c91e18+51,db1e0d+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #ffffff 0%, #ffffff 93.5%, #dddddd 6.5%, #db1e0d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#ffffff), color-stop(50%,#ffffff), color-stop(51%,#dddddd), color-stop(100%,#db1e0d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, #ffffff 0%,#ffffff 93.5%,#dddddd 6.5%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #ffffff 0%,#ffffff 93.5%,#dddddd 6.5%,#dddddd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, #ffffff 0%,#ffffff 93.5%,#dddddd 6.5%,#dddddd 100%); /* IE10+ */
	background: linear-gradient(-45deg, #ffffff 0%,#ffffff 93.5%,#dddddd 6.5%,#dddddd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	float: left;
	margin-top: 3px;
	margin-left: 3px;
	margin-right: 3px; 
	margin-bottom: 3px;
	
	
}	

.InBaskettblPRLarger a{
	width: 450px;
	height: 200px;
	text-decoration: none;
	color: #666;
	font-weight: bold;
	font-size: 10px;
}

td.InBasketPromTopLeft {
	color: #dddddd;
	height: 50px;
	width: 60px;
	margin-bottom: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: bold;
	text-transform: uppercase;	
	font-family: arial;
	transform: rotate(-45deg);
	display: inline-block;
    vertical-align: baseline;
    /*position: absolute;*/
    z-index: 2;
	
}

a.InBasketPromTopLeft{
	/*(margin:0px;
	height: 45px;*/
	color: #000000 ;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: bold;
	text-transform: uppercase;	
	text-decoration: none;
	z-index: 2;
	margin-left: 8px;
	
}





.PromotblMB {
	/*border-radius: 10px;*/
	border: 2px solid #4A86C6;
	/*margin-left: 5px;*/
	
	width: 282px;
	height: 250px;
	/*height: 200px;*/
	/*top-right-background-color: #BFDC7A;*/
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,c91e18+51,db1e0d+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #ffffff 0%, #ffffff 88%, #4A86C6 12%, #4A86C6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#ffffff), color-stop(50%,#ffffff), color-stop(51%,#c91e18), color-stop(100%,#db1e0d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, #ffffff 0%,#ffffff 88%,#4A86C6 12%,#4A86C6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #ffffff 0%,#ffffff 88%,#4A86C6 12%,#4A86C6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, #ffffff 0%,#ffffff 88%,#4A86C6 12%,#4A86C6 100%); /* IE10+ */
	background: linear-gradient(-45deg, #ffffff 0%,#ffffff 88%,#4A86C6 12%,#4A86C6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#db1e0d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	float: left;
	margin-top: 3px;
	margin-left: 3px;
	margin-right: 3px; 
	margin-bottom: 3px;
	
	
}	

.PromotblMB a{
	width: 280px;
	height: 250px;
	/*height: 200px;*/
	text-decoration: none;
	color: #666;
	font-weight: bold;
	font-size: 12px;
}
	
td.PromTopLeft {
	color: #333333;
	height: 50px;
	width: 60px;
	margin-bottom: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	text-transform: uppercase;	
	font-family: arial;
	transform: rotate(-45deg);
	display: inline-block;
    vertical-align: baseline;
    /*position: absolute;*/
    z-index: 2;
	
}

a.PromTopLeft {
	/*(margin:0px;
	height: 45px;*/
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	text-transform: uppercase;	
	text-decoration: none;
	z-index: 2;
	margin-left: 8px;
	
}

.PromPrice {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#DD0000;
	font-weight: bold;
	
}

.MoneyOffPrice {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size:12px;
	/*color:#DD0000;*/
}

.MoneyOffPriceTotal{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	/*color:#DD0000;*/
	/*font-weight: bold;*/
}



/*.MBwrapper {
  margin: 50px auto;
  width: 280px;
  height: 200px;
  background: white;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 8px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 8px rgba(0,0,0,0.3);
  position: relative;
  z-index: 90;
}*/

.MBribbon-wrapper-green {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  right: -3px;
}

.MBribbon-green {
  font: bold 15px Sans-Serif;
  color: #333;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #BFDC7A;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45)); 
  background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:    -moz-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:     -ms-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:      -o-linear-gradient(top, #BFDC7A, #8EBF45); 
  color: #6a6340;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}

.MBribbon-green:before, .MBribbon-green:after {
  content: "";
  border-top:   3px solid #6e8900;   
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}

.MBribbon-green:before {
  left: 0;
}
.MBribbon-green:after {
  right: 0;
}

.CheckoutClick {
  cursor:pointer;
}


#ClickCollecttbl {
    font-family: Arial, Helvetica, sans-serif;
    width: 100%;
    border-collapse: collapse;
}

#ClickCollecttbl td, #ClickCollecttbl th {
    font-size: 1em;
    border: 1px solid #98bf21;
    padding: 3px 7px 2px 7px;
}

#ClickCollecttbl th {
    font-size: 1.1em;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 4px;
    background-color: #A7C942;
    color: #ffffff;
}

#ClickCollecttbl tr.alt td {
    color: #000000;
    background-color: #EAF2D3;
}