@charset "utf-8";
/* CSS Document */

body { font-family:Helvetica, Arial, sans-serif;
margin:0 auto;
background:#e7e7e7;
/*background: url(/assets/images/bg.jpg) repeat-x scroll 0 0 #FFFFFF;*/
 }
 
 
 
@font-face { font-family: 'NunitoLight';
src: url('/assets/fonts/nunito-light-webfont.eot');
src: url('/assets/fonts/nunito-light-webfont.eot?#iefix') format('embedded-opentype'),
	 url('/assets/fonts/nunito-light-webfont.woff') format('woff'),
	 url('/assets/fonts/nunito-light-webfont.ttf') format('truetype'),
	 url('/assets/fonts/nunito-light-webfont.svg#NunitoLight') format('svg');
font-weight: normal;
font-style: normal;}
 

div, img { behavior: url(/assets/pngfix/iepngfix.htc);}


h1, h2, h3, h4 { /*font-family: 'NunitoLight';*/
font-family:Georgia, "Times New Roman", Times, serif;}


h2 a { text-decoration:none;}
h1 { font-size:100%;}

/* specific divs */

.clear { clear:both;}

.clear.right { clear:right;}

/* container */

#container { width:965px;
margin:0 auto;
background:#fff;
background:url(/assets/images/new_background.jpg) repeat-y;
padding:0 40px;/**/}

#container img.standard {
margin:20px 0 0 105px;}

/* top */

#container #top { padding:20px 0 20px 0;
border-bottom:1px solid #000;}

#container #top img#logo { float:left;
margin:5px 0 0 0;}

#container  .top-line { height:2px;
background:#000;
margin:2px 0 0 0;}

/* pixie post */

#container #top #pixie-post { width:300px;
margin:0 0 0 20px;
float:left;}

#container #top #pixie-post h2 { color:#000;
padding:0;
font-size:120%;
margin:0 10px;
font-family:Georgia, "Times New Roman", Times, serif;}

#container #top #pixie-post p { color:#000;
font-size:70%;
margin:0 10px;
padding:0;
position:relative;
z-index:10;}

#container #top #pixie-post form { margin:0 10px 5px 10px;
float:left;
.margin:0 3px 5px 3px;} 

#container #top #pixie-post form input { background:#fff;
border:1px solid #000;
font-size:70%;
padding:1px 2px;
color:#000;
width:180px;}

#container #top #pixie-post form input.btn { /*background:url(/assets/images/signup-btn.jpg) repeat-x #eddce6 center;
background:url(/assets/images/btn-bg.jpg) repeat-x #000;*/
background:url(/assets/images/pink-bg.jpg) repeat-x #b24d7e;
border:1px solid #8c3464;
cursor:pointer;
font-weight:bold;
width:70px;
position:relative;
z-index:10;
color:#fff;}

#container #top #pixie-post img.rss { margin:4px 0 0 10px;}

/* social bookmarking - links to twitter etc */

#container #top #social-bookmarking { float:right;
width:210px;
margin-top:7px;}

#container #top #social-bookmarking .button { width:100px;
color:#fff;
font-size:70%;
height:31px;
margin:4px 2px 0px 0;
float:left;}

#container #top #social-bookmarking .button img { float:left;
margin:2px 5px;}

#container #top #social-bookmarking .button p { line-height:12px;
margin:2px;
padding:1px 0;}

#container #top #social-bookmarking .button p a { color:#fff;
text-decoration:none;}

#container #top #social-bookmarking .button#facebook { background:url(/assets/images/facebook-bg.jpg) repeat-x #6481be;
border:1px solid #27427b;}
#container #top #social-bookmarking .button#twitter { background:url(/assets/images/twitter-bg.jpg) repeat-x #42bfe1;
border:1px solid #348ca5;}
#container #top #social-bookmarking .button#home { background:url(/assets/images/home-bg.jpg) repeat-x #ef9dc9;
border:1px solid #bc5b8f;}
#container #top #social-bookmarking .button#app { background:url(/assets/images/app.jpg) repeat-x #e9e9e9;
border:1px solid #ababab;}

#container #top #social-bookmarking .button#app p a { color:#757575;}


/* left column */

#container #left { float:left;
width:310px;
/*margin:10px 0 0 10px;*/}


#container #left .date { margin:25px 20px 0 10px;
padding:5px 10px;
border:1px solid #dfdfdf;
background:#ececec;}

#container #left .date p { margin:0;
padding:0;
font-size:90%;
font-family:Georgia, "Times New Roman", Times, serif;}



.googAds { margin:20px 10px;}

/* box */

#container .box { margin:0;
padding:0;}

#container .box h2 { color:#a44b7c;
font-size:94%;
font-weight:bold;
margin:0 0 -6px 10px;
position:relative;
padding:20px 3px 4px 2px;
font-family:Georgia, "Times New Roman", Times, serif;}

