/*--------------------------------------------------
version: screen.css - 1.6
created: 20-01-2011
author: Joe Bloggs ~ GlobalGraphics Associates Ltd.
email: webmaster@globalgraphics.co.uk
website: http://www.globalgraphics.co.uk/
--------------------------------------------------*/

/*--------------------------------------------------
version: screen.css - 1.7
updated: 27-10-2014
email: scott.collins@wyn.com
website: http://www.competitionsbywyndham.com
--------------------------------------------------*/
@import url("base.css");
@import url("enrichment.css");
@import url("stylesheet.css");

#header, #banner, #wrap, #footer 
					{ width: 100%; }
#banner, #wrap, #footer ,#aside, #content 
					{}

body 				{ background:#FFFFFF; font:13px Arial, Helvetica, sans-serif; color:#004a59; margin:0; padding:0; }

/* container  provides the box for the logo, navigation and content */
.container 			{ padding-top:5px; padding-bottom:40px; width:940px; margin: 0 auto; }

/* header contains the competition , site navigation and social navigation */
#header 			{ height:350px !important; }

/* competition logo */
#logo 				{ background:url(../img/banner.jpg) no-repeat; width:100%; height:245px; text-indent:-99999px; display:block; margin:0px auto 0px;  }

/* site navigation */
#nav				{ background:url(../img/CMP9481_banner_header.jpg) repeat-y; float:left; width:80%; margin:0 0 0 0px; font-weight: normal; line-height: 36px; }
#nav li				{ float:left; padding-right:200px }
#nav li.first		{ padding-left: 78px; }
#nav li.last		{ padding-right:0; padding-left:64px; margin-right:10px; float:right; }
#nav li a			{ color:#fbb601; font:21px 'Futura', Arial, Helvetica, sans-serif;	line-height:32px; }

/* social navigation */
#social				{ background:url(../img/CMP9481_banner_header.jpg) repeat-y;  width:20%; float:right;margin:0; line-height: 36px;  height:36px;}
#social li			{ float:left; padding:0 5px; margin-top:3px;}


/* content sits just below the navigation */
/*#content 			{ width:100%; height:570px; margin-top:-3px; float:left; position:relative; background:white url(../img/side.jpg) no-repeat; }*/
#content 			{ width:100%; margin-top:8px; float:left; position:relative; background:white url(../img/side.jpg) no-repeat; background-position: 280px -10px;}

/* content for the thankyou page sits just below the navigation */
#content-thankyou	{ width:100%; height:570px; margin-top:-3px; float:left; position:relative; background:white ; }
#message			{ margin:20px; width:60%; float:left; }
/* find contains the facebook plugin on the right side of the thankyou page */
#find				{ float:right;width:300px; padding:10px; text-align:center;}

/* footer  contains the dop and wyndham logo */
#footer .container 	{ width: 100px; padding: 10px;}
#footer p 			{ margin:0;}

#dop				{ float:left;  width: 75%}
#dop p				{ font:11px Arial, Helvetica, sans-serif !important; color:#000000; }
#dop p a			{ font:11px Arial, Helvetica, sans-serif !important; color:#000000; }

#wyndham			{ float:right; margin-top:20px; }
#wyndham img		{ margin-left:15px; }

#subcontent .left 	{ float:left; }
#subcontent .right 	{ float:right; }


* 					{ margin:0; padding:0;}

p					{ font:15px Arial, Helvetica, sans-serif; color:#004a59;}
h1					{ font: 27px Arial, Helvetica, sans-serif; color:#004a59;}
h2					{ font:38px 'Futura', Arial, Helvetica, sans-serif; color:#004a59;}
h3					{ font:22px Arial, Helvetica, sans-serif; color:#004a59; }
h4					{ font: 14px 'Futura', Arial, Helvetica, sans-serif; color:#;}
a, a:active, a:hover, a:visited 
					{ text-decoration: none; }
iframe 				{ border: medium none; height: 420px; overflow: hidden; width: 245px; }

#info				{ background:url(../img/nav-bg.jpg) repeat-x; width:940px; height:27px; 	}

.home				{ background:url() no-repeat left 140px; }

/* entry form */
.rules				{ margin-left: 10px; text-align:left; font:9px Arial, Helvetica, sans-serif !important; color:#ffffff !important; }
/*#enterto-win		{ width:270px; float:right; background:#051f42;	margin:10px 10px 0 0; padding:10px 0 10px 0; position:relative; text-align:center;	cursor:pointer; border-radius:8px; }*/
#enterto-win		{ width:275px; float:right; background:#051f42;	margin:0px 0px 0 0; padding:10px 0 10px 0; position:relative; text-align:center;	cursor:pointer; }
#enterto-win h2		{ font:30px 'Futura', Arial, Helvetica, sans-serif; line-height:30px; color:#fbb601; font-weight: normal; height: auto; }
#enterto-win a.arrow{ position:absolute; left:225px; bottom:12px; background:url(../img/arrow-white.png) no-repeat; display:block; width:37px; height:18px;}
#enterto-win a.bluearrow 
					{ background:url(../img/arrow-blue.png) no-repeat; width:23px; height:11px ; }
/* entry form elements */
#enterto-win form   { margin:0 auto 0 auto; width:250px; }
form ul li			{ margin-bottom:6px; text-align:left; }
form ul li label	{ margin-bottom:1px; font:11px Arial, Helvetica, sans-serif; color:#ffffff;	display:block; }
form ul li input[type="text"]
					{ width:94%; height:20px; padding:3px 8px; border: none; font:13px Arial, Helvetica, sans-serif; }
form ul li input[type="checkbox"]
					{ float:left; clear: both; margin-right:10px }
.area-code			{ text-align:right !important; }
form ul li p		{ color:#ffffff; font:9.35px Arial, Helvetica, sans-serif; text-align:justify;	list-style:none !important }
.post-code			{ width:120px !important;	float:left;}
.post-code input[type="text"]
					{ width:95px !important;height:20px !important; padding:3x 8px;}
.country			{ width:110px !important; float:right;}
.country select		{ float:left; width:110px;  }
.country input[type="text"]
					{ width:92px !important; height:20px !important; padding:3x 8px; }
.income				{ clear:both; float:left; width:58%; }
.income	label		{ float:left; width:100%; }
.income select		{  !important; }
.agegroup			{ float:right; width:38%; }
.agegroup label 	{ width:100%  }
.agegroup select	{ float:right; width:100% }
.captcha 		{clear:both; }
.captcha div		{ float:left; width:45px; font-size:12px; color:#ffffff; }
.captcha div span	{ color:#ffffff;}
.captcha input		{ width:175px !important; float:right; }
.clear 				{ clear:both; }
/* this is the enter ( submit ) button that sits in the entry form */
.button				{ background:#fbb601 repeat-x; color:#d2232a; padding:0px 5px;	width: 100px; border-radius: 5px;
					  font:bold 18px 'Futura', Arial, Helvetica, sans-serif;	border:none!important;}

#social_ic 			{ display: none;}
.info				{ font:13px Arial, Helvetica, sans-serif !important; color:#004a59; width:310px; float:right; line-height:32px;	margin-top:10px; }
select				{ font:11px Arial, Helvetica, sans-serif; color:#000000; border: none; height:26px;	padding:3px;}




/*--------------------------------------------------
media : custom responsive size
--------------------------------------------------*/
@media screen and (min-width:0px) and (max-width:950px){
	body 				{  margin: 0; padding: 0; }
	#subcontent .right 	{ width: 100%;float: right; background:#051f42;}
	.container 			{ width:320px; }
	#header 			{ height: auto;}
	#logo 				{ background:url(../img/mobile_banner.jpg) no-repeat !important; height:245px; width:320px;  text-indent:-99999px;}
	#social {
    background: url(../img/CMP9481_banner_header.jpg) repeat-y;
    width: 30%;
    float: right;
    margin: 0;
    line-height: 36px;
    height: 36px;
}

	#footer .container 	{ width: 100%; float: left;}
	#info {
    background: url(../img/nav-bg.jpg) repeat-x;
    width: 320px;
    height: 27px;
}

	#nav {
                background: url(../img/CMP9481_banner_header.jpg) repeat-y;
                float: left;
                width: 70%;
                margin: 0 0 0 0px;
                font-weight: normal;
                line-height: 36px;
}
	
	#content 			{  position:relative; width:100%; background:#051f42; margin-top: 0px;}

	#enterto-win		{ float:none; margin:15px auto 0 auto; width:95%; padding: 5px 0; }
	#enterto-win h2 	{color: #fbe9c4; font: 15px/0px 'Futura',Arial,Helvetica,sans-serif; padding: 13px 10px; text-align: center;}
	#enterto-win a.arrow
						{background: url("../img/arrow-white-mob.png") no-repeat; height: 10px; width: 22px; left: 285px; }
	#enterto-win a.bluearrow 
						{background: url("../img/arrow-blue.png") no-repeat scroll 0 0 transparent; height: 11px; width: 23px; position: absolute; bottom:12px } 	
	#enterto-win form   { width:97%; }
	.footer				{text-align: center; float: none; padding: 0 6px; margin-bottom: 10px; padding-top: 20px;}
	.footer p			{color: #004A59 !important;}
	.footer p a			{color: #004a59;}
	#wyndham			{float: left;}
	#wyndham img 		{float: left; width: 171px; margin-left: 0; padding: 0 70px 10px 70px;}

	.home				{background: none;}
	#find				{display: none;}
	.info				{width: 100%;}
	#social_ic 			{margin-left:110px; width: 140px; display: block; } 
	#social_ic li 		{float: left; padding: 0 3px; }
	#wyndham 			{margin-top: 0px;}
	#message			{ margin:20px; width:90%; float:left; }
	#content-thankyou	{ height:100%; }
}