@charset "UTF-8";
/* ------------------------------ THE MAIN CSS IS FOR ALL CONSTANT ITEMS THAT WILL NOT CHANGE MINUS BANNER ---------------------- */ 
/* 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;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: url(../_images/_jpgs/BodyBackground.jpg); /* this just clears out for IE6, not an actual image */
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
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: "" "";
}
/* END RESET ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */


.clear { clear: both; }


/* Font Styles ––––––––––––––––––––––––––––––––––––––––––––––––––– */
h1,h2,h3,h4,h5,h6,p,ul,ol,li,a,tr,td { color: #006699; font-family:Verdana, Geneva, sans-serif; font-size: 11px; }
h1,h2,h6 { font-weight: bold; }
h1 { font-size: 30px; font-family: "Comic Sans MS", cursive; }
h2 { font-size: 26px; font-family: "Comic Sans MS", cursive; }
h3 { font-size: 22px; font-family: "Comic Sans MS", cursive; }
h4 { font-size: 18px; font-family: "Comic Sans MS", cursive; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }

.h1 { font-size: 30px; font-weight: bold; }
.h2 { font-size: 26px; font-weight: bold; }
.h3 { font-size: 22px; } 
.h4 { font-size: 18px; }
.h5 { font-size: 14px; }
.h6 { font-size: 14px; font-weight: bold; }


body { 
	background: url(../_images/_jpgs/site_background.jpg) repeat scroll top left; 
	}

/* Wrapper Styles ––––––––––––––––––––––––––––––––––––––––––––––––––– */
#wrapper { 
	position: relative;
	width: 900px;
	margin-left: auto; 
	margin-bottom: 0px; 
	margin-right: auto; 
	margin-top: 0px; 
	min-height: 20px; 
	}

/* Header Styles ––––––––––––––––––––––––––––––––––––––––––––––––––– */
#header { 
    position: relative; 
    width: 900px; 
	}

#header .header_topper { 
    position: relative; 
    width: 900px; 
    height: 40px; 
	}

#header .header_member { 
    float: left; 
    height: 40px; 
    margin-left: 20px; 
	}

#header .header_member p { 
    color: #fff; 
    line-height: 3.2em; 
    font-size: 12px; 
    font-weight: bold;
	}
	
#header .header_member a { 
    color: #afdaf4; 
    line-height: 3.2em; 
    font-size: 12px; 
    font-weight: bold;
	}

#header .header_locations { 
    float: right;  
    height: 40px;  
    }

#header .header_locations ul {  
	}

#header .header_locations ul li { 
    display: inline; 
    margin: 5px; 
    line-height: 3.5em; 
    font-size: 11px; 
    font-weight: bold; 
    text-align: right;
    color: #fff; 
	}

#header .header_macslogo { 
    float: right; 
    width: 45px; 
    height: 40px; 
    margin: 0 20px;
    background: url(../_images/_jpgs/site_macslogo.jpg) no-repeat top left; 
    }

#header .header_welcome { 
    width: 900px; 
    height: 60px; 
    position: relative;
    background: url(../_images/_gifs/site_welcomebanner.gif) top left no-repeat;
	}
#facebook { position: absolute; top: 6px; right: 10px; height: 48px; width: 48px; }
#twitter { position: absolute; top: 6px; right: 70px; height: 48px; width: 48px; }

#header .header_banner { 
    position: relative; 
    width: 900px; 
    height: 225px; 
    background: #333;
    background-image: url(../_images/_gifs/site_mainbanner.gif); 
    background-position: left top; background-repeat: no-repeat; 
	}

#header .header_banner .header_logo { 
    position: absolute;
    top: 10px;
    left: 10px;
    width: 190px; 
    height: 205px;  
	}

#header .header_banner .header_states { 
    position: absolute;
    top: 10px;
    right: 10px; 
    width: 680px; 
    height: 205px; 
    background-color: #999; 
	}


/* –––––––––––––––––––––––––––––––––––– Navigation Styles ––– */
#navigation 
	{ 
	background-image: url("../_images/_gifs/site_navbar.gif");
	background-position: left top;
	background-repeat: no-repeat;
	height: 37px;
	margin-bottom: 10px;
	overflow: hidden;
	padding: 12px 10px 0;
	width: 880px; 
	}
#navigation-buttonbar { float: left; height: 30px; width: 100%; position: relative; }
#navigation-buttonbar ul { list-style: none; }
#navigation-buttonbar ul li 
	{
	 float: left; 
	 position: relative;  
	 height: 30px; 
	 margin: 0px 5px 0px 5px;
	 }