#container .box p { color:#000;
font-size:68%;
margin:8px 0px 0 10px;
padding:0;
/*width:320px;*/}

#container .box#info { 
width:340px;
margin:10px 0 0 0;
padding:0;}

#container .box#info h2 { font-family:Georgia, "Times New Roman", Times, serif;
font-size:94%;}

#container .box#info .content { background:#fff;
width:305px;
padding:5px 0;
margin:0px 0 0 10px;
border:1px solid #d9d9d9;}

#container .box#info .content p { padding:5px 10px;
margin:0;}

/* competition box */

#container .box#competition { margin:0px 0 0 10px;
position:relative;}

#container .box#competition h2 { 
font-family:Georgia, "Times New Roman", Times, serif;
margin:0;
padding:0;}

#container .box#competition p { margin:5px 0 0 0;
padding:3px 5px;
width:100px;
/*border-top:1px solid #f7c0de;
border-left:1px solid #f7c0de;
background:url(/assets/images/competition-btn.jpg) repeat-x #df86b6;*/
background:url(/assets/images/btn-bg.jpg) repeat-x #000;
text-align:right;}

#container .box#competition p a { color:#fff;
font-weight:bold;
/*background:url(/assets/images/competition-arrow.jpg) no-repeat center right;*/
padding:0 15px 0 0;
margin:0 10px 0 0;
text-decoration:none;}

/* banners */

#container .banner { margin:20px 10px;
width:385px;}

#container .banner#iphone { width:303px;
margin:20px 0 20px 10px;}

#container .banner#mpu { width:350px;
padding:0 20px 0px 0;}

/* right column */

#container #right { float:left;
margin:20px 0 0 40px;
width:600px;
_margin:0;}


/* main tabs */

#container #right ul#tabs { /*margin:-40px 0 0 0;*/
padding:0;
margin:10px 0 0 0;
list-style:none;
width:100%;
font-family:Georgia, "Times New Roman", Times, serif;}

#container #right ul#tabs li { background:#e6e6e6;
float:left;
font-size:78%;
padding:10px 30px;
margin:0 1px;}

#container #right ul#tabs li.on { background:#D3D3D3;
padding:10px 20px;
margin:0 0 0 0;}

#container #right ul#tabs li a { color:#707070;
text-decoration:none;}
#container #right ul#tabs li a:hover { color:#dc81b2;}

#container #right ul#tabs li.on a { font-weight:bold;
color:#4b4b4b;}
#container #right ul#tabs li.on a:hover { color:#4b4b4b;}

/* content area */

#container #right #content-area { background:#fff;
border:1px solid #D3D3D3;
margin:-33px 0 0 0;
padding:10px;
_padding:5px;
_margin:0;}

#container #right #content-area.register { margin:0;}
#container #right #content-area.detail { margin:0;
.margin:30px 0 0 0;}

#container #right #content-area h1 { font-size:120%;}
#container #right #content-area h2 { font-size:100%;}
#container #right #content-area h3 { font-size:90%;}
#container #right #content-area h4 { font-size:70%;}

#container #right #content-area p { font-size:70%;}

#container #right #content-area a { color:#000;}

#container #right #content-area ul { font-size:70%;}

#container #right #content-area ul#sitemap { list-style:disc;
margin:10px;
padding:0 10px;}

#container #right #content-area ul#sitemap li { /*background:url(/assets/images/sitemap-bullet.jpg) no-repeat top left;*/
padding:0px 0 5px 0px;
margin:5px 0 0 0;
border-bottom:1px dotted #e5e5e5;}

#container #right #content-area ul#sitemap li a { color:#000;
text-decoration:none;}
#container #right #content-area ul#sitemap li a:hover { color:#e592c0;
text-decoration:underline;}


#container #right #content-area .offer { background:#e9e9e9;
border:1px solid #e1e1e1;
margin:10px;
padding:8px 8px 18px 8px;}

#container #right #content-area .offer .text { float:left;
width:315px;}

#container #right #content-area .offer .text h2 { margin:0;
padding:5px 0;
color:#000;
font-size:120%;
font-family:Georgia, "Times New Roman", Times, serif;}

#container #right #content-area .offer .text#detail { width:275px;}

#container #right #content-area .offer .text#detail a { color:#000;}
#container #right #content-area .offer .text#detail a:hover { color:#000;
text-decoration:none;}

#container #right #content-area .offer h2.handofsean { margin:0;
padding:0;
font-size:140%;
color:#000;}

#container #right #content-area .offer p { margin:5px 5px 0 0;
padding:0;}

#container #right #content-area .offer p.date { font-weight:bold;}

#container #right #content-area .offer .image-box { float:right;
width:100px;
height:112px;
/*background:#fff;*/
overflow:hidden;
position:relative;
z-index:0;
margin:0 6px 0 0;
text-align:center;}

