/*
 * YellaFella.com main style sheet v 1.0
 * Tiffany B. Brown, Armchair Media 
 * January 2009
 * Updated January 2010
 * Great Southern Wood Preserving
 */

/* resets */
body{position:relative;text-align:center; margin:0; padding:0} 
body *{margin:0;padding:0} 
a img{border:0;}
abbr,address{border:0; font-style:normal;}
a{outline:none;}

/**** global ****/
body{background:#333; font: bold .7em / 1.2 Helvetica,Arial,sans-serif; padding-bottom:50px}
a:link{color:#000; }
a:visited{color:#111}
.logo,#movienav a,#nav a{text-indent:-9999px;}

#wrap{
	background: #fd0;
	position:relative;
	width: 720px;
	margin:0 auto;
	border:0;
	text-align:left; 
}
#topnav{
	color: #fff;
	height:3em;
	background: #333 url(http://s3.amazonaws.com/yellafellastatic/img/yellawoodlogo_sm.gif) top left no-repeat;
	padding:1em 0 10px 130px;
}
#topnav a:link, #topnav a:visited{color: #fff; text-decoration: none; padding: 0 3px 0 3px;}
#topnav a:hover, #topnav a:active{color: #fd0;}


#movie, #movienav, #mast, #nav, #footer, #swpmsg, #sweepnav{ width:100%; clear:both; background:inherit; }
#movie{height:405px; float:left;}
#movienav, #sweepnav{border-top:1px solid #000; border-bottom:1px solid #000; float:left; margin-bottom:20px; height: 202px; overflow:hidden;}
#movienav div, #movienav a{	width: 180px; height: 101px; float:left; display:block; }

/* Global movie navigation styles.
 * Using the CSS Sprites technique. This is the 
 * position for all movie navigation links
 */

/*** Yella Fella movies ***/

#yellafella #movienav #mma:link, #yellafella #movienav #mma:visited{ background: url(http://s3.amazonaws.com/yellafellastatic/img/01mthumb.jpg) 0 0}
#yellafella #movienav #mmb:link, #yellafella #movienav #mmb:visited{ background: url(http://s3.amazonaws.com/yellafellastatic/img/02mthumb.jpg) -180px 0}
#yellafella #movienav #mmc:link, #yellafella #movienav #mmc:visited{ background: url(http://s3.amazonaws.com/yellafellastatic/img/03mthumb.jpg) -180px 0}
#yellafella #movienav #mmd:link, #yellafella #movienav #mmd:visited{ background: url(http://s3.amazonaws.com/yellafellastatic/img/04mthumb.jpg) -180px 0}
#yellafella #movienav #mme:link, #yellafella #movienav #mme:visited{ background: url(http://s3.amazonaws.com/yellafellastatic/img/05mthumb.jpg) -180px 0}
#yellafella #movienav #mmf:link, #yellafella #movienav #mmf:visited{ background: url(http://s3.amazonaws.com/yellafellastatic/img/06mthumb.jpg) -180px 0}
#yellafella #movienav #mmg:link, #yellafella #movienav #mmg:visited{ background: url(http://s3.amazonaws.com/yellafellastatic/img/07mthumb.jpg) -180px 0}
#yellafella #movienav #mmh:link, #yellafella #movienav #mmh:visited{ background: url(http://s3.amazonaws.com/yellafellastatic/img/08mthumb.jpg) -180px 0}

#yellafella #movienav #mma:hover{ background-position: -540px 0;}
#yellafella #movienav #mmb:hover{ background-position: -540px 0;}
#yellafella #movienav #mmc:hover{ background-position: -540px 0;}
#yellafella #movienav #mmd:hover{ background-position: -540px 0;}
#yellafella #movienav #mme:hover{ background-position: -540px 0;}
#yellafella #movienav #mmf:hover{ background-position: -540px 0;}
#yellafella #movienav #mmg:hover{ background-position: -540px 0;}
#yellafella #movienav #mmh:hover{ background-position: -540px 0;}

#yellafella #movienav #mmb.inactive{ background-position: 0 0;}
#yellafella #movienav #mmc.inactive{ background-position: 0 0;}
#yellafella #movienav #mmd.inactive{ background-position: 0 0;}
#yellafella #movienav #mme.inactive{ background-position: 0 0;}
#yellafella #movienav #mmf.inactive{ background-position: 0 0;}
#yellafella #movienav #mmg.inactive{ background-position: 0 0;}
#yellafella #movienav #mmh.inactive{ background-position: 0 0;}

#yellafella #movienav #mmb.inactive:hover{ background-position: -180px 0;}
#yellafella #movienav #mmb.inactive:hover{ background-position: -360px 0;}
#yellafella #movienav #mmc.inactive:hover{ background-position: -360px 0;}
#yellafella #movienav #mmd.inactive:hover{ background-position: -360px 0;}
#yellafella #movienav #mme.inactive:hover{ background-position: -360px 0;}
#yellafella #movienav #mmf.inactive:hover{ background-position: -360px 0;}
#yellafella #movienav #mmg.inactive:hover{ background-position: -360px 0;}
#yellafella #movienav #mmh.inactive:hover{ background-position: -360px 0;}


/*-- Season 2 --*/
#season2 #movie{height:405px; width:100%;}
#season2 #movienav #mma{ background: url(http://s3.amazonaws.com/yellafellastatic/img/2010/m01thumb.jpg) -180px 0}
#season2 #movienav #mmb{ background: url(http://s3.amazonaws.com/yellafellastatic/img/2010/m02thumb.jpg) -180px 0}
#season2 #movienav #mmc{ background: url(http://s3.amazonaws.com/yellafellastatic/img/2010/m03thumb-v3.jpg) -180px 0}
#season2 #movienav #mmd{ background: url(http://s3.amazonaws.com/yellafellastatic/img/2010/m04thumb-v2.jpg) -180px 0}
#season2 #movienav #mme{ background: url(http://s3.amazonaws.com/yellafellastatic/img/2010/m05thumb-v2.jpg) -180px 0}
#season2 #movienav #mmf{ background: url(http://s3.amazonaws.com/yellafellastatic/img/2010/m06thumb-v2.jpg) -180px 0}
#season2 #movienav #mmg{ background: url(http://s3.amazonaws.com/yellafellastatic/img/2010/m07thumb-v2.jpg) -180px 0}
#season2 #movienav #mmh{ background: url(http://s3.amazonaws.com/yellafellastatic/img/2010/m08thumb-v2.jpg) -180px 0}


#season2 #movienav #mma:hover{ background-position: -540px 0;}
#season2 #movienav #mmb:hover{ background-position: -540px 0;}
#season2 #movienav #mmc:hover{ background-position: -540px 0;}
#season2 #movienav #mmd:hover{ background-position: -540px 0;}
#season2 #movienav #mme:hover{ background-position: -540px 0;}
#season2 #movienav #mmf:hover{ background-position: -540px 0;}
#season2 #movienav #mmg:hover{ background-position: -540px 0;}
#season2 #movienav #mmh:hover{ background-position: -540px 0;}

#season2 #movienav #mma.inactive{ background-position: 0 0}
#season2 #movienav #mmb.inactive{ background-position: 0 0}
#season2 #movienav #mmc.inactive{ background-position: 0 0}
#season2 #movienav #mmd.inactive{ background-position: 0 0}
#season2 #movienav #mme.inactive{ background-position: 0 0} 
#season2 #movienav #mmf.inactive{ background-position: 0 0}
#season2 #movienav #mmg.inactive{ background-position: 0 0}
#season2 #movienav #mmh.inactive{ background-position: 0 0}

#season2 #movienav #mma.inactive:hover{ background-position: -360px 0; }
#season2 #movienav #mmb.inactive:hover{ background-position: -360px 0; }
#season2 #movienav #mmc.inactive:hover{ background-position: -360px 0;}
#season2 #movienav #mmd.inactive:hover{ background-position: -360px 0;}
#season2 #movienav #mme.inactive:hover{ background-position: -360px 0;}
#season2 #movienav #mmf.inactive:hover{ background-position: -360px 0;}
#season2 #movienav #mmg.inactive:hover{ background-position: -360px 0;}
#season2 #movienav #mmh.inactive:hover{ background-position: -360px 0;}

/*** Tales from the trail movies with three for launch ***/

#movienav_sm a{	width: 180px; height: 101px; float:left; display:block; text-indent: -9999px}

#tales #movienav_sm #m1{ background: url(http://s3.amazonaws.com/yellafellastatic/img/tales1.gif) 0 0 no-repeat;}
#tales #movienav_sm #m2{ background: url(http://s3.amazonaws.com/yellafellastatic/img/tales2.gif) 0 0 no-repeat;}
#tales #movienav_sm #m3{ background: url(http://s3.amazonaws.com/yellafellastatic/img/new_tales3.gif) 0 0 no-repeat;}

#tales #movienav_sm #m1:hover{ background-position: -180px 0;}
#tales #movienav_sm #m2:hover{ background-position: -180px 0;}
#tales #movienav_sm #m3:hover{ background-position: -540px 0;}

#tales #movienav_sm #m1.inactive{ background-position: -180px 0;}
#tales #movienav_sm #m2.inactive{ background-position: -180px 0;}
#tales #movienav_sm #m3.inactive{ background-position: -180px 0;}

#tales #movienav_sm #m1.inactive:hover{ background-position: -360px 0;}
#tales #movienav_sm #m2.inactive:hover{ background-position: -360px 0;}
#tales #movienav_sm #m3.inactive:hover{ background-position: -360px 0;}


/*** Tales from the trail movies triptych ***/
#movienav_t a{	width: 240px; height: 101px; float:left; display:block; text-indent: -9999px}

#tales #movienav_t #m1{ background: url(http://s3.amazonaws.com/yellafellastatic/img/tales_new1.jpg) 0 0 no-repeat;}
#tales #movienav_t #m2{ background: url(http://s3.amazonaws.com/yellafellastatic/img/tales_new2.jpg) 0 0 no-repeat;}
#tales #movienav_t #m3{ background: url(http://s3.amazonaws.com/yellafellastatic/img/tales_new3.jpg) 0 0 no-repeat;}

#tales #movienav_t #m1:hover{ background-position: -540px 0;}
#tales #movienav_t #m2:hover{ background-position: -540px 0;}
#tales #movienav_t #m3:hover{ background-position: -540px 0;}

#tales #movienav_t #m1.inactive{ background-position: -180px 0;}
#tales #movienav_t #m2.inactive{ background-position: -180px 0;}
#tales #movienav_t #m3.inactive{ background-position: -180px 0;}

#tales #movienav_t #m1.inactive:hover{ background-position: -360px 0;}
#tales #movienav_t #m2.inactive:hover{ background-position: -360px 0;}
#tales #movienav_t #m3.inactive:hover{ background-position: -360px 0;}

/*** Tales from the trail original. Styles kept just in case. ***/
#tales #movienav #m1{ background: url(http://s3.amazonaws.com/yellafellastatic/img/new_tales1.gif) 0 0 no-repeat;}
#tales #movienav #m2{ background: url(http://s3.amazonaws.com/yellafellastatic/img/new_tales2.gif) 0 0 no-repeat;}
#tales #movienav #m3{ background: url(http://s3.amazonaws.com/yellafellastatic/img/new_tales3.gif) 0 0 no-repeat;}

/* #tales #movienav #m1{ background: url(http://s3.amazonaws.com/yellafellastatic/img/tales1.jpg) 0 0 no-repeat;}
#tales #movienav #m2{ background: url(http://s3.amazonaws.com/yellafellastatic/img/tales2.jpg) 0 0 no-repeat;}
#tales #movienav #m3{ background: url(http://s3.amazonaws.com/yellafellastatic/img/tales3.jpg) 0 0 no-repeat;} */
#tales #movienav #m4{ background: url(http://s3.amazonaws.com/yellafellastatic/img/tales4.jpg) 0 0 no-repeat;}
#tales #movienav #m5{ background: url(http://s3.amazonaws.com/yellafellastatic/img/tales5.jpg) 0 0 no-repeat;}
#tales #movienav #m6{ background: url(http://s3.amazonaws.com/yellafellastatic/img/tales6.jpg) 0 0 no-repeat;}
#tales #movienav #m7{ background: url(http://s3.amazonaws.com/yellafellastatic/img/tales7.jpg) 0 0 no-repeat;}
#tales #movienav #m8{ background: url(http://s3.amazonaws.com/yellafellastatic/img/tales8.jpg) 0 0 no-repeat;}

#tales #movienav #m1:hover{ background-position: -540px 0;}
#tales #movienav #m2:hover{ background-position: -540px 0;}
#tales #movienav #m3:hover{ background-position: -540px 0;}
#tales #movienav #m4:hover{ background-position: -540px 0;}
#tales #movienav #m5:hover{ background-position: -540px 0;}
#tales #movienav #m6:hover{ background-position: -540px 0;}
#tales #movienav #m7:hover{ background-position: -540px 0;}
#tales #movienav #m8:hover{ background-position: -540px 0;}

#tales #movienav #m1.inactive{ background-position: -180px 0;}
#tales #movienav #m2.inactive{ background-position: -180px 0;}
#tales #movienav #m3.inactive{ background-position: -180px 0;}
#tales #movienav #m4.inactive{ background-position: -180px 0;}
#tales #movienav #m5.inactive{ background-position: -180px 0;}
#tales #movienav #m6.inactive{ background-position: -180px 0;}
#tales #movienav #m7.inactive{ background-position: -180px 0;}
#tales #movienav #m8.inactive{ background-position: -180px 0;}

#tales #movienav #m1.inactive:hover{ background-position: -360px 0;}
#tales #movienav #m2.inactive:hover{ background-position: -360px 0;}
#tales #movienav #m3.inactive:hover{ background-position: -360px 0;}
#tales #movienav #m4.inactive:hover{ background-position: -360px 0;}
#tales #movienav #m5.inactive:hover{ background-position: -360px 0;}
#tales #movienav #m6.inactive:hover{ background-position: -360px 0;}
#tales #movienav #m7.inactive:hover{ background-position: -360px 0;}
#tales #movienav #m8.inactive:hover{ background-position: -360px 0;}


/*** navigation ***/
#nav{border-top: 7px solid #000; border-bottom: 1px solid #000; position:relative; height: 1021px;}
#nav a, #nav #sm{display:block; position:absolute; outline:none; background-repeat:no-repeat;}


#nav a#adventures_of_yellafella:link, #nav a#adventures_of_yellafella:visited{
	background: #fd0 url(http://s3.amazonaws.com/yellafellastatic/img/nav/nav_adventures.gif) 0 0; 
	height: 198px;	
	width: 243px; 
	left:0; 
	top:0; 
}
#nav a#adventures_of_yellafella:hover, #nav a#adventures_of_yellafella.current{ background-position: -243px 0; }


