/*layout.css*/

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*		DO NOT CHANGE ANYTHING IN THIS FILE */
/*		THIS FILE CONTROLS GLOBAL LAYOUT. */
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/*================================================================*/
/*Copyright 2007, Masterfoods Snickers Nascar Sweepstakes All Rights Reserved.*/
/*File Name: layout1.htm*/
/*Version: 1.0*/
/*Website: */
/*Created:12/6/07 */
/*Modified:*/
/*Developer: K.Dolsophon contact:krit.dolsophon@capita.com*/
/*Notes: This file controls all layout styles for this URL.*/
/*================================================================*/

/*:::::::::::::::::::::::::::::::::::::::::::::::*/
/*				SITE-WIDE STYLES     			 */
/*:::::::::::::::::::::::::::::::::::::::::::::::*/



/* NOTE  */

/*

"text-align", while strictly speaking is a typography element, has been
used here to push either left, center or right.

DO NOT DELETE ANY "text-align" from any classes.

*/


/* STYLE RESET */
/* This will reset all style globally. */

body {
	padding:0;
	margin:0;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	background-color:#000;
	text-align:center;
}

img {
border:0;
}

p {
margin:1em 0;
}

/* ::::::::::::::::::::::::::::::::::::: */
/* GLOBAL STYLES */
/* Common ID and Class that are use globally through out the website */
/* ::::::::::::::::::::::::::::::::::::: */


#wrapper {
	margin:10px auto;
	width:989px;
	min-height:668px;
	text-align:center;
	background-color:#000;
	/*background:url(../images/bg_main.jpg) top left no-repeat;*/
}

.clear-both {
	clear:both;
}

.errorMessage
{
	color:yellow;
	font-size:11px;
	font-weight:bold;
	padding-left:10px;
}

.center-txt {
	text-align:center;
}


/* ::::::::::::::::::::::::::::::::::::: */
/* HEADER STYLES */
/* ::::::::::::::::::::::::::::::::::::: */

#header-ctnr {
	float:left;
	width:989px;
	height:86px;
	background:url(../images/bg_header.jpg) top left no-repeat #000;

}

#header-links-ctnr {
	float:left;
	margin:47px auto 0 300px;
	width:395px;
	height:16px;
	text-align:center;
}

#enter-code-ctnr {
	float:right;
	margin:42px 20px 0 0;
	width:181px;
	height:19px;
	background:url(../images/holder_enterCode.gif) top left no-repeat;
}


/* ::::::::::::::::::::::::::::::::::::: */
/* BODY STYLES */
/* ::::::::::::::::::::::::::::::::::::: */

#body-ctnr {
	float:left;
	width:989px;
	height:520px;
	background:#000;
}

#body-ctnr .left-clmn {
	float:left;
	width:10px;
	height:520px;
	background:url(../images/outer_leftSide_frame.jpg) top left no-repeat #000;
}

#body-ctnr .right-clmn {
	float:left;
	width:10px;
	height:520px;
	background:url(../images/outer_rightSide_frame.jpg) top left no-repeat #000;
}

#mainContent-ctnr {
	float:left;
	width:969px;
	height:520px;
	background-color:#000;
}

#mainNavbar-ctnr {
	float:left;
	margin:35px auto 0 45px;
	width:845px;
	height:17px;
}

#center-ctnr {
	float:left;
	z-index:9;
	margin:20px 37px 0 20px;
	width:912px;
	height:379px;
	background:url(../images/bg_mainContent.jpg) top left no-repeat;
}

#nascar-car {
	z-index:10;
	position:relative;
	top:290px;
	left:739px;
	width:240px;
	height:264px;
	background:url(../images/nascar.gif) top left no-repeat;
}

.weeklyPrize-hdr {
	float:left;
	margin:0 0 0 45px;
	width:150px;
	height:17px;
	background:url(../images/hdr_weekGrandPrize.gif) top left no-repeat;
}

/* LEFT & RIGHT SCREEN LAYOUT */

#leftScreen-ctnr {
	float:left;
	margin:0 0 0 30px;
	width:637px;
	height:308px;
	background:url(../images/bg_leftScreen.gif) top left no-repeat;
}

#mastHead-ctnr {
	float:left;
	margin:15px 0 0 15px;
	width:609px;
	height:42px;
	background:url(../images/hdr_sweepstakes.gif) top left no-repeat;
}

#left-content-ctnr {
	float:left;
	margin:15px 0 0 15px;
	width:600px;
	height:220px;
}

#winBig-img {
	float:left;
	width:172px;
	height:122px;
	background:url(../images/img_winBig.gif) top left no-repeat;
}

#left-content-copy {
	margin:-15px 0 0 192px;
	width:400px;
	height:228px;
	text-align:left;
}