#container #right #content-area .offer .detail-image { float:right;
width:240px;
/*background:#fff;*/
z-index:0;
margin:0 15px 5px 0;
text-align:center;
/*background:#f6eef2;*/}

#container #right #content-area .offer .detail-image img { border:1px solid #ecc3d9;
margin:10px 0 0 0;}


#container #right #content-area p.offer-button { /*background:url(/assets/images/buttons.jpg) repeat-x #dc81b2;*/
background:url(/assets/images/btn-bg.jpg) repeat-x #000;
width:110px;
border:1px solid #000;
font-weight:bold;
padding:3px 15px;
text-align:center;
float:left;
margin:-20px 0px 10px 20px;
position:relative;
font-size:70%;}

#container #right #content-area p.offer-button a { color:#fff;
text-decoration:none;}

/* paging */

ul#paging { float:right;
font-size:70%;
margin:20px 0 10px 0;
padding:0;
list-style:none;}

ul#paging li { float:left;
margin:0 2px;}

ul#paging li a { color:#9f9e9e;
text-decoration:none;
padding:2px 5px;}

ul#paging li a.prev { background:#dedede;
border:1px solid #d1cfcf;
color:#484848;}

ul#paging li a:hover.prev { background:#c4c4c4;
color:#484848;}

ul#paging li a.on { background:#ffd3eb;
border:1px solid #ebbed7;
color:#cb73a2;
font-weight:bold;}

ul#paging li a:hover { background:#fde2f1;
color:#cb73a2;}

/* bottom filters */

.filter { /*border-bottom:1px dashed #676767;
border-top:1px dashed #676767;*/
border-top:1px solid #d3d3d3;
border-bottom:1px solid #d3d3d3;
background:#fff;
padding:10px 5px;
margin:10px 0 0 0;}

.filter label { font-size:70%;
font-weight:bold;
color:#676767;
float:left;
padding:3px 10px;}

.filter label.valid { padding:3px 0 3px 8px;}

.filter select { font-size:70%;
border:1px solid #c6c6c6;
color:#676767;
padding:1px;
float:left;}

.filter select.retailer { width:130px;
margin:0 10px 0 5px;}
.filter select.date { width:90px;
margin:0 5px;}


.filter input.grey-btn { background:url(/assets/images/search-btn.jpg) repeat-x #c6c6c6;
border:1px solid #c6c6c6;
float:left;
color:#676767;
padding:1px 8px;
cursor:pointer;
font-weight:bold;
margin:0 0 0 5px;
font-size:68%;}

.filter#bookmarking { border-top:none;
padding:0 15px;
margin:0;}

.filter p { font-size:70%;
margin:0;
padding:10px 30px 10px 0;
float:left;}

.filter p a.rss-link { background:url(/assets/images/bottom-rss.jpg) no-repeat center left;
padding:0 0 0 20px;}
.filter p a.send { background:url(/assets/images/send.jpg) no-repeat center left;
padding:2px 0 2px 30px;
margin:0 0 0 10px;}

.filter p a { text-decoration:none;
color:#5a5a5a;}
.filter p a:hover { text-decoration:underline;}

.filter img { padding:6px 0px;}
.filter img.facebook { margin:0 0 0 10px;}

/* footer */

#footer { /*background:url(/assets/images/footer-bg.jpg) repeat-x #cfcfcf;*/
background:#e7e7e7;}

#footer #footer-content { width:995px;
margin:0 auto;
padding:20px 11px;
border-top:1px solid #cbcbcb;}

#footer ul { font-size:70%;
color:#525252;
margin:0;
padding:0;
list-style:none;
float:right;}

#footer ul.ripple { float:left;}

#footer ul.ripple li { border:none;}

#footer ul li { float:left;
border-right:1px solid #525252;
padding:0 4px;}

#footer ul li a { color:#525252;
text-decoration:none;}

#footer ul li a:hover { text-decoration:underline;}

/* registration page */