#nav a#adventures2:link, #nav a#adventures2:visited{
	background: url(http://s3.amazonaws.com/yellafellastatic/img/nav/nav_season2.gif) 0 0; 
	height: 353px;	
	width: 243px; 
	left:0; 
	top:198px; 
}
#nav a#adventures2:hover, #nav a#adventures2.current{ background-position: -243px 0; }

#nav a#adventures1:link, #nav a#adventures1:visited{
	background: url(http://s3.amazonaws.com/yellafellastatic/img/nav/nav_season1.gif) 0 0; 
	height: 318px;	
	width: 243px; 
	left:0; 
	top:551px; 
}
#nav a#adventures1:hover, #nav a#adventures1.current{ background-position: -243px 0; }

#nav a#tales_from_the_trail:link, #nav a#tales_from_the_trail:visited{
	background: url(http://s3.amazonaws.com/yellafellastatic/img/nav/nav_tales.gif) 0 0;
	height: 88px;
	width: 243px;
	left:0;
	top: 869px;
}
#nav a#tales_from_the_trail:hover, #nav a#tales_from_the_trail.current { background-position: -243px; }

#nav a#youtube{
	background:url(http://s3.amazonaws.com/yellafellastatic/img/nav/nav_youtube.gif) 0 0;
	height: 64px;
	width: 243px;
	left:0;
	top: 957px;
}
#nav a#youtube:hover{ background-position: -243px; }

