@charset "utf-8";

/* ----------------------------------------------------------
	Stylesheet for Tire Town Inc. 
	Date: 4/1/2008
	Author: Blue Banana Designs
	Contact: updates@bluebanana.net
----------------------------------------------------------- */

/* NORMALIZE ELEMENTS
*******************************/
/* Normalize margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, a, blockquote, th, td
{ margin: 0; padding: 0; }

/* Normalize font-size for headers */
h1, h2, h3, h4, h5, h6 
{ font-size: 100%; }

/* Normalize font-style and font-weight */
address, caption, cite, code, dfn, var 
{ font-style: normal; font-weight: normal; }

/* Normalize tables */
table 
{ border-collapse: collapse; border-spacing: 0; }

/* Remove border from fieldset and img */
fieldset, img 
{ border: 0; }

/* Left-align text in caption and th */
caption, th 
{ text-align: left; }

a img, img a 
{ border:none; }


/* COLOR PALETTE
*******************************/
/*
Blue Lt 		#
Blue Med		#56858f 
Blue Dk		#

Red Med		#ba0000
Red Dk		#

*/

/* HTML & BODY ELEMENTS
*************************************/
html { text-align:center; }

body {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:100%;
line-height:120%;	
background-image:url(../assets/images/global/bgd_body.gif);
background-position:top center;
background-repeat:repeat-x;
background-color:#56858f;	
color:#000;
margin:0 auto;
text-align:center;
}

/*	PAGE LAYOUT
****************************************/
#page-wrapper {
width:760px;
margin:0 auto;
text-align:left;
position:relative;
background-color:#fff;
color:#000;
}

/* ----- Branding ----- */
#masthead {
width:760px;
height:183px;	
position:relative;
margin:0 auto;
	background-color: #56858f;
}
#masthead div#logo {
width:312px;
position:absolute;
top:0px;
left:0px;
}
#masthead div#logo a img {
border:none;
}
#masthead div#contact-info{
position:absolute;
top:0px;
right:30px;
}

/* Tire Town logo */
/*
#masthead h1 a {
position:absolute;
top:0;
left:0px;
	width:312px;
	height:100px;
	background: url(../assets/images/masthead/tireTownLogo.gif) top left no-repeat;
	text-indent: -9999px;
	display:block;
	z-index:1;
	overflow: hidden;
}
*/
/*
#masthead p#tagline {
	position:absolute;
	top:90px;
	left:217px;
	width:326px;
	height:36px;
	background-image: url(../assets/images/global/tagline.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -9999px;
	display:block;
	z-index:2;
}
*/
#masthead #tireTread {
	position:absolute;
	top:100px;
	left:0px;
	width:760px;
	height:73px;
	border-top:10px solid #000;
	background-image:url(../assets/images/global/tireTread.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

#content-wrapper {
width:760px;
position:relative;
background-color:#fff;
	color:#000;
	text-align:left;
}

#main-column {
	float:right;
	width:570px;
	margin-bottom:20px;
}
#content {
padding:0px 30px 30px 20px;
margin-top:20px;
border-left:1px solid #ba0000;
}
#page-title {
padding-bottom:1em;
}
#navigation  {
float:left;
margin-top:20px;
padding-bottom:20px;
width:170px;
}
#footer {
clear:both;
width:760px;
padding: 30px 0;
margin:0 auto;
}

/* NAVIGATION
**********************************/

/* Level 1 */
#navigation ul {
margin:0 0 0 10px;
padding:0 0 0 0;
	list-style:none;
}
#navigation ul li {
padding:0;
margin: 0 0 0 -10px;
border-top:1px solid #ba0000;
}
#navigation ul li.last-nav {
	border-bottom:1px solid #ba0000;
}
#navigation ul li a,
#navigation ul li a:link,
#navigation ul li a:visited {
display:block;
	color:#56858f;
	background-color:#fff;
	font-family: arial, helvetica, sans-serif;
	font-size:.875em;
	font-weight:bold;
	line-height:normal; /* KLUDGE: IE6 extra space at bottom */
	text-decoration: none;
	padding:2px 5px 3px 10px;
	width:155px;
	margin-right:0;
}

#navigation ul li a:hover {
color:#fff;
	background-color:#ba0000;
}
#navigation ul li a.selected-nav {
	background-image: url(/assets/images/navs/selectedGlyph_lvl_1.gif);
background-position: left center;
background-repeat:no-repeat;
}