#navigation-buttonbar ul li.spacer { width: 1px; background-color: white; border-bottom: 0px; }
#nav-button 
	{ 
	width: 100%; 
	position: absolute; 
	top: 0px; 
	left: 0px;  
	height: 30px; 
	}
#nav-button #nav-button-left
	{ 
	position: relative;
	float: left;
	width: 50%; 
	height: 30px; 
	}
#nav-button #nav-button-right
	{ 
	position: relative;
	float: left;
	width: 49%; 
	height: 30px; 
	}
#navigation-buttonbar ul li a
	{
	position: relative; 
	float: left;
	height: 30px;
	padding: 0px 10px;
	text-decoration: none;
	color: white;
	font-size: 12px; 
	line-height: 2.5em; 
	font-weight: bold; 
	color: #006699;
	}

/* –––––––––––––––––––––––––––––––––––– Navigation Button Active Styles ––– */
#navigation-buttonbar ul li.active #nav-button #nav-button-left,
#navigation-buttonbar ul li:hover #nav-button #nav-button-left
	{ 
	background: url(../_images/_jpgs/site-navbutton.jpg) center left no-repeat; 
	}
#navigation-buttonbar ul li.active #nav-button #nav-button-right, 
#navigation-buttonbar ul li:hover #nav-button #nav-button-right
	{ 
	background: url(../_images/_jpgs/site-navbutton.jpg) center right no-repeat; 
	}
#navigation-buttonbar ul li.active a, #navigation-buttonbar ul li:hover a { color: white; } 
    
/* Sidebar Left Styles ––––––––––––––––––––––––––––––––––––––––––––––––––– */

#sidebar_left { 
	position: relative; 
	float: left; 
	width: 175px; 
	margin-bottom: 10px; 
	}
	
#sidebar_left .block { 
	position: relative; 
	float: left; 
	width: 175px; 
	}
	
#sidebar_left .block_header { 
	height: 30px; 
	width: 175px; 
	background: url(../_images/_gifs/site_sidebar_header.gif) no-repeat scroll top left; 
	}
	
#sidebar_left .block_header h1 { 
	font-size: 14px; 
	line-height: 2.3em; 
	text-align: center;  
	font-weight: bold;
	}
	
#sidebar_left .block_content { 
	width: 175px; 
	min-height: 20px;
	margin-bottom: 10px; 
	}
	
#sidebar_left .block_footer { 
	width: 175px; 
	height: 10px; 
	overflow: hidden;
	display: inline;
	}


/* Main Content Styles ––––––––––––––––––––––––––––––––––––––––––––––––––– */

#maincontent { 
	position: relative; 
	float: left; 
	width: 530px; 
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	}
	
#maincontent .maincontent_header { 
	width: 530px; 
	height: 30px; 
	background: url(../_images/_gifs/site_maincontent_header.gif) no-repeat scroll top left; 
	}
	
#maincontent .maincontent_header h1 { 
	font-size: 14px; 
	line-height: 2.3em; 
	text-align: center; 
	} 
	
#maincontent .maincontent_block { 
	width: 510px; 
	min-height: 20px; 
	padding: 10px; 
	background-color: #fff;
	}
	
#maincontent .maincontent_block .block { 
	width: 510px; 
	min-height: 285px; 
	}
	
#maincontent .maincontent_footer { 
	width: 530px; 
	height: 10px; 
	background: url(../_images/_gifs/site_maincontent_footer.gif) no-repeat scroll top left; 
	}
	
	
/* Sidebar Right Styles ––––––––––––––––––––––––––––––––––––––––––––––––––– */

#sidebar_right { 
	position: relative; 
	float: right; 
	width: 175px; 
	min-height: 40px;
	margin-bottom: 10px; 
	}
	
#sidebar_right .block { 
	float: left;
	width: 175px; 
	min-height: 20px;
	margin-bottom: 10px; 
	overflow: hidden;
	display: inline;
	}
	
	
/* Footer Styles ––––––––––––––––––––––––––––––––––––––––––––––––––– */

#footer { 
	position: relative; 
	float: both;
	width: 890px; 
	height: 30px; 
	padding: 5px; 
	clear: both; 
	background: url(../_images/_gifs/site_footer.gif) no-repeat scroll top left; 
	}
	