span { color:#f27bbb;}

form { }

form h2 { 
margin:0;
padding:0;}

form h2.handofsean { font-size:140%;
margin:5px 0;
position:relative;
z-index:5;}

form p { float:right;
font-size:70%;
font-style:italic;
margin:0px 0 10px 0;
padding:0;}

form fieldset { /*background:#f6eef2;
border:1px solid #fee1f1;*/
background:#E9E9E9;
border:1px solid #E1E1E1;
padding:10px;
/*margin:-15px 0 10px 0;*/
margin:10px 0;
position:relative;
z-index:0;}

form#contact fieldset { margin:0 0 0px 0;}

form fieldset.second { margin:-15px 0 0 0;}

form fieldset label { color:#000;
font-size:70%;
width:170px;
float:left;
margin:0 0 5px 20px;
padding:2px;}

form fieldset label.long { width:440px;}

form fieldset label a { color:#000;
text-decoration:none;}

form fieldset label.reload { width:125px;
float:right;}

form fieldset input { font-size:70%;
background:#f4f4f4;
border:1px solid #c1c1c1;
width:300px;
margin:0 0 5px 0;
padding:2px;
color:#795869;}

form fieldset input.tick { width:50px;
margin:5px 0;
.margin:0;
.border:none;
.background:none;}

form fieldset select { font-size:70%;
background:#f4f4f4;
border:1px solid #c1c1c1;
width:305px;
margin:0 0 5px 0;
padding:2px;
color:#795869;}

form fieldset textarea { font-size:90%;
background:#f4f4f4;
border:1px solid #c1c1c1;
width:300px;
margin:0 0 5px 0;
padding:2px;
color:#795869;}

form fieldset select.dob { width:98px;}

form fieldset .no-label { margin:0 0 5px 194px;}

form fieldset img { border:1px solid #e9a8cb;
margin:0 0 5px 0;
width:304px;
background:#fff;}

form input.button { font-size:70%;
background:url(/assets/images/btn-bg.jpg) repeat-x #000;
border:1px solid #000;
width:305px;
margin:-10px 0 5px 205px;
padding:2px;
color:#fff;
font-weight:bold;
position:relative;
z-index:10;}


/* main image on the register page */

/*.image-overlay { background:url(/assets/images/image-overlay.png) no-repeat;
width:310px;
height:257px;
position:absolute;
z-index:10;
margin:0 0 0 272px;}*/

#container #main-image { border:1px solid #553748;
margin:20px 0;
height:221px;
overflow:hidden;
position:relative;
z-index:0;}

#container #main-image.pixie { background:url(/assets/images/big-pixie.jpg) no-repeat top left;
border:none;
width:558px;
height:250px;}

#container #main-image.pixie .area { width:340px;
margin:90px 0px 0 15px;}

#container #main-image.pixie .area h2 { color:#da67a5;
margin:20px 0 0 0;
padding:0;
height:40px;
border-bottom:1px solid #e8a6ca;}

#container #main-image .info { width:311px;
background:#000;
margin:0;
padding:0;
color:#fff;
height:221px;
float:left;
padding:10px;}

#container #main-image .info h2 { margin:0;
padding:0;
border-bottom:1px solid #fff;
width:220px;}

#container #main-image .info p { font-size:72%;
line-height:18px;
padding:0 35px 0 0;}

/* errors on the register page */

ul.error { list-style:none;
margin:10px 20px;
padding:0;
font-size:70%;}

ul.error li { color:#ff0000;
background:url(/assets/images/error.jpg) no-repeat center left;
padding:0 0 0 10px;
font-weight:bold;}


/* images */


.images { text-align:center;}

.images img { border:1px solid #f5c5e0;
margin:5px 7px;}

/* applies only to safari */

@media screen and (-webkit-min-device-pixel-ratio:0){
#container #right ul#tabs { margin:-30px 0 0 0;}
#container #right #content-area p.offer-button { margin:-20px 0 0 20px;}
}



/* offer bookmarking */

#container #right #content-area .offer-bookmarking .button-facebook { width:100px;
color:#fff;
height:31px;
margin:8px 10px 4px 0;
background:url(/assets/images/facebook-bg.jpg) repeat-x #6481be;
border:1px solid #27427b;
float:left;}

#container #right #content-area .offer-bookmarking .button-facebook img { float:left;
margin:2px 5px;}
#container #right #content-area .offer-bookmarking .button-facebook p { line-height:12px;
margin:2px;
padding:1px 0;}
#container #right #content-area .offer #detail.text .offer-bookmarking .button-facebook p a { color:#fff;
text-decoration:none;}

#container #right #content-area .offer-bookmarking .button-twitter { width:100px;
color:#fff;
height:31px;
margin:8px 0 4px 0;
background:url(/assets/images/twitter-bg.jpg) repeat-x #42bfe1;
border:1px solid #348ca5;
float:left;}

#container #right #content-area .offer-bookmarking .button-twitter img { float:left;
margin:2px 5px;}
#container #right #content-area .offer-bookmarking .button-twitter p { line-height:12px;
margin:2px;
padding:1px 0;}
#container #right #content-area .offer #detail.text .offer-bookmarking .button-twitter p a { color:#fff;
text-decoration:none;}

/* contact page */

.contact { width:250px;
float:left;}

#container #right #content-area p.comp-link { background:url(/assets/images/comp-arrow.jpg) no-repeat center left;}

#container #right #content-area p.comp-link a { padding:0 0 0 15px;
color:#fff;}

#container #right #content-area p.comp-link a:hover { text-decoration:none;}

/* expired-button */

.button-expired { margin:10px 0 0 0;}