html{
	margin: 0px; padding: 0px;
	background: #000000 url(../images/bg_temp.jpg) 0px 0px repeat-x;
}

.standalone{
	background: #e2e2e2;
}
	.standalone body{
		width: 600px;
		padding: 10px;
	}

body{
	width: 970px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	font: 14px Arial, Helvetica, sans-serif;
	color: #2d2d2d;
}

.clear{
	margin: 0px; padding: 0px;
	display: block;
	height: 1px; line-height: 1px;
	clear: both; text-indent: -5000px;
}

a{
	color: #800909;
}
h1{
	font-weight: bold;
	font-size: 18px;
	margin: 0px;
	padding: 4px 0px;
	color: #800909;
}
h2{
	font-weight: bold;
	font-size: 18px;
	margin: 0px;
	padding: 4px 0px;
}
h3{
	margin: 15px 0px 0px 0px;
	padding: 0px;
}


/* HEADER */

#MainHead{
	display: block;
	width: 970px; height: 354px;
}
.headLogo {
	background: url(../images/bt_logo_bg.png) no-repeat center top;
	height: 57px;
	width: 970px;
}
.headLogo img {
	margin-top: 5px;
	margin-left: 20px;
}
.headLogo img a {}
.headLogo img a:hover {background: url(../images/butler_tire_logo_banner_on.png) no-repeat;} 

#MainFlash{
	display: block;
	width: 970px; height: 324px;
}

.mainMenu{
	padding: 0px 0px 0px 16px;
}
.mainMenu ul{
	margin: 0px; padding: 0px;
	list-style: none;
}
	.mainMenu li{
		float: left;
	}
	.mainMenu li a{
		display: block;
		text-indent: -5000px;
		height: 58px;
	}
		li.servicesLink a{background: url(../images/menuBGoff.jpg) 0px 0px; width: 164px;}
			.servicesActive li.servicesLink a, li.servicesLink a:hover{background: url(../images/menuBGon.jpg) 0px 0px; width: 164px;}
		li.productsLink a{background: url(../images/menuBGoff.jpg) -164px 0px; width: 160px;}
			.productsActive li.productsLink a, li.productsLink a:hover{background: url(../images/menuBGon.jpg) -164px 0px; width: 160px;}
		li.galleryLink a{background: url(../images/menuBGoff.jpg) -324px 0px; width: 151px;}
			.galleryActive li.galleryLink a, li.galleryLink a:hover{background: url(../images/menuBGon.jpg) -324px 0px; width: 151px;}
		li.aboutLink a{background: url(../images/menuBGoff.jpg) -475px 0px; width: 133px;}
			.aboutActive li.aboutLink a, li.aboutLink a:hover{background: url(../images/menuBGon.jpg) -475px 0px; width: 133px;}
		li.whatshotLink a{background: url(../images/menuBGoff.jpg) -608px 0px; width: 170px;}
			.whatshotActive li.whatshotLink a, li.whatshotLink a:hover{background: url(../images/menuBGon.jpg) -608px 0px; width: 170px;}
		li.contactLink a{background: url(../images/menuBGoff.jpg) -778px 0px; width: 168px;}
			.contactActive li.contactLink a, li.contactLink a:hover{background: url(../images/menuBGon.jpg) -778px 0px; width: 168px;}
			
.subMenu{
	margin: 0px; padding: 10px 0px 0px 0px;
	list-style: none;
}
	.subMenu li a{
		display: block;
		margin: 0px;
		padding: 3px 3px 13px 30px;
		width: 220px;
		background: url(../images/subMenuBG.jpg) 0px -10px no-repeat;
		color: #7b7b7b;
		font-size: 12px;
		text-decoration: none;
	}
	.subMenu li a:hover, .subMenu li.activeLink a{
		background: url(../images/subMenuBG.jpg) 0px -52px no-repeat;
		color: #ffffff;
	}
	
.subHead{
	margin: 10px 0px; padding: 28px 0px 0px 0px;
	text-align: center;
	font-size: 22px;
	color: #ffffff;
	background: url(../images/subHeadTop.jpg) top left no-repeat;
}
	.subHead span{
		display: block;
		background: url(../images/subHeadBottom.jpg) bottom left no-repeat;
		padding: 0px 8px 26px 8px;
	}
	