/* Level 2 */
#navigation ul li ul li {
margin-left:-10px;
border-top:1px solid #56858f;
}
#navigation ul li ul li a,
#navigation ul li ul li a:link,
#navigation ul li ul li a:visited {
color:#000;
	background-color:#fff;
font-weight:normal;
	padding-left:20px;
	width:145px;
}
#navigation ul ul li a:hover {
color:#000;
	background-color:#e6eff2;
}
#navigation ul ul li a.selected-nav {
	background-image: url(/assets/images/navs/selectedGlyph_lvl_2.gif);
background-position: 10px center;
background-repeat:no-repeat;
}



/* TYPOGRAPHY 
*******************************/
/* 
Some font sizes are based on the typical browser default size of 16px.
Formula: target pixel size divided by browser default size = em size 
Example: 13px / 16px = .8125em

Others are determined by visual comparison.
*/

h1 { /* Reserved for branding (See Masthead for declarations) */ }
h2 {
font-family:"trebuchet ms", arial, helvetica, sans-serif;
font-size:1.875em; /* 30/16=1.875em */
font-weight:normal;
line-height:1em;
margin-bottom:.1em;
color:#ba0000;
background:#fff;
}
h3 {
font-family:"trebuchet ms", arial, helvetica, sans-serif;
font-size:1.75em;/* 28/16=1.75 */
font-weight:normal;
line-height:1em;	
color:#000;
	background:#fff;	
}
h4 {
font-family: "trebuchet ms", arial,helvetica,sans-serif;
font-size: 1.5em;/* 24/16=1.5em */
font-weight:normal;
line-height:1em;
margin:1.5em 0 .7em;
color:#ba0000;
background:#fff;
}
h5 {
font-family:"trebuchet ms", arial,helvetica,sans-serif;
font-size: 1.3em;
font-weight:normal;
line-height:1em;
margin: 1.5em 0 .875em;
color:#000;
background:#fff;
}
h6 {
font-family:"trebuchet ms", arial,helvetica,sans-serif;
font-size: 1.1em;
font-weight:normal;
line-height:1em;
margin: 1.5em 0 .875em;
color:#000;
background:#fff;
}
p, ul, ol, dl, blockquote, pre, table, code {
	font-size:.875em;	/* 14/16=.875 */
}
p {
	margin:1em 0; 	
}
p.first-paragraph:first-letter {
	float: left;
	font-size: 6em;
	line-height: normal;
	color: #ba0000;
	background-color: #fff;
	font-family: "Lucida Sans Unicode", "trebuchet ms", arial, helvetica, sans-serif;
	padding: 0;
	margin: 0 .2em 0 0;
}
div.pull-quote {
	width:225px;
	color:#ba0000;
	background:#fff;
}
div.pull-quote p {
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	font-size:1.5em;
	line-height: 1.6em;
	color:#cb5600;
	background:#fff;
}
div.pull-quote p.quotee {
text-align: right;
	font-size:1.2em;
	line-height: 120%;
}
blockquote {
	margin: 1em 1em .875em 1em;
}
blockquote p
{
	font-size:1em; /* Prevents compounding reduction due to inheritance */
}
ul {
	margin:1em 0 1em 2em;
}
ol {
	margin:1em 0 1em 2.5em;
}
li {
	margin:.5em 0;
}
dl {
	margin:1em 0 1em 1em;
}
dt {
	font-weight:bold;
	margin: 1em 0 .5em 0;
}
dd {
	margin:0em 0 .5em 0;
}
dd.link-to-top-dd  {
	text-align: right;
}
dl.horizontal-list dt,
dl.horizontal-list dd {
	margin:0;
	padding:0;
}
dl.horizontal-list dt {
	float:left;
}
dl.horizontal-list dd {
	text-indent:.5em;
	padding-bottom:.5em;
}
ul ul,
ul ul ul,
ul dl,
ul p,
ul ol,
ol ol,
ol ol ol,
ol dl,
ol p,
ol ul,
dl dl,
dl dl dl,
dl ol,
dl ul,
dl p,
dl dl ol,
dl dl ul,
dl ol p,
dl ul p
{
	font-size:1em; /* Prevents compounding reduction due to inheritance */
}
a {
	color:#005482;
	background:#fff;
}
a:link {
	color:#005482;
	background:#fff;
}
a:visited {
	color:#547;
	background:#fff;
}
a:hover {
	color:#005482;
	background:#fff;
	text-decoration:none;
}
a:active {
	color:#000;
	background:#fff;
}