#nav a#shoot_down{
	background:url(http://s3.amazonaws.com/yellafellastatic/img/nav/nav_backyard.gif) 0 0;
	height: 469px;
	width: 242px;
	left:243px;
	top: 0;
}
#nav a#shoot_down:hover, #nav a#shoot_down.current{ background-position: -242px; }

#nav a#fight_the_bad_guy{background:url(http://s3.amazonaws.com/yellafellastatic/img/nav/nav_fight.gif); height: 195px; width: 242px; left:243px; top:469px;}

#nav a#fight_the_bad_guy:hover, #nav a#fight_the_bad_guy.current{background-position: -242px;}

#nav a#find_yellawood{background:url(http://s3.amazonaws.com/yellafellastatic/img/nav/nav_wood.gif); bottom:0; right:0; width:243px; height: 340px;}

#nav a#find_yellawood:hover, #nav a#find_yellawood.current{background-position: -243px;}


#nav a#store{background:url(http://s3.amazonaws.com/yellafellastatic/img/nav/nav_store.gif); height: 357px;	width: 242px; left: 243px;	top:664px;}
#nav a#store:hover{background-position: -242px;}


#nav a#power_of_yellawood{
	background:url(http://s3.amazonaws.com/yellafellastatic/img/nav/nav_power.gif);
	height: 295px;
	width: 235px;
	right:0px;
	top:0px;
}
#nav a#power_of_yellawood:hover,#nav a#power_of_yellawood.current{ background-position: -235px; }