/* CONTENT */
#content{
	clear: both;
	background: url(../images/mainContentBG.gif) 0px 0px repeat-y;
}
	#content.fullPage{
		background: url(../images/mainContentFullBG.gif) 0px 0px repeat-y;
	}
	#content p{
		margin: 0px; padding: 8px 0px;
	}
.contentLeft{
	padding: 0px 0px 0px 17px;
	width: 655px;
	float: left;
	background: url(../images/contentLeftBG.jpg) 17px 47px no-repeat;
}
	.contentLeft p, .contentFull p {
		line-height: 19px;
	}

.contentFull{
	padding: 0px 5px 0px 17px;
}
	
.contentRight{
	width: 289px;
	height:auto;
	float: left;
	padding: 0px;
	background: url(../images/contentRightBG.jpg) no-repeat 0px 47px;
}
.contentRightWhatsHot{
	width: 289px;
	height:auto;
	float: left;
	padding: 0px;
	background: url(../images/contentRightBG.jpg) no-repeat 0px 47px;
}
.contentSet{
	padding: 0px 20px;
}
	.contentRight .contentSet{
		padding: 0px 10px 0px 20px;
	}
.contentSetWhatsHot {
	padding: 0px 20px;
}
	.contentRightWhatsHot .contentSetWhatsHot{
		padding: 0px 10px 0px 20px;
	}

.ctaSet{
	height: 114px;
	clear: both;
	overflow: hidden;
	padding: 10px 0px 0px 17px;
}
	#content .ctaSet p{
		float: left;
		padding: 0px;
	}
	.ctaOne{width: 309px;}
	.ctaTwo{width: 315px;}
	.ctaThree{width: 320px;}
	
.galleryFeatured{
	margin: 0px; padding: 10px 0px 0px 0px;
	list-style: none;
}
	.galleryFeatured li{
		float: left;
		border: 2px solid #5b5b5b;
		margin: 0px 9px 18px 9px;
	}
		.gallMain .galleryFeatured li, .gallSub .galleryFeatured li{
			margin: 0px 7px 7px 0px;
			overflow: hidden;
		}
	
	.galleryFeatured li a{
		text-decoration: none;
		width: 102px; height: 77px;
		overflow: hidden;
		display: block;
	}
	.galleryFeatured li a img{
		border: 1px solid #ffffff;
	}
	
	

.contactImage{
	width: 415px;
	float: left;
}

#content p.welcomeP{
	padding: 10px 10px 8px 10px;
}
.whyChoose div.whyChooseTop{
	background: url(../images/whyChooseTop.jpg) 0px 0px no-repeat;
	width: 621px; height: 39px;
	text-indent: -5000px; padding: 0px;
}
.whyChoose{
	background: url(../images/whyChooseBottom.jpg) 0px 39px no-repeat;
	margin: 0px 0px 0px -5px;
}
	.whyChoose div{padding: 0px 0px 0px 16px;}
	.whyChoose .bulletList{
		margin: 0px; padding: 7px 25px 11px 0px;
		list-style: none;
		font-size: 13px;
		float: left;
	}
		.whyChoose .bulletList li{
			font-size: 12px;
			padding: 0px 0px 4px 16px;
			background: url(../images/arrowRed.gif) 0px 2px no-repeat;
		}
		
.orderList li{
	margin: 6px 0px;
	line-height: 19px;
}

.img_border {
	border:1px solid #999999;
	margin:0;
}

.symptom{
	background: url(../images/symptomsTop.jpg) top left no-repeat;
	padding: 35px 0px 0px 0px;
	margin: 8px 0px;
}
	.symptom div{
		background: url(../images/symptomsBottom.jpg) bottom left no-repeat;
		padding: 0px 14px 14px 14px;
		color: #ffffff;
		font-size: 13px;
	}
	.servicesContent .symptom{background: url(../images/symptomsShortTop.jpg) top left no-repeat;}
	.servicesContent .symptom div{background: url(../images/symptomsShortBottom.jpg) bottom left no-repeat;}
	