#left-content-copy p {
	line-height:16px;
}

#left-content-copy ul.no-leftPadding li {
	margin:3px 0 0 -28px;
}

#rightScreen-ctnr {
	float:left;
	margin:0 0 0 10px;
	width:208px;
	height:264px;
	background:url(../images/bg_rightScreen.gif) top left no-repeat;
}

#right-content-ctnr {
	float:left;
	margin:5px;
	width:196px;
	height:254px;
}

#right-content-ctnr p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#fff;
}

#right-content-ctnr p.orange {
	color:#f7941d;
}

.gp-tv-img {
	float:left;
	padding:110px 0 0 0;
	width:200px;
	height:196px;
	background:url(../images/gp_tv_img.jpg) top left no-repeat;
}

#gp-header-ctnr {
	float:left;
	margin:5px;
	width:180px;
	height:34px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	color:#fff;
}

/* WIDE SCREEN LAYOUT */

#wideScreen-ctnr {
	float:left;
	margin:0 0 0 30px;
	width:822px;
	height:308px;
	background:url(../images/bg_wideScreen.gif) top left no-repeat;
}

#wideScreen-ctnr .small-clmn {
	float:left;
	padding:15px;
	width:230px;
	height:308px;
	text-align:left;
}

/* ::::::::::::::::::::::::::::::::::::: */
/* FORM STYLES */
/* ::::::::::::::::::::::::::::::::::::: */

#wideScreen-ctnr .small-clmn input {
	border:0;
	margin:2px 0;
}

.long-field {
	padding:.2em;
	width:190px;
	height:14px;
}

.phone-field-short {
	padding:.2em;
	width:35px;
	height:14px;
}

.phone-field-long {
	padding:.2em;
	width:50px;
	height:14px;
}

/* ::::::::::::::::::::::::::::::::::::: */
/* FOOTER STYLES */
/* ::::::::::::::::::::::::::::::::::::: */

#footer-ctnr {
	float:left;
	width:989px;
	height:63px;
	background:url(../images/bg_footer.jpg) top left no-repeat #000;
	text-align:center;
}

#footer-links-ctnr {
	width:989px;
	height:63px;
	line-height:20px;
	background:url(../images/feast.gif) 80px 0 no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:5px 0 0 10px;
	color:#666;
	font-size:.8em;
}

#footer-links-ctnr a, #footer-links-ctnr a:visited {
	color:#666;
	text-decoration:none;
}

#footer-links-ctnr a:hover, #footer-links-ctnr a:active {
	text-decoration:underline;
}


/* ::::::::::::::::::::::::::::::::::::: */
/* LINKS AND NAVBAR STYLES */
/* ::::::::::::::::::::::::::::::::::::: */

