/*COMMON CSS*/
.mdlCont {
	background: rgba(0, 0, 0, .4);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	font-family: Arial !important;
	display: none;
	z-index: 11000;
}
.mdl {
	width: 610px;
	height: 290px;
	background: #fff;
	position: absolute;
	left: 50%;
	margin-left: -305px;
	top: 20%;
	border: 5px solid rgba(0, 0, 0, .5);
	z-index: 15000;
}
.modalTx1 {
	font-size: 19px;
	margin-left: 143px;
	margin-top: 10px;
}
.modalTx2 {
	font-size: 19px;
	margin-left: 270px;
}
.modalTx3 {
	font-size: 19px;
	margin-left: 214px;
}
.modalTx4 {
	font-size: 14px;
	margin-left: 350px;
}
.modalTx5 {
	font-size: 14px;
	text-align: center;
	margin-top: 10px;
}
.mdlclose {
	background: url(../img/mdlclose.png);
	width: 22px;
	height: 22px;
	position: absolute;
	top: 20px;
	right: -18px;
	z-index: 17000;
	cursor: pointer;
}
.mdlcloseBlack {
	background: url(../img/mdlcloseBlack.png);
	width: 22px;
	height: 22px;
	position: absolute;
	top: 4px;
  right: 4px;
	z-index: 17000;
	cursor: pointer;
}

/*RED MODAL*/
.mdlRed {
	color: #eb0000;
}
.mdlRed .mdlTitle {
	background: url(../img/mdlTopBgRed.jpg) no-repeat top center;
	width: 357px;
	height: 37px;
	line-height: 37px;
	color: #fff;
	margin-top: 12px;
	padding-left: 255px;
	font-size: 30px;
	font-weight: bold;
	position: relative;
}
.mdlRed .mdlPcode {
	width: 200px;
	height: 44px;
	line-height: 44px;
	background: #ebebeb;
	border: solid 3px #b7b7b7;
	font-size: 30px;
	text-align: center;
	font-weight: bold;
	color: #eb0000;
	display: block;
	margin: 20px auto 0 auto;
}
.mdlRed .stripLeft {
	background: url(../img/stripLeftRed.png);
	width: 180px;
	height: 273px;
	position: absolute;
	top: -30px;
	left: 6px;
	z-index: 16000;
}
.mdlRed .stripRight {
	background: url(../img/stripRightRed.png);
	width: 151px;
	height: 364px;
	position: absolute;
	top: -31px;
	right: -52px;
	z-index: 16000;
}
.mdlRed .stripBottom {
	background: url(../img/stripBottomRed.png);
	width: 185px;
	height: 67px;
	position: absolute;
	bottom: -68px;
	left: 240px;
	z-index: 16000;
}
.mdlRed .mdlSale {
	background: url(../img/mdlSaleRed.png);
	width: 162px;
	height: 162px;
	position: absolute;
	top: -43px;
	left: -52px;
	z-index: 17000;
}
.mdlRed .mdlButton {
	display: block;
	margin: 0 auto;
	width: 313px;
	background: #D04035;
	text-align: center;
	color: #fff;
	padding: 6px 0px;
	font-weight: bold;
	margin-top: 8px;
	cursor: pointer;
}

/*ORANGE MODAL*/
.mdlOrange {
	color: #D85D24;
}
.mdlOrange .mdlTitle {
	background: url(../img/mdlTopBgOrange.jpg) no-repeat top center;
	width: 357px;
	height: 37px;
	line-height: 37px;
	color: #fff;
	margin-top: 12px;
	padding-left: 255px;
	font-size: 30px;
	font-weight: bold;
	position: relative;
}
.mdlOrange .mdlPcode {
	width: 200px;
	height: 44px;
	line-height: 44px;
	background: #ebebeb;
	border: solid 3px #b7b7b7;
	font-size: 30px;
	text-align: center;
	font-weight: bold;
	color: #D85D24;
	display: block;
	margin: 20px auto 0 auto;
}
.mdlOrange .stripLeft {
	background: url(../img/stripLeftOrange.png);
	width: 180px;
	height: 273px;
	position: absolute;
	top: -30px;
	left: 6px;
	z-index: 16000;
}
.mdlOrange .stripRight {
	background: url(../img/stripRightOrange.png);
	width: 151px;
	height: 364px;
	position: absolute;
	top: -31px;
	right: -52px;
	z-index: 16000;
}
.mdlOrange .stripBottom {
	background: url(../img/stripBottomOrange.png);
	width: 185px;
	height: 67px;
	position: absolute;
	bottom: -68px;
	left: 240px;
	z-index: 16000;
}
.mdlOrange .mdlSale {
	background: url(../img/mdlSaleOrange.png);
	width: 162px;
	height: 162px;
	position: absolute;
	top: -43px;
	left: -52px;
	z-index: 17000;
}
.mdlOrange .mdlButton {
	display: block;
	margin: 0 auto;
	width: 313px;
	background: #D85D24;
	text-align: center;
	color: #fff;
	padding: 6px 0px;
	font-weight: bold;
	margin-top: 8px;
	cursor: pointer;
}