#nav a#dealer{
	background:url(http://s3.amazonaws.com/yellafellastatic/img/nav/nav_dealer.gif);
	height: 288px;
	width: 235px;
	right:0px;
	top:295px;
}
#nav a#dealer:hover,#nav a#dealer.current{ background-position: -235px; }

#nav a#sign_up{	background: url(http://s3.amazonaws.com/yellafellastatic/img/nav/nav_signup.gif); height: 123px; width: 235px; right:0; top:583px; }
#nav a#sign_up:hover, #nav a#sign_up.current{background-position:-235px 0;}

#nav a#facebook{background:url(http://s3.amazonaws.com/yellafellastatic/img/nav/nav_facebook.gif); height: 133px; width: 235px; right:0; top:706px;}
#nav a#facebook:hover, #nav a#facebook.current{background-position:-235px 0;}

#nav a#twitter{background:url(http://s3.amazonaws.com/yellafellastatic/img/nav/nav_twitter.gif); height: 182px; width: 235px; right:0; top:839px;}
#nav a#twitter:hover, #nav a#twitter.current{background-position:-235px 0;}


/*** Sign up pages ***/
#mast.signupm{background: #fff url(http://s3.amazonaws.com/yellafellastatic/img/bak-signup.gif) bottom left no-repeat; padding-bottom: 70px;}
#mast.signupm h1{
	background: url(http://s3.amazonaws.com/yellafellastatic/img/get-alerts.gif) 0 20px no-repeat;
	width: 648px;
	height: 108px;
	margin: 0 20px 0px 40px;
	padding-top:20px;
	text-indent: -9999px;
}
#mast.signupm form p{ margin: 10px 0 0 42px; }