#footer .footer_legals { 
	float: left; 
	width: 300px;  
	padding: 0 20px; 
	}
	
#footer .footer_legals p { 
	font-size: 10px; 
	line-height: 2em; 
	}

#footer .footer_links { 
	float: right; 
	width: 500px;  
	padding: 0 20px; 
	}
	
#footer .footer_links ul {
	 }
	 
#footer .footer_links li { 
	float: right; 
	display: inline-block; 
	margin: 0 10px; 
	}
	
#footer .footer_links li  a { 
	color: #006699; 
	font-size: 10px; 
	text-decoration: none; 
	line-height: 2em;
	}
	
	
/* Left Sidebar Navigation Styles ––––––––––––––––––––––––––––––––––––––––––––––––––– */

#sidebar_left .block .block_content_nav {
	padding: 10px; 
	background: #fff;
 }
 
#sidebar_left .block .block_content_nav ul { 
 }
 
#sidebar_left .block .block_content_nav ul li { 
	text-align: center;
	margin-bottom: 10px;
 }
 
#sidebar_left .block .block_content_nav ul li.last { 
	margin-bottom: 0px;
}

#sidebar_left .block .block_content_nav ul li a { 
 	display: block;
 	border: 1px solid #333;
 	color: #006699;
 	background: #333 url(../_images/_jpgs/site_sidebar_nav_background.jpg) top left repeat-x;
 	height: 25px;
 	line-height: 2.2em;
 	font-weight: bold;
 	text-decoration: none;
 }
 
#sidebar_left .block .block_content_nav ul li a:hover { 
 	color: #fff;
 	background: #333 url(../_images/_jpgs/site_sidebar_nav_current.jpg) top left repeat-x;
 }
 
#sidebar_left .block .block_content_nav ul li a.current{ 
 	color: #fff;
 	background: #333 url(../_images/_jpgs/site_sidebar_nav_current.jpg) top left repeat-x;
 }
 
 
/* "Specials" Styles ––––––––––––––––––––––––––––––––––––––––––––––––––– */

#maincontent .maincontent_block .blockspecials { 
	width: 510px; 
	min-height: 285px;
	}
	
.blockspecials .states {
	width: 510px;
}

.blockspecials .states img.margin {
	margin-right: 5px;
}

.blockspecials img.specials {
	margin-bottom: 10px;
}

/* "Polar Pop" Styles ––––––––––––––––––––––––––––––––––––––––––––––––––– */

