.couponsection{
	border:1px solid #cdcdcd;
	border-radius:4px;
	padding:10px;
	margin-bottom: 1em;

}

.couponsection:hover{
	border:1px solid #0063AA;
}
.couponbox{
	border-radius: 4px;
	text-align: center;
	font-weight: bold;
	width:120px;
	height:120px;
	display: table-cell;
	vertical-align: middle;


}

.pagename{
	display: inline;
	font-size: 1em;
	color: #fff;
}

.otherdeals{
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	color: #909090
}

.pages{
	border:1px solid #ccc;
	border-radius: 4px;
	width: 80%;
	margin:auto;
	padding:1em;
}

.merchantname{
	text-align: center;
}

.couponbox h3{
	font-size:1.6em;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: -1px;
	color: #888;
	padding: 10px;
}

.about{
	color:#444;
	font-size:11px;
}
.couponcode{


	text-align: center;
}

.couponcode span{
	display: inline-block;
	background:#efefee;
	padding:0.6em;
	border-radius: 2px;
	font-size: 1.2em;
	text-transform: uppercase;
	letter-spacing: -1px;
}
.couponcode .tag{
	font-weight: bold;
	color:#fff;
	background: #0063AA;
	border: 2px solid #0063AA;
}

.couponcode .thecoupon{
	border: 2px dashed #0063AA;
}

.merchantlogo img{
	border:1px solid #ccc;
	border-radius: 2px;
	padding:10px;

}

.singledeal{
border:2px solid #0063AA;
border-radius: 4px;
padding: 1em;
}

.singledeal h1{
	font-size:2.2em;
	text-align: center;
	color:#0063AA;
}
.singledeal p{
	font-size:1.4em;
	color:#777;
	letter-spacing: -1px
}

.dealbutton{
	border: 1px solid #0063AA;
}

.couponcode tag{
	padding: 10px;
}

.disablemouse{
	pointer-events:none;
}



.freecoupon{

	text-align: center;
}

.freecoupon span{
	background: #efefee;
	display: inline-block;
	background:#efefee;
	padding:0.6em;
	border-radius: 2px;
	font-size: 1.2em;
	border: 1px solid #777;
	letter-spacing: -0.02em;


}


.dealbutn{
	display: table-cell;
	vertical-align: top;
	padding-left: 2em;
}

.dealbutn a{
		border: 1px solid #0063AA;
}

.nextbtn{
	margin-left: 1em;
}

.highlight{
	background:#FBFF8E;
}


.dealbutton{

}

.topsearchbox, .topsearchbox form, .topsearchbox form input{
	display: inline-block;
}


.thanks{
	color:#777;
	font-size:0.8em
}

.topsearchbox form .searchbox{
	border: 2px solid #fff;
	border-radius: 2px;
	color: #fff;
	margin-right: 0.2em;
}
.topsearchbox form .searchbtn{
	padding: 0.5em;
	color: #fff;
	margin-right: 5px;
	border: 2px solid #fff;
	border-radius: 2px;
	margin-right: 1em;
}
.topsearchbox{
	margin-top: -4px
}
.dealbtns{
	font-size: 1.8em
}


.deallink{


}

p{
	font-size: 0.9em
}
/*override*/
.nav{
	background:#0063AA;
}

.nav .current, .nav a:hover{
	background: transparent;

}

.nav a{
	color:#C9EBF2;

}

h1, h2,h3{

	letter-spacing: -0.03em;
}

h1{
	font-weight: normal;
	font-size: 1.7em;
	font-weight: bold;
	color:#909090;
}

h2,h3{
	font-weight: normal;
	font-size: 1.8em;
}


a h1, a h2, a h3{
	text-decoration: none;
	color: #0063AA;
}

a:hover h1, a:hover h2, a:hover h3{
	color:#0063AA;
}

a{
	text-decoration: none;
}


/* overriding mincss */
.btn.btn-close{
	background: #0063AA
}

.nav div::before{
	background: #0063AA
}

.sidebar{
	padding: 1em;

}


.sidebarsection ul,.sidebarsection ol {
padding-left: 0
}
.sidebarsection li {
	padding:0.6em;
	margin-bottom: 0;
	list-style-type: none;
	font-size: 0.9em

}

