@charset "utf-8";

/*****************************************************************************************************************************/
/* reset */
/*****************************************************************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
:focus{ outline:0; }
body{ line-height:1; color:black; background:white; }
ol, ul{ list-style:none; }
table{ border-collapse:separate; border-spacing:0; }
caption, th, td{ text-align:left; font-weight:normal; }
blockquote:before, blockquote:after, q:before, q:after{	content: ""; }
blockquote, q{ quotes: "" ""; }
 

/*****************************************************************************************************************************/
/* tags */
/*****************************************************************************************************************************/
body{ color:#fff; background:#9bc2e7 url(../images/bg-tile.gif) repeat-x; font:normal .9em/1.3em Arial, Helvetica, Verdana, sans-serif; }
strong{ font-weight:bold; }
a{ color:#fff; text-decoration:none; }
em{ font-style:italic; }
fieldset{ float:left; margin-bottom:30px; }
legend{ display:none; }



/*****************************************************************************************************************************/
/* fonts */
/*****************************************************************************************************************************/
@font-face{ font-family: 'FuturaStdBold';
src: url('../fonts/futurastd-bold-webfont.eot');
src: local('☺'), url('../fonts/futurastd-bold-webfont.woff') format('woff'), url('../fonts/futurastd-bold-webfont.ttf') format('truetype'), url('../fonts/futurastd-bold-webfont.svg#webfontHKvG8J02') format('svg');
font-weight: normal;font-style: normal; }

/*****************************************************************************************************************************/
/* header */
/*****************************************************************************************************************************/
.header{ padding:0 0 30px 0; }
.header .logo-playtex{ display:block; margin:0 auto; }
.header .hdr-win-5000{ float:left; clear:both; display:block; margin:10px 0 0 0; width:484px; height:118px; background:url(../images/hdr-win-5000.png) no-repeat; text-indent:-9999px; }
.header .hdr-wayspa{ float:right; display:block; margin:18px 7px 0 0; width:334px; height:120px; background:url(../images/hdr-wayspa.png) no-repeat; text-indent:-9999px; }



/*****************************************************************************************************************************/
/* footer */
/*****************************************************************************************************************************/
.footer{ clear:both; margin:20px 0; color:#2491cf; }
.footer .logo-love-every-moment{ float:left; display:block; width:234px; height:20px; background:url(../images/logo-love-every-moment.png) no-repeat; text-indent:-9999px; }
.footer ul{ float:right; margin:4px 0 0 0; }
.footer ul li{ float:left; margin:0 6px 0 0; }
.footer a{ color:#fff; }

/*****************************************************************************************************************************/
/* shared classes */
/*****************************************************************************************************************************/
.clear{ clear:both; line-height:0; }
a.right{ float:right; }
/* wrappers */
.outter-wrapper{ margin:20px auto; width:850px; min-height:568px; background: url(../images/bg-dots.png) 52px 12px no-repeat; }
.main-wrapper{ padding-bottom:30px }
.main-wrapper p{ margin:0 0 30px 0; font-size:1.4em; line-height:1.3em; text-align:center; }
.main-wrapper p span{ font-size:.8em; }



/* buttons */
.btn-lg{ float:left; display:block; padding:13px 0 0 0; width:413px; height:51px; background:url(../images/btn-lg.png) no-repeat; color:#fff; text-align:center; text-transform:uppercase;
font-weight: normal; font-style: normal; font-family: 'FuturaStdBold', sans-serif; font-size: 1.7em; line-height:normal; font-size-adjust: 0.58; border:0; }
.btn-lg:hover{ position:relative; top:1px; }	
.btn-sm{ float:left; display:block; padding:5px 0 0 10px; width:70px; height:31px; background:url(../images/btn-sm.png) no-repeat; color:#fff; text-transform:uppercase;
font-weight: normal; font-style: normal; font-family: 'FuturaStdBold', sans-serif; font-size:.9em; font-size-adjust:.58; line-height:normal;  border:0; }
.btn-sm:hover{ position:relative; top:1px; }	





/*****************************************************************************************************************************/
/* page specific */
/*****************************************************************************************************************************/
#contest-form .btn-lg{ margin-bottom:10px; }

/*#confirmation p.intro{ font-size:1.6em; }*/
#divConfirmation{ display:none; }
#divConfirmation p.intro{ font-size:1.6em; }

#prizes .prize-second{ margin:0 0 42px 0; width:767px; height:194px; background:url(../images/prize-second.png) no-repeat; text-indent:-9999px; }
#prizes .prize-third{ width:767px; height:152px; background:url(../images/prize-third.png) no-repeat; text-indent:-9999px; }


/*****************************************************************************************************************************/
/* form */
/*****************************************************************************************************************************/
form{ clear:both; padding:34px; width:776px; border-radius:17px; -moz-border-radius:17px; -webkit-border-radius:17px;
background:#5e94d1 url(../images/bg-form.gif) repeat-x; background:-moz-linear-gradient(0% 0% 270deg,#1970BC, #5E94D1); -webkit-gradient(linear, 0% 24%, 0% 100%, from(#1970BC), to(#5E94D1)); }
/* form element defaults */
label{ display:block; float:left; padding:12px 0 0 0; width:135px; height:16px; font-size:.8em; font-weight:bold; line-height:1.2em; }
label.lbl-gender{ width:auto; padding-right:22px; }
input[type="text"]{ float:left; padding:0 0 0 2px; width:233px; height:24px; border:2px solid #bbb; color:#616161; font-family:Arial, Helvetica, sans-serif; font-size:1em; }
input[type="radio"]{ float:left; margin:10px 6px 0 0; }
input[type="checkbox"]{ float:left; margin:2px 6px 0 0; }
input[type="submit"]{} 
select{ float:left; padding:3px 0 0 2px; width:195px; height:28px; border:2px solid #bbb; color:#616161; font-family:Arial, Helvetica, sans-serif; font-size:1em; }
select.sel-short{ width:130px; }

.col-narrow{ float:left; display:inline; margin:0 28px 0 0; width:374px; }
.col-narrow li{ float:left; clear:both; margin:0 0 10px 0; width:374px; }
.hr{ clear:both; margin:0 0 30px 0; border-top:1px solid #dde8f5; height:1px; line-height:1px; }
.hr hr{ display:none; }
.dates label{ padding:0; width:374px; height:44px; font-size:1em; font-weight:normal; }
.dates select{ margin-right:14px; width:110px; }

/* survey */
/* 	----------	E.Njanga	-----------
	Due to some inconsistancy between IE8, OPERA    and     FIREFOX, SAFARI; 
	and due to the little time I had to figure out the solution, 
	I've removed the 'list-style-type:decimal' and applied the digits 
	manually on the web page
	 	----------	E.Njanga	-----------*/
.col-wide{ width:776px; list-style-type:none; list-style-position:inside; }			
.col-wide li{  float:left;  clear:both; margin:0 0 40px 0; width:776px; }
 

.col-wide li ul{ margin:12px 0 0 20px; }
.col-wide li ul li{ margin:0 0 12px 0; width:756px; }
.survey label{ padding:0; width:auto; font-size:1em; font-weight:normal; }
.survey input[type="radio"]{ margin:0 6px 0 0; }
.optins label{ padding:0; width:340px; height:auto; font-size:1em; font-weight:normal; }
.optins input[type="radio"]{ margin:0 6px 0 0; }
.optins a{ text-decoration:underline; }
.btn-submit{ display:block; float:right; }
.ajax-loader{ display:none; float:right; }

input[type="text"].error{ border-color:#e79b9b; background:#EFEFEF; }
.error-wrapper{ display:none; margin:0 0 40px 0; padding:24px; width:728px; height:auto; color:#fff; background:#e79b9b; border:1px solid #fff; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
.error-wrapper label{ float:left; clear:both; padding:0 0 6px 0; width:728px; font-size:1em; font-weight:normal; }
.error-wrapper span{ display:block; padding:0 0 12px 0; width:728px; font-weight:bold; }

/* rules and regs */
#divRules{ position:relative; padding:60px 0 0 0; width:535px; height:575px; border:6px solid #fff; color:#657179; background:#eee; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
#divRules .top{ position:absolute; top:0; left:0; width:100%; height:60px; color:#fff; background:#cecece; 
border-top-left-radius:10px; border-top-right-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; -webkit-border-radius-topleft:10px; -webkit-border-radius-topright:10px; }
#divRules .top h1{ margin:20px 0 0 24px; font-size:1.5em; }
#divRules .main{ padding:15px 24px; height:505px; font-size:.9em; overflow:auto; }
#divRules .main p{ margin:0 0 12px 0; }
#divRules .bottom{ position:absolute; bottom:0; left:0; width:100%; height:40px; color:#fff; background:#cecece;
border-bottom-left-radius:10px; border-bottom-right-radius:10px; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -webkit-border-radius-bottomleft:10px; -webkit-border-radius-bottomright:10px;}

/*****************************************************************************************************************************/
/* default overides */
/*****************************************************************************************************************************/
.no-right-margin{ margin-right:0; }