/* -- Body Div Controller -- */

body, div, h1, h2, h3, h4, p, ul, li, dl, dt, dd, img, form, fieldset, blockquote {
    margin: 0px;
    padding: 0px;
    border: 0px;
}



body {
	background: #003366;
    text-align: center;
}



p, div, li,  h1, h2, h3, h4, td, input, select, textarea {
    font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
    font-size: 13px;
    color: #000000;
    line-height: 18px;
}



a img, :link img, :visited img {
    border: none
}
a:link, a:visited {
    color: #736F4F;
    text-decoration: underline;
}
a:hover, a:active {
    color: #8A8669;
    text-decoration: underline;
}

/* -- Streaming Video Controller -- */

#streaming-video a {
	margin: 0 21px 0px 21px;
	display: block;
	width: 160px;
	height: 121px;
	overflow: hidden;
	text-indent: -9999px;
	text-decoration: none;
	background-image: url(images/streamingVideo_BTN.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#streaming-video a:hover {
	margin: 0 21px 0px 21px;
	background-image: url(images/streamingVideo_BTN.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#streaming-video div {
	padding: 6px 12px 20px 16px;
    color: #E0E0E0;
}

/* -- Services Images Icons -- */

#ourservices a {
	display: block;
	border:thick;
	border-style:solid;
	border-color:#DAE2E7;
	width:91px;
	height:70px;
	}

/* -- Main Text Image -- */

.content-photo {
    float: left;
    padding: 5px 15px 5px 53px;
}
	
/* -- Brands Images Icons -- */
#brands a {
	display:block;
	border:thick;
	border-style:solid;
	border-color:#DAE2E7;
	width:174px;	
	height:38px;
	}
#brands a:hover, #ourservices a:hover {
	border-color:#CDD8E1;
	}
	
h4 {
	padding-left:10px;
	font-size: .85em;
	font-weight: bold;
	color: #026EB7;
	text-transform: uppercase;	
	margin-bottom: 0;		
	}
	
#brands p, #brands p a:link {
	padding-left:10px;
	font-size:12px;
	color:#990000;
	}

/* -- Tables -- */
#theTable {
    float: left;
    padding: 5px 15px 5px 15px;

	}

#table li {
	margin-left:0px;
	}

	
h1 span, h2 span, h3 span, blockquote span {
    display: none;
}
li {
    list-style: none;
}


/* -- Clear -- */

div.clear {
    clear: both;
    overflow: hidden;
    height: 1px;
}



/* -- Content Area -- */
#wrapper, #top, #nav, #banner, #content, #page-footer, #footer-wrapper, #footer, #blog {
    width: 780px;
}
#wrapper {
    margin: 0 auto;
    background: url(images/wrapper.jpg) 0 0 repeat-y;
    text-align: left;
}
#banner {
	margin: 0 auto;
    height: 160px;
    background: url(images/top.jpg) 0 0 no-repeat;
}

/* -- The Menu Controller -- */
#menu {
    background: url(images/menu.jpg) 0 0 no-repeat;
    width: 780px;		
	height: 45px;		
}
#nav {		
	height: 45px;
	margin: 0 auto;			
}
#menu span {
    display: none;
}
#menu li, #menu a {
    height: 45px;		 
	display: block;
}
#menu li {
    float: left;
    list-style: none;
    _display: inline;		
}

#menu-home 		{ width: 76px; margin-left: 51px; }
#menu-about 	{ width: 75px; }
#menu-locations 	{ width: 75px; }
#menu-newtires { width: 75px; }
#menu-retreads 	{ width: 75px; }
#menu-services { width: 75px; }
#menu-tireinfo { width: 75px; }
#menu-sttc { width: 75px; }
#menu-contact { width: 78px; }

