﻿@charset "utf-8";

.wp-top-dealponbluecoupon
{
	background: url(images/bluecouponbg_top.gif);
    min_height:56px;
    height:56px;
    margin-left:2px;
	}

.wp-dealponbluecoupon
{
	background: url(images/bluecouponbg_middle.gif) repeat-y center top;
    text-align:center;
    margin-bottom:5px;
	}
.dealpontablebluecoupon{
	width: 100%;
	background: url(images/buttonbgblue.png);
	text-align: center;
	margin: 0 auto;
	height: 43px;
	z-index: 2;
	position: relative;
}

.wp-bottom-dealponbluecoupon
{
	background: url(images/bluecouponbg_bottom.gif);
    min_height:43px;
    height:43px;
    margin:-30px 0 45px 2px;
	}


.wp-dealponblue
{
	border: 2px dotted #0794d4;
}
.dealpontableblue{
	width: 100%;
	background: url(images/buttonbgblue.png);
	text-align: center;
	margin: 0 auto;
	height: 43px;
	z-index: 2;
	position: relative;
}
.wp-dealponred
{
	width: 296px;
	border: 2px dotted #660000;
}
.wp-dealpon-content{
	padding: 0px;
}

.dealpontablered{
	width: 300px;
	background: url(images/buttonbgred.png);
	text-align: center;
	margin: 0 auto;
	height: 85px;
	z-index: 2;
	position: relative;
}
.closedoffer{
	position: relative;
	z-index: 1;
	height: 100%;
	width: 100%;
	background: #ebeafb;
	border-top: 1px solid #041e72;
	height: 41px;
	margin-top: -43px;
	color: red;
	font-face: Arial, Helvetica, sans-serif;
	opacity: .8;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	line-height: 40px;
}
.wp-dealpongreen
{
	border: 2px dotted #7ecb15;
}
.dealpontablegreen{
	width: 100%;
	background: url(images/buttonbggreen.png);
	text-align: center;
	margin: 0 auto;
	height: 43px;
	z-index: 2;
	position: relative;
}
.wp-dealpon-table
{
	width: 300;
	text-align: center;
	border: 0 !important;
	color: #000;
	margin: 0 auto!important;
}

.wp-dealpon-table td
{
	vertical-align: middle !important;
	text-align: center !important;
	padding: 6px 0 !important;
	border: 0 !important;
}

.wp-dealpon-table img
{
	vertical-align: middle !important;
}
.barbox{
	display: inline-block;
	text-decoration: none;
	outline: none;
	
	font: bold 12px/1em HelveticaNeue, Arial, sans-serif;
	padding: 8px 5px;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	
	background: #f5f5f5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f0f0f0));
	background: -moz-linear-gradient(top, #f9f9f9, #f0f0f0);
	
	border: 1px solid #dedede;
	border-color: #dedede #d8d8d8 #d3d3d3;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	-webkit-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb;
	-moz-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb;
	box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb;
}
.buttonPro{
	display: inline-block;
	text-decoration: none;
	outline: none;
	
	font: bold 12px/1em HelveticaNeue, Arial, sans-serif;
	padding: 8px 11px;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	
	background: #f5f5f5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f0f0f0));
	background: -moz-linear-gradient(top, #f9f9f9, #f0f0f0);
	
	border: 1px solid #dedede;
	border-color: #dedede #d8d8d8 #d3d3d3;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	-webkit-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb;
	-moz-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb;
	box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb;
}

.buttonPro:hover, .buttonPro:focus{
	background: #efefef;
	background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#e9e9e9));
	background: -moz-linear-gradient(top, #f9f9f9, #e9e9e9);
	border-color: #ccc;
	-webkit-box-shadow: 0 2px 1px #e0e0e0, inset 0 1px 0 #fbfbfb;
	-moz-box-shadow: 0 2px 1px #e0e0e0, inset 0 1px 0 #fbfbfb;
	box-shadow: 0 1px 2px #e0e0e0, inset 0 1px 0 #fbfbfb;
}

.buttonPro:active{
	position: relative;
	top: 1px;
	background: #efefef;
	background: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#f4f4f4));
	background: -moz-linear-gradient(top, #eaeaea, #f4f4f4);
	border-color: #c6c6c6;
	-webkit-box-shadow: 0 1px 0 #fff, inset 0 0 5px #ddd;
	-moz-box-shadow: 0 1px 0 #fff, inset 0 0 5px #ddd;
	box-shadow: 0 1px 0 #fff, inset 0 0 5px #ddd;
}

.buttonPro.rounded{
	padding: 8px 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}


input.buttonPro, button.buttonPro{
	*width: auto; /* IE7 Fix */
	*overflow: visible; /* IE7 Fix */
}

.buttonPro img{
	border: none;
	vertical-align: bottom;
}

/* ----- ---- --- -- -  Red - -- --- ---- ----- */

.buttonPro.red{
	background: #e6433d;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8674b), to(#d54746));
	background: -moz-linear-gradient(top, #f8674b, #d54746);
	border-color: #d1371c #d1371c #9f220d;
	color: #fff;
	cursor: pointer;
	text-shadow: 0 1px 1px #961a07;
	-webkit-box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 0 #ff9573;
	-moz-box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 0 #ff9573;
	box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 0 #ff9573;    
}
.buttonPro.red:hover, .buttonPro.red:focus{
	background: #dd3a37;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff7858), to(#cc3a3b));
	background: -moz-linear-gradient(top, #ff7858, #cc3a3b);
	border-color: #961a07;
	-webkit-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #ff9573;
	-moz-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #ff9573;
	box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #ff9573;    
}
.buttonPro.red:active{
	background: #e6433d;
	border-color: #961a07;
	-webkit-box-shadow: 0 1px 0 #fff, inset 0 0 5px #961a07;
	-moz-box-shadow: 0 1px 0 #fff, inset 0 0 5px #961a07;
	box-shadow: 0 1px 0 #fff, inset 0 0 5px #961a07;
}