/*BLUE MODAL*/
.mdlBlue {
	color: #3795D4;
}
.mdlBlue .mdlTitle {
	background: url(../img/mdlTopBgBlue.jpg) no-repeat top center;
	width: 357px;
	height: 37px;
	line-height: 37px;
	color: #fff;
	margin-top: 12px;
	padding-left: 255px;
	font-size: 30px;
	font-weight: bold;
	position: relative;
}
.mdlBlue .mdlPcode {
	width: 200px;
	height: 44px;
	line-height: 44px;
	background: #ebebeb;
	border: solid 3px #b7b7b7;
	font-size: 30px;
	text-align: center;
	font-weight: bold;
	color: #3795D4;
	display: block;
	margin: 20px auto 0 auto;
}
.mdlBlue .stripLeft {
	background: url(../img/stripLeftBlue.png);
	width: 180px;
	height: 273px;
	position: absolute;
	top: -30px;
	left: 6px;
	z-index: 16000;
}
.mdlBlue .stripRight {
	background: url(../img/stripRightBlue.png);
	width: 151px;
	height: 364px;
	position: absolute;
	top: -31px;
	right: -52px;
	z-index: 16000;
}
.mdlBlue .stripBottom {
	background: url(../img/stripBottomBlue.png);
	width: 185px;
	height: 67px;
	position: absolute;
	bottom: -68px;
	left: 240px;
	z-index: 16000;
}
.mdlBlue .mdlSale {
	background: url(../img/mdlSaleBlue.png);
	width: 162px;
	height: 162px;
	position: absolute;
	top: -43px;
	left: -52px;
	z-index: 17000;
}
.mdlBlue .mdlButton {
	display: block;
	margin: 0 auto;
	width: 313px;
	background: #3795D4;
	text-align: center;
	color: #fff;
	padding: 6px 0px;
	font-weight: bold;
	margin-top: 8px;
	cursor: pointer;
}
.cart_table td {
	height: 50px;
	padding: 0px 5px;
	position: relative;
}
.content {
	overflow: visible;
}
.cart_table .best {
	border: 5px solid #F00;
	width: 815px;
	display: block;
	height: 50px;
	position: absolute;
	top: -6px;
	left: -3px;
	z-index: 2;
	border-radius: 4px;
}
.cart_table .best:before {
	content: "";
	background: url(../img/profitRed.png) no-repeat top left;
	width: 15px;
	height: 60px;
	top: -5px;
	left: -18px;
	display: block;
	position: absolute;
}
.cart_table .best:after {
	content: "";
	background: url(../img/profitThumbRed.png) no-repeat top left;
	width: 33px;
	height: 42px;
	position: absolute;
	top: 0px;
	right: -37px;
	display: block;
}
.oneclick-button,
.add_cart {
	position: relative;
	z-index: 3;
}

/*PROPOSE*/
.mdlContProp {
	background: rgba(0, 0, 0, .4);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	font-family: Arial !important;
	z-index: 30000;
}
.mdlPropose {
	width: 710px;
	height: 366px;
	background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
	background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
	position: absolute;
	left: 50%;
	margin-left: -355px;
	top: 20%;
	border: 5px solid rgba(0, 0, 0, .5);
	z-index: 15000;
	padding: 5px;
}
.mdlPropose .mdlTitle {
	color: #D50606;
	font-size: 20px;
	text-align: center;
	padding: 10px 0px;
	font-weight: bold;
}
.mdlPropTx1 {
	font-size: 14px;
	text-align: center;
}
.mdlPropose #clock {
	text-align: center;
	font-size: 30px;
	color: #B50F0F;
	font-weight: bold;
	padding: 6px 0px;
	border: 3px solid #B50F0F;
	display: block;
	margin: 8px auto 7px;
	width: 174px;
	border-radius: 30px;
}
.propItem {
	padding: 5px 0px;
	font-size: 14px;
	margin-bottom: 10px;
}
.propItem img {
	float: left;
	margin-right: 20px;
}
.mdlPropose table {
	background: #FFF5DF;
	text-align: center;
	width: 100%;
}
.propExit {
	background: #ECAAA7;
	float: left;
	padding: 10px 35px;
	border: 1px solid #ddd;
	border-radius: 4px;
	text-align: center;
	cursor: pointer;
	color: #454545;
	box-shadow: 0px 0px 6px 0px #B3B3B3;
}
.propAdd {
	background: #CF443E;	
	float: right;
	padding: 10px 35px;
	border-radius: 4px;
	border: 1px solid #FFF;
	text-align: center;
	cursor: pointer;
	color: #fff;
	font-weight: bold;
	box-shadow: 0px 0px 6px 0px #B5B5B5;
	text-shadow: 1px 1px 1px #545454;
}

/*EMAIL*/
.mdlContMail {
	background: rgba(0, 0, 0, .4);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	font-family: Arial !important;
	display: none;
	z-index: 5000;
}
.mdlMail {
	width: 710px;
	height: 170px;
	background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
	background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
	position: absolute;
	left: 50%;
	margin-left: -355px;
	top: 20%;
	border: 5px solid rgba(0, 0, 0, .5);
	z-index: 15000;
	padding: 5px;
}
.mdlMail .mdlTitle {
	color: #D50606;
	font-size: 20px;
	text-align: center;
	padding: 10px 0px;
	font-weight: bold;
}
.mdlMail .mdlEmailTx1 {
	line-height: 20px;
	text-align: center;
	font-size: 14px;
}
.mdlMail input {
	margin-left: 217px;
	border: 2px solid #C3C3C3;
	border-radius: 4px;
	font-size: 20px;
	padding: 4px 4px;
	width: 270px;
	margin: 20px 0px 10px 117px;
}
.mdlMail .propExit {
}
.mdlMail .propAdd {
	margin-top: 17px;
	margin-right: 108px;
}
.mdlMail .ribbonL {
	background: url(../img/pcodeRibbonLeft.png) no-repeat;
	width: 132px;
	height: 111px;
	position: absolute;
	top: -1px;
	left: -1px;
}