.solution{
	background: url(../images/solutionsTop.jpg) top left no-repeat;
	padding: 35px 0px 0px 0px;
	margin: 4px 0px;
}
	.solution div{
		background: url(../images/solutionsBottom.jpg) bottom left no-repeat;
		padding: 0px 14px 14px 14px;
		color: #ffffff;
		font-size: 13px;
	}
	
	.servicesContent .solution{background: url(../images/solutionsShortTop.jpg) top left no-repeat;}
	.servicesContent .solution div{background: url(../images/solutionsShortBottom.jpg) bottom left no-repeat;}
	
.serviceBulletList{
	margin: 0px 0px 10px 0px; padding: 0px;
	list-style: none;
	font-size: 13px;
	border-top: 1px solid #bcbcbc;
}
	.contentRight .serviceBulletList{margin: 20px 0px 0px 0px;}
	.serviceBulletList li{
		background: #f3f3f3 url(../images/arrowRed.gif) 4px 7px no-repeat;
		padding: 4px 10px 4px 24px;
		border-bottom: 1px solid #bcbcbc;
	}
		.serviceBulletList li.oddItem{
			background: #e1e1e1 url(../images/arrowRed.gif) 4px 7px no-repeat;
		}
		.serviceBulletList li.noBullet{
			background: none;
		}
		
	
.tireBulletList strong a{
	display: block;
	 font-size: 15px;
}
.tireBulletList{
	margin: 0px 0px 10px 0px; padding: 0px;
	list-style: none;
	font-size: 13px;
	border-top: 1px solid #bcbcbc;
}
	.contentRight .tireBulletList{margin: 20px 0px 0px 0px;}
	.tireBulletList li{
		background: #f3f3f3;
		padding: 4px 10px 4px 10px;
		border-bottom: 1px solid #bcbcbc;
	}
		.tireBulletList li.oddItem{
			background: #e1e1e1;
		}
		.tireBulletList li.noBullet{
			background: none;
		}
		
	
.tireBulletList strong a{
	display: block;
	 font-size: 15px;
}	
.wheelApps{
	width: 306px;
	float: left;
}
	
.servicesContent{
	width: 347px; float: left;
	padding: 0px 10px 0px 0px;
}
.servicesPic{
	width: 255px; float: left;
	padding: 10px 0px 0px 0px;
}
	#content .servicesContent p{padding: 8px 0px 8px 4px;}
	
.symptom ul, .solution ul{
	margin: 0px; padding: 0px;
	list-style: none;
}
	.symptom ul li, .solution ul li{
		padding: 0px 0px 0px 18px;
		display: block;
		background: url(../images/arrowGreen.jpg) 0px 3px no-repeat;
	}
		.symptom ul li{background: url(../images/arrowGray.jpg) 0px 3px no-repeat;}
		
/*GALLERY STYLES*/

.galleryForm, .gallDisclaimer{
	border: 1px solid #c8c8c8;
	background: #e3e3e3;
	margin: 17px 4px 20px 0px;
	padding: 10px;
	width: 882px;
}
	.gallDisclaimer{width: auto;}
	.contentRight .galleryForm{
		margin: 4px 4px 0px 0px;
		background: #f0f0f0;
		width: auto;
	}

.galleryForm label{
	font-weight: bold;
	display: block;
	float: left;
	width: 100px;
}
	.contentRight .galleryForm label{
		float: none;
	}
	
.galleryForm p{
	clear: both;
}

.galleryInput{
	width: 320px;
}
	.contentRight .galleryInput{
		width: 230px;
		clear: both;
		float: none;
	}
	
.wheelDisclaimer{
	background: url(../images/wheelDisclaimerBG.jpg) 0px 0px no-repeat;
	padding: 18px 9px 30px 121px;
	text-shadow:1px 1px 4px #ffffff;
}

.gallLeft, .gallRight{
	width: 440px;
	float: left;
}
	.gallRight{
		padding: 0px 0px 0px 13px;
		width: 427px;
	}

.searchButn{
	text-align: center;
}

