@font-face
{
	font-family: 'Calibri';
	src:url('../font/calibri.eot');
	src:url('../font/calibri.eot?#iefix') format('embedded-opentype'),
		url('../font/calibri.woff') format('woff'),
		url('../font/calibri.ttf') format('truetype'),
		url('../font/calibri.svg#calibri') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face
{
	font-family: 'Frank-Regular';
	src: url('../font/frankregularwebfont.eot');
	src: url('../font/frankregularwebfont.eot?#iefix') format('embedded-opentype'),
			 url('../font/frankregularwebfont.woff') format('woff'),
			 url('../font/frankregularwebfont.ttf') format('truetype'),
			 url('../font/frankregularwebfont.svg#frankregularwebfont') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face
{
	font-family: 'Frank-thin';
	src: url('../font/Frank-Thin_gdi.eot');
	src: url('../font/Frank-Thin_gdi.eot?#iefix') format('embedded-opentype'),
			 url('../font/Frank-Thin_gdi.woff') format('woff'),
			 url('../font/Frank-Thin_gdi.ttf') format('truetype'),
			 url('../font/Frank-Thin_gdi.svg#Frank-Thin_gdi') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face
{
	font-family: 'Frank-Light';
	src:url('../font/Frank-Light.eot');
	src:url('../font/Frank-Light.eot?#iefix') format('embedded-opentype'),
		url('../font/Frank-Light.woff') format('woff'),
		url('../font/Frank-Light.ttf') format('truetype'),
		url('../font/Frank-Light.svg#calibri') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face
{
    font-family: 'FranklinGothic-MediumCond';
    src: url('../font/framdcn.eot');
    src: url('../font/framdcn.eot?#iefix') format('embedded-opentype'),
             url('../font/framdcn.woff') format('woff'),
             url('../font/framdcn.ttf') format('truetype'),
             url('../font/framdcn.svg#framdcn') format('svg');
    font-weight: normal;
    font-style: normal;
}
body
{
	margin:0px;
	padding:0px;
	font-family: 'Frank-Regular',sans-serif;
	font-size:16px;
	color:#000000;
}
h1, h2, h3, h4, h5, h6
{
	margin:0px; padding:0px; 
	font-family: 'Frank-thin',sans-serif;
	font-weight:normal;
}
ul, li, p
{
	margin:0px; padding:0px; 
	list-style-type:none;
}
span, a, label
{
	display:inline-block;
}
img
{
	border:none;
	outline:none;
}
a
{
	color:#dd1616; 
	outline:none; 
	text-decoration:none;
	-webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}
input
{
	outline:none!important;
}
header, footer, nav, menu, article, section
{
	display:block;
}
.noImage
{
	text-align:center;
	padding:10% 0px;
}
.noImage img
{
	max-width:98%;
}
.contantHolder
{
    width: 1170px;
    margin: 0px auto;
    padding: 0px;
	box-sizing:border-box;
}
.clr
{
    clear: both;
}
.noScroll
{
	overflow:hidden;
}
/*
	#####################
    TOP HEADER
    ####################
*/
.topHeader
{
	background:#000000;
	color:#ffffff;
} 
.topHeader .contantHolder
{
	min-height:40px;
	overflow:hidden;
}
.topHeader .userLocation
{
	float:left;
}
.topHeader .userLocation label
{
	font-size:14px;
	color:#b2b2b2;
	padding-top:0px;
	vertical-align:top;
}
.topHeader .userLocation label strong
{
	font-weight:normal;
	vertical-align:top;
	padding-top:11px;
	display:inline-block;
}
.topHeader .userLocation label a span
{
	background:url("images/detail_icon.png")no-repeat scroll 84% -245px;
	width:24px;
	height:40px;
	position:absolute;
	top:0px;
	right:10px;
}
.topHeader .userLocation label a
{
	font-size:14px;
	text-transform:uppercase;
	color:#ffffff;
	margin-left:5px;
	text-align:center;
	background:#171717;
	height:40px;
	box-sizing:border-box;
	padding:6px 45px 0px 7px;
	line-height:15px;
	position:relative;
}
.topHeader .userLocation label a label
{
	text-transform:none!important;
	font-size:11px!important;
	display:block;
	color:#747474;
}
.topHeader .siteNavigation
{
	float:right;
	font-size:14px;
}
.topHeader .siteNavigation a
{
	float:left;
	color:#ffffff;
	padding:11px 0px 11px 25px;
	margin:0px 10px;	
}
.topHeader .siteNavigation a:hover
{
	opacity:0.8;
}
.topHeader  .siteNavigation a.offerIco
{
	background:url("../../images/navigation_icon.png") no-repeat scroll 0px 10px;
}
.topHeader .siteNavigation a.favouriteIco
{
	background:url("../../images/navigation_icon.png") no-repeat scroll 0px -47px;
}
.topHeader .siteNavigation a.profileIco
{
	background:url("../../images/navigation_icon.png") no-repeat scroll 0px -111px;
}
.topHeader .siteNavigation a.logoutIco
{
	background:url("../../images/navigation_icon.png") no-repeat scroll 0px -167px;
}
.topHeader .siteNavigation a.promotionIco
{
	background:url("../../images/navigation_icon.png") no-repeat scroll 0px -313px;
}
.topHeader .siteNavigation a.inboxIco
{
	background:url("../../images/navigation_icon.png") no-repeat scroll 0px -237px;
}
.topHeader .siteNavigation a.bookletIco:hover
{
	opacity:1!important;
}
.topHeader .siteNavigation a.bookletIco
{
	background:url("../../images/book_ico.png") no-repeat scroll 11px 11px;
	background-size: 26px 70px;
	background-color:#ffb400;
	padding-right:10px;
	padding-left:45px;
	color:#000000;
	padding-bottom:12px;
}
/*
	#####################
    HEADER
    ####################
*/
header.headerMain
{
	
	background-color: rgba(0,0,0,0.2);
	height: 120px;
    overflow: hidden;
}
header.headerMain .contantHolder
{
	height: 120px;	
}
.headerGraphic
{
	background:url('../../images/building_graphic.gif') repeat-x bottom center;
	background-color: #ffffff!important;
}
.headerGraphic .contantHolder
{
	background:url('../../images/timeline_1170.png') no-repeat bottom center;
}
header.headerMain .logo
{
	float:left;
	padding-top:17px;
}
header.headerMain .userprofilePic
{
	float:right;
	text-align:center;
	margin-top:35px;
}
header.headerMain .userprofilePic span
{
	/*border:1px solid #ffffff;
	padding:2px;*/
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	-o-border-radius:100%;
	border-radius:100%;
	
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.3);
	box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}
header.headerMain .userprofilePic span img
{
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	-o-border-radius:100%;
	border-radius:100%;
	vertical-align:top;
}
header.headerMain .userprofilePic label
{
	display:block;
	padding-top:6px;
	color:#ffffff;
}
.exploreText
{
	font-family: 'Frank-thin',sans-serif;
	color:#ffffff;
	font-size:27px;
	text-align:center;
	float:left;
	width:70%;
	padding-top:40px;
	box-sizing:border-box;
	padding-left:16%;
}
.exploreText span
{
	font-family: 'FranklinGothic-MediumCond',sans-serif;
}
.exploreText a
{
	color:#ffc62e;	
	text-decoration:underline;
	position:relative;	
	padding-right:26px;
}
.exploreText a span
{
	background:url("images/detail_icon.png")no-repeat scroll 87% -317px;
	width:24px;
	height:24px;
	position:absolute;
	top:5px;
	right:0px;
}
.exploreText a strong
{
	position:absolute;
	font-size:13px;
	display:block;
	width:100%;
	font-family: 'Frank-Regular',sans-serif;
	font-weight:normal;
	color:#ffffff;
	opacity:0.5;
	padding-right:26px;
	box-sizing:border-box;
}
/*
	#####################
    MOBILE DEVICE - SLIDE MENU
    ####################
*/
.overlayMenu
{
    position: fixed;
    top: 0px; left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 111;
}

.deviceMenu
{
    background: #090909;
    position: fixed;
    top: 0px; left: 0px;
    z-index: 15000;
    width: 85%; height: 100%;
    
	-webkit-transition: -webkit-transform 350ms ease;
    -moz-transition: -moz-transform 350ms ease;
    transition: transform 350ms ease;
	
    -webkit-transform: translate3d(-100%,0,0);
    -moz-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
	
}
.menuScroller
{
    position: absolute;
    width: 100%;
    height: 100%;
        top:0px; left:0px;
    overflow: scroll;
    overflow-x: hidden;
}
.activeMenu
{
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.deviceMenu ul
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
.deviceMenu ul li a
{
    padding: 12px 10px;
    border-bottom: 1px solid #1c1c1c;
    display: block;
	color: #bfbfbf;
}
.deviceMenu ul li
{
    padding: 0px;
}
.deviceMenu ul li ul li a
{
    padding-left: 30px;
}
.userProfile
{
	width: 100%;
	height: 50px;
	background: #C90002 none repeat scroll 0% 0%;
	padding: 5px 0px 0px 0px;
	box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box;
	position:relative;
}
.userProfile img
{
	border-radius: 100%;
	-o-border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	float: left;
	margin-left: 5px;
	width:35px;
	height:35px;
	position:absolute;
	top:8px;
	left:0px;
}
.userProfile h4
{
	color: #ffffff;
	font-size: 18px;
	display: block;
	padding: 9px 0 0 50px;
	width: 100%;
	float: left;
	box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box;
	
	font-family: 'Frank-Light',sans-serif;
	font-weight: normal;
	
	text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
}
.menuScroller a
{
	display:block;
	width:100%;
	box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box;
	padding:15px 10px 15px 55px;
	border-top:1px solid #000000;
	border-bottom:1px solid #272727;
	color:#949494;
	position:relative;
	float:none;
}
.menuScroller a:hover
{
	background:#141414!important;
	color:#ffffff!important;
}
.menuScroller a span
{
	width:32px;
	height:32px;
	position:absolute;
	top:9px;
	left:10px;
	background:#000000;
	background:url("../../images/device_ico.png") no-repeat;
	background-size:85px 348px;
}
.menuScroller a.homeIco span{background-position: 2px 7px;}
.menuScroller a.locationIco span{background-position: 1px -206px;}
.menuScroller a.favouriteIco span{background-position: 2px -24px;}
.menuScroller a.promotionIco span{background-position: 2px -175px;}
.menuScroller a.inboxIco span{background-position: 2px -82px;}
.menuScroller a.profileIco span{background-position: 2px -113px;}
.menuScroller a.logoutIco span{background-position: 2px -147px;}
.menuScroller a.loginIco span{background-position: 3px -238px;}

.menuScroller a.bookletIco,
.menuScroller a.bookletIco:hover
{
	background:#ffb400!important;	
	color:#000000!important;
}
.menuScroller a.bookletIco span
{
	background:url("../../images/book_ico.png") no-repeat scroll 4px 7px!important;
	background-size: 26px 70px!important;
}

.menuScroller .userLocation strong
{
	display:none;
}
.menuScroller  .userLocation label
{
	display:block;
}

/* ==== Device Title */
.screenTitle
{
	background:#ce0b10;
	position:relative;
	font-family: 'Frank-Light',sans-serif;
	font-size:20px;
	color:#ffffff;
	height:42px;
	overflow:hidden;
	display:none;
	z-index:10;
}
.screenTitle h1 img
{
	vertical-align:top;
}
.screenTitle h1
{
	font-family: 'Frank-Light',sans-serif;
	font-size:19px;
	text-align:center;
	padding:6px 50px 0px;
	text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
	color:#ffffff;
	width:100%;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.screenTitle h1 a
{
	position:relative;
	z-index:102;
}
.screenTitle a.leftAction,
.screenTitle a.rightAction,
.screenTitle a.delete
{
	width:42px;
	height:42px;
	
	position:absolute;
	top:0px;
	z-index:110;
	color:#ffffff;
	font-size:13px;
	background:url("../../images/device_ico.png") no-repeat;
	background-size:85px 348px;
	/*background-color:rgba(0,0,0,0.2); */
	text-indent:-5000px;
	overflow:hidden;
}
.screenTitle a.leftAction{left:0px;}
.screenTitle a.rightAction{right:0px;}

.screenTitle a.menuIco{background-position: -55px 11px;}
.screenTitle a.backIco{background-position: -54px -94px;}

.screenTitle a.searchIco{background-position: -51px -39px;}
.screenTitle a.deleteIco, .screenTitle a.delete
{
	background-position: -51px -158px;
	right:0px;
}
.screenTitle a.closeIco{background-position: -51px -216px;}
.screenTitle  .offerSearch
{
	width:100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.screenTitle  .offerSearch input[type="text"]
{
	height:42px;
	padding:0 0 0 40px;	
	background:url("../../images/device_ico.png") no-repeat;
	background-size:85px 348px;
	background-position: -53px -39px;
	background-color:#ce0b10;
	color:#ffffff;
	border:none;
	outline:none;
}
.screenTitle .offerSearch input[type="button"],
.screenTitle .offerSearch input[type="button"]:hover
{
	height:42px;
	background:url("images/detail_icon.png")no-repeat scroll -140px -545px #000000;
	-webkit-appearance: none;
	outline:none;
}
.screenTitle .offerSearch .activeTextbox
{
	width:100%!important;
}
.screenTitle .searchOverlay
{
	background:rgba(0, 0, 0, 0.5);
}
.screenSubTitle
{
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    0px 1px 2px 0px rgba(0, 0, 0, 0.2);
	box-shadow:         0px 1px 2px 0px rgba(0, 0, 0, 0.2);
	
	background:#ffffff;
	width:100%;
	padding:0px 10px;
	font-size:15px;
	margin-bottom:0px;
	
	position:relative;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	
	text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
	
	display:none;	
	height:40px;
	line-height:38px;
}
.screenSubTitle h2
{
	font-family: 'Frank-Regular',sans-serif;
	font-size:15px;
	
	text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
}
.screenSubTitle #deviceSelectdCategory
{
	text-align:center;
	width:100%;
}

/* 
	#####################
    Header Top Category
    ####################
*/
.topCategories
{
	padding:25px 0px;
}
.topCategories h2
{
	color:#000000;
	text-align:center;
}
.topCategories ul
{
	border-top:1px solid #e3e3e3;
	border-left:1px solid #e3e3e3;
	margin:0px 1.5%;
}
.topCategories ul li
{
	width:25%;
	border-right:1px solid #e3e3e3;
	border-bottom:1px solid #e3e3e3;
	float:left;
	box-sizing:border-box;
	height:283px;
	background:#000000;
}
.topCategories ul li a
{
	display:block;
	position:relative;
}
.topCategories ul li a span
{
	position:absolute;
	padding:0px 10px;
	width:100%;
	box-sizing:border-box;
	bottom:10px;
	color:#ffffff;
	z-index:100;
}
.topCategories ul li img
{
	max-width:100%;
}
.topCategories ul li img:hover
{
	opacity:1;
}

/* 
	#####################
    Footer css start
    ####################
*/
footer
{
    background: #eaeaea;
    text-align: center;
    padding: 8px 25px;
	z-index:2;
	position:relative;
}
footer p
{
    color: #757575;
    font-size: 13px;
}
.downloadFooter
{
    display:block;
    background:url(../../images/hero_image_3.jpg) repeat-x top center;
    width: 100%;
    height: 230px;
    position: relative;
	z-index:2;
	text-align:center;
	box-sizing:border-box;
	padding:20px 0px;
}
.downloadFooter h5
{
	font-family: 'Frank-thin',sans-serif;
	color:#ffffff;
	font-size:35px;
	padding-top:35px;
	padding-bottom:15px;
}
.downloadlink{}
.downloadlink a img
{
	vertical-align:middle;
}
.downloadlink a span
{
	padding-top:2px;
	padding-left:10px;
	display:inline-block;
	vertical-align:middle;
}
.downloadlink a:hover
{
	background:#b2080c;
}
.subscribe
{
	padding-top:35px;
}
.downloadlink a,
.subscribe input[type="submit"]
{
	background:#ce0b10;
	color:#ffffff;
	outline:none;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	-o-border-radius:7px;
	border-radius:7px;
	
	padding:15px 15px;
	margin:0px 10px;
	
	font-family: 'Frank-Regular',sans-serif;
	font-size:16px;
	-webkit-appearance: none;
}
.downloadFooter input[type="email"]
{
	outline:none;
    height: 54px;
    padding: 6px 12px;
    margin: 0px 5px 5px;
    width: 320px;
    display: inline-block;
    background: #FFF;
    border: 2px solid #FFF;

    border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-sizing: border-box;
}
.downloadFooter input[type="submit"]
{
    border: none;
	cursor:pointer;
	-webkit-appearance: none;
	outline:none;
}
.quickLinks
{
	background:#000000;
	height:40px;
	overflow:hidden;
	color:#ffffff;
	font-size:13px;
	z-index:2;
	position:relative;
}
.quickLinks a
{
	color:#ffffff;
}
.quickLinks ul
{
	float:left;
}
.quickLinks ul li a:hover
{
	color:#ff4045;
}
.quickLinks ul li a
{
	 display:inline-block;
	 padding:11px 5px;
}
.socialicon
{
	float:right;
}
.socialicon a:hover{opacity:1;}
.socialicon a
{
	width:35px;
	height:40px;
	background:url("images/detail_icon.png")no-repeat scroll 10px -357px;
	text-indent:-5000px;
	opacity:0.5;
}
.socialicon a.fbIco{background-position:10px -358px;}
.socialicon a.twIco{background-position:10px -395px;}
.socialicon a.insIco{background-position:10px -428px;}

.webLinks
{
	font-size:14px;
	padding:30px 0px;	
	z-index:2;
	position:relative;
	background:#ffffff;
}
.webLinks .linkBox
{
	width:33%;
	float:left;
	box-sizing:border-box;
	padding:0px 17px;
}
.webLinks .linkBox h3
{
	font-family: 'Frank-Regular',sans-serif;
	font-size:14px;
	border-bottom:1px solid #919191;
	text-transform:uppercase;
	margin-bottom:10px;
	padding-bottom:3px;
}
.webLinks ul li
{
	width:50%;
	float:left;
	padding:0px 0px 5px 0px; 
}
.webLinks ul li a
{
	color:#858585;
	font-size:13px;
	padding-left:10px;
	background:url("images/detail_icon.png")no-repeat scroll -163px -382px;
	
	-webkit-transition: none !important;
       -moz-transition: none !important;
         -o-transition: none !important;
            transition: none !important;
}
.webLinks ul li a:hover
{
	color:#dc0000;
	background-position:-163px -444px;
}



/*
	################## 
	Device - App Download Banner 
	###################
*/
.appDownloadMain
{
	background: #fdc502;
	padding: 7px 5px 5px;
	position: relative;
	color: #000000;
	display: none;
}
.appDownloadMain .appLogo
{
	width: 30px;
	float: left;
	padding-left: 5px;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.appDownloadMain .appLogo img
{
	max-width:100%;
}
.appDownloadMain .info
{
	width: 80%;
	float: left;
	padding-left: 8px;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
	line-height:14px;
	padding-top:2px;
}
.appDownloadMain a
{
	position: absolute;
	top: 1px;
	left: 1px;
}
.appDownloadMain a img
{
	width: 12px;
	height: 12px;
}
.appDownloadMain p
{
	font-size: 15px;
	transform: uppercase;
}
.appDownloadMain span
{
	font-size: 12px;
	color:#876801;
}
.appDownloadMain a.download
{
	border: medium none;
	padding: 5px;
	font-size: 11px;
	margin-left: 5px;
	margin-top: 5px;
	color: #ffffff;
	border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #C90002;
	 right:5px;
	 left:auto;
	 top:5px;
}

/*
	################## 
	Listing Page
	###################
*/
.offerWrapper
{
	position:relative;
	min-height:400px;
}
.listingLoader img
{
	position:fixed;
	top:270px;
	background:#ffffff;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	-o-border-radius:100%;
	border-radius:100%;
	padding:5px;
}
.listingLoader
{
	
	background-color:rgba(255,255,255,0.8);
	position:absolute;
	top:0px;
	left:0px;
	text-align:center;
	width:100%;
	 height:100%;
	 z-index:100;
}
.grid,
.googleAd
{
	list-style: none;
	margin: 0px auto 30px auto ;
	padding: 0;
	width:100%;
}
.grid li,
.googleAd li
{
	display: block;
	float: left;
	padding: 10px 10px 13px;
	width: 33%;
	box-sizing:border-box;
}

.grid li.ads
{
	width:100%!important;
	float:none!important;
	clear:both!important;
	padding:0px;
	
}
.grid li.ads .adsWrapper
{
	background:url('../../images/add_banner.gif') no-repeat top center;
	
	overflow: hidden;
	
	border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	font-family: 'Frank-Regular';
	
	height:100px;
	margin:5px 0px  5px 10px;
	box-sizing:border-box;
	width:97.4%;
}


.offerBoxMain:hover
{
	border:1px solid #e0e0e0;
}
.offerBoxMain
{
	background: #ffffff;
	border:1px solid #f0f0f0;
	overflow: hidden;
	
	border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	padding:7px;
	font-family: 'Frank-Regular';
	
	box-shadow:         0px 3px 8px -5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    0px 3px 8px -5px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 3px 8px -5px rgba(0, 0, 0, 0.2);
}
.offerBoxMain .offerInfo .offerType.circularIco{background-position:0px -143px;}
.offerBoxMain .offerInfo .offerType.couponIco{background-position:0px -95px;}
.offerBoxMain .offerInfo .offerType.discountcardIco{background-position:0px -197px;}
.offerBoxMain .offerInfo .offerType.loyaltyofferIco{background-position:0px -48px;}
.offerBoxMain .offerInfo .offerType
{
	width:34px;
	height:34px;
	float:left;
	background: url(../../images/offer_type_icon.png);
	background-repeat:no-repeat;
	background-size:34px 232px;
}
.offerBoxMain .offerInfo
{
	padding-bottom:10px;
	position:relative;
}
.offerBoxMain .offerInfo .aboutOffer
{
	float:left;
	width:85%;
	padding-left:5px;
	position:relative;
}
.offerBoxMain .offerInfo  span.distance
{
	color:#a09898;
	font-size:11px;
	position:absolute;
	right:0px;
	top:2px;
}
.offerBoxMain .offerInfo .aboutOffer span.businessName
{
	display:block;
	font-size:14px;
}
.offerBoxMain .offerInfo .aboutOffer span.businessName a
{
	text-transform:uppercase;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width:100%;
}
.offerBoxMain .offerInfo .aboutOffer span.businessName a,
.offerBoxMain .offerTitle a
{
	color:#000000;
	display:block;
}
.offerBoxMain .offerInfo .aboutOffer span.categoryName
{
	display:block;
	color:#a09898;
	font-size:12px;
	height:14px;
}
.offerBoxMain .offerinfoCard
{
	border:1px solid #ededed;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	margin-top:6px;
	padding:7px 5px;
	height:35px;
}
.offerBoxMain .offerinfoCard .left_info
{
	float:left;
	font-size:12px;
}
.offerBoxMain .offerinfoCard .left_info span
{
	color:#a09898;
}
.offerBoxMain .offerinfoCard .right_info
{
	float:right;
}
.offerBoxMain .offerinfoCard.discountCard a
{
	margin-top:5px;
}
.offerBoxMain .offerinfoCard.discountCard strong
{
	 text-decoration: line-through;
	 font-weight:normal;
	 font-size:14px;
	 margin-right:7px;
}
.offerBoxMain .offerinfoCard.discountCard  p
{
	color:#00a18a;
	font-size:17px;
}
.offerBoxMain .offerinfoCard.loyaltyCard .left_info  span
{
	padding-top:8px;
	padding-left:5px;
	font-size:15px;
}
.offerBoxMain .offerinfoCard.loyaltyCard a
{
	background:#ff7755!important;
}
.offerBoxMain .offerinfoCard .right_info a
{
	background:#08bfa5;
	font-size:12px;
	color:#ffffff;	
	text-transform:uppercase;	
	border-radius:25px;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
	-o-border-radius:25px;	
	padding:7px 15px;
}
.offerBoxMain .offerinfoCard.circular span
{
	font-size:15px;
	color:#6b8c07;
	display:block;
	text-align:center;
	padding-top:7px;
	letter-spacing:0.5px;
}
.offerBoxMain .offerinfoCard.couponCode .left_info
{
	padding-top:10px;
	padding-left:7px;
	color:#e29501;
	font-size:15px;
}
.offerBoxMain .offerinfoCard.couponCode .right_info a
{
	background:#f3ac00;
}
.offerBoxMain .offerTitle
{
	font-size:15px;
	height:40px;
	overflow:hidden;
}
.offerBoxMain .offerAction
{
	border:1px solid #ededed;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	padding:5px;
	margin-top:10px;
	font-size:14px;
	text-align:center;
}
.offerImg
{
	margin-top:10px;
	text-align: center;
	background:url("../../images/offer_default_bg.png") repeat #ededed;
}
.offerImg a
{
	height:220px;
	line-height:220px;
	overflow:hidden;
	vertical-align:top;
	width:100%;
	/*
		height:200px;
		line-height:200px;
	*/	
	font-size:12px;
	color:#000000;
}
.offerImg img
{
	margin: 0px auto;
	max-width: 100%;
	vertical-align:middle;
}
.image
{
	position: relative;
	    max-width: 100%;
	text-align: center;
} 
.image img
{
	max-width:100%;
}
.offerBoxMain .image .offerImag
{
	max-width: 100%;
	width: 100%;
}
.overlay
{
	position: absolute;
	z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: #000000;
    transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
}
.image:hover .overlay 
{
    opacity: 0.08;
    transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
}
.offerLoadBtn
{
	text-align:center;
	padding-bottom:35px;
	margin:0px 10%;
}
.offerLoadBtn input[type="button"]
{
	background:#fc181e;
	border:none;
	border-radius:50px;
	padding:10px 25px;
	font-family: "Frank-Regular",sans-serif;
	font-size:18px;
	color:#ffffff;
	cursor:pointer;
	-webkit-appearance: none;
}
/*
	################## 
	Loader Animation 
	###################
*/
.listLoader
{
    text-align:center;
    padding:15px 0px;
}
.listLoader span
{
    margin-bottom:5px;
}
.loader
{
    background: #c90002;
    display: inline-block;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    width:auto;
    margin:0px auto;
}
.loader img
{
    -webkit-transition: all 350ms ease;
    -moz-transition: all 350ms ease;
    -o-transition: all 350ms ease;
    transition: all 350ms ease;

    animation-name:loaderAnim;
    animation-duration:0.6s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;

    -moz-animation-name:loaderAnim;
    -moz-animation-duration:0.6s;
    -moz-animation-iteration-count:infinite;
    -moz-animation-timing-function:linear;

    -webkit-animation-name:loaderAnim;
    -webkit-animation-duration:0.7s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:linear;

    -o-animation-name:loaderAnim;
    -o-animation-duration:0.7s;
    -o-animation-iteration-count:infinite;
    -o-animation-timing-function:linear;
}
@keyframes loaderAnim
{
    from{transform:rotate(0deg);}
    to{transform:rotate(360deg);}
}
@-moz-keyframes loaderAnim
{
    from{-moz-transform:rotate(0deg);}
    to{-moz-transform:rotate(360deg);}
}
@-webkit-keyframes loaderAnim
{
    from{-webkit-transform:rotate(0deg);}
    to{-webkit-transform:rotate(360deg);}
}
@-o-keyframes loaderAnim
{
    from{-o-transform:rotate(0deg);}
    to{-o-transform:rotate(360deg);}
}

/*
	################## 
	Add Form 
	###################
*/
.form
{
	overflow: hidden;
}
.form li
{
	position:relative;
}
.form li .formLabel
{
	width: 25%;
	float: left;
	line-height: 40px;
    vertical-align: middle;
	font-family: 'Frank-Regular';
	font-size: 16px;
	color: #000000;
}
.form li .formLabel span
{
	color: #ff0000;
	margin-left: 3px;
}
.form li .formValue
{
	width: 75%;
	float: right;
	position: relative;
}
.validationMessage
{
	padding: 5px 0px 5px 10px;
}
.validationMessage span
{
	font-size: 12px;
	color: #ff0000;
}
.form li .formValue input[type="text"],
.form li .formValue input[type="file"],
.form li .formValue input[type="password"],
.form li .formValue textarea
{
	width: 94%;
}
.form .formValue select,.mapMain
{
	width: 100%;
}
.form li .formValue select
{
	height: 42px;
}
.form .formValue input[type="text"],
.form li .formValue select,
.form li .formValue input[type="file"],
.form li .formValue input[type="password"],
.form li .formValue textarea,
.paymentForm  input[type="text"],
.paymentForm  select,
.paymentPromo input[type="text"],
.paymentOfferTitle .quantity input[type="text"],
.paymentForm  input[type="number"],
.paymentOfferTitle .quantity input[type="number"]
{
	background: #ffffff;
	padding: 10px 10px;
	border: 1px solid #d2d2d2;

	border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	font-family: 'Frank-Regular';
	font-size: 15px;
	color: #000000;
	box-sizing:border-box;
}
.segment
{	
	border:1px solid #db5252;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
}
.segment label.last
{
	border:none!important;
}
.segment label.active
{
	background:#db5252;
	color:#ffffff;
}
.segment label:hover
{
	background:#df6c6c;
	color:#ffffff;
}
.segment label:nth-child(2n)
{
	 border:none;
}
.segment label
{
	border-right:1px solid #db5252;
	width:50%;
	float:left;
	text-align:center;
	padding:8px 10px!important;
	box-sizing:border-box;
	-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;	
	cursor:pointer;
	position:relative;
}
.segment label input
{
	position:absolute;
	visibility:hidden;
	width:15px!important;
	left:5px;
}
.fromSap
{
	background:#d4d4d4;
	padding:5px;
	color:#ffffff;
	font-size:12px;
	text-transform:uppercase;
	margin-bottom:18px;
}
.formButton{}
.formButton input[type="submit"]
{
	background: #f9181e none repeat scroll 0 0;
    border-radius: 25px;
    border:none;
    color: #ffffff;
    font-family: "Frank-Light",sans-serif;
    font-size: 19px;
    padding: 8px 15px;
	cursor:pointer;
	-webkit-appearance: none;
}

/*
	################## 
	Page - Promotional Offers
	###################
*/
.storePromotion{}
.storePromotion .left
{
	background:#ffffff;	
	width:38%;
	float:left;	
	box-sizing:border-box;
	padding:15px;
	-webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:    0px 0px 12px 0px rgba(0, 0, 0, 0.15);
	box-shadow:         0px 0px 12px 0px rgba(0, 0, 0, 0.15);
	
	min-height:600px;
	position:relative;
}
.storePromotion h1
{
	text-transform:uppercase;
	text-align:center;
	font-family: 'Frank-Light',sans-serif;
	font-size:26px;
	padding-bottom:12px;
	color:#000000;
}
.storePromotion h1 span
{
	color:#f10208;
}
.storePromotion .left h4
{
	text-align:center;
	font-size:20px;
	font-family: 'Frank-Light',sans-serif;
	padding-bottom:4px;
}
.storePromotion .left p
{
	font-size:15px;
	color:#6d6d6d;
	text-align:center;
	line-height:22px;
}
.promoCode:hover
{
	-webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:    0px 0px 12px 0px rgba(0, 0, 0, 0.15);
	box-shadow:         0px 0px 12px 0px rgba(0, 0, 0, 0.15);
}
.promoCode
{
	background:#ffffff;
	border:1px solid #d8d8d8;
	
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	-o-border-radius:7px;
	border-radius:7px;
	position:relative;
	margin-bottom:15%;
	
}
.promoCode input[type="text"]
{
	box-sizing:border-box;
	background:none;
	border:none;
	width:100%;	
	padding:13px 100px 13px 15px;	
	font-family: 'Frank-Light',sans-serif;
	font-size:18px;	
	color:#373737;
}
.promoCode input[type="submit"]
{
	background:#f10208;	
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	-o-border-radius:12px;
	border-radius:20px;	
	text-transform:uppercase;
	border:none;	
	font-family: 'Frank-Regular',sans-serif;
	font-size:16px;
	color:#ffffff;
	padding:7px 15px;
	cursor:pointer;
	position:absolute;
	top:6px;
	right:5px;
	-webkit-appearance: none;
}
.promoLoader
{
	background:rgba(255,255,255,0.5);
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:101;
	text-align:center;
}
.promoLoader img
{
	margin-top:15%;
}
.storePromotion .right
{
	width:60%;
	float:right;
	box-sizing:border-box;
	padding:15px;
	position:relative;
}
.storePromotion .right .noImage
{
	
}
.promoListingMain{}
.promoListingMain h1
{
	padding-bottom:20px;
}
.promoListingMain ul li
{
	background:#ffffff;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	-o-border-radius:7px;
	border-radius:7px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.1);
	box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.1);
	
	width:28%;
	height:230px;
	
	float:left;
	margin:0px 2% 25px;
	
	box-sizing:border-box;
	font-size:16px;
	text-align:center;
	overflow:hidden;
	position:relative;
}
.promoListingMain ul li .storeLogo
{
	height:170px;
	overflow:hidden;
	background:#f2f2f2;
	margin:5px;
	line-height:170px;
}
.promoListingMain ul li .storeLogo img
{	
	max-width:100%;	
	vertical-align:middle;
}
.promoListingMain ul li label, 
.promoListingMain ul li span
{
	padding:0px 5px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.promoListingMain ul li label
{
	font-size:15px;
	display:block;
	padding-top:2px;
	
}
.promoListingMain ul li span
{
	display:block;
	font-size:13px;
	color:#6d6d6d;
}
.promoListingMain ul li span.offerTag
{
	width:42px;
	height:42px;
	position:absolute;
	top:0px;
	left:0px;
}
.promoListingMain ul li.availedOffer{}
.promoListingMain ul li.expiredOffer   span.offerTag
{
	background:url("images/detail_icon.png")no-repeat scroll  0px -267px;
}
.promoListingMain ul li.newOffer   span.offerTag
{
	background:url("images/detail_icon.png")no-repeat scroll  0px -310px;
}
/* POPUP CSS START */
.overlayPromoModel
{
	background:#000000;	
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	opacity:0.7;
	z-index:100;
}
.PromoModel
{
	z-index:101;
	width:100%;
	position:fixed;	
	left:0px;
	top:0px;
}
.PromoModel .modelWrapper
{
	background:#ffffff;
	
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	-o-border-radius:7px;
	border-radius:7px;
	
	-webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.85);
	-moz-box-shadow:    0px 0px 12px 0px rgba(0, 0, 0, 0.85);
	box-shadow:         0px 0px 12px 0px rgba(0, 0, 0, 0.85);
	
	box-sizing:border-box;	
	padding:10px;
	width:45%;
	margin:4% auto 0px auto;
}
.PromoModel .title h4
{
	font-family: 'Frank-Light',sans-serif;
}
.PromoModel .title
{
	border-bottom:1px solid #e5e5e5;
	padding:10px 0px 14px;
	font-family: 'Frank-Light',sans-serif;
	position:relative;
}
.PromoModel .title  .close:hover{opacity:0.8;}
.PromoModel .title  .close
{
	font-size:30px;
	position:absolute;
	top:-9px;
	right:0px;
	color:#000000;
	opacity:0.3;
	
	 -ms-transform: scale(1,0.7);
    -webkit-transform: scale(1,0.7);
    transform: scale(1,0.7);
	padding:15px;
}
.PromoModel .title h4 span
{
	color:#f10208;
}
.PromoModel .title h4
{
	font-size:26px;
	text-align:center;
}
.PromoModel .promoTitle
{
	border-bottom:1px dashed #d6d6d6;
	padding:10px 0px;
	margin:0px 10px;	
}
.PromoModel .promoTitle img
{
	display:none;
}
.PromoModel .promoTitle  label,
.PromoModel .promoTitle  span
{
	display:block;
}
.PromoModel .promoTitle  label
{
	font-size:17px;
}
.PromoModel .promoTitle  span
{
	font-size:15px;
	color:#878787;
}
.popupDetailMain p
{
	margin:15px 10px;
	font-size:15px;
	color:#706e6e;
}
.PromoModel .modelBottom
{
	text-align:center;
	padding:10px 0px 0px;
	border-top:1px solid #f2f2f2;
}
.PromoModel .modelBottom input[type="submit"],
.PromoModel .modelBottom a.delete
{
	background:#f10208;	
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	-o-border-radius:12px;
	border-radius:20px;	
	text-transform:uppercase;
	border:none;	
	font-family: 'Frank-Regular',sans-serif;
	font-size:16px;
	color:#ffffff;
	padding:10px 25px;
	cursor:pointer;
	margin:0px 5px;
	-webkit-appearance: none;
}
.PromoModel .modelBottom .grayBtn
{
	background:#d3d1d1!important;	
	cursor:default!important;
}

/*
	##################
	Page - Inbox 
	##################
*/
.inboxListMain .contantHolder
{
	position: relative;
}
.leftMessageListMain
{
	width: 38%;
	float: left;
	position: relative;
	background:#ffffff;	
	
	-webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:    0px 0px 12px 0px rgba(0, 0, 0, 0.15);
	box-shadow:         0px 0px 12px 0px rgba(0, 0, 0, 0.15);
	
	box-sizing:border-box;
	padding:0px 0px;
}
.rightMessageDetailMain
{
	width: 60%;
	float: right;
	padding: 10px 15px;
	box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box;
	
	background:#ffffff;	
	-webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);
	-moz-box-shadow:    0px 0px 12px 0px rgba(0, 0, 0, 0.05);
	box-shadow:         0px 0px 12px 0px rgba(0, 0, 0, 0.05);
	
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	-o-border-radius:7px;
	border-radius:7px;
	
	margin-top:25px;
}
.leftMessageListMain ul li
{
	padding: 15px 20px;
	border-bottom: 1px solid #ebebeb;
	cursor: pointer;
	position: relative;
	margin-top:1px;
}
.leftMessageListMain ul li:hover
{
	background: #ffffff;
}
.leftMessageListMain ul .unread
{
	border-left: 2px solid #e40000;
}
.leftMessageListMain ul .active:hover,
.leftMessageListMain ul .active
{
	background: #f7f7f7;
	border-left:1px solid #777777;
}
.leftMessageListMain ul .active img
{
	position: absolute;
	right: -13px;
	top: 15px;
	display: block;
	opacity:0;
}
.leftMessageListMain ul li h4
{
	color: #333333;
	font-family: 'Frank-regular';
	font-size: 16px;
	width: 60%;
	float: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.leftMessageListMain ul .unread h4
{
	font-weight: bold;
}
.leftMessageListMain ul li span
{
	color: #000000;
	font-family: 'Frank-regular';
	font-size: 14px;
	float: right;
}
.leftMessageListMain ul li p
{
	color: #818181;
	font-family: 'Frank-regular';
	font-size: 14px;
	padding-top: 5px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.leftMessageListMain ul li img
{
	position: absolute;
	right: -11px;
	top: 23px;
	display: none;
}
.messageheaderMain
{
	padding: 5px 0px 15px 0px;
	border-bottom: 1px solid #e9e9e9;
	position:relative;
}
.messageheaderMain p
{
	float: left;
	width: 65%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding-top:1px;
}
.messageheaderMain span
{
	float: right;
	padding-right:25px;
	font-size:13px;
	padding-top:6px;
}
.messageheaderMain a.deleteMessage
{
	position:absolute;
	top:6px;
	right:0px;
	width: 20px;
	height:24px;
	background:url("images/detail_icon.png")no-repeat scroll -71px -229px;
	text-indent:-5000px;
}
.messageheaderMain p
{
	color: #5b5b5b;
	font-size: 16px;
}

.messageheaderMain p label
{
	color: #000000;
	font-family: 'Frank-regular';
	font-size: 18px;
}
.messageTitleMain
{
	padding: 15px 0px;
	border-bottom: 1px solid #e9e9e9;
}
.messageTitleMain p,.messageDescriptionMain p
{
	color: #5b5b5b;
	font-family: 'Frank-regular';
	font-size: 15px;
	line-height: 20px;
}
.messageDescriptionMain
{
	padding: 15px 0px;
}
.messageDescriptionMain p
{
	padding-bottom: 20px;
}

/*
	##################
	Page - Favourite Store Listing
	##################
*/
.topText
{
	font-size:15px;
	color:#ffffff;
	padding-top:13px;
}
.favouriteList
{
	padding: 20px 0px;
}
.favouriteList ul li:hover
{
	-webkit-box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.45);
	-moz-box-shadow:    0px 0px 28px 0px rgba(0, 0, 0, 0.45);
	box-shadow:         0px 0px 28px 0px rgba(0, 0, 0, 0.45);
}
.favouriteList ul li
{
	margin:20px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	-o-border-radius:8px;
	border-radius:8px;
	width:180px;
	height:180px;
	float:left;
	
	-webkit-box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:    0px 0px 28px 0px rgba(0, 0, 0, 0.15);
	box-shadow:         0px 0px 28px 0px rgba(0, 0, 0, 0.15);
	
	-webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
	
	overflow:hidden;
	position:relative;
	box-sizing:border-box;
}
.favouriteList ul li:hover
{
	padding:5px;
}
.favouriteList ul li:hover  a.favImg
{
	width:170px;
	height:170px;
}
.favouriteList ul li a.favImg
{
	width:180px;
	height:180px;
	box-sizing:border-box;
}

.favouriteList ul li a.favImg img
{
	max-width:100%;
}
.favouriteList ul li a.favImg span
{
	position:absolute;
	background:rgba(0,0,0,0.5);
	width:100%;
	padding:5px 3px;
	left:0px;
	bottom:0px;
	text-align:center;
	color:#ffffff;
	font-size:14px;
}
.favouriteList ul li a.favActive
{
	position:absolute;
	width:44px;
	height:39px;
	background:url("images/detail_icon.png")no-repeat scroll -113px -57px;
	text-indent:-5000px;
	top:5px;
	right:0px;
}

/*
	##################
	Page - Lsiting - Top Category & Search panel
	##################
*/
.activeUI
{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;	
}
.topcategoryPanel
{
	background:#000000;
	overflow:hidden;
}
.topcategoryPanel .contantHolder
{
	min-height:46px;
	position:relative;
}

.topcategoryPanel .categoryScroller
{
	float:left;
	width:95%;
	overflow:hidden;
	height:51px;
}
.topcategoryPanel .categoryScroller ul li
{
	float:left;
}
.topcategoryPanel .categoryScroller ul li a:hover,
.topcategoryPanel .categoryScroller ul li a.active
{
	
	border-bottom:3px solid #fc181e;
}
.topcategoryPanel .categoryScroller ul li a
{
	font-size:14px;
	color:#ffffff;
	
	padding:16px 15px 14px;
	border-bottom:3px solid #000000;
}
.searchOverlay,
.categoryOverlay
{
	position:fixed;
	background:rgba(0,0,0,0.1);
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:100;
	display:none;
}

/*
	########################
	## Offer Search
	########################
*/
.offerSearch
{
	position:absolute;
	top:0px;
	right:0px;
	text-align:right;	
	z-index:101;
}
.offerSearch input[type='button']:hover
{
	background-color:#cc0000;
}
.offerSearch input[type='button']
{
	position:absolute;
	top:0px;
	right:0px;
	width:38px;
	height:51px;
	background:url("images/detail_icon.png")no-repeat scroll -142px -539px #e80000;
	border:none;
	text-indent:-5000px;
	cursor:pointer;
}
.offerSearch .activeTextbox
{
	width:280px!important;
	padding:0px 45px 0px 35px!important;
}
.offerSearch input[type='text']
{
	height:50px;
	border:0px;
	border-left:1px solid #383838;
	font-family: 'Frank-Regular';
	font-size:15px;
	color:#e1e1e1;
	
	background:url("images/detail_icon.png")no-repeat scroll -142px -491px #000000;
	
	
	padding:0px 0px 0px 35px;
	box-sizing:border-box;
	width:0px;
	
	-webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

.offerTypeScroller .contantHolder
{
	min-height:20px;
	padding:20px 0px;
	text-align:center;
}

.offerTypeScroller .contantHolder a.all
{
	color:#fa7439;
}
.offerTypeScroller .contantHolder a.all.active,
.offerTypeScroller .contantHolder a.all:hover
{
	border:1px solid #fa7439;
}
.offerTypeScroller .contantHolder a.circular
{
	color:#8fb812;
}
.offerTypeScroller .contantHolder a.circular:hover,
.offerTypeScroller .contantHolder a.circular.active
{
	border:1px solid #8fb812;
}
.offerTypeScroller .contantHolder a.certificate
{
	color:#0eb0b6;
}
.offerTypeScroller .contantHolder a.certificate:hover,
.offerTypeScroller .contantHolder a.certificate.active
{
	border:1px solid #0eb0b6;
}
.offerTypeScroller .contantHolder a.coupon_code
{
	color:#f3ac00;
}
.offerTypeScroller .contantHolder a.coupon_code:hover,
.offerTypeScroller .contantHolder a.coupon_code.active
{
	border:1px solid #f3ac00;
}
.offerTypeScroller .contantHolder a.loyalty_offer
{
	color:#fa7439;
}
.offerTypeScroller .contantHolder a.loyalty_offer:hover,
.offerTypeScroller .contantHolder a.loyalty_offer.active
{
	border:1px solid #fa7439;
}
.offerTypeScroller .contantHolder a
{
	margin:0px 0px;	
	padding:8px 15px;
	border:1px solid #fafafa;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	-o-border-radius: 18px;
	border-radius: 18px;
	font-size:17px;
}
.gray
{
	background:#fafafa;
}
.resetSearch
{
	text-align: left!important;
	padding:20px 10px 10px 10px!important;
	position:relative;
}
.resetSearch label
{
	font-family: 'Frank-Light',sans-serif;
	font-size:21px;
	width:90%;
}
.resetSearch label span
{
	font-weight:bold;
}
.resetSearch a
{
	position:absolute;
	padding:0px;
	top:13px;
	right:10px;
	text-decoration:underline;
}

.noRecordFound
{
	padding:20px 0px 0px;
	width:760px;
	margin:0px auto;
	background:url('../../images/dog1.png') no-repeat scroll 100% 0px;
	min-height:520px;
	box-sizing:border-box;
}
.noRecordFound label
{
	font-size:18px;
	padding-bottom:7px;
}
.noRecordFound span,
.noRecordFound label
{
	display:block;
}
.noRecordFound span
{
	padding-bottom:40px;
	padding-left:35px;
	font-size:16px;
	color:#434343;
	line-height:22px;
}
.noRecordFound span img
{
	padding-top:15px;
}
.noRecordFound span a
{
	color:#003cab;
	text-decoration:underline;
}
.pageNotFound
{
	padding-top:35px;
}

/*
	##################
	BREADCRUMB START
	##################
*/
.breadCrumb
{
	background:#000000;
	color:#909090;
	font-size:13px;
	/*
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	*/
}
.breadCrumb a::first-letter
{
	text-transform:uppercase;
}
.breadCrumb a:first-child
{
	padding-left:0px;
}
.breadCrumb a:hover{color:#b3b3b3;}
.breadCrumb a,
.breadCrumb label
{
	padding:10px 10px 10px 10px ;
	color:#909090;
}
.breadCrumb label
{
	color:#c6c6c6;
}
/*
	##################
	Page - New Offer Detail Css
	##################
*/
.offerDetail
{
	background:#ffffff;
	border-right: 1px solid #efeeee;
	border-left: 1px solid #efeeee;
	border-bottom: 1px solid #efeeee;
	
	width:68%;
	float:left;
	
	box-sizing:border-box;
	padding:20px 10px 0px;
	min-height:500px;	
	
	-webkit-border-radius:0px 0px 5px 5px;
	-moz-border-radius:0px 0px 5px 5px;
	-o-border-radius:0px 0px 5px 5px;
	border-radius:0px 0px 5px 5px;
}
.offerDetail .offerRow
{
	 padding-bottom:20px;
	 position:relative;
}
.offerDetail .offerRow p
{
	color:#4e4e4e;
	line-height:24px;
}
.offerDetail .offerRow pre
{
	color:#4e4e4e;
	padding-top:2px;
	margin:0px;
	font-size:16px;
	font-family: 'Frank-Regular',sans-serif;
	height:auto;
	
	white-space: pre-wrap;       /* CSS 3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word; 
}
.offerDetail .offerRow h3
{
	font-family: 'FranklinGothic-MediumCond',sans-serif;
	font-size:18px;
	color:#d01212;
	text-transform:uppercase;
	padding-bottom:5px;
}
.offerDetail .offerRow .offerTitle span.tag
{
	width:51px;
	height:51px;
	top:0px;
	left:0px;
	position:absolute;
	background:url("images/detail_icon.png")no-repeat scroll -3px -214px;
}	
.circular span.tag
{
	background:url("images/detail_icon.png")no-repeat scroll -3px -2px!important;
}
.coupon span.tag
{
	background:url("images/detail_icon.png")no-repeat scroll  -3px -55px!important;
}
.dcards span.tag
{
	background:url("images/detail_icon.png")no-repeat scroll -3px -107px!important;
}
.rewards span.tag
{
	background:url("images/detail_icon.png")no-repeat scroll -3px -161px!important;
}

.offerDetail .offerRow .offerTitle
{
	float:left;
	width:90%;
	padding-left:60px;
	box-sizing:border-box;
}
.offerDetail .offerRow .offerTitle h1
{
	font-family: 'Frank-Light',sans-serif;
	font-size:22px;
	letter-spacing:0.5px;
	line-height:30px;
}
.offerDetail .offerRow .offerTitle p::first-letter
{
	text-transform:uppercase;
}
.offerDetail .offerRow .offerTitle p
{
	font-size:15px;
	color:#5e5d5d;
}
.offerDetail .offerRow .favOffer
{
	float:right;
	width:44px;
	height:39px;
	background:url("images/detail_icon.png")no-repeat scroll -113px -9px;
	text-indent:-5000px;
}
.offerDetail .offerRow .favOffer.active
{
	background:url("images/detail_icon.png")no-repeat scroll -113px -52px;
}
.offerDetail .offerRow .favOffer:hover
{
	opacity:0.5;
}
.offerDetail .offerRow .favouriteMsg
{
	font-size:12px;
	color:#d00106;
	position:absolute;
	right:0px;
	bottom:11px;
}
.offerDetail .offerRow .offerValidity
{
	border:1px solid rgba(255, 255, 255, 0.2);
	background:rgba(0,0,0,0.5);
	
	-webkit-border-radius:35px;
	-moz-border-radius:35px;
	-o-border-radius:35px;
	border-radius:35px;
	
	font-size:10px;
	color:#ffffff;
	padding:10px;
	
	position:absolute;
	top:10px;
	right:10px;
	z-index:1;
}
.offerDetail .offerRow .offerImg
{
	background:url("../../images/icon_image.png") repeat;
	background-color:#ededed;
	padding:5px 0px;
	margin:0px;
	height:400px;
	width:100%;
	line-height:400px;
	vertical-align:middle;
	text-align:center;
	overflow:hidden;
}
.offerDetail .offerRow .offerImg img
{
	vertical-align:middle;
	max-height:100%;
	/*
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.35);
	-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.35);
	box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.35);*/
}
.offerExpire
{
	padding:30px 200px 20px 10px!important;
	background:#0cadaf;
	text-align: center;
	font-size:15px;
	color:#0a1c1c;
	position:relative;
}
.offerExpire strong
{
	font-family: 'FranklinGothic-MediumCond',sans-serif;
	font-size:20px;
	font-weight:normal;
}
.offerExpire p
{
	font-size:15px;
}
.offerExpire label
{
	display:block;
}
.offerExpire label a
{
	color:#ffffff;
	text-decoration:underline;
	margin:0px 20px;
}
.offerExpire span.ico
{
	width:189px;
	height:137px;
	display:inline-block;
	position:absolute;
	bottom:-14px;
	right:10px;
	z-index:100;
}
/* ################## WIDGET -  RIGHT PANNEL */
.offerRightInfo
{
	float:right;
	width:30%;
	padding-top:15px;
}
.offerRightInfo li
{
	margin-bottom:20px;
	position:relative;
}
.offerWidget
{
	background:#ffffff;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	-o-border-radius:7px;
	border-radius:7px;
	
	-webkit-box-shadow: 0px 0px 5px 0px rgba(2, 2, 2, 0.09);
	-moz-box-shadow:    0px 0px 5px 0px rgba(2, 2, 2, 0.09);
	box-shadow:         0px 0px 5px 0px rgba(2, 2, 2, 0.09);
	
}
/* ################## WIDGET - Offer action busttons */
.offerActions{}
.icon2 a
{
	width:50%!important;
}
.icon2 a span
{
	left:42.2%!important;
}
.icon3 a
{
	width:33.3%!important;
}
.icon3 a span
{
	left:38.2%!important;
}
.offerActions a:hover
{
	background:rgba(232, 232, 232, 0.2);
}
.offerActions a
{
	width:25%;
	float:left;	
	
	border-right:1px solid #e8e8e8;
	box-sizing:border-box;	
	padding:45px 5px 8px;
	
	font-size:14px;
	text-align:center;	
	color:#7e7e7e;
	
	position:relative;
}
.offerActions a:hover span{opacity:1;}
.offerActions a:hover{color:#000000;}
.offerActions a span
{
	position:absolute;
	top:13px; left:33%;
	width:25px; height:25px;
	background:red;
	overflow:hidden;
	opacity:0.5;
	-webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}
.offerActions a.inactive,
.offerActions a.inactive:hover,
.offerActions a.inactive span
{
	opacity:0.5;
	color:#7e7e7e;
	cursor:default;
}
.offerActions a.reminderIco span
{
	background:url("images/detail_icon.png")no-repeat scroll  -68px -8px;
}
.offerActions a.shareIco span
{
	background:url("images/detail_icon.png")no-repeat scroll -69px -39px;
}

.offerActions a.routeIco span{
	background:url("images/detail_icon.png")no-repeat scroll -69px -73px;
}
.offerActions a.feedbackIco span
{
	background:url("images/detail_icon.png")no-repeat scroll -69px -107px;
}
.offerActions a.callIco span
{
	background:url("images/detail_icon.png")no-repeat scroll -69px -265px;
	opacity:1;
}
.offerActions a.callgrayIco span
{
	background:url("images/detail_icon.png")no-repeat scroll -69px -301px;
	opacity:1;
}

/* ################## WIDGET -  OFFER CONTACT DEAIL BAR */
.offerRightInfo li .offerConact
{
	padding:0px 7px;
}

.redBorder
{
	border:2px solid #db0606;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(219, 6, 6, 0.3);
	-moz-box-shadow:    0px 0px 10px 0px rgba(219, 6, 6, 0.3);
	box-shadow:         0px 0px 10px 0px rgba(219, 6, 6, 0.3);
}

.offerRightInfo li .offerConact .phoneNumber,
.offerRightInfo li .offerConact .address,
.offerRightInfo li .offerConact .website
{
	padding:15px 10px 15px 55px;
	position:relative;
}
.offerRightInfo li .offerConact .phoneNumber span,
.offerRightInfo li .offerConact .address span,
.offerRightInfo li .offerConact .website span
{
	position:absolute;
	width:35px;
	height:35px;
	left:8px;
}
.offerRightInfo li .offerConact .phoneNumber span
{
	background:url("images/detail_icon.png")no-repeat scroll  -115px -107px;
	top:12px;
}
.offerRightInfo li .offerConact .address span
{
	background:url("images/detail_icon.png")no-repeat scroll  -115px -154px;
	top:16px;
}
.offerRightInfo li .offerConact .website span
{
	background:url("images/detail_icon.png")no-repeat scroll  -2px -700px;
	top:19px;
}
.offerRightInfo li .offerConact .phoneNumber
{
	font-size:18px;
	border-bottom:1px solid #e8e8e8;
}
.offerRightInfo li .offerConact .website
{
	border-top:1px solid #e8e8e8;
}
.offerRightInfo li .offerConact .website strong
{
	text-transform:uppercase;
	color:#838383;
	font-size:13px;
	font-weight:normal;
}
.offerRightInfo li .offerConact .website label
{
	font-size:17px;
	cursor:pointer;
}
.offerRightInfo li .offerConact .website strong,
.offerRightInfo li .offerConact .website label,
.offerRightInfo li .offerConact .website a
{
	display:block;
}
.offerRightInfo li .offerConact .address
{
	font-size:14px;
	text-transform:uppercase;
}
.offerRightInfo li .offerConact .address a
{
	padding-top:5px;
}

/* ################## WIDGET -  OFFER COMMENT DEAIL BAR */
.offerRightInfo li .offerComment
{
	padding:10px 10px;
	position:relative;
}
.offerRightInfo li .offerComment h6
{
	font-family: 'FranklinGothic-MediumCond',sans-serif;
	font-size:16px;
	text-transform:uppercase;
	border-bottom:1px solid #e8e8e8;
	padding:5px 0px 10px;	
	margin-bottom:10px;
}
.offerRightInfo li .offerComment span
{
	position: absolute;
    right: 10px;
	top: 16px;
    color: #d00106;
    font-size: 12px;    
}
.offerRightInfo li .offerComment .addComment
{
	position:relative;
	margin-bottom:10px;
}
.offerRightInfo li .offerComment .addComment textarea:focus
{
	height:140px;
	padding:7px 7px 40px;
}
.offerRightInfo li .offerComment .addComment textarea
{
	background:#ffffff;
	border:1px solid #e8e8e8;
	
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	
	width:100%;
	height:100px;
	padding:7px 7px 7px;
	font-family: 'Frank-Regular',sans-serif;
	font-size:15px;
	box-sizing:border-box;
	
	-webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}
.offerRightInfo li .offerComment .addComment a
{
	background:#ffffff;
	width:99.5%;
	position:absolute;
	left:0px;
	bottom:0px;
	z-index:1;
	color:#db0606;
	text-align:center;
	padding:7px 0px;
	
	border:1px solid #e8e8e8;
	
	-webkit-border-radius:0px 0px 5px 5px;
	-moz-border-radius:0px 0px 5px 5px;
	-o-border-radius:0px 0px 5px 5px;
	border-radius:0px 0px 5px 5px;
}
.offerRightInfo li .offerComment a.view
{
	padding:13px 0px 3px;
	text-align:center;
	width:100%;
	font-size:14px;
}
ul.userComment{}
ul.userComment li{
	border-bottom:1px solid #e8e8e8;
	padding-top:13px;
	padding-bottom:13px;
	margin-bottom:0px;
}
ul.userComment .userInfo img
{
	width:35px;
	height:35px;
	-webkit-border-radius:100px;
	-moz-border-radius:100%;
	-o-border-radius:100%;
	border-radius:100%;
	vertical-align:middle;
}
ul.userComment .userInfo label
{
	font-size:15px;
	padding-left:7px;
}
ul.userComment p,
ul.userComment pre
{
	margin:0px;
	font-size:14px;
	color:#606060;
	padding:5px 0px 0px 0px;	
	font-family: 'Frank-Regular',sans-serif;
	
	white-space: pre-wrap;       /* CSS 3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word; 
}

/* ################## WIDGET -  OFFER TYPE DETAIL BAR */
.offerRightInfo .offerType,
.offerRightInfo .couponWidget,
.offerRightInfo .circularnWidget,
.offerRightInfo .dcardsWidget,
.offerRightInfo .rewardsWidget
{
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	-o-border-radius:7px;
	border-radius:7px;	
	min-height:70px;
}

/* ################## WIDGET - Coupon Code */
.couponWidget .ico
{
	position:absolute;
	top:1px;
	left:12px;
}
.couponWidget
{
	border:2px solid #ffae00;
	text-align:center;
	padding:10px 0px 10px 80px;
	background:url("../../images/coupon_bg.png") repeat;
	position:relative;
}
.getcodeBtn
{
	padding-top:13px;
}
.getcodeBtn a:hover
{
	background:#eca202;
}
.getcodeBtn a
{
	background:#ffae00;
	color:#ffffff;
	font-size:18px;
	
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	-o-border-radius:30px;
	border-radius:30px;
	
	padding:10px 25px;
}
.couponCode
{
	padding-top:8px;
}
.couponCode strong
{
	font-family: "Frank-light",sans-serif;
	font-size:28px;
}
.couponCode span
{
	display:block;
	font-size:14px;
	text-transform:uppercase;
}
/* ################## WIDGET - Circular */
.circularnWidget
{
	border:2px solid #8fb812;
	text-align:center;
	padding:10px 0px;
	background:url("../../images/coupon_bg.png") repeat;
}
.circularnWidget span
{
	font-size:16px;
	display:block;
	padding-top:8px;
}
.circularnWidget strong
{
	font-family: "Frank-light",sans-serif;
	font-size:28px;
	font-weight:normal;
	text-transform:uppercase;
}
/* ################## WIDGET - Discount Offers */
.dcardsWidget
{
	border:2px solid #0eb099;
	text-align:center;
	padding:10px 15px;
	background:url("../../images/discount_bg.png") repeat;
}
.dcardsWidget label
{
	float:left;
	text-align:left;
	padding-top:9px;
	line-height:25px;
	width:65%;
}
.dcardsWidget label strong
{
	display:block;
	font-weight:normal;
	font-size:14px;
}
.dcardsWidget label span
{
	font-family: "Frank-light",sans-serif;
}
.dcardsWidget label span.actulePrice
{
	font-size:22px;	
	font-weight:normal;
	text-decoration:line-through;
	margin-right:5px;
}
.dcardsWidget label span.discountedPrice
{
	font-size:26px;	
	color:#029a84;
	font-weight:bold;
}
.dcardsWidget a:hover
{
	background:#059d87;
}	
.dcardsWidget a
{
	float:right;
	background:#0eb099;
	color:#ffffff;
	font-size:18px;
	
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	-o-border-radius:30px;
	border-radius:30px;
	
	padding:10px 15px;
	margin-top:15px;
}
.myDiscount
{
	background:url("../../images/my_discount_bg.png") repeat;
	padding-left:83px;
	text-align:center;
	color:#ffffff;
	position:relative;
}
.myDiscount span
{
	padding-top:14px;
	font-size:18px;
}
.myDiscount span.ico
{
	position:absolute;
	top:15px;
	left:20px;
	padding-top:0px;
}
/* ################## WIDGET - Rewards Stemps */
.rewardsWidget
{
	border:2px solid #fa7439;
	text-align:center;
	padding:10px 10px;
	background:url("../../images/discount_bg.png") repeat;
}
.rewardsWidget label
{
	float:left;
	text-align:left;
	padding-top:7px;
	line-height:25px;
	width:65%;
}
.rewardsWidget label strong
{
	display:block;
	font-weight:normal;
	font-size:14px;
}
.rewardsWidget label span.stamp
{
	display:block;
}
.rewardsWidget label span.stamp a.active
{
	background:url("images/detail_icon.png")no-repeat scroll -26px -574px;
}
.rewardsWidget label span.stamp a
{
	width:23px;
	height:33px;
	background:url("images/detail_icon.png")no-repeat scroll 0px -574px;
	padding:0px;
	margin:2px 3px 0px 0px;
	float:none;
}
.rewardsWidget a:hover
{
	background:#e85c39;
}	
.rewardsWidget a
{
	float:right;
	background:#ff7755;
	color:#ffffff;
	font-size:18px;
	
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	-o-border-radius:30px;
	border-radius:30px;
	
	padding:10px 15px;
	margin-top:15px;
}
.availReward{}
.availReward strong
{
	font-family: 'FranklinGothic-MediumCond',sans-serif;
	font-size:22px!important;
	padding-bottom:2px;
}
.availReward span
{
	font-size:13px;
	line-height:16px;
	color:#5a5a5a;
}
.myReward
{
	background:url("../../images/my_reward_bg.png") repeat;
	padding-left:104px;
	text-align:center;
	color:#ffffff;
	position:relative;
}
.myReward span
{
	padding-top:14px;
	font-size:18px;
}
.myReward span.ico
{
	position:absolute;
	top:7px;
	left:9px;
	padding-top:0px;
}

/* ################## WIDGET - Feedback BAR */
.feedbackMain
{
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	-o-border-radius:7px;
	border-radius:7px;
	
	overflow:hidden;
	padding:10px;
	width:100%;
	
	box-sizing:border-box;	
}
.feedbackMain label
{
	text-align:center;
	font-size:14px;
	color:#838383;
	display:block;
}
.feedbackMain label span
{
	text-transform:uppercase;
	color:#000000;
	font-size:18px;
	display:block;
}
.feedbackMain .star
{
	padding:10px 0px;
	text-align:center;
}
.feedbackMain .star a.active
{
	background:url("images/detail_icon.png")no-repeat scroll 0px -522px;
}
.feedbackMain .star a
{
	width:41px;
	height:41px;
	display:inline-block;
	background:url("images/detail_icon.png")no-repeat scroll 0px -479px;
	margin:0px 2px;
}
.feedbackMain .star a img
{
	display:none;
}
.feedbackMain .feedbackcomment span
{
	position:absolute;
	top:-19px;
	left:0px;
	width:100%;
	font-size:12px;
	color:#d10005;
	text-align:center;
}
.feedbackMain .feedbackcomment
{
	margin:8px 0px;
	position:relative;
}
.feedbackMain .feedbackcomment textarea
{
	border:none;
	background:#f7f7f7;
	
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	
	width:100%;
	height:80px;
	padding:7px 7px 7px;
	font-family: 'Frank-Regular',sans-serif;
	font-size:15px;
	box-sizing:border-box;
}
.feedbackMain .feedbackBtn
{
	text-align:center;
	padding:10px 0px 10px;
}
.feedbackMain .feedbackBtn a.cancel
{
	color:#a6a6a6;
}
.feedbackMain .feedbackBtn a
{
	margin:0px 15px;
}

.releatedOfferListing{}
.releatedOfferListing h2
{
	text-align:center;
	padding:28px 0px 10px;
	background:url("images/graphic.png")no-repeat  top center;
	margin-top:15px;
}

/*
	################## 
	Model Box - Detail View All Branch
	###################
*/
.overlayBack
{
	background:rgba(0,0,0,0.8);
	position:fixed;
	z-index:100;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
.overlayWrapper
{
	position:absolute;
	z-index:200;
	top:20%;
	left:0px;
	width:100%;
}
.overlayWrapper .overlayBox
{
	background:#ffffff;
	width:40%;
	margin:0px auto;
	
	-webkit-box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.9);
	-moz-box-shadow:    0px 0px 21px 0px rgba(0, 0, 0, 0.9);
	box-shadow:         0px 0px 21px 0px rgba(0, 0, 0, 0.9);
	
	box-sizing:border-box;
	position:relative;
}
.viewAllBranch
{
	padding:0px;
}
.viewAllBranch h3 a
{
	float:right;
	color:#ffffff;
}
.viewAllBranch h3
{
	border-bottom:1px solid #d6d6d6;
	padding:15px;
	font-family: 'Frank-Light',sans-serif;
	color:#ffffff;	
	background:#ce0b10;
}
.viewAllBranch li:last-child
{
	border:none;
	padding-bottom:12px;
}
.viewAllBranch li
{
	border-bottom:1px dashed #d6d6d6;
	padding:18px 40px 18px 10px;
	margin:0px;
	
	font-size:16px;
	color:#3d3d3d;	
	position:relative;
}

/*
	################## 
	Model Box - Login, Register
	###################
*/
.modelOverlay
{
	background:rgba(0,0,0,0.8);
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:1000;
}
.model,
.fbmodel
{
	position:fixed;
	width:100%;
	top:10%;
	left:0px;
	z-index:1500;
}
.model .modelWrapper,
.fbmodel .modelWrapper
{
	width:50%;
	margin:0px auto;
	background:#f6f6f6;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;

	-webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    0px 0px 30px 0px rgba(0, 0, 0, 0.75);
    box-shadow:         0px 0px 30px 0px rgba(0, 0, 0, 0.75);
	
	position:relative;
}
.model .modelWrapper .closeModel
{
	font-size:13px;
	color:#ffffff;
	position:absolute;
	top:-22px;
	right:0px;
	opacity:0.8;
}
.userModuel .loginLoader
{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1000;
	background:rgba(0,0,0,0.2)
}
.userModuel .loginLoader span
{
	display:inline-block;
	padding-top:27%;
}
.userModuel .loginLoader span img
{
	vertical-align:top;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	
	-webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:    0px 0px 30px 0px rgba(0, 0, 0, 0.75);
    box-shadow:         0px 0px 30px 0px rgba(0, 0, 0, 0.75);
}
.userModuel
{
	width:700px;
	height:410px;
	background:url("../../images/popup_bg.png") no-repeat scroll 0px 0px #000000!important;
	color:#ffffff;
	text-align:center;
}
.userModuel h3,
.fbmodel h3
{
	font-family: 'FranklinGothic-MediumCond',sans-serif;
	font-size:32px;	
	padding-top:15px;
	text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.77);
}
.userModuel h4,
.fbmodel h4
{
	font-size:16px;
	font-family: 'Frank-Regular',sans-serif;
	padding-bottom:10px;
	text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.77);
}
.userModuel .or
{
	padding:7px 0px;
}
.userModuel .formMain
{
	width:46%;
}
.userModuel .topButton
{
	position:absolute;
	top:7px;
	right:7px;
}
.userModuel .topButton a:hover
{
	background:#ffffff;
}
.userModuel .topButton a span{display:none;}
.userModuel .topButton a
{
	background:rgba(255,255,255,0.8);
	font-family: 'FranklinGothic-MediumCond',sans-serif;
	font-size:17px;	
	color:#2d0300;
	
	padding:7px 10px;
	
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;	
	text-transform:uppercase;
	
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.65);
    -moz-box-shadow:    0px 0px 5px 0px rgba(0, 0, 0, 0.65);
    box-shadow:         0px 0px 5px 0px rgba(0, 0, 0, 0.65);
}
.userModuel .bottomStates
{
	position:absolute;
	bottom:-45px;
	left:0px;
	width:100%;
	font-family: 'FranklinGothic-MediumCond',sans-serif;
	font-size:13px;
	
	text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.77);
	box-sizing:border-box;
	padding-left:9%;
	
}
.userModuel .bottomStates span:last-child
{
	border:none;
	padding-left:60px;
}
.userModuel .bottomStates strong
{
	font-size:38px;
	position:absolute;
	top:-7px;
	left:-38px;
}
.userModuel .bottomStates span
{
	text-align:left;
	border-right:1px solid #ffffff;
	padding:0px 20px 0px 50px;
	position:relative;
}
.bgEvent
{
	background:green;
	opacity:0;
	position:fixed;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	top:0px;
	left:0px;
}
.fbmodel .modelWrapper
{
	width:470px;
	background:#3a5795;
	color:#ffffff;
	text-align:center;
	padding:15px 35px 35px;
	box-sizing: border-box;
}
.fbmodel h4
{
	padding-bottom:20px;
}
.fbmodel .validationMessage
{
	float:none!important;
	width:100%!important;
	padding:0px 0px 0px 10px!important;
	height:20px!important;
}
.fbmodel .validationMessage span
{
	position:relative;
	top:0px;
	left:0px;
	background:none;
	padding:0px;
	margin:0px;
	color:#ffffff;
}
.fbmodel input[type="submit"]
{
	background:#0b2252!important;
}
/*
	####################
	Login - Register Form CSS START
	####################
*/
.formMain
{
	padding: 0px;
	margin: 0px auto;
	
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;

    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;

    max-width: 430px;
    text-align: center;
}
.formMain h1
{
	font-size: 18px;
    text-align: center;
	font-family: 'Frank-Regular';
	padding:15px 10px;
	border-bottom:1px solid #e0e0e0;
	margin-bottom:15px;
}
 .formMain .fbLoginBtn
{
    margin: 0px 0px 4px 0px;
}
.or
{
    display: block;
	margin-bottom: 7px;
	font-family: 'Frank-Regular';
	font-size: 16px;
	color: #979797;
	
}
.or strong
{
    display: block;
    font-size: 11px;
}
.formList li
{
	width: 100%;
	position:relative;
}
.formList li .formRow,
.formList li .submitBtn
{
	width:100%;
	margin:0px auto;
}
.formList li .formRow input[type="text"]:focus,
.formList li .formRow input[type="password"]:focus
{
	background:#ffffff;
}
.formList li .formRow input[type="text"],.formList li .formRow input[type="password"],
.fbmodel input[type="email"], .fbmodel input[type="text"]
{
	background: rgba(255,255,255,0.9);
    vertical-align: middle;

    border: none;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;

	font-family: 'Frank-Regular';
    font-size: 15px;
    color: #000000;

    padding: 10px 8px;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
    width: 100%;
	margin: 0px auto;

    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.formList .validationMessage,
.fbmodel .validationMessage
{
	width: 100%;
	margin: 0px auto;
	padding-top:10px;
}
.form .validationMessage,
.fbmodel .validationMessage
{
	width: 75%;
	margin: 0px auto;
	float: right;
	height: 14px;
}
.validationMessage span
{
	color: #ff0000;
	text-align: left;
	font-size: 11px!important;
	font-family: 'Frank-Regular',sans-serif;
	display: block;
	position:absolute;
	
	background:#ffffff;
	right:-144px;
	top:-33px;	
	padding:5px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	
	width:130px;
}
.formList li .submitBtn input[type="submit"]:hover
{
	background: #c50005;
}
.formList li .submitBtn input[type="submit"],
.fbmodel input[type="submit"]
{
	background: #C90002;
	color: #ffffff;
	font-size: 19px;
	font-family: 'Frank-Light';
	
	border: none;
	text-transform: uppercase;
    color: #ffffff;
    padding: 7px 15px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    cursor: pointer;
	
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -o-border-radius: 35px;
    border-radius: 35px;
	width:100%;
	
	-webkit-appearance: none;
}
.submitBtn
{
	margin-bottom: 10px;
	text-align: center;
	
}
.submitBtn input[type="submit"]:hover
{
	background: #A20102;
}
.remmber
{
	font-size:12px;
	color:#ffffff;
	vertical-align:middle;
	float:left;
	text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.77);
}
.remmber input
{
	margin:0px 0px 0px;
}
.forgotPassword
{
	color: #C90002;
	text-decoration: underline;
	font-size:12px;
	color:#aa7777;
	float:right;
}
.notaMember
{
	font-size: 18px;
    padding: 15px 0px;
    color: #000000;
	font-family: 'Frank-Regular';
	background:#f0f0f0;
	margin-top:15px;
	
	-webkit-border-radius:0px 0px 17px 17px;
	-moz-border-radius:0px 0px 17px 17px;
	-o-border-radius:0px 0px 17px 17px;
	border-radius:0px 0px 17px 17px;
}
.notaMember a
{
	color: #C90002;
	text-decoration: underline;
}
.forgotPasswordLabel
{
	font-size:12px;
	padding-bottom:15px;
}
/*
	################## 
	Model Box - City Selection
	###################
*/
.cityList
{
	position:absolute;
	z-index:1100;
	width:100%;
}
#popupCloser
{
	background:rgba(0,0,0,0);
	position:fixed;
	top:0px;
	left:0px;
	z-index:500;
	width:100%;
	height:100%;
}
.cityList
{
	top:10%;
}
.indexCityModel 
{
	top:220px;
}

.cityList .ourPresence
{	
	width:500px;
	margin:0px auto;
	
	background:url('../../images/city_skyline.gif') repeat-x bottom center #ffffff;
	color:#000000;
	font-family: 'Frank-Regular', sans-serif;
	font-size:18px;
	
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	
	box-sizing:border-box;
	padding:7px 7px 80px;
	position:relative;
	z-index:1000;
}
.cityList label:hover
{
	color:#646464;
}
.cityList label
{
	text-shadow: 0px 0px 0px rgba(0, 0, 0, 0)!important;
	font-family: 'Frank-Regular', sans-serif!important;
	font-size:18px!important;
	text-align:left;
	padding:13px 10px 13px 40px;
	cursor:pointer;
	display:block;
}
.cityList h6
{
	background:#e4e4e4;
	color:#ffffff;
	font-family: 'Frank-Regular', sans-serif!important;
	font-size:14px!important;
	padding:4px 8px;
	text-align:left;
}
.cityList ul
{
	margin:0px 10px;
}
.cityList ul li:last-child
{
	border-bottom:0px;
}
.cityList ul li
{
	list-style-type:none;
	position:relative;
	border-bottom:1px dashed #e8e8e8;
	padding:0px;
}
.cityList ul li  label.active
{
	color:#e70006;
}
.cityList ul li  label.active span.ico
{
	background:url("images/detail_icon.png")no-repeat scroll -70px -156px;
}
.cityList ul li  label span.ico
{
	background:url("images/detail_icon.png")no-repeat scroll -70px -185px;
	width:24px;
	height:24px;
	position:absolute;
	top:13px;
	left:3px;
	-webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}
.cityList ul li  label input
{
	visibility:hidden;
	position:absolute;
	top:15px;
	right:5px;
	width:10px!important;
	height:10px!important;
}
.indexCityModelOverlay
{
	background:rgba(0,0,0,0)!important;
}
.indexCityModel
{
	margin-top:35px;
}

/*
	################## 
	Page - My Profile
	###################
*/
.myProfile{}
.myProfile  .tabContainer
{
	width:440px;
}
.profileForm
{
	width:40%;
	float:left;
	position:relative;
	background:#ffffff;	
	-webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:    0px 0px 12px 0px rgba(0, 0, 0, 0.15);
	box-shadow:         0px 0px 12px 0px rgba(0, 0, 0, 0.15);
	box-sizing:border-box;
	padding:15px;
}
.profileForm h2
{
	font-family: 'Frank-Light';
	font-size:25px;
	text-align:center;
	padding:15px 0px;
}
.profileForm h2 span
{
	color:#fb171d;
}
.profileForm .formLabel,
.bussinessForm ul.form .formLabel
{
	position:absolute;
	z-index:100;
	top:4px;
	left:10px;
}
.profileForm .formValue,
.bussinessForm ul.form .formValue
{
	float:none!important;
	width:100%!important;
}
.profileForm .formValue input[type="text"],
.profileForm .formValue input[type="password"],
.bussinessForm ul.form .formValue  input[type="text"]
{
	padding:15px 10px 13px 120px!important;
	width: 100%!important;
	color:#545454!important;
}
.profileForm .formButton,
.bussinessForm .formButton
{
	text-align:center;
}
.profileForm .dateIcon
{
	cursor:default;
}
.profileForm .validationMessage span
{
	position:relative;
	top:0px;
	left:0px;
}
.bussinessForm
{
	width: 58%;
	float: right;
	
	box-sizing: border-box;
	
	background:#ffffff;
	-webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05);
	-moz-box-shadow:    0px 0px 12px 0px rgba(0, 0, 0, 0.05);
	box-shadow:         0px 0px 12px 0px rgba(0, 0, 0, 0.05);
	
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	-o-border-radius:7px;
	border-radius:7px;
	
	margin-top:25px;
}
.bussinessForm .businessTab
{
	font-family: 'Frank-Light';
	font-size:19px;
	border-bottom:2px solid #e8e8e8;
}
.bussinessForm .businessTab a.active
{
	color:#dd1616;
}
.bussinessForm .businessTab a
{
	width:50%;
	float:left;
	text-align:center;
	box-sizing: border-box;
	padding:20px 10px 18px;
	border-right:1px solid #e8e8e8;
	color:#ababab;
}
.bussinessForm ul.form
{
	margin:0px 20px;
}
.bussinessForm ul.form .formLabel
{
	top:12px;
	width:10%;
}
.bussinessForm ul.form .formValue  input[type="text"]
{
	padding:23px 10px 21px 80px!important;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px solid #d2d2d2;
}
.bussinessForm ul.form .formValue  textarea
{
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px solid #d2d2d2;
	width:100%;
	height:350px;
}
.bussinessForm ul.form .validationMessage
{
	position:absolute;
	width:auto;
	padding:0px!important;
	top:0px;
	right:5px;
	float:none;
}
.bussinessForm ul.form .validationMessage span
{
	background:none;
	right:0px!important;
	text-align:right;
}
.bussinessForm .formButton
{
	padding:25px 0px;
}

/*
	################## 
	Device Tab
	###################
*/
.error{}
.deviceTab
{
	display:none;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    0px 1px 2px 0px rgba(0, 0, 0, 0.2);
	box-shadow:         0px 1px 2px 0px rgba(0, 0, 0, 0.2);
	
	background:#ffffff;
	width:100%;
	height:40px;
	font-size:15px;
	
	-webkit-overflow-scrolling: touch;
	
	overflow:scroll;
	overflow-y:hidden;
	margin-bottom:0px;
	position:relative;
	z-index:101;
}
.deviceTab a.active
{
	color:#dd1616;
}
.deviceTab a
{
	font-size:15px;
	color:#6d6d6d;
	float:left;
	padding:10px 15px;
	border-right:1px solid #f5f5f5;
}
.deviceTab .tabContainer{}

.routView .backBtn{display:none;}
.routView .offerDetail
{
	width:100%!important;
}
.routView .offerDetail .offerTitle
{
	width:70%;
}
p.address
{
	padding:15px 0px 0px;
}
.routBtn:hover
{
	background:#f10208;	
	color:#ffffff;	
}
.routBtn
{
	background:#ffffff;	
	
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	-o-border-radius:20px;
	border-radius:20px;	
	text-transform:uppercase;
	
	border:none;	
	font-family: 'Frank-Regular',sans-serif;
	font-size:16px;
	
	padding:10px 10px;
	cursor:pointer;
	margin:0px 5px;
	float:right;
	
	border:2px solid #f10208;
	color:#f10208;	
}

.backBtn
{
	background:url("../../images/device_ico.png") no-repeat ;
	background-color:#ce0b10;
	background-size:85px 348px;
	background-position: 5px -277px;
	height:42px;
	width:42px;
	border:none;
	position:absolute;
	top:-42px;
	left:0px;
	z-index:1005;
	text-indent:-5000px;
}
.navigationTop.active
{
	opacity:1;
}
.navigationTop
{
	width:27px;
	height:27px;
	position:fixed;
	bottom:5px;
	right:5px;
	background:url("../../images/device_ico.png") no-repeat ;
	background-size:120px 491px;
	background-position: -90px -405px;
	text-indent:-5000px;
	z-index:1000;
	opacity:0;
}

/*
    ############################
    ###### PAYMENT Form
    ############################
*/
.paymentBox
{
	 width:50%!important;
	 padding-bottom:20px;
}
.paymentBox h3 a
{
	color:#ffffff;
	position:absolute;
	top:0px;
	right:0px;
	height:53px;
	width:53px;
	text-align:center;
	line-height:53px;
}
.paymentBox h3
{
	background:#1ba999;
	padding:10px;
	color:#ffffff;
	position:relativel
}
.paymentBox h3 span
{
	font-family: 'Frank-thin',sans-serif;
	font-size:25px;
	font-weight:bold;
}
.paymentOfferTitle
{
	background:#f8f8f8;
	padding:10px 15px;
	margin-bottom:25px;
	height:65px;
	position:relative;
}
.paymentOfferTitle label
{
	display:block;
	font-size:18px;
	padding-right:170px;
}

.paymentOfferTitle .quantity
{
	position:absolute;
	top:20px;
	right:10px;
}
.paymentOfferTitle .quantity input[type="text"],
.paymentOfferTitle .quantity input[type="number"]
{
	width:55px;
	text-align:center;
	vertical-align:middle;
	margin:0px 10px;
}
.paymentOfferTitle .quantity input[type="button"]
{
	background:#1ba999;
	border:none;
	color:#ffffff;
	font-size:25px;
	border-radius:100%;
	height:40px;
	width:40px;
	vertical-align:middle;
	cursor:pointer;
} 
.paymentForm
{
	padding:0px 20px;
}
.paymentForm li
{
	float:left;
	width:50%;
	padding:0px 10px 7px 10px;
	box-sizing:border-box;
}
.paymentForm  input[type="text"],
.paymentForm  input[type="number"],
.paymentForm  select
{
	padding:8px 10px;
	width:100%;
}
.paymentForm li .message
{
	height:14px;
	font-size:13px;
	color:red;
	padding-left:7px;
}
.paymentShipping
{
	padding:10px 0px 0px;
}
.paymentShipping h4,
.paymentShipping p
{
	padding:0px 30px;
}
.paymentShipping h4
{
	font-family: 'Frank-Regular',sans-serif;
	font-size:16px;
}
.paymentShipping p
{
	font-size:14px;
	color:#686868;
	padding-bottom:15px;
}
.stateCity{}
.stateCity select.city
{
	float:right;
}
.stateCity select,
.stateCity input
{
	width:47%!important;	
}
.paymentPromo
{
	padding:7px 28px 0px;
	display:block;
}
.paymentPromo input
{
	margin-left:10px;
	width:40%;
}
.paymentBtn
{
	text-align:center;
	padding-top:20px;
}
.paymentBtn input
{
	background:#e30101;
	border:none;
	font-family: 'Frank-Regular';
	color:#ffffff;
	text-transform:uppercase;
	font-size:18px;
	padding:7px 20px;
	border-radius:30px;
	cursor:pointer;
}

/*
    ############################
    ###### BUY Coupon Booklet
    ############################
*/
.couponBanner
{
	height:125px;
	background:#000000;
	color:#ffffff;
	overflow:hidden;
}
.couponBanner .bannerLeft
{
	float:left;
	width:65%;
}
.couponCount
{
	border-right:1px solid #313131;
	text-transform:uppercase;
	color:#c9c9c9;
	text-align:center;
	font-size:16px;
	padding:7px 25px 15px;
	margin:15px 0px 0px 0px;
	float:left;
}
.couponCount span
{
	font-family: 'FranklinGothic-MediumCond',sans-serif;
	font-size:35px;
	color:#ffffff;
	display:block;
	padding-top:10px;
}
.couponInfo
{
	float:right;
	width:475px;
	height:105px;
	box-sizing:border-box;
	border:2px dashed #ffb400;
	padding:10px;
	margin-top:10px;
	margin-right:10px;
}
.couponInfo p
{
	float:left;
	width:215px;
	font-size:14px;
	color:#c9c9c9;
	text-align:center;
	line-height:22px;
	margin-top:7px;
}
.couponInfo label
{
	float:right;
	width:50%;
	text-align:center;
	font-family: 'Frank-Light',sans-serif;
	font-size:22px;
	color:#c9c9c9;
	margin-top:6px;
}
.couponInfo label strong
{
	display:block;
	font-family: 'FranklinGothic-MediumCond',sans-serif;
	font-size:35px;
	color:#ffffff;
}
.buyCoupon
{
	background:#ffffff;
	-webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:    0px 0px 12px 0px rgba(0, 0, 0, 0.15);
	box-shadow:         0px 0px 12px 0px rgba(0, 0, 0, 0.15);
}
.couponLeft
{
	width:65%;
	float:left;
	box-sizing:border-box;
	padding:20px 30px 10px;
}

.coupons h4
{
	font-family: 'Frank-thin',sans-serif;
	font-size:25px;
	text-align:center;
	padding-top:35px;
	padding-bottom:20px;
	text-transform:uppercase;
}
.couponImg,
.coupons ul li span
{
	background-image:url("images/coupons.png");
	background-repeat:no-repeat;
	background-size:709px 864px;
	display:block;
	background-color:rgba(0,0,0,0.75);
	width:165px;
	height:190px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
}
.coupons ul li
{
	margin-bottom:15px;
	position:relative;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
}
.full
{
	 height:210px;
	 overflow:hidden;
}
.full .left
{
	float:left;
	margin-top:11px;
	margin-left:11px;
}
.full .right
{
	float:right;
	margin-top:11px;
	margin-right:11px;
}
.parts span.last
{
	margin:0px;
}
.parts span
{
	float:left;
	margin-right:13px;	
}
.coupons ul li.banner1 {background:url("../../images/banner-1.png") repeat;}
.coupons ul li.banner2 {background:url("../../images/banner-2.png") repeat;}

.coupons ul li span.offer1  {background-position:-10px -12px;}
.coupons ul li span.offer2  {background-position:-529px -12px;}

.coupons ul li span.offer3  {background-position:0px -231px;}
.coupons ul li span.offer4  {background-position:-180px -231px;}
.coupons ul li span.offer5  {background-position:-362px -231px;}
.coupons ul li span.offer6  {background-position:-547px -231px;}

.coupons ul li span.offer7  {background-position:-14px -454px;}
.coupons ul li span.offer8  {background-position:-527px -454px;}

.coupons ul li span.offer9  {background-position:3px -673px;}
.coupons ul li span.offer10{background-position:-178px -673px;}
.coupons ul li span.offer11{background-position:-361px -673px;}
.coupons ul li span.offer12{background-position:-544px -673px;}

.noBorder
{
	border:none!important;
}

.fixed .couponBook
{
	position:fixed;
	top:125px;
	z-index:1;
	width:405px;
}
.bookSection
{
	width:405px;
	float:right;
	position:relative;	
}
.couponBook
{
	background:#f9f9f9;	
}
.book
{
	text-align:center;
	padding-top:25px;
	padding-bottom:25px;
}
.couponBook .buyNow
{
	height:125px;
	background:#ffb400;
	position:absolute;
	top:-125px;
	width:100%;
	padding-left:130px!important;
	box-sizing:border-box;
	text-align:center;
	padding-top:10px;
	
}
.couponBook .buyNow span.tag
{
	
	position:absolute;
	top:7px;
	left:0px;
}
.couponBook .buyNow a.dBuyNow, .fixedBottomBar a.buy
{
	background:#f80000;
	border-bottom:2px solid #5d0900;
	padding:10px 40px;
	font-family: 'Frank-Light',sans-serif;
	font-size:23px;
	color:#ffffff;
	-webkit-border-radius:45px;
	-moz-border-radius:45px;
	-o-border-radius:45px;
	border-radius:45px;
	font-weight:bold;
}
.couponBook .buyNow a span
{
	font-family: 'Frank-Regular',sans-serif;
	font-size:13px;
	color:#513a03;
	width:200px;
	font-weight:normal;
	
	position:absolute;
	bottom:-44px;
	left:-7px;
	text-align:center;
	
}
.couponRes
{
	width:50%;
	float:left;
	box-sizing:border-box;
	font-family: 'Calibri';
	font-size:15px;
}
.couponRes.left
{
	border-right:2px solid #e5e5e5;
	padding-right:25px;
}
.couponRes.right
{
	float:right;
	padding-left:25px;
}
.couponRes .row
{
	padding-bottom:20px;
}
.couponRes h5
{
	color:#e11e25;
	font-family: 'FranklinGothic-MediumCond';
	font-size:17px;
}
.couponRes h5 span
{
	font-family: 'Calibri';
	display:block;
	font-size:13px;
	color:#505050;
}
.couponRes ul
{
	margin:10px 0px 0px 30px;
}
.couponRes ul li
{
	 position:relative;
	 padding-bottom:7px;
	 line-height:17px;
}
.couponRes ul li strong
{
	font-weight:normal;
	position:absolute;
	top:0px;
	left:-20px;
}
.couponRes ul li p{}
.couponRes ul li span
{
	font-size:12px;
}
.couponLeft h3
{
	font-family: 'Calibri';
	font-size:21px;
	text-align:center;
	padding-bottom:10px;
}
.couponLeft h6
{
	background:#ffb400;
	font-family: 'Calibri';
	font-size:18px;
	text-align:center;
	padding:5px;
	margin-bottom:20px;
}
.orderBycall b
{
	position:absolute;
	text-transform:uppercase;
	left:40%;
	top:-7px;
	 font-size:11px;
	 background:#FFB400;
	 padding:0px 10px;
	 color:#c08800;
}
.orderBycall
{
	position:relative;
	display:block;
	color:#432f00;
	font-size:19px;
	border-top:1px solid #c08800;
	
	margin:10px 10px 0px 30px;
	padding-top:10px;
	position:relative;
	 box-sizing:border-box;
}
.orderBycall strong
{
	display:block;
	font-size:12px;
	color:#886000;
	font-weight:normal;
}

/*
    ############################
    ###### FOR MOBILE
    ############################
*/
@media only screen and (max-width:767px)
{	
	
	footer p
	{
		font-size:12px!important;
	}
	.featuresList .col_2
	{
		display:none!important;
	}
	
	.cityList
	{
		top:50px;
		width:100%!important;
		left:0px!important;
		margin:0px;
		background:none!important;
		padding:0px 10px;
		box-sizing:border-box;
	}
	.indexCityModelOverlay
	{
		background:rgba(0,0,0,0.8)!important;
	}
	.cityList h6
	{
		display:none!important;
	}
	.cityList .ourPresence
	{
		width:97%;
	}
	.cityList ul
	{
		
		margin:0px;
	}
	.cityList label
	{
		padding:13px 10px 13px 50px!important;
	}
	.cityList ul li label span.ico
	{
		left:13px!important;
	}

	/* ########################### Page - Login & Register */
	.bgEvent
	{
		display:none;
	}
	#userModelOverlay
	{
		display:none!important;
	}
	.userModuel
	{
		background:none!important;
		color:#000000;
		height:auto;
	}
	.userModuel label.modelDeviceLabel
	{
		display:block;
	}
	.model
	{
		top:0px;
		/*background: url('../../images/offer_default_bg.png') repeat #dedcdc!important;*/
		background:rgba(0,0,0,0.8);
		height:130%;
	}
	.model.activeModel
	{
		
	}
	.userModuel .bottomStates{display:none!important;}
	.model .modelWrapper
	{
		width:100%!important;
		-webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
		-moz-box-shadow:    0px 0px 0px 0px rgba(0, 0, 0, 0);
		box-shadow:         0px 0px 0px 0px rgba(0, 0, 0, 0);
		
		
		background: url('../../images/offer_default_bg.png') repeat #dedcdc!important;
		padding-bottom:20px;
	}
	
	.userChoice h3, h4
	{
		text-shadow: 0px 3px 2px rgba(0, 0, 0, 0)!important;
	}
	.userChoice h3
	{
		font-size:20px;
	}
	.userChoice h4
	{
		font-size:13px;
		color:#525252;
	}
	.fbConnect
	{
		margin:0px 10px;
		display:block;
		background:#3b5998;
		text-align:center;
	}
	.fbConnect img
	{
		max-width:100%;
		vertical-align:top;
	}
	.userChoice span 
	{
		display:block;
		margin:0px 10px;
	}	
	.userChoice span a
	{
		border:1px solid #ce0b10;
		background:#ffffff;
		color:#ce0b10;
		
		font-size:17px;		
		width:50%;
		float:left;
		display:block;
		padding:7px 5px;
		box-sizing:border-box;
	}
	.userChoice span a.rBtn
	{
		border:1px solid #ce0b10;
		background:#ce0b10;
		color:#ffffff;
	}
	.userChoice span a:nth-child(odd)
	{
		width:48%;
		margin-right:2%;
	}
	.userModuel .formMain
	{
		width:95%;
		min-height:50px!important;
		margin-top:15px;
	}
	.userModuel .formMain li
	{
		padding-bottom:8px;
	}
	.userModuel .formMain input[type="text"],
	.userModuel .formMain input[type="password"]
	{
		border:1px solid rgba(0,0,0,0.2)!important;
	}
	.userModuel .or
	{
		margin:0px;
	}
	.remmber
	{
		color:#000000;
		text-shadow: 0px 3px 2px rgba(0, 0, 0, 0)!important;
	}	
	
	.downloadFooter h5
	{
		font-size:20px;
	}
	
	.menuScroller .userLocation a
	{
		font-size:16px;
	}
	.menuScroller .userLocation label
	{
		font-size:12px;
	}
}