/*** Find a dealer page ***/
#dealer_locator #mast{background: #fff; overflow:hidden;}

#mast iframe{
	border:0;
	padding:0;
	margin: 0;
	width: 780px;
	height: 530px;
	overflow:hidden;
}

/*** Sweepstakes page ***/
#sweepspage #mast{ position:relative; height:601px;}
#sweepspage #prizes{
 	border-top: 7px solid #000;
	float:left;
	background: #fff;
	display:none;
	margin:0;
	width:720px;
	overflow:hidden; /* for some reason, this wants to overflow in IE6 */
}


#grandprizes, #dailyprizes, #hourlyprizes{background: #fff; clear:both; float:left; width:100%}
#hourlyprizes{padding-bottom: 50px;}
#prizes h2{background: #fff url(http://s3.amazonaws.com/yellafellastatic/img/2010/prizes_header.gif) center no-repeat; height:93px; text-indent: -9999px; width:100%;}

.prize{
	font-weight:normal;
	background:#fff;
	width: 331px;
	height: 390px; 
	margin: 0;
	padding:0;
}
.leftprize{margin-left: 20px; float:left;}
.rightprize{float:right; margin-right:20px;}

* html .leftprize{margin-left:10px;}
* html .rightprize{margin-right:10px;}

.long{height: 485px;}
.medium{height: 470px;}
.prize p{margin: 0 10px; line-height: 1.4;}
.prize h4, .prize h5{margin: 5px 10px; font-size:1.3em;}
.prize h5{font-weight:normal;}

