@import url(../../../core/css/basic.css);
@import url(../../../core/css/form.css);
@import url(../../../core/css/modal.css);
@import url(../../../core/css/cb.css);

* {
	margin:0;
	padding:0;
}

body {
	color:#e6e6e6;
	background-color:#2e2e2e;
	font: 76% normal Verdana, Arial, Helvetica, sans-serif;
	line-height:1.7;
	text-align:center;
}

body.popup {
	padding:.5em;	
}

/*********************************************************
 * links
 */
a {
	color:#DA2128;
	cursor:pointer;
	outline-color:invert;
	outline-style:none;
	outline-width:medium;
	text-decoration:none;
}
a:hover {
	color: #979681;
}

/*********************************************************
 * general styles
 */
img {
	border:0;
}
h2,h3,h4,h5 {
	font-weight:lighter;
	margin:0 0 .5em;
}
h2 { font-size:1.8em; }
h3 { font-size:1.4em; }
h4 { font-size:1.2em; }
h5 { font-size:1em; }
p {
	margin:0 0 .5em;
}
hr{
	border: 1px solid #000;
	border-width: 1px 0 0 0;
	margin-top:10px;
	margin-bottom: 10px;
	display: block;
	clear: both;
	width: auto;
}
ul {
	padding:0 0 0 1.5em;
	margin:0 0 .5em;
}

/*********************************************************
 * form
 */
.input.text input,
.input.password input,
.input.textarea textarea {
	background:#E3E3E3;
	border:0;
	padding:.2em;
}

.input.text input,
.input.password input,
.input.select select,
.input.file input {
	width:280px;
}

.input.textarea textarea {
	width:420px;
}

input.form-error,
select.form-error, 
textarea.form-error {
    border: 1px inset #ff0000;
    background: #F9E2E2;
}

.input.required label:before {
	content:'';
}
.input label:after {
	content:'';
}

/*********************************************************
 * form
 */
h2.heading {
	margin:0 0 .1em;
	line-height:1.1em;	
}

/*********************************************************
 * pager
 */
.pager {
	padding:.3em;
	text-align:center;	
}
.pager span { 
    padding:2px 3px;
}

/*********************************************************
 * Link button
 */
.btn {
	display:block;
	background:#DA2128 url(../img/btn_bg.gif) 0 0 repeat-x;
	padding:.2em .5em;
	color:#FFF;
	font-size:1.1em;
	font-weight:bold;	
}
.btn:hover {
	color:#FFF;
	text-decoration:underline;
}

/*********************************************************
 * flash message
 */
#flash {
    padding:1em;
    margin:0 0 1em;
    background:#FFFFCC url(../../../core/img/common/flash_message.gif);
    border:1px solid #FCFC98;
    color:#006699;
}
#flash.error {
    background-image:url(../../../core/img/common/flash_message_red.gif);
    border-color:#FC9090;
    color:#FF0000;
}

.form-errors {
    border:1px solid #FC9090;
    padding:.5em 1em;
    background:#F9E2E2;
    margin:0 0 1em;
}

.form-errors ul { margin:0; padding:0; }
.form-errors li {
    list-style:inside;
    color:#FF0000;
}

/*********************************************************
 * layout
 */
#wrapper {
	margin:0 auto;
	text-align:left;
	width:954px;
}

#skip-to-content {
	display:none;
}

#content {
	padding:0 0 1em;
}

/*********************************************************
 * header
 */
#header {
	height:70px;
	position:relative;
	margin:0 0 1em;
}
h1#logo {
	text-indent: -5000px;
	height: 68px;
	width: 135px;
	overflow:hidden;
	background:url(../img/logo_vip.gif) 0 0 no-repeat;
	position:absolute;
	top:0;
	left:0;
	cursor:pointer;
}
#logo-strapline {
	position:absolute;
	top:20px;
	right:134px;
	background:url(../img/title_strapline.gif) 0 0 no-repeat;
	width:194px;
	height:16px;
	overflow:hidden;
	text-indent:-900px;
}