/* used to move back to the top of the page */
a.link-to-top {
font-weight:normal;
	font-size:14px;
	color:#003366;
	background-color:#eee;
	text-decoration:none;
	margin:0 0 4px 0;
	padding:0px 4px 2px;
	line-height:normal;
	border:1px solid #ccc;
}
a.link-to-top:link {
	color:#003366;
	background-color:#eee;
	
}
a.link-to-top:visited {
	color:#003366;
	background-color:#eee;
}
a.link-to-top:hover {
	color:#003366;
	background-color:#ddd;
}
a.link-to-top:active {
	color:#003366;
	background-color:#eee;
}


pre, code {
	font-family: monospace;
	font-size: inherit;
}
p code, span code  {
font-family: monospace;
	font-size:1.3em;
}
small {
	font-size: .7em;
}
sup {
	vertical-align:text-top;
	font-size:.7em;
	padding-left:.2em;
}
.error,
.attention,
.required {
	color:#f00;
	background:#fff;
}

hr {
	height:1px;
	border-top:none;
	border-right:none;
	border-bottom:1px solid #ccc;
	border-left:none;
}

/* PODS
******************************/

/* Hours of Operation */
#hours-pod-container {
clear:left;
float:left;
	width:190px;
	margin:15px auto;
	text-align:center;
}
#hours-pod {
text-align:center;
margin:0 auto;
padding-top:13px;
width:150px;
background: #ba0000 url(/assets/images/pods/hoursPod_top.gif) center top no-repeat;
color:#fff;
}
#hours-pod hr {
margin:0 10px;
	border-bottom:2px solid #000;
}
#hours-pod p {
	font-weight:bold;
	font-size:1.2em;
}
#hours-pod dl {
margin:0 auto;
font: bold 1em arial,verdana,sans-serif;
}
#hours-pod-btm {
width:150px;
height:12px;
background-image: url(/assets/images/pods/hoursPod_btm.gif);
background-position: center bottom;
background-repeat: no-repeat;	
}

/* FORMS
*********************************************************/
form {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding:2em;
	border:1px solid #ccc;
	background:#fff;
	color:#000;
}

fieldset {
	border:1px solid #ccc;
	margin:20px 0;
	padding:0 2em 2em;
	background:#fff;
	color:#000;
}
legend {
font-size:.875em;
	padding:.2em 1em;
	border:1px solid black;
	font-weight:bold;
	background:#dceaef;
	color:black;
	margin-bottom:1em;
}
fieldset fieldset legend {
	background:#dceaef;
	color: #000;
}
textarea {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:1em;
}
form h4 {
padding-top:0;
margin-top:0;
	background-color:#fff;
	color:#ba0000;
}
form table td {
padding:5px;
vertical-align:top;
}
form table td.col_1 {
text-align:right;
}
form tr.new-group td {
	border-top:1px solid #ccc;
	padding-top:10px;
}

form ul {
	margin:0 0 8px 0px;
	padding:0;
}
form ul li {
	list-style: none;
}

/* TABLES
*****************************************/
table {
	margin:1em 0;
}
th {
	padding:5px;
	vertical-align:bottom;
	border-bottom:1px solid #000;
}
td {
	padding:5px;
	vertical-align:top;
	border-bottom:1px solid #ddd;
}

/* PHOTOGRAPHS
**********************************/
.photo {
	border:1px solid #000;
}
div.captioned-photo img {
	border:1px solid #000;
}
div.captioned-photo .caption {
	font-size:.8em;
	margin:0;
	padding:0;
}
.float-right {
	float:right;
	margin:5px 0 15px 15px;
}
.float-left {
	float:left;
	margin:5px 15px 15px 0;
}
.photos-pod img {
	float:left;
}


/* FOOTER
**************************************/
#footer {
border-top:1px solid #ccc;
font-size: .8em;
}
#footer div#info {
	padding:0 30px;
}

#footer ul {
padding:10px 0 10px;
margin:10px auto 10px;
}
#footer ul li {
	list-style:none;
}
#footer ul li a {
height:auto;
	color:#005482;
	background:#fff;
	margin:0px;
	padding:0px;
}
#footer #link-icons ul {
	margin-top:0;
	padding-top:0;
}


/* MISC. STYLES
**************************************/
.float-right {
	float:right;
	margin:5px 0 20px 20px;
}
.float-left {
	float:left;
	margin:5px 20px 20px 0;
}