#prizes h3{
	border-top:1px solid #000; 
	border-bottom:1px solid #000; 
	font-weight:normal; 
	font-size: 1.3em;
	margin:10px 26px 30px 26px; 
 	padding: 8px 0;
	width: 662px;
}
.prizelist{
	font-size: 15px;
	width: 360px;
	float:left;
	list-style-type:none;
}
.prizelist li{ margin: 15px 30px 20px 30px; }
.prizelist li ul li{ margin: 3px 0 2px 40px; }
.pla li{margin-bottom:22px;}

#dailyprizes .prize h4{margin: 5px 10px 25px 10px; }
/** FOOTER STYLES **/
#footer{ border-top: 7px solid #000; background:#fd0; clear:both; margin-top:12px; width:100%; padding-bottom: 30px;}
#footer p{padding: 15px}
#footer .logo{background: transparent url(http://s3.amazonaws.com/yellafellastatic/img/logos.gif) no-repeat 0 -1px; display:block; float:right; height:39px; width:200px; margin:0 10px 0 0}

/** Popup window content **/
.popupwin{text-align:center; }

#popup-content{
	width: 700px;
	margin:auto;
	text-align:left;
	background: #fff url(http://s3.amazonaws.com/yellafellastatic/img/logos.gif) 20px 20px no-repeat;
	padding: 5em 0 3em 0;
	font-weight: normal;
	font-size: 1.2em;
	line-height: 1.3;
}
.popupwin h1{margin: 20px 20px 1em 20px;}
.popupwin h2{margin: 20px 20px 0 20px;}

.popupwin p{margin: 0 20px 20px 20px;}
.popupwin li{margin: 1em 60px}

/** press page **/
#press.popupwin a{font-weight:bold; color: #006597}
#press.popupwin h1{margin: 20px 20px 0 20px}
#press.popupwin ul{list-style-type:none; margin:0 0 60px 0;}
#press.popupwin li{margin: .5em 60px .5em 20px }
#press.popupwin #photos{margin: 0 20px 60px 20px; }
#press .b{font-weight:bold; font-size: .9em}


/** thank you page **/
#thankyou #mast{background: #fff url(http://s3.amazonaws.com/yellafellastatic/img/thankyou.gif) 0 30px no-repeat; height: 533px; text-indent: -9999px}


/** brandmovers sweepstakes page */
#yellafellasweepstakes #movie{height: 540px;}

/*---- New Sweepstakes page----*/
body#sweepspage #dealerlocator{
	padding:0;
	margin:0;
	width: 720px;
	overflow:hidden; 
	display:none;
}
body#sweepspage #dealerlocator iframe{
 	background:#fff;
 	width: 800px;
	height:570px;
	padding:0;
	margin:0;
}

/*-- On rules.html --*/
#rules h3{margin-bottom: 2em;}
table{width:500px; margin:auto;}
table,tr,td,th{
	border: 1px solid #ccc;
	border-collapse:collapse;
	vertical-align:bottom;
	padding:7px;
	margin-bottom: 2em;
}
th{	background: #ccc; text-transform:uppercase;}
td.dollars{text-align:right;}
tr.totals{font-weight:bold; background: #eee;}

.underline{text-decoration:underline;}