/*********************************************************
 * top user bar
 */
#user-bar {
	background:#1f1f1f url(../img/userbar_bg.gif) 50% 100% no-repeat;
}
#user-bar .user-bar-content {
	padding:6px;
}
#user-bar ul {
	margin:0;
	padding:0;
	float:right;
}
#user-bar ul li {
	border-left: 1px solid #979681;
	padding: 0 5px;
	display: block;
	float:left;
	list-style-type:none;
}
#user-bar ul li.selected a {
	color: #979681;
}
#user-bar ul li.first {
	border-left-width: 0
}

/*********************************************************
 * footer design
 */
#footer {
	border-top: 1px solid #43403b;
	padding:.5em 0;
}
#footer-nav {
	float:left;
	margin:0;
	padding:0;
}
#footer-nav li {
	float:left;
	border-left: 1px solid #43403b;
	padding: 0 5px;
	display: block;
	list-style:none;
}
#footer-nav li.first { border:0; }
#footer-partners {
	float:right;
}
#footer-partners a {
	float:right;
	display:block;
}
#footer-addthis {
	float:left;
	display:inline;
	margin-left:379px;
}

/*********************************************************
 * search box
 */
#search {
	width:314px;
	height:25px;
	position:absolute;
	bottom:0;
	right:0;
	background:transparent url(../img/search_bg.gif) 0 0 no-repeat;
}
#search .input.text {
	width:224px;
	height:25px;
	margin:0;
	float:left;
	position:relative;
}
#search .input.text input {
	width:200px;
	background:none;
	border:0;
	margin:0;
	position:absolute;
	top:4px;
	left:6px;
	padding:0;
}
#search .submit {
	width:66px;
	height:25px;
	margin:0;
	float:left;
	background:url(../img/search_submit_bg.gif) 0 50% no-repeat;
	position:relative;
}
#search .submit input {
	padding:0;
	margin:0;
	color: red;
	border:0;
	width:auto;
	background:none;
	position:absolute;
	top:16%;
	left:30%;
}

/*********************************************************
 * main navigation
 */
#nav {
	border-top: 1px solid #43403b;
	border-bottom: 1px dotted #43403b;
	padding:.3em;
	margin:0 0 1em;
}
#nav li {
	float: left;
	border-left: 1px solid #43403B;
	list-style-type: none;
}
#nav li a {
	display:block;
	padding:.3em .5em;
	color: #da2128;
}
#nav li.first {
	border: 0;
}
#nav li a:hover,
#nav li.selected a {
	background-color: #1f1f1f;
	color: #979681;
}

/*********************************************************
 * round corner design
 */
.cbb { padding:1.5em; }

/* default */
.cb { margin:0; }
.bt, 
.bt div,
.bb,
.bb div { 
	height:6px;
	background-image: url(../img/round_box.gif);
}
.bt,
.bb { 
	margin:0 0 0 6px;
}
.bt div,
.bb div { 
	left:-6px;
	width:6px;
}
.i1, 
.i2,
.i3 { 
	background-image:none;
	background-color:#191919;
}
.i1 { padding:0 0 0 6px; }
.i2 { padding:0 6px 0 0; }
.i3 { padding:0; }

