@charset "utf-8";

/*coupon info */
.couponInfo {line-height:1.9em; color:#666;}
/*coupon info */
/*store list */
ul.storesList { width:960px; overflow:hidden; margin-top:5px;border:1px solid #dae9f5; border-right-width:2px;border-bottom-width:2px;}
ul.storesList li {display:inline; float:left; width:161px;height:103px; overflow:hidden;cursor:pointer; margin:0 -1px -1px 0;}
ul.storesList li .storeItem {text-align:center;border:1px solid #dae9f5;}
ul.storesList li .storeOuterBorder { border:2px solid #fff;}
ul.storesList li .storeInnerBorder  {border-right:1px solid #fff;border-bottom:1px solid #fff;}
ul.storesList a.storeLogo { width:130px; height:65px; display:block; margin:0 auto 5px;}
ul.storesList a.storeLogo img { width:130px; height:65px; display:block;}
ul.storesList a.storeName { width:100%; display:block; height:26px; overflow:hidden; font-size:12px; color:#666;}
ul.storesList li:hover {}
ul.storesList li:hover .storeItem { border:1px solid #5183c0;}
ul.storesList li:hover .storeOuterBorder { border:2px solid #5183c0;}
ul.storesList li:hover .storeInnerBorder  {border-right:1px solid #5183c0;border-bottom:1px solid #5183c0;}
/*store list */
.couponShow,.couponUp { width:84px; height:23px; margin:0 auto; display:none;}
.currentBtn {display:block;}
.couponShow a,.couponUp a {display:block; padding-left:13px; height:23px; width:71px; line-height:23px;}
.couponShow a:link,.couponShow a:visited { background:url(../images/couponShow.png) no-repeat; color:#5183c0;}
.couponShow a:hover,.couponShow a:active { background:url(../images/couponShowhover.png) no-repeat; color:#fff;}
.couponUp a:link,.couponUp a:visited { background:url(../images/couponUp.png) no-repeat; color:#5183c0;}
.couponUp a:hover,.couponUp a:active { background:url(../images/couponUphover.png) no-repeat; color:#fff;}

/*coupon list */
ul.couponList { overflow:hidden;}
ul.couponList li {width:482px; height:159px; float:left; margin-right:9px; margin-bottom:9px; display:inline;overflow:hidden;}
ul.couponList li .couponItem { border:5px solid #fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
ul.couponList li .couponOuterBorder { border:1px solid #e4e4e4;}
ul.couponList li .couponInnerBorder { border:2px solid #fff; padding:3px; height:136px;}
ul.couponList li .couponLogo { width:168px; height:136px; text-align:center; overflow:hidden; border-right:3px solid #f5f5f5; float:left;}
ul.couponList li .couponLogo a { width:160px; height:80px; margin-top:28px; display:block;}
ul.couponList li .couponLogo img { width:160px; height:80px;}
ul.couponList li .couponRight {border-left:1px solid #e4e4e4; width:250px; height:120px; float:left;  font-size:12px; padding:16px 0 0 36px;}
ul.couponList li .couponTitle {margin-bottom:15px; height:24px; line-height:24px; overflow:hidden;}
ul.couponList li .couponTitle a {color:#5183c0;}
.couponBtn,.couponBtnNone { width:85px; height:34px;}
.couponBtn a,.couponBtnNone a { display:block; width:85px; height:34px; line-height:34px; text-align:center;}
.couponBtn a:link,.couponBtn a:visited {background:url(../images/couponBtn.png) no-repeat;color:#fff;}
.couponBtn a:hover,.couponBtn a:active {background:url(../images/couponBtnHover.png) no-repeat;color:#fff;}
.couponBtnNone {color:#fff; line-height:34px; text-align:center; background:url(../images/couponBtnOrange.png) no-repeat;}
.couponBtnNone a:link,.couponBtnNone a:visited {background:url(../images/couponBtnOrange.png) no-repeat;color:#fff;}
.couponBtnNone a:hover,.couponBtnNone a:active {background:url(../images/couponBtnHoverOrange.png) no-repeat;color:#fff;}
.couponMessage { margin-bottom:15px; color:#000;}
.couponRelative { position:relative; height:34px; width:100%;}
a.couponEdit {position:absolute; bottom:10px; left:100px; text-decoration:none;}
a.couponEdit:link,a.couponEdit:visited { color:#5183C0;}
a.couponEdit:hover,a.couponEdit:active { color:#333;}
ul.couponList li:hover .couponItem { border:5px solid #eff6fc;}
ul.couponList li:hover .couponOuterBorder { border:1px solid #c7dcef;}
ul.couponList li:hover .couponInnerBorder { border:2px solid #c7dcef; padding:3px; height:136px;}

/*coupon details */
.couponDetailsBox { width:674px; margin:0 auto; padding:5px 0 0 10px;}
dl.couponLBox { width:480px; float:left;}
dl.couponLBox dt { margin-bottom:20px; padding-top:18px;}
dl.couponLBox dd { margin:0 0 10px; color:#666;}
dl.couponLBox dd span.name { color:#333;}
dl.couponLBox dd span.red { font-family:arial; padding:0 5px; font-size:12px;}
.couponRBox { width:184px; height:160px; float:right;}
.instruction { font-size:12px; color:#333; margin-bottom:10px; margin-top:15px; font-weight:bold;}
.instructionBox { line-height:1.9em; color:#666; margin:5px 0 10px; height:100%; width:100%;}
.reminderBox {background-color:#fffbec; border:1px solid #eddfca; height:100%; -webkit-box-shadow: #f2f2f2 2px 3px 3px;-moz-box-shadow: #f2f2f2 2px 3px 3px;box-shadow: #f2f2f2 2px 3px 3px; width:682px; margin:0 auto 20px; }
.reminderInner {background-color:#fffbec; border:1px solid #fff; padding:14px 14px 17px; line-height:1.9em; color:#666;}

/*records*/
.records {  width:684px; margin:0 auto; height:100%; padding-bottom:30px;}
.records .fontTitle { color:#666; margin-bottom:15px;}
.recordsTable { border:2px solid #dae9f5; width:680px; height:100%;}
.recordsList { border:1px solid #fff; height:auto; width:678px; overflow:hidden;}
.recordsItem { height:30px; line-height:30px;}
.recordsList .odd { background-color:#fff;}
.recordsList .even { background-color:#f1f7fc;}
.recordsPart1,.recordsPart2 ,.recordsPart3 { width:134px; text-align:center; float:left; font-size:12px; color:#666; font-family:arial;height:30px; line-height:30px; overflow:hidden;}
.recordsPart2 { width:220px;}
.relatePic { width:80px; height:80px;}
.recordsPart3 { width:324px;font-family:Arial,"宋体";}/* Add Arial */
.recordsPart3 span { width:194px; display:block;}
/*right side*/
ul.relateCoupon {}
ul.relateCoupon li { height:100%; width:100%; overflow:hidden; border-bottom:1px solid #E0E0E0; padding:10px 0;}
ul.relateCoupon li.borderNone {border-bottom:none;}
a.relatePic { width:60px; height:60px; display:block; text-align:center; float:left;}
.relatePic img{ width:60px; height:30px; margin-top:15px; display:block;}
a.relatePic:link,a.relatePic:visited {border:1px solid #e5e5e5;}
a.relatePic:hover,a.relatePic:active {border:1px solid #ccc;}
.relateCouponR { width:180px; float:right; font-size:12px; line-height:1.6em;}
.relateCouponR .name { margin-bottom:8px;}
.relateCouponR span {display:block; width:90px;}
/*relateCouponBtn*/
.relateCouponBtn,.relateCouponNone { width:65px; height:26px; float:right; padding-top:4px;}
.relateCouponBtn a,.relateCouponNone a { display:block; width:65px; height:26px; line-height:26px; text-align:center;}
.relateCouponBtn a:link,.relateCouponBtn a:visited {background:url(../images/relateCouponBtn.png) no-repeat;color:#fff;}
.relateCouponBtn a:hover,.relateCouponBtn a:active {background:url(../images/relateCouponBtnHover.png) no-repeat;color:#fff;}
.relateCouponNone a:link,.relateCouponNone a:visited {color:#fff; background:url(../images/relateCouponBtnOrange.png) no-repeat;}
.relateCouponNone a:hover,.relateCouponNone a:active {color:#fff; background:url(../images/relateCouponBtnHoverOrange.png) no-repeat;}

/*coupon Pop-up box */
.wrap_out {width: 360px; left: 40%; position:fixed; _position:absolute; color:#7A7A7B; top:200px; display:none;}
.wrap_body { width:358px;}
.blod_cdc { font-weight:bold; color:#333;}
.couponShowBox {padding: 60px 50px;font-family:Verdana,"BitStream vera Sans",Tahoma,Helvetica,Sans-serif; font-size:13px; color:#333;}
.couponShowBox p { margin:0;}
.couponCode {font-weight: bold; font-size: 22px; color: #990000; word-wrap:break-word; width:260px; font-family:Verdana,"BitStream vera Sans",Tahoma,Helvetica,Sans-serif}
p.couponLink  { font-size:10px;}
p.couponLinkMT {font-size:10px; margin-top:5px;}
a.blueLink:link,a.blueLink:visited {color:#ffffff; text-decoration:none;}
a.blueLink:hover,a.blueLink:active {color:#ffffff; text-decoration:underline;}
p.couponCenter { font-size:14px; text-align:center;}
p.couponPointsBox {color:#666666; font-size:12px; text-align:center; padding-top:5px;}
.couponPointsBox em { font-style:normal; font-weight:normal;}
.couponCodeNameBox { display: block; width: 100%; height: auto; overflow: hidden; margin-top: 6px;}
.couponCodeName{color: #333333; font-size: 13px; font-weight: normal; line-height: 2;}
.couponCodeNum {width: 215px; display:inline-block; float:right}

.conter{ margin-top:20px;}

.smokey-button:focus {
	outline:0 none;
}
.smokey-button,.smokey-button:visited {
	background:none repeat scroll 0 0 #0393be;
	border:1px solid #127aad;
	border-radius:6px;
	box-shadow:0 1px 0 1px rgba(0,0,0,0.1),0 1px 0 0 #04baf0 inset;
	color:#ffffff;
	font-weight:700;
	padding:0 12px;
	text-shadow:0 0 1px rgba(0,0,0,0.7);
}
.smokey-button:hover {
	background-color:#03a6d7;
	color:#fff;
}
.smokey-button:active {
	background:none repeat scroll 0 0 #0380a5;
	box-shadow:0 1px 0 0 #026c8c inset;
color:#ffffff;
}
.smokey-button:visited {
	color:#ffffff;
}
.smokey-button,.smokey-button:visited {
	font-size:18px;
	height:40px;
	line-height:40px;
	padding:0 12px;
	width:254px;
color:#ffffff;
	overflow:hidden;
	cursor:pointer;
}