.gallMain, .gallSub{
	padding: 0px 0px 15px 2px;
}

	.gallSub .galleryFeatured li{
		margin: 8px;
	}

.gallMain .galleryFeatured li a img, .gallSub .galleryFeatured li a img{
		width: 100px; height: 75px;
}
.gallMain .galleryFeatured li a, .gallSub .galleryFeatured li a{
	width: 102px; height: 77px;
}

#content p.newSearch{
	text-align: center;
	margin: 16px 0px;
}
	#content .contentRight p.newSearch{
		margin: 5px 0px;
	}

#content p.newSearchHead{
	text-align: center;
	margin: 16px 0px 0px 0px;
}

.galleryContact {
	text-align: center;
	padding-top: 20px;
	font-size: 11px;
	font-weight: bold;
}
.galTopHead h1 {
	font-size: 14px;
}
.galSearchHead {
	margin-top: 10px;
}

/*PRODUCTS PAGE*/
.productList{
	clear: both;
	padding: 12px 0px 11px 0px;
	margin: 0px 8px 0px 0px;
}
.productList ul{
	margin: 0px; padding: 3px 0px 0px 0px;
	list-style: none;
	clear: both;
}
	.productList ul li{
		float: left;
		padding: 2px 4px 10px 2px;
	}

/* FOOTER */
#footer{
	background: url(../images/footerBG.jpg) 16px 0px no-repeat;
	padding: 7px 27px 3px 35px;
	height: 30px;
	font-size: 12px; color: #c4c4c4;
}
	#footer a{color: #c4c4c4;}
	#footer p{margin: 0px; padding-top:5px; float: left;}
	#footer a:link, #footer a:visited {text-decoration: none;}
	#footer a:hover {color: #FFF; text-decoration: underline;}	
	.copyright{float: left;}
	.copyright a:link, .copyright a:visited { text-decoration:none;}
	.copyright a:hover { text-decoration:underline;}
	.siteCredit{
	float: right;
	display: inline;
	width: 190px;
	position: relative;
	padding-top:5px;
}
.footerLinks {
	margin-top: 10px;
	text-align: center;
	font-size: 11px;
	color:#CCC;
}
.footerLinks a:link, .footerLinks a:visited {
	color: #c4c4c4;
	text-decoration: none;
}
.footerLinks a:hover {
	color: #c4c4c4;
	text-decoration: underline;
}

/* GALLERY SOCIAL BUTTONS */
    .getSocial {
	margin-top: 30px;
}
    .fbLikeButton {
	float: left;
	width: 68px;
}
	.tweetButton {
	float: left;
}
    .getSocialWhatsHot {
	margin-top: 10px;
	float: right;
}
    .fbLikeButtonWhatsHot {
	float: left;
	margin-right: 10px;
}
	.tweetButtonWhatsHot {
	float: left;
}
	.facebookMore {
	margin-top: 20px;
	background: #F0F0F0;
	border: 1px solid #E2E2E2;
	padding: 0px;
}
	.facebookMore a:link, .facebookMore a:visited {
	font-size: 12px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
}
	.facebookMore a:hover {
	text-decoration: underline;
}
	.facebookMoreIcon {
	float: left;
	margin-right: 5px;
	margin-left: 5px;
}
	
	
	
/* CONTACT FORM */
#contactFormContainer{
	padding: 10px;
	background: #F0F0F0;
	border: 1px solid #C8C8C8;
}

#contactFormContainer label{
	width: 180px; display: block;
	vertical-align: top;
	float: left;
}
	#contactFormContainer label.error{
		color: #C00;
		font-weight: bold;
		clear: both;
		width: auto;
	}

.textInput{
	width: 350px;
	border: 1px solid #C8C8C8;
}
#contactFormContainer div{
	padding: 10px 10px 10px 20px;
	border-bottom: 1px solid #C8C8C8;
}

.altRow{
	background: #e2e2e2;
}