#menu-home a:hover, #menu-home a:active 					{
	background-color: transparent;
	background-image: url(images/menu.jpg);
	background-repeat: no-repeat;
	background-position: -51px -45px;
}
#menu-about a:hover, #menu-about a:active  				{
	background-color: transparent;
	background-image: url(images/menu.jpg);
	background-repeat: no-repeat;
	background-position: -127px -45px;
}
#menu-sttc a:hover, #sttc #menu-sttc a:visited 		{ background: transparent url(images/menu.jpg) -202px -45px no-repeat; }
#menu-locations a:hover, #locations #menu-locations a:visited 	{ background: transparent url(images/menu.jpg) -277px -45px no-repeat; }
#menu-newtires a:hover, #newtires #menu-newtires a:visited 		{ background: transparent url(images/menu.jpg) -352px -45px no-repeat; }
#menu-retreads a:hover, #retreads #menu-retreads a:visited 		{ background: transparent url(images/menu.jpg) -427px -45px no-repeat; }
#menu-services a:hover, #services #menu-services a:visited 		{ background: transparent url(images/menu.jpg) -502px -45px no-repeat; }
#menu-tireinfo a:hover, #tireinfo #menu-tireinfo a:visited 		{ background: transparent url(images/menu.jpg) -577px -45px no-repeat; }
#menu-contact a:hover, #contact #menu-contact a:visited 		{ background: transparent url(images/menu.jpg) -652px -45px no-repeat; }

	#menu li ul {
		position: absolute;
		left: -9999px;
		background-color:#003366;
	}
	#menu li ul li {
		height: 20px;
	}
	 #menu li ul li a {
		width: 100%;
		height: 20px;				 
		line-height: 20px;			 
		background-image: none !important;
	}
	#menu li ul li a span {
		display: block;
		padding-left: 5px;
	}
	#menu li:hover ul, #menu li.sfhover ul {
		left: auto;
	}
	#menu a:link, #menu a:visited, #menu a:hover, #menu a:active {
		font-size: 11px;
		color: #FFFFFF;
		text-decoration: none;
	}
	#menu-about ul a:hover,
	#menu-services ul a:hover,
	#menu-locations ul a:hover,
	#menu-newtires ul a:hover,
	#menu-retreads ul a:hover,
	#menu-tireinfo ul a:hover,
	#menu-contact ul a:hover {
		background-image: none;
		background-color: #0066CA !important;
	}
	#menu-about ul, #menu-about li,
	#menu-services ul, #menu-services li,
	#menu-locations ul, #menu-locations li,
	#menu-newtires ul, #menu-newtires li,
	#menu-retreads ul, #menu-retreads li,
	#menu-tireinfo ul, #menu-tireinfo li,
	#menu-contact ul, #menu-contact li {
		width: 142px;
		background: none;
	}

/* -- The Main Content Area -- */
#main {
    width: 550px;
    float: left;
}

	#main p, #main h2, #main h3, #main ul, #main ol, #main dl, #main form, #main blockquote, #portfolio-thumbnails, .featured {
		margin: 0 19px 10px 53px;
	}

	#main li {
		margin: 0 19px 10px 53px;	
		line-height:20px;
		color: #8A8669;
		padding-left: 5px;
		list-style-image: url(images/arrow-more.jpg);
	}
	
	#main h2 {
		font-size: 22px;
		line-height: 26px;
		color: #6A6A52;
		padding: 25px 0 3px 0;
		border-bottom: 1px solid #EFEFEF;
	}
	#main h3 {
		font-size: 16px;
		line-height: 20px;
		color: #000000;
		padding: 15px 0 3px 0;
		border-bottom: 1px solid #EFEFEF;
	}

	#main dl {
		background: #F7F7F7;
	}
	#main dt {
		font-weight: bold;
		padding: 10px 10px 5px 10px;
	}
	#main dd {
		padding: 0 10px 10px 10px;
		background: url(images/dot.gif) bottom left repeat-x;
		color: #B7B49C;
	}
	#main dt.first {
		background: url(images/dot.gif) 0 0 repeat-x;
	}
	
	#main blockquote {
		background: #F3F2E6 url(images/quote.gif) 10px 10px no-repeat;
		border-top: 1px solid #D8D4AE;
		border-bottom: 1px solid #D8D4AE;
		margin-top: 15px;
		margin-bottom: 15px;
		padding: 20px 20px 20px 35px;
	}
		#main blockquote p {
			margin: 0 !important;
			color: #827E5F;
		}

/* -- Side Content Area -- */
#side {
    width: 230px;
    float: right;
	vertical-align: top;
}
	#side p, #side h2, #side dt, #side dd, #side{
		font-size: 11px;
		color: #D8D4AE;
		font-weight: normal;
	}
	#side p, #side h2, #side dl, #side form{
		margin: 0 45px 10px 16px;
	}
	
	#side ul {
		padding:0 0px 10px 0px;
		}
		
	#side h2 {
		color: #FFFFFF;
	}
	
	#side li {
		margin-right:0;
		line-height:30px;
		background-image:url(images/submenu.jpg);
		width: 200px;
		}

	#side li a:link, #side li a:visited {
		padding-left:10px;
		color:#D8D4AE;
		text-decoration:underline;
		}

	#side li a:hover, #side li a:active {
		padding-left:10px;
		color: #EFEFEF;
		text-decoration: underline;
	}
					
	#side a:link, #side a:visited {
		color: #D8D4AE;
		text-decoration: underline;
	}
	#side a:hover, #side a:active {
		color: #EFEFEF;
		text-decoration: underline;
	}

