@import url('/css/headers.css');
@import url('/css/navigation.css');
@import url('/css/structure.css');
@import url('/css/classes.css');

* {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
}

body  {
	font: 100%/1.2  Arial, Verdana, Helvetica, sans-serif; /*usually Verdana should be first but Matt has designed for Ariel*/
	background: #000; 
	text-align: center; /* this centers the wrapper in IE 5* browsers. The text is then set to the left aligned default in the #wrapper selector */
	color:#000;
}

/*______________________________
FORMATTING HTML ELEMENTS
________________________________*/
h1 {
	font-size: 400%;
	text-transform: uppercase;
	color: #19a0e2;
	padding-bottom: 10px;
	font-weight: normal;
	letter-spacing: -0.09em;
	/*line-height: 20%;*/
	padding-top: 22px;
}
h2 {
	font-size: 300%;
	font-weight: normal;
	color: #19a0e2;
	text-transform: uppercase;
	padding-bottom: 10px;
	letter-spacing: -0.05em;
	line-height: 70%;
	margin-top: 80px;
}
h3 {
	font-size: 210%;
	font-weight: normal;
	color: #19a0e2;
	text-transform: uppercase;
	padding-bottom: 10px;
	letter-spacing: -0.05em;
	line-height: 80%;
}
h4 {
	font-size: 80%;
	color: #19a0e2;
	padding-bottom: 5px;
	font-weight: bold;
}
h5 {
	font-size: 70%;
	padding-bottom: 5px;
	text-align: left;
}

p {
	font-size: 70%;
	padding-top: 5px;
	padding-bottom: 5px;
}

img {
	border: none;
	background: transparent;
}
/*This is a fix for firefox to stop a 2px gap under flash objects*/
object {
	margin: 0px;
	padding: 0px;
	border: none;
	font-size: 0;
	line-height: 0;
}
/*Gets rid of this dotted line around links only in firefox*/
a {
outline: 0;
} 
br {
	margin: 0px;
	padding: 0px;
}

/*_______________________________________________________________
This sets the active link in the main or footer menu based on the
body tag
_________________________________________________________________*/
body#home div#main_nav li.home a,
body#products div#main_nav li.products a,
body#services div#main_nav li.services a,
body#whatshot div#main_nav li.whatshot a,
body#storelocator div#main_nav li.storelocator a,
body#currentpromo div#main_nav li.currentpromo a,
body#loyalty div#main_nav li.tlc a,
body#loyaltyprofile div#main_nav li.tlc a,
body#loyaltyoffers div#main_nav li.tlc a,
body#subscribe div#footer_nav1 li.subscribe a,
body#media div#footer_nav1 li.media a,
body#franchising div#footer_nav1 li.franchising a,
body#careers div#footer_nav1 li.careers a,
body#about div#footer_nav1 li.about a,
body#contact div#footer_nav1 li.contact a,
body#terms div#footer_nav1 li.terms a
{
	color: #19a0e2;
}

/*Formats the active submenu link class is set by javascript highlite.js*/
#submenu li.current a {
	color:#FFF;
	background: #333;
	border-right: 1px solid #333;
	border-left: 1px solid #333;
}
/*________________________________
Home page or header specific rules
__________________________________*/
/*#home #allContent {
	background: url(../images/home/home.jpg) no-repeat 222px 0px;
	overflow:hidden;
}*/

#logo {
	background: url(../images/header_images/logo.jpg) no-repeat 0px 0px;
	float: left;
	width: 232px;
	height: 97px;
}
/*Text crawler on the home page Only applicable when javascript is unavailable*/
#mycrawler {
	position:absolute;
	left: 0px;
	top: 388px;
	color: #FFF;
	background: #000;
	height: 20px;
	width: 766px;
	border: 1px solid #000;
}

.marquee0 {
	position: absolute;
	top: 388px;
	left: 222px;
	font-size: 60%;
}
#labels p {
	color: #3b393e;
}
#labels a:link, #labels a:visited {
	text-decoration: none;
	color: #3b393e;
}
#labels a:hover, #labels a:focus, #labels a:active {
	text-decoration: none;
	color: #FFF;
}
/*Whats hot page*/
.smlimg {
	position: absolute;
	top: 224px;
	right: 0px;
}