a { color: #fff; text-decoration: none; }
a:hover { color: #fff; text-decoration: underline; }

.btn-sweepStakes-on {
	float:left;
	margin:0 auto;
	width:196px;
	height:16px;
	background:url(../images/btn_sweepStakes.gif) top right no-repeat;
}

.btn-sweepStakes a, .btn-sweepStakes a:visited {
	float:left;
	margin:0 auto;
	width:196px;
	height:16px;
	background:url(../images/btn_sweepStakes.gif) top left no-repeat;
	text-align:center;
}

.btn-sweepStakes a:hover, .btn-sweepStakes a:active {
	float:left;
	margin:0 auto;
	width:196px;
	height:16px;
	background:url(../images/btn_sweepStakes.gif) top right no-repeat;
}

.btn-racingTeam a, .btn-racingTeam a:visited {
	float:left;
	margin:0 auto;
	width:199px;
	height:16px;
	background:url(../images/btn_racingTeam.gif) top left no-repeat;
	text-align:center;
}

.btn-racingTeam a:hover, .btn-racingTeam a:active {
	float:left;
	margin:0 auto;
	width:199px;
	height:16px;
	background:url(../images/btn_racingTeam.gif) top right no-repeat;
	text-align:center;
}

.btn-racingTeam-on {
	float:left;
	margin:0 auto;
	width:199px;
	height:16px;
	background:url(../images/btn_racingTeam.gif) top right no-repeat;
	text-align:center;
}

/* Enter Code */

.btn-enterCode-on {
	float:left;
	margin:0 auto;
	width:82px;
	height:17px;
	background:url(../images/btn_enterCode.gif) top right no-repeat;
}

.btn-enterCode a, .btn-enterCode a:visited {
	float:left;
	margin:0 auto;
	width:82px;
	height:17px;
	background:url(../images/btn_enterCode.gif) top left no-repeat;
}

.btn-enterCode a:hover, .btn-enterCode a:active {
	float:left;
	margin:0 auto;
	width:82px;
	height:17px;
	background:url(../images/btn_enterCode.gif) top right no-repeat;
}

/* My Account */

.btn-myAccount-on {
	float:left;
	margin:0 auto;
	width:85px;
	height:17px;
	background:url(../images/btn_myAccount.gif) top right no-repeat;
}

.btn-myAccount a, .btn-myAccount a:visited {
	float:left;
	margin:0 auto;
	width:85px;
	height:17px;
	background:url(../images/btn_myAccount.gif) top left no-repeat;
}

.btn-myAccount a:hover, .btn-myAccount a:active {
	float:left;
	margin:0 auto;
	width:85px;
	height:17px;
	background:url(../images/btn_myAccount.gif) top right no-repeat;
}

/* Weekly Winners */

.btn-weeklyWin-on {
	float:left;
	margin:0 auto;
	width:110px;
	height:17px;
	background:url(../images/btn_weeklyWin.gif) top right no-repeat;
}

.btn-weeklyWin a, .btn-weeklyWin a:visited {
	float:left;
	margin:0 auto;
	width:110px;
	height:17px;
	background:url(../images/btn_weeklyWin.gif) top left no-repeat;
}

.btn-weeklyWin a:hover, .btn-weeklyWin a:active {
	float:left;
	margin:0 auto;
	width:110px;
	height:17px;
	background:url(../images/btn_weeklyWin.gif) top right no-repeat;
}

/* Tell A Friend */

.btn-tellFriend-on {
	float:left;
	margin:0 auto;
	width:85px;
	height:17px;
	background:url(../images/btn_tellFriend.gif) top right no-repeat;
}

.btn-tellFriend a, .btn-tellFriend a:visited {
	float:left;
	margin:0 auto;
	width:85px;
	height:17px;
	background:url(../images/btn_tellFriend.gif) top left no-repeat;
}

.btn-tellFriend a:hover, .btn-tellFriend a:active {
	float:left;
	margin:0 auto;
	width:85px;
	height:17px;
	background:url(../images/btn_tellFriend.gif) top right no-repeat;
}

/* Prizes */

.btn-prizes-on {
	float:left;
	margin:0 auto;
	width:57px;
	height:17px;
	background:url(../images/btn_prizes.gif) top right no-repeat;
}

.btn-prizes a, .btn-prizes a:visited {
	float:left;
	margin:0 auto;
	width:57px;
	height:17px;
	background:url(../images/btn_prizes.gif) top left no-repeat;
}

.btn-prizes a:hover, .btn-prizes a:active {
	float:left;
	margin:0 auto;
	width:57px;
	height:17px;
	background:url(../images/btn_prizes.gif) top right no-repeat;
}

/* Products */

.btn-products-on {
	float:left;
	margin:0 auto;
	width:71px;
	height:17px;
	background:url(../images/btn_products.gif) top right no-repeat;
}

.btn-products a, .btn-products a:visited {
	float:left;
	margin:0 auto;
	width:71px;
	height:17px;
	background:url(../images/btn_products.gif) top left no-repeat;
}

.btn-products a:hover, .btn-products a:active {
	float:left;
	margin:0 auto;
	width:71px;
	height:17px;
	background:url(../images/btn_products.gif) top right no-repeat;
}

/* Reminders */

.btn-reminders-on {
	float:left;
	margin:0 auto;
	width:78px;
	height:17px;
	background:url(../images/btn_reminders.gif) top right no-repeat;
}

.btn-reminders a, .btn-reminders a:visited {
	float:left;
	margin:0 auto;
	width:78px;
	height:17px;
	background:url(../images/btn_reminders.gif) top left no-repeat;
}

.btn-reminders a:hover, .btn-reminders a:active {
	float:left;
	margin:0 auto;
	width:78px;
	height:17px;
	background:url(../images/btn_reminders.gif) top right no-repeat;
}

/* FAQs */

.btn-faqs-on {
	float:left;
	margin:0 auto;
	width:48px;
	height:17px;
	background:url(../images/btn_faqs.gif) top right no-repeat;
}

.btn-faqs a, .btn-faqs a:visited {
	float:left;
	margin:0 auto;
	width:48px;
	height:17px;
	background:url(../images/btn_faqs.gif) top left no-repeat;
}

.btn-faqs a:hover, .btn-faqs a:active {
	float:left;
	margin:0 auto;
	width:48px;
	height:17px;
	background:url(../images/btn_faqs.gif) top right no-repeat;
}

.btn-playNow {
	float:left;
	width:172px;
	height:39px;
	background:url(../images/btn_playNow.gif) top left no-repeat;
	clear:left;
}