/* pcc */
.pcc {
	margin:0;
}
.pcc .bt,
.pcc .bt div,
.pcc .bb,
.pcc .bb div {
	background-image:url(../img/round_inner_box.jpg);
}
.pcc .i1, 
.pcc .i2,
.pcc .i3 { 
	background-color:#191919;
	background-image:url(../img/round_inner_box_gradient.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
}
.pcc .i3 {
	padding:.5em;
}
.pcc.nopad .i3 {
	padding:0;
}

/*********************************************************
 * feature
 */
.feature {
	margin-bottom: 1em;
}
.feature .feature-content {
	width:622px;
	float:left;
}
.feature .feature-banner {
	float:right;
	width:308px;
}

/*********************************************************
 * selected offers
 */
.latest-offers {
	float:left;
	width:628px;
}

/*********************************************************
 * selected offers
 */
.selected-offers {
	float:right;
	width:315px;
}
.selected-offer-item {
	margin:0 0 .5em;
}
.selected-offer-item h3.heading {
	margin:0 0 .1em;
}
.selected-offer-item .promotion-banner {
	position:relative;
	height:166px;
}
.selected-offer-item .description {
	position:absolute;
	bottom:10px;
	left:10px;
	width:280px;
}
.selected-offer-item .description p.limit {
	margin:0;
	padding:.2em;
	background:url(../img/title_bg.png);
	float:left;
	line-height:1.1;
}
.selected-offer-item .description h3.heading {
	margin:0;
	padding:0;
	line-height:1.1;
}
.selected-offer-item .description h3.heading a {
	background:url(../img/title_bg.png);
	padding:.2em;
	display:block;
	float:left;
	width:auto;
}

/*********************************************************
 * offer retailer image
 */
.offer-image,
.offer-image .expired,
.offer-image .retailer-logo {
	width:160px;
	height:100px;
}
.offer-image {
	position:relative;
}
.offer-image img {
	vertical-align:middle;
	text-align:center;
}
.offer-image .expired {
	position:absolute;
	background:url(../img/expired.png) 50% 50% no-repeat;
	text-indent:-900px;
	overflow:hidden;
	z-index:10;
}
.offer-image .retailer-logo {
	position:absolute;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
	z-index:1;
	background-repeat:no-repeat;
	background-position:50% 50%;
	text-indent:-900px;
	overflow:hidden;
}

/*********************************************************
 * offer list
 */
.offer-row,
.other-offer-row {
	margin:0 0 .5em;
	padding:0 0 .5em;
	border-bottom: 1px solid #43403B;
}
.offer-row .offer-image {
	float:left;
}
.offer-row .offer-detail {
	float:right;
	width:430px;
}
.offer-detail-links a {
	float:left;
	display:block;
	line-height:26px;
}
.offer-detail-links a span {
	color:#999;
}
.offer-detail-links a.view-detail-btn {
	margin:0 1em 0 0;
	background:transparent url(../img/btn-view-detail.gif) 0 0 no-repeat;
	width:91px;
	height:26px;
	text-indent:-900px;
	overflow:hidden;
}

/*********************************************************
 * offer detail
 */
.offer-detail h3 {
	margin:0 0 .5em;
}
.offer-detail h3.heading a {
	text-decoration:underline;
}
.offer-detail .limit,
.offer-detail .excerpt { 
	color:#C2C2C2;
}
.offer-detail-main {
	float:left;
	width:628px;
}
.offer-detail-main .content {
	padding:.5em;
}
.offer-detail-main h2.heading {
	color:#DA2128;
}
.offer-detail-main .limit {
	border-bottom:1px solid #000;
	padding:0 0 .5em;
}
.offer-detail-support {
	float:right;
	width:315px;
}
.offer-detail-support .content {
	padding:.5em;
}
.offer-detail-main .limit {
	font-size:1.1em;
	margin:0 0 1em;
}
.offer-detail-support .btn {
	margin:0 0 1px;
}

/*********************************************************
 * offer sorting link
 */
.offer-sorting {
	text-align:right;
	margin:0 0 1em;
	border-bottom:1px solid #43403B;
}
.offer-sorting a {
	padding:0 .4em;
}
.offer-sorting a.active {
	text-decoration:underline;
}

/*********************************************************
 * offer category page
 */
.category-offers {
	background:url(../img/pagebanner_placeholder.jpeg) 0 0 no-repeat;
	padding:122px 0 0;
}

.category-offers .selected-offers,
.category-offers .offer-detail-support {
	margin:52px 0 0;
}

.offer-detail-main .page-cell,
.offer-detail-support .page-cell {
	margin:0 0 .5em;
}

/*********************************************************
 * regular content
 */
.page-content {
	width:66%;
}

.page-cell {
	text-align:left;
}

/*********************************************************
 * modal window
 */
#modal-window,
#modal-window-content {
	background:none;
}