.sidebarsection ul li{
	list-style-type: none
}
.sidebarsection li a, .sidebarsection li a:visited{
	color:#000;
}

.sidebarsection li a:hover{
	color:#444444;
}

.sidebarsection li:nth-child(odd){	
	background:#efefef;
	border-radius: 4px
}
.couponlist a h2, .couponlist a h3{
	margin: 0
}
.couponinfo, .coupondateinfo{
	background:#efefee;
	padding:0.6em;
	border-radius: 2px;
	display: inline-block;
	font-size: 0.8em;
	border: 1px solid #D3D3D3;
	margin-bottom:4px;
}

.breadcrumbs ol li{
	list-style-type:none;
	display: inline
}

.contentmain{
	margin-bottom: 4em
}

.merchantviews{
	border-bottom:1px dashed #888;
	color:#222;
}

.merchantviews:hover{
	color:#888
}
.breadcrumbs ol{
	padding-left:0 
}

.storeslist ul li{
	list-style-type: none;
	margin-bottom: 1.2em;
	border-bottom: 1px dotted #D4D4D4;
	margin: 6px
}

.storeslist ul{
	padding-left: 0
}

.bottomsearchbox{
	display: none;
}

.footer{
	background: #0063AA;
	color:#fff;
	padding: 1.4em 4em;
	font-size: 0.8em
}

.footer a{
	color: #fff;
}
.footer ul li{
	list-style-type: none;
	display: inline;
}

@media screen and (max-width:480px){
	.couponbox{
		display: none;
	}
	.row{
		display: flex;
		flex-flow: row wrap;
	}
	.sidebarmain{

		order: 2;
		width: 100%

	}
	.contentmain{

		order:1;
		width:100%;

	}
	.dealbutn{
		padding-left: 0;


	}

		.topsearchbox {
		display: none;
	}
	.bottomsearchbox{
		display: block;
		width: 80%;
		margin:auto;
		margin-top: 1.2em;
	}

	.bottomsearchbox input {
		display: inline
	}
	.bottomsearchbox .form-control{
		padding:10px;
		width: 70%;
		border-radius: 2px;
		margin-right: 5px;
	}



}

@media(max-width:542px){
		.topsearchbox {
		display: none;
	}
	.bottomsearchbox{
		display: block;
		width: 80%;
		margin:auto;
		margin-top: 1.2em;
	}

	.bottomsearchbox input {
		display: inline
	}
	.bottomsearchbox .form-control{
		padding:10px;
		width: 70%;
		border-radius: 2px;
		margin-right: 5px;
	}

}

.votes{
	color: #777;
	font-size:0.8em;
	font-weight: bold;
	text-align: center;

}


.rating {
    float:left;
}

.myrating{
	width: 192px;
	margin: auto;
	display: block;
}


/* :not(:checked) is a filter, so that browsers that don’t support :checked don’t 
   follow these rules. Every browser that supports :checked also supports :not(), so
   it doesn’t make the test unnecessarily selective */
.rating:not(:checked) > input {
    position:absolute;
    top:-9999px;
    clip:rect(0,0,0,0);
}

.rating:not(:checked) > label {
    float:right;
    width:1em;
    padding:0 .1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:200%;
    line-height:1.2;
    color:#ddd;
/*    text-shadow:1px 1px #bbb, 2px 2px #666, .1em .1em .2em rgba(0,0,0,.5);*/
}

.rating:not(:checked) > label:before {
    content: '★ ';
}

.rating > input:checked ~ label {
    color: #f70;
/*    text-shadow:1px 1px #c60, 2px 2px #940, .1em .1em .2em rgba(0,0,0,.5);*/
}

.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
    color: gold;
/*    text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);*/
}

.rating > input:checked + label:hover,
.rating > input:checked + label:hover ~ label,
.rating > input:checked ~ label:hover,
.rating > input:checked ~ label:hover ~ label,
.rating > label:hover ~ input:checked ~ label {
    color: #ea0;
/*    text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);*/
}

.rating > label:active {
    position:relative;
/*    top:2px;*/
/*    left:2px;*/
}

.ie8msg{
	display: none;
	font-style: italic;
}

.video{
	margin-bottom:10px;
}