table.polarpop { width: 508px; }
table.polarpop td { vertical-align: top; margin-right: 10px; padding: 10px; }
table.polarpop td.copy { padding: 10px; width: 470px; }
table.polarpop td.copy h2, p { margin-bottom: 5px; }
table.polarpop td.copy input { margin: 10px 0; }
table.polarpop td.copy p { color: #999; }


/* Form Styles Styles ––––––––––––––––––––––––––––––––––––––––––––––––––– */

.blockform {
	padding: 10px;
	}
	
.blockform h1,h2,h3,h4,h5,h6,p,input,{
	margin-bottom: 10px;
	}

.blockform h3 {
	color: #999; 
	}
	
.blockform h5 {
	font-size: 12px; 
	margin-bottom: 10px;
	}

.blockform .h2 {
	color: #006699;
	}
	
.blockform table {
	margin-left: 20px;
	margin-right: 10px;
	width: 450px;
	}
		
.blockform tr{
	height: 3em;
	padding: 0px;
	margin: 0px;
	}
	
.blockform td {
	margin: 0px;
	display: inline;
	margin-left: 10px;
	font-family: "Comic Sans MS", cursive;
	}
	
.vendorform td {
	margin-left: 10px;
	font-family: "Comic Sans MS", cursive;
	vertical-align: middle;
	}
		
.blockform input {
	padding: 0px;
	margin: 0px;
	}
	
.spacer {
	border-bottom: 1px solid #006699;
	width: 100%;
	margin: 20px 0;
	}
	
.blockform .questions {
	margin-left: 30px; 
	margin-right: 30px;
	}
	
	
/* Food and Drinks Styles ––––––––––––––––––––––––––––––––––––––––––––––––––– */

.block_foodanddrink_polarpop {
	position: relative;
	min-height: 390px; 
	}
	
.block_foodanddrink_polarpop .text {
	position: absolute;
	top: 90px;
	right: 20px;
	width: 175px;
	}

.block_foodanddrink_polarpop .text h1 {
	font-size: 16px;
	}
	
.block_foodanddrink_polarpop .text h1,.block_foodanddrink_polarpop .text p {
	color: #fff;
	margin-bottom: 10px;
	line-height: 1.2em;
	font-family: "Comic Sans MS", cursive;
	}
	
/* food and snacks */

.block_foodandsnacks {
	position: relative;
	padding: 10px;
	}
	
.block_foodandsnacks p{
	color: #999; 
	margin-bottom: 20px;
	}
	
.block_foodandsnacks h1{
	color: #006699;
	margin-bottom: 20px;
	}
	
.block_foodandsnacks .foodlisting {
	width: 250px;
	padding: 0px;
	margin: 0px;
	display: inline;
	}
	
.block_foodandsnacks .foodlisting table {
	width: 250px; 
	}
	
.block_foodandsnacks .foodlisting td {
	vertical-align: middle;
	border-bottom: 1px solid #fff; 
	padding: 5px 10px;
	}
	
.block_foodandsnacks .foodlisting td h3{
	font-size: 14px;
	}
	
.block_foodandsnacks .features { 
	position: absolute;
	top: 160px;
	margin-top: 20px;
	right: 20px;
	float: right;
	width: 180px;
	margin: 0px;
	padding: 0px;
	display: inline;
	}
	
.blockform td.center { vertical-align: middle; padding-right: 10px; }
.blockfrom td.width { padding-right: 10px; }
.contactform { width: 490px; }

.footer_legals p { color: #666;}

p.bottom {
	color: #006699; }
	
/* PopStar Styles ––––––––––––––––––––––––––––––––––––––––––––––––––– */

.block_popstar { 
	background: #064c6e url(../_images/_jpgs/polarpop_jingle_background.jpg) no-repeat 0 0;
	padding-top: 300px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	}
.block_popstar h1, .block_popstar h2, .block_popstar h3, .block_popstar h4, .block_popstar h5, .block_popstar a, .block_popstar p {
	color: #fff;
	line-height: 1.2em;
	margin-bottom: 10px;
	}
.block_popstar a.h3yellow { font-size: 22px; color: #f0de00;}
.block_popstar p {
	font-size: 12px;
	}
.block_popstar .box { 
	border: 1px #999 inset; 
	padding: 10px;
	margin-bottom: 10px;
	}
.block_popstar .box span.bold { 
	font-weight: bold;
	font-size: 16px;
	}
.block_popstar h4 {
	font-weight: bold;
	}
.block_popstar .left { width: 200px; float: left; border: 1px #fff solid; padding: 10px; }
.block_popstar .right { width: 200px; float: right; border: 1px #fff solid; padding: 10px; }

#maincontent .t1block { 
 	float: left;
 	margin-right: 30px;
	width: 200px;
	}
	
maincontent .t2block { 
 	float: right;
	width: 200px;
	}

.blue { color: #006699;}
.bottom a { color: #006699; }
h2.yellow { color: #f0de00; }
h3.yellow { color: #f0de00; }
.bold { font-weight: bold; }
.tabbed { margin-left: 20px; }
ul.tabbed li {}

.blockform table { width: 510px; position: relative; }
form.popstar p { margin-left: 20px; }
form.signup p { margin-left: 20px; }

/* Popstar VIDEO Styles ––––––––––––––––––––––––––––––––––––––––––––––––––– */

table.video_teaser {
	width: 510px;
	}
table.video_teaser td {
	width: 170px;
	min-height: 50px;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 20px;
	}
.video {
	position: relative;
	width: 450px;
	height: 392px;
	margin-left: 30px;
	}
.video_info {
	position: relative;
	width: 428px;
	margin-left: 30px;
	min-height: 50px;
	border: 1px solid #999;
	padding: 10px;
	}
.video_info .box1 {
	position: relative;
	float: left;
	width: 213px;
	margin-right: 10px;
	min-height: 100px;
	border-right: 1px solid #999;
	}
.video_info .box2 {
	position: relative;
	float: left;
	width: 204px;
	min-height: 20px;
	}
.video_thumbs_header {
	width: 490px;
	min-height: 50px;
	margin-bottom: 20px;
	padding: 10px;
	background: #064c6e url(../_images/_jpgs/video_thumbs_header_bg.jpg) center top no-repeat; 
	}
.video_thumbs_header h1 {
	color: #f0de00;
	text-align: center;
	}
.video_thumbs_header h3 {
	color: #fff;
	text-align: center;
	}
	
.polarpop_lyrics {
	text-align: center; }
	
	/*	 ––––––––––––––– Gifts Section –––––––––––––– */
	
	.gift-wrapper {  
	padding: 5px;
	border-bottom: 1px solid #006699;
	margin-bottom: 20px;
	}
	.gift-image {
	width: 140px; 
	float: left;
	}
	.gift-copy {
	float: left;
	width: 350px;
	padding: 0 0 20px 10px;
	}
	.gift-wrapper h4 { padding-bottom: 10px; }
	.gift-wrapper ul { padding-bottom: 10px; }
	.gift-wrapper ul li { color: #666; line-height: 1.2em; }
	.gift-wrapper p { padding-bottom: 10px; color: #666; }
	.gift-wrapper p span.bold { font-weight: bold; }
	.gift-wrapper p span.blue { font-weight: bold; color: #006699; }
	.gift-wrapper .gift-copy img { margin-bottom: 15px; }
	
	
	/*	 ––––––––––––––– Gifts Section –––––––––––––– */
	.giftcard-copy {
	padding: 0 20px 0 20px;
	}	
	.giftcard-copy p {
	color: #666;
	}
	.giftcard-copy h4 { font-weight: bold; }
	
	/* –––––––––––––––––––––––––––––––––––– Miracle right sidebar ––– */
	.miracle-button1 {  font-family: Helvetica, Verdana, Arial, sans-serif;  word-spacing: normal;  width: 158px; Height: 20px; position: absolute; top: 165px; left: 8px; background: #00bbea; text-align: center; line-height: 1.9em; color: #fff; font-weight: bold; font-size: 11px; border: 1px #00add9 solid; overflow: hidden; text-decoration: none; }
		a.miracle { text-decoration: none; }


/* –––––––––––––––––––––––––––––––––––– Camaro GiveAway ––– */
#block { padding: 30px; position: relative;  }
#block.camaro { background: #6e1f1b url(../_images/_jpgs/camaro-bg.jpg) top left no-repeat; padding-top: 310px; }
#block h1, #block h2, #block h3, p, ul, nl, ol { font-family: "Lucida Grande", Verdana, Arial, sans-serif; }
#block p a, #block li a { font-size: 12px; }
#block.camaro a { color: #00a1e4; }
#block.camaro h1 
	{ 
	color: #00a1e4; 
	font-size: 22px; 
	padding-bottom: 15px; 
	font-weight: normal;
	}
#block.camaro .white { color: white; }
#block.camaro h2 
	{
	font-size: 14px;
	color: white;
	padding-bottom: 10px; 
	}
#block.camaro h3 
	{
	
	}
#block.camaro p, #block.camaro li 
	{ 
	color: white; 
	font-family: "Lucida Grande", Verdana, Arial, sans-serif; 
	font-size: 12px;
	padding-bottom: 8px; 
	}
#block.camaro ul.small li { font-size: 10px; }
#block table { width: 100%; }
#block table tr td {}
#block table tr td select.question { width: 350px;  }
#block.camaro input.submit-absolute { position: absolute; bottom: 40px; right: 20px; width: 100px; }

/* –––––––––––––––––––––––––––––––––––– Movie ––– */
.movie-buttons { float: right; width: 230px; padding: 2px; margin-right: 10px; }
a.movie-skip { display: block; float: left; width: 100px; height: 25px; background: #ececec; text-decoration: none; line-height: 2em; font-weight: bold; text-align: center; border: 1px solid #999; margin-left: 10px; }

/* –––––––––––––––––––––––––––––––––––– Camaro Sidebar Styles ––– */
.block_content.camaro { position: relative; z-index: 0; width: 175px; height: 258px; }
.block_content.camaro img{ position: relative;  z-index: 1;}
.block_twitter
	{ 
	position: absolute; 
	height:48px; 
	width: 48px; 
	top: 175px; 
	left: 40px; 
	z-index: 2;
	}
.block_facebook
	{ 
	position: absolute; 
	height:48px; 
	width: 48px; 
	top: 175px; 
	left: 86px; 
	z-index: 2;
	}
.block_download
	{ 
	position: absolute; 
	height:30px; 
	width: 175px; 
	bottom: 0px; 
	left: 0px; 
	z-index: 2;
	border-top: 1px white solid; 
	}
.block_download p.sidebar-camaro-text 
	{ 
	text-align: center; 
	color: white; 
	font-weight: bold; 
	line-height: 2.3em;
	}