/*********************************************************
 * Voucher page
 */
.popup-voucher {
	padding:.5em;
	background:#fff;
	color:#000;
}

.popup-voucher #content {
	text-align:left;
}
.popup-voucher .voucher-header .retailer {
	float:left;
}
.popup-voucher .voucher-header h1 {
	float:right;
	margin:6px 0 0;
}

/* voucher header */
.popup-voucher .bt,
.popup-voucher .bt div,
.popup-voucher .bb,
.popup-voucher .bb div {
	background-image:url(../img/round_box_voucher.gif);
}
.popup-voucher .i1, 
.popup-voucher .i2,
.popup-voucher .i3 { 
	background-color:#1F1F1F;
	background-image:none;
}
.popup-voucher .i3 {
	padding:.5em;
}
.popup-voucher .i3 {
	padding:0;
}

.voucher-header { margin:0 0 1em; }

.popup-voucher .content {
	padding:.5em
}

.popup-voucher .content .heading,
.popup-voucher .content .limit,
.popup-voucher .content .voucher-text,
.popup-voucher .content .retailer-info,
.popup-voucher .content .terms {
	border-bottom:1px solid #000;
	padding:0 0 .5em;
	margin:0 0 1em;
}

/*********************************************************
 * Competition header
 */
.competition {
	position:relative;
	height:228px;
	cursor:pointer;
}
.competition .competition-title {
	position:absolute;
	bottom:10px;
	left:10px;
	background:url(../img/title_bg.png);
	z-index:10;
	width:600px;
}
.competition .competition-title h2.heading {
	padding:.2em;
	border:0;
	font-family:'Helvetica Neue Thin', 'HelveticaNeueLT Std Thin', Helvetica, Arial, Veridana, sans-serif;
	font-size:1.7em;
	line-height:1.1;
	float:left;
}
.competition .competition-title h2.heading a {
	color:#DA2128;
}
.competition.over .competition-title h2.heading a {
	color:#DA2128;
}
.competition-images {
	position:relative;
	z-index:9;
}
.competition-images img {
	position:absolute;
}

/*********************************************************
 * Competition form
 */
.competition-entry-form .input.checkbox,
.competition-entry-form .submit {
	margin-left:0;
	clear:left;
}

/*********************************************************
 * Competition lists
 */
.competition-row {
	margin:0 0 1em;
}
.competition-row .banner-column {
	float:left;
	width:622px;
}
.competition-row .detail-column {
	float:right;
	width:308px;
}
.competition-row .detail-column h3.heading {
	color:#DA2128;
}

/*********************************************************
 * Banner item
 */
.banner-item .banner-title {
	position:absolute;
	bottom:10px;
	left:10px;
	width:290px;
}
.banner-item .banner-title h3 {
	color:#FFF;
	padding:.5em;
	font-size:1.2em;
	margin:0;
	padding:.2em;
	background:url(../img/title_bg.png);
	float:left;
}
.banner-item.over .banner-title h3 {
	color:#DA2128;
}

/*********************************************************
 * Login/Signup
 */
.login-column {
	float:left;
	width:49%;
}
.signup-column {
	float:right;
	width:49%;
}

.login-column h3,
.signup-column h3 {
	font-size:2em;
}

/*********************************************************
 * Modal window
 */
.modal-window {
	width:500px;
	border:1px solid #fff;
}

.vip-modal-box {
	background:#191919;
	padding:10px;	
}

.terms-popup-box {
	margin-top:5px;
	height:400px;
	overflow:auto;
}