.formSubmit{
	text-align: right;
	border: none;
}
.GMapEZ{
	width: 248px; height: 137px; float: left;
	margin: 0px 0px 10px 0px;
}
.contactMapOne {margin: 56px 0px 0px 0px;}
.contactMapTwo, .contactMapThree, .contactMapFour {margin: 60px 0px 0px 0px;}
.contactUsButton img {
	margin-top: 5px;
}
.storeItem{
	border-bottom: 1px solid #e2e2e2;
	padding: 6px 8px 30px;
}
	.itemOdd{background: #f1f1f1;}
	
.contactInfo{
	width: 180px;
	float: left;
}
.required {
	font-size: 12px;
	margin: 0px 0px 10px;
	padding: 0px;
}

ul.nitrogenFaq {
	list-style: none;
	margin: 0px;
}
.nitrogenFaq li.faqHead {
	color: #800909;
	font-weight: bold;
	margin: 0px 0px 0px -19px;
	padding: 0px;
}
.nitrogenFaq li.faqAnswer {
	margin: 0px 0px 20px -19px;
	padding: 0px;
}
.nitrogenFaqLink {
	margin-bottom: 20px;
}
.servicesContactLink {
	background: #F6F6F6;
	margin-top: 10px;
	padding-right: 5px;
	padding-left: 5px;
	border: 1px solid #B0B0B0;
	padding-top: 5px;
	margin-bottom: 18px;
}
.servicesContactLink p {
	font-size: 12px;
	font-weight: bold;
}
.servicesContactButton {
	padding-top: 5px;
	padding-bottom: 5px;
}
.lightViewBG{
	border: 1px solid #E1E1E1;
	position: absolute;
}
.lightviewThumbs {
	position: relative;
}
.lightViewThumbs img {margin-bottom: 20px;}
.leftThumb {
	border: 1px solid #999;
	float: left;
	position: relative;
	height: 131px;
	width: 175px;
	margin-right: 33px;
	margin-bottom: 20px;
}
.midThumb {
	width:175px;
	height:131px;
	position: relative;
	border: 1px solid #999;
	float: left;
	margin-right: 33px;
	margin-bottom: 20px;
}
.rightThumb {
	width:175px;
	height:131px;
	position: relative;
	border: 1px solid #999;
	float: left;
	margin-bottom: 20px;
}
.whatsHotMargFive {
	margin-bottom: 10px;
}

.whatsHotArchive {}
.whatsHotArchiveHead {
}
.whatsHotArchivesubMenu{
	margin: 0px 0px 0px 18px;
	padding: 0px;
	list-style: none;
}
	.whatsHotArchivesubMenu li a{
		display: block;
		margin: 0px;
		padding: 3px 3px 13px 30px;
		width: 220px;
		background: url(../images/subMenuBG.jpg) 0px -10px no-repeat;
		color: #7b7b7b;
		font-size: 12px;
		text-decoration: none;
	}
	.whatsHotArchivesubMenu li a:hover, .subMenu li.activeLink a{
		background: url(../images/subMenuBG.jpg) 0px -52px no-repeat;
		color: #ffffff;
	}

.michelinTireParent {
	background: url(../images/michelinBG2.png) no-repeat left center;
	margin-top: 10px;
	margin-bottom: 30px;
	height: 139px;
}
.michelinTireSelectorBG {
	margin-top: 20px;
	margin-bottom: 5px;
	height: 109px;
	background: #F6F6F6;
}
.michelinTiresHiPerformance {
	float: left;
	margin-right: 22px;
}
.michelinTiresLuxuryPerformance {
	float: left;
	margin-right: 22px;
}
.michelinTiresLightTruck {
	float: left;
	margin-right: 22px;
}
.michelinTiresCrossover {
	float: left;
	margin-right: 22px;
}
.michelinTiresminivanSuv {	
	float: left;
	margin-right:0px;}
.michelinPromise {
	background: url(../images/michelinPromiseBG.jpg) no-repeat left top;
	height: 93px;
	width: 592px;
	margin-bottom: 20px;
}
.michelinPromisePara {
	font-size: 11px;
	line-height: 18px;
	width: 460px;
	margin-left: 120px;
	padding-top: 10px;
	font-weight: bold;
}
.michelinPromiseRight {
	background: url(../images/michelinPromisePlanRight.png) no-repeat center top;
	font-size: 12px;
	padding: 100px 10px 30px 15px;
	line-height: 16px;
	font-weight: bold;
	margin-top: 20px;
}
.michelinManImg {
	float: left;
	margin-right: 10px;
}	
.reflexBlue {
	color: #003399;
}

h1.reflexBlueTop {
	color: #003399;
	font-size: 16px;
	padding-top: 10px;
	padding-bottom: 10px;
}
h2.reflexBlue {
	color: #003399;
	font-size:14px;
}
h3.reflexBlue {
	color: #003399;
	font-size:14px;
	margin-top: 25px;
}
.michelinPromiseDisc { font-size:9px;}
.michelinManContainer {
	height: 250px;
}
.michelinLocationsTop {
	margin-bottom: 20px;
}
.michelinLocationsBottom {}
.michelinLocations {}
.michelinLocations p { margin:500000px; font-size:18px;}
.michelinLocations p.head {
	font-size:12px;
	font-weight: bold;
	margin-top: 10px;
}

.pirelliTireParent {
	background: url(../images/pirelliBG2.png) no-repeat left center;
	margin-top: 30px;
	margin-bottom: 30px;
	height: 139px;
}
.toyoTireParent {
	background: url(../images/toyoBG2.png) no-repeat left center;
	margin-top: 30px;
	margin-bottom: 20px;
	height: 139px;
}
.michelinTireImg, .pirelliTireImg, .toyoTireImg {
	padding: 10px 0px 0px 10px;
}
.michelinTirePara, .pirelliTirePara, .toyoTirePara {
	padding:5px 100px 5px 10px;
	font-size: 12px;
}
.tireCont {
	color: #FFF;
	padding-top: 12px;
	padding-left: 10px;
	font-size: 12px;
	font-weight: bold;
}
.tireCont a:link, .tireCont a:visited {
	color: #FFF;
	text-decoration: none;
}
.tireCont a:hover {
	color: #FFF;
	text-decoration: underline;
}

/* NEW FOOTER - DO NOT EDIT */

.footerContainer {
	width: 970px;
	margin: 0px auto;
	font-family:Verdana, Geneva, sans-serif;
	background: url(http://www.butlertire.com/images/footer_bg.png) 16px 0px no-repeat;
	height: 223px;
}
.footerContainer ul {
	list-style: none;
	font-size: 10px;
	padding-top: 55px;
}
.footerHome {
	width: 174px;
	float: left;
}
li.listHead {
	color: #FFF;
	font-size:12px;
}
li.listHead a, li.listHead a:visited, .footerHome li a, .footerHome li a:visited {
	color: #FFF !important;
	text-decoration: none;
	font-size: 12px;
	font-weight:bold;
}
li.listHead a:hover, .footerHome li a:hover {
	color: #D11 !important;
}
.footerHome li {
	padding-top: 5px;
	padding-bottom: 5px;
}
.footerServices {
	width: 214px;
	float: left;
	height: 200px;
}
.footerServices li, .footerProducts li, .footerContact li, .footerSocial li {
	padding-top: 3px;
	padding-bottom: 3px;
}
.footerServices li a, .footerServices li a:visited, .footerProducts li a, .footerProducts li a:visited, .footerContact li a, .footerContact li a:visited { color:#CCC; text-decoration:none;}
.footerServices li a:hover, .footerProducts li a:hover, .footerContact li a:hover { color:#D11;}
.footerProducts {
	width: 169px;
	float: left;
	padding-left: 25px;
}
.footerContact {
	color:#FFF;
	width: 184px;
	float: left;
	padding-left: 10px;	
}
.footerSocial {
	width: 194px;
	float: left;
	font-size: 12px !important;
	color: #CCC;
	font-weight:bold;
}
.socialIcons { margin-top:3px;}
.socialFacebook {
	float: left;
	height: 21px;
	width: 24px;
}
.socialTwitter {
	float: left;
	height: 21px;
	width: 24px;
	padding-left: 3px;
}
.socialFlickr {
	float: left;
	height: 21px;
	width: 24px;
	padding-left: 3px;
}