/* -- Footers -- */
#page-footer {
    background: url(images/page-footer.jpg) left top no-repeat;
    height: 94px;
    clear: both;
}
	#footer-wrapper {
		background: url(images/footer.jpg) 0 0 repeat-y;
	}
	#footer {
		padding: 6px 0 30px 0;
		text-align: center;
		background: url(images/footer-bottom.jpg) left bottom no-repeat;
	}
		#footer p {
			color: #828282;
			font-size: 11px;
			margin: 0 40px 7px 40px;
		}	
		#footer a:link, #footer a:visited {
			color: #828282;
			text-decoration: none;
		}
		#footer a:hover, #footer a:active {
			color: #B8B7B7;
			text-decoration: none;
		}
	
	.footer-links {
		font-weight: bold;
		color: #827E60;
	}
	

.sub h1 {
    width: 780px;
    height: 66px;
}

/* -- Page Titles -- */
#pagetitle {
			width:780px;
			height:66px;
			display:block;
			}			

/*-- Side Bar Control --*/
#side h1 {
    width: 230px;
    height: 59px;
}
	#header-side-sttc			{ background: url(images/subheader_sttc.jpg) 0 0 no-repeat !important;}
	#header-side-video 				{ background: url(images/subheader_video.jpg) 0 0 no-repeat !important; }
	#header-side-news 			{ background: url(images/subheader_news.jpg) 0 0 no-repeat !important; }
	#header-side-employment 			{ background: url(images/subheader_employment.jpg) 0 0 no-repeat !important; }
	#header-side-questions 	{ background: url(images/subheader_questions.jpg) 0 0 no-repeat !important; }

	#header-side-specials 	{ background: url(images/subheader_specials.jpg) 0 0 no-repeat !important; }

	#header-side-testimonials 	{ background: url(images/subheader_testimonials.jpg) 0 0 no-repeat !important; }

	#header-side-comments 	{ background: url(images/subheader_comments.jpg) 0 0 no-repeat !important; }

	#header-side-services 	{ background: url(images/subheader_services.jpg) 0 0 no-repeat !important; }

	#header-side-locations 	{ background: url(images/subheader_locations.jpg) 0 0 no-repeat !important; }

	#header-side-tireinfo 	{ background: url(images/subheader_tireinfo.jpg) 0 0 no-repeat !important; }

#side h3 {
    width: 230px;
    height: 131px;
	}
	#header-sideimage-truck 	{ background: url(images/truck.jpg) 0 0 no-repeat !important; }

/*-- Form Controls --*/
#indicates-required {
	margin: 7px 0 15px 0;
	text-indent: -9999px;
	height: 10px;
	background-image: url(images/indicates_required.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.form-field {
	padding: 2px;
	width: 178px;
	border: 1px solid #C8BCA6;
	background-color: #fff;
	background-image: url(images/form_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

.drop-down {
    padding: 2px;
    width: 183px;
    border: 1px solid #C8BCA6;
}

.drop-down2 {
    padding: 2px;
    width: 250px;
    border: 1px solid #C8BCA6;
    height: 20px;
}

.form-space td {
    padding-bottom: 10px;
}

.required {
	padding: 0 0 0 13px;
	background-image: url(images/required_icon.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
}

.hidden {
    color: #EEE2CC;
}

.comments {
	padding: 2px;
	width: 400px;
	border: 1px solid #C8BCA6;
	background-color: #fff;
	background-image: url(images/form_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
	
.error {
    border-top: 1px solid #D5B089;
    border-bottom: 1px solid #D5B089;
    margin-bottom: 10px;
    padding: 10px 0;
}

.error ul {
    list-style: none;
    margin-top: 5px;
}

.error ul li {
    background: url(/images/bullet.gif) no-repeat 0 4px;
    padding-left: 17px;
    padding-bottom: 8px;
    color: #5B180F;
}

.error h3 {
    color: #5B180F;
    text-transform: uppercase;
    font-size: 10px;
}

input, textarea, select {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    background-color: #FFFFFF;
} 
.quickcontact {
	width: 150px;
}

.more {
	padding-left: 15px;
	background: url(images/arrow-more.jpg) 0 3px no-repeat;
}

.detail {
	color: #B7B49C;
}

/*-- Extra Div controllers --*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}


span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


.sIFR-hasFlash #main h2 {
	visibility: hidden;
	letter-spacing: -9px;
}

.sIFR-hasFlash #main h3 {
	visibility: hidden;
	letter-spacing: -6px;
}

.sIFR-hasFlash #main h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

#bp {
    width: 550px;
    float: left;
}

#bp ul li {
		margin: 0 19px 10px 73px;	
		line-height:20px;
		color: #8A8669;
		padding-left: 5px;
		list-style-image: url(images/arrow-more.jpg);
}

#bp ol li {
		margin: 0 19px 10px 53px;	
		line-height:20px;
		color: #8A8669;
		padding-left: 5px;
		list-style-type: decimal
}

#bp p, #bp h2 {margin: 0 19px 10px 53px;}

#bp h2 {
		font-size: 22px;
		line-height: 26px;
		color: #6A6A52;
		padding: 25px 0 3px 0;
		border-bottom: 1px solid #EFEFEF;
	}