@charset "UTF-8";


/* 
	Excel Tire Centre Aug 6, 2009 
	Site By: wishMedia.ca
*/



/* GENERIC STYLES */
* 		{ margin:0; padding:0; font-size:100%; font-family:Verdana, Geneva, sans-serif; outline:none; }
a 		{ text-decoration:none }
a:hover { text-decoration: underline; }
p 		{ margin:10px 0; }

/* header*/
.top 	{ width:100%; border-bottom:1px solid #F2F2F2; padding: 10px 0;}
.time 	{ color:#BEBABE; font-size:0.6em; display:block; width:1024px; margin:0 auto; text-align:right;}

.logo 			{ width:1024px; margin:0 auto; margin-top:5px;}
.logo h2 		{ float:right; font-size:1.2em; font-style:italic; font-weight:bold; margin:31px 0 0; width:375px;}
.logo h1 		{ width:350px; height:62px; }
.logo h1 a 		{ display:block; height:100%; width:100%; background:url('../images/exceltirelogo.jpg') center 18px no-repeat; text-indent:-2000em;}


.creditcards 			{ width:200px; float:right; display:block; list-style:none; text-indent:-2000em; margin-top:20px; margin-right:10px;}
.creditcards li 		{ float:left; display:block; margin-right:5px; padding-top:8px}
.visa 					{ background:url('../images/visa.gif') center bottom no-repeat; width:67px; height:25px;}
.mastercard 			{ background:url('../images/mastercard.png') center 5px no-repeat; width:46px; height:29px;}


.navigation 					{ width:100%; min-width:1045px; height:59px; background:url('../images/menu-left.gif') repeat-x; margin-top:10px;}
.navigation ul 					{ width:1070px; margin:0 auto; background:url('../images/menu-bg.jpg') no-repeat; height:100%; padding-left:20px; list-style:none;}
.navigation ul li 				{ display:inline; float:left; height:100%; margin:0 22px; text-align:center; vertical-align:middle; }
.navigation ul li a 			{ font-size:11px; line-height:59px; color:#CCC; text-decoration:none;}
.navigation ul li a:hover 		{ color:#FFF; text-decoration:underline; }
.navigation ul li.selected a 	{ text-decoration:underline; color:#FFF; }

/* footer */
.footer 											{ width:100%; border-top:1px solid #F2F2F2; font-size:0.6em; clear:both; margin-top:20px;}
.footer .bottomline 								{ width:100%; border-top:7px solid #F2F2F2; margin-top:5px;}
.footer .bottomline .footerinfo 					{ width:1024px; margin:0 auto; margin-top:10px;}
.footer .bottomline .footerinfo .copywrite 			{ color:#BEBABE; }
.footer .bottomline .footerinfo .developer 			{ display:block; float:right; color:#BEBABE; }
.footer .bottomline .footerinfo .developer a 		{ color:#CCC; }
.footer .bottomline .footerinfo .developer a:hover 	{ color:#666; }

/* content */
.content 			{ width:980px; height:432px; margin:0 auto; font-size:.8em; text-align:justify;}
.content h1 		{ font-size:20px; border-bottom:1px solid black; text-indent:10px; display:block; margin:0 auto 10px; }
.whitebg 			{  margin:0 auto; padding:10px; background:url('../images/transbg.png') repeat; border:1px solid #666; }

/* other */
p.info 									{ font-weight:bold; font-style:italic; font-size:11px; }

/* HOME */
.about 									{ background:url('../images/bg1.jpg') center center no-repeat; } 
.about .subnav ul,
.maintenance .subnav ul 				{ float:right; }
.about .subnav ul li,
.maintenance .subnav ul li 				{ display:block; width:155px; height:68px; background:url('../images/picnav.gif') center center no-repeat; margin:30px 5px 0 0; border:1px solid #AA0000; }
.about .subnav ul li a,
.maintenance .subnav ul li a 			{ background:none; border:none; width:100%; height:100%; line-height:65px; font-size:11px; text-align:center; color:#CCC; display:block; margin-top:0; padding:0;}
.about .whitebg,.maintenance .whitebg 	{ width:735px; float:left; margin:20px 0 0 20px; }
.about .indexfooter 					{ text-align:center; display:block; font-weight:bold; font-style:italic; font-size:1em; margin-top:20px;}
.about .subnav .selected a, 
.maintenance .subnav .selected a 		{ text-decoration:underline; }
/* MAINTENANCE */
.maintenance 							{ background: url('../images/bg3.jpg') center top no-repeat;}
.maintenance .whitebg div 				{ background:#A3A3A3; width:99%; border:1px solid #777; padding:3px;}
.maintenance .whitebg div ul 			{ background:#DEDEDE; padding:3px;}
.maintenance .whitebg div ul li 		{ list-style:none; }
.maintenance .whitebg div ul li a 		{ color:#000; font-size:.9em; text-indent:10px; display:block; background:url('../images/icons/arrow.gif') 3px 5px no-repeat transparent; padding:0; margin:0; float:none; border:none; width:100%; height:auto;}
.maintenance .whitebg div ul li a:hover { background-color:#D0D0D0; border:1px solid #AAA; }
.maintenance .image 					{ float:right; display:block; background:#A3A3A3; border:1px solid #777; padding:3px; text-indent:-2000em;}
.maintenance .image.inflationpressure 	{ width:296px; height:222px; background:url('../images/airpressure.jpg') center center no-repeat #A3A3A3; margin:0 10px; }
.maintenance .image.treadwear 			{ width:296px; height:222px; background:url('../images/treadwear.jpg') center center no-repeat #A3A3A3; margin:0 10px; }
.maintenance .image.wheelalignment 		{ width:130px; height:164px; background:url('../images/alignment.jpg') center center no-repeat #A3A3A3; margin:0 70px 0 0; }
.maintenance .image.balancing 			{ width:296px; height:222px; background:url('../images/balancing.jpg') center center no-repeat #A3A3A3; margin:0 10px; }
.maintenance .image.tirerotation 		{ width:296px; height:222px; background:url('../images/rotatingtires.jpg') center center no-repeat #A3A3A3; margin:0 10px; }
.maintenance.inflationpressure p, 
.maintenance.treadwear p,
.maintenance.wheelalignment p,
.maintenance.balancing p,
.maintenance.tirerotation p					{ width:53%; margin:10px 0 0 5px;}
.maintenance .clear 						{ }

.maintenance a 					{ background-color:#CECECE; border:1px solid #999; padding:3px; width:80px; height:20px; display:block; float:left; margin-top:20px;}
.maintenance a span 			{ background:url('../images/menu-left.gif') repeat-x; width:100%; height:100%; display:block; border:none; color:#CCC; text-align:center;}
.maintenance a:hover 			{ background-color:#666; text-decoration:none;}
.maintenance a:hover span 		{ color:#888; cursor:inherit;}

/* TIRES */
.tires 							{ background:url('../images/bg-service.jpg') center top no-repeat; width:979px; height:431px; padding-top:50px;}
.tires .whitebg 				{ width:855px; padding-top:20px;}

.tires ul li 					{ text-indent:-2000em; outline:none; display:inline; float:left; list-style:none; }
.tires ul.manufacturers li 		{ margin:10px 2px 30px; }
.manufacturers li a				{ display:block; }
.dunlop 			{ background:url('../images/manufacturers/dunlop.gif') center bottom no-repeat; width:100px; height:45px; margin:5px 8px;}
.uniroyal 			{ background:url('../images/manufacturers/uniroyal.gif') center bottom no-repeat; width:100px; height:45px;}
.toyo 				{ background:url('../images/manufacturers/toyo.gif') center bottom no-repeat; width:100px; height:45px;}
.coopertire 		{ background:url('../images/manufacturers/cooper.gif') center bottom no-repeat; width:180px; height:45px;}
.goodyear 			{ background:url('../images/manufacturers/goodyear.gif') center bottom no-repeat; width:100px; height:45px;}
.michelin 			{ background:url('../images/manufacturers/michelin.gif') center bottom no-repeat; width:100px; height:45px;}
.bfgoodrich 		{ background:url('../images/manufacturers/bfgoodrich.gif') center bottom no-repeat; width:100px; height:45px;}
.mickeythompson 	{ background:url('../images/manufacturers/mickeythompson.gif') center bottom no-repeat; width:99px; height:45px;}
.coopertires		{ background:url('../images/manufacturers/cooper.jpg') center bottom no-repeat; width:100px; height:45px;}

/* Mechanical Specials */
.mechanicalservices 			{ background:url('../images/bg-mechanical.jpg') center top no-repeat; width:980px; height:432px; padding:25px;}
.mechanicalservices .whitebg 	{ width:825px; }
.mechanicalservices .img 		{ background:url('../images/mechanical-services.jpg') center center no-repeat #A3A3A3; border:1px solid #777; width:296px; height:222px; text-indent:-2000em; overflow:hidden; float:right; margin-right:5px; padding:3px;}
.mechanicalservices ul 			{ float:left; width:465px; margin-left:45px; }
.mechanicalservices ul li		{ display:inline; float:left; width:45%; text-indent:20px; margin:20px 0 5px; background:url('../images/icons/check.png') center left no-repeat; overflow:visible; width:49%;}
.mechanicalservices .info 		{ margin:10px 0; font-weight:normal; font-style:italic; font-size:1em; text-indent:10px; clear:both;}

/* Wheels */
.wheels 				{ background:url('../images/bg-wheels.jpg') center top no-repeat; width:950px; padding-top:20px; }
.wheels .whitebg 		{ width:855px; }
.wheels p 				{ display:block; clear:both; margin-top:10px;}
.wheels p.bot 			{ padding-top:20px;}
.wheels ul 				{ width:500px; margin:23px auto; width:555px;}
.wheels ul li 			{ height:45px; display:inline; float:left; margin:0 15px; list-style:none;}
.wheels ul li a 		{ display:block; text-indent:-2000em; outline:none; }
.eagle 					{ background:url('../images/manufacturers/eagle-alloys.gif') center bottom no-repeat; width:100px; height:45px; }
.twg 					{ background:url('../images/manufacturers/twg.gif') center bottom no-repeat; width:110px; height:45px; }
.dickcepek 				{ background:url('../images/manufacturers/dickcepek.jpg') center bottom no-repeat; width:100px; height:45px; }
.mickey 				{ background:url('../images/manufacturers/mickeythompson.gif') center bottom no-repeat; width:99px; height:45px; }

/* Membership Info */
.membership 			{ background:url('../images/bg-tirestack.jpg') center top no-repeat; width:950px; height:582px; padding-top:20px;}
.membership .whitebg 	{ width:855px; }
.membership p 			{ width:74%; margin:20px 0 20px 10px; }
.membership .img 		{ float:right; background:url('../images/frontdesk.jpg') center center no-repeat #A3A3A3; padding:3px; width:179px; height:291px; border:1px solid #777; text-indent:-2000em;}
.membership ul 			{ list-style:none;}
.membership ul li 		{ margin: 5px 0 5px 20px; padding-left:5px; display:block; background:url('../images/icons/check.png') center left no-repeat; text-indent:20px;}
.membership .info a 	{ color:#666; }

/* TIre Specials */
.tirespecials 					{ background:url('../images/bg-tirestack.jpg') center top no-repeat; width:950px; height:582px; padding-top:20px;}
.tirespecials .whitebg		 	{ width:900px; }
.tirespecials a 				{ display:inline; width:290px; height:410px; padding:3px 0 0 3px; background-color:#A3A3A3; border:1px solid #777777; text-indent:-20000em; float:left; margin:0 2px;}
.tirespecials a:hover 			{ border:1px solid #333333; background-color:#777777; }
.tirespecials a span 			{ height:407px; width:287px; display:block; }
.tirespecials a span.excelmag 	{ background:url('../images/magazines/1.0.jpg') center center no-repeat; }
.tirespecials a span.excelmag2 	{ background:url('../images/magazines/2.0.jpg') center center no-repeat; }
.tirespecials a span.excelmag3 	{ background:url('../images/magazines/3.0.jpg') center center no-repeat; }
.tirespecials p.nospecials		{ width:100%; height:460px; font-size:20px; line-height:460px; text-align:center;}


/* Winter Tires */
.wintertires 					{ background:url('../images/bg-winter.jpg') center top no-repeat; width:979px; height:431px; padding-top:20px;}
.wintertires .whitebg 			{ width:855px; }
.wintertires .whitebg .image 	{ width:279px; height:274px; background:url('../images/snowtire.jpg') center center no-repeat #A3A3A3; border:1px solid #777; float:right; text-indent:-2000em; padding:3px;}
.wintertires .whitebg p 		{ width:64%; margin:13px 0;}
/* Dealers */
.content.dealers 				{ height:100%; }
.dealers .map 					{ width:258px; margin:0 auto; }
.dealers .subnav 				{ width:100%; height:105px; background-color:#DEDEDE; padding:3px; margin:10px 0 10px; border:1px solid #777;}
.dealers .subnav .locationlinks { background:#F4F4F4; margin-top:19px; border:1px solid #BBB; }
.dealers label 					{ width:100%; height:20px; display:block; background:url('../images/menu-left.gif') repeat-x; text-align:center; color:#ccc; line-height:20px; border-bottom:1px solid #CCC; position:absolute; width:265px; margin-left:-3px;}
.dealers a 						{ display:block; margin:3px 0 0; padding:1px 0; font-size:11px; text-indent:10px; color:#000; border-top:1px solid #F3F3F3; border-bottom:1px solid #F3F3F3;}
.dealers a:hover 				{ background:#A3A3A3; border-top:1px solid #911513; border-bottom:1px solid #911513; }

.dealers .mapList 									{ position:fixed; left:82px; top:189px;}
.dealers .dealerlist								{ float:right; margin-top:30px; width:70%;}
.dealers .dealerlist .dealer 						{ background-color:#DEDEDE; border:1px solid #666; padding:4px;}
.dealers .dealerlist .dealer label 					{ height:30px; font-size:14px; line-height:30px; position:absolute; width:685px; margin-left:-5px;}
.dealers .dealerlist .dealer .store 				{ float:left; }
.dealers .dealerlist .dealer .store label			{ background:none; font-size:11px; border-bottom:none; color:#000; position:static; margin-left:auto; width:100%; line-height:normal; height:auto; text-align:left; margin:5px 0; font-weight:bold;}
.dealers .dealerlist .dealer .store label span 		{ font-weight:normal; float:right;}
.dealers .dealerlist .dealer .dealerwrapper 		{ width:100%; background-color:#F5F5F5; border:1px solid #BBB; margin:36px 0 0 -1px;  }
.dealers .dealer.ist .dealer .dealerwrapper .clear 	{ display:block; clear:both; }

.dealers .dealerlist .dealer .image 				{ width:180px; text-align:center; height:183px; float:left; margin:10px 10px 0 2px;}

.dealers .dealerlist .dealer .store 				{ width:30%; margin:5px 0 5px 10px;}
.dealers .dealerlist .dealer .storeright 			{ float:right; margin-right:2px; }
.store .storename, 
.store .address,
.store label,
.store .contact, 
.store .hours, 
.store .services 									{ display:block; }
.store .storename 									{ font-weight:bold; font-size:13px; white-space:nowrap; }
.store .address 									{ font-style:italic; margin:5px 0; font-size:11px; }
.store a 											{ display:inline-block; width:45%; padding:3px; border:1px solid #666; background:#DEDEDE;}
.store a span 										{ background:url('../images/menu-left.gif') repeat-x; display: block; color:#FFF;}

.dealer .hours, .dealer .services 					{ width:96%; padding:3px; margin-bottom:10px; background-color:#DEDEDE; border:1px solid #666; }

.dealers .dealerlist .dealer .store .hours a, 
.dealers .dealerlist .dealer .store .services a 		{ height:20px; background:url('../images/menu-left.gif') repeat-x; text-align:left; color:#DDD; line-height:20px; font-size:12px; position:absolute; margin-left:-4px; width:195px; text-indent:10px;}
.dealers .dealerlist .dealer .store .hours a:hover,
.dealers .dealerlist .dealer .store .services a:hover	{ border:1px solid #666; text-decoration:none; font-weight:bold;}

.dealers .dealerlist .dealer .dealerwrapper .store .hours ul li label { font-size:10px; }

.dealers .dealerlist ul 							{ list-style:none; }
.store .hours a, .store .services a 				{ display:block; margin:0; width:100%; height:20px; }
.store .hours a:hover, .store .services a:hover 	{ border:none; background:none; }

.store .hours a span, .store .services a span 		{ float:right; background:none; }

.store .hours ul, .store .services ul 				{ background:#F5F5F5; border:1px solid #BBB; margin-top:21px; padding:5px; font-size:10px; overflow:hidden;}
.store .hours ul li, .store .services ul li 		{ display:block; padding:3px 0;}
.store .hours ul li label 							{ font-weight:bold; }
.store .hours ul li label span 						{ font-weight:normal; float:right;}
.store .services ul li 								{ background:url('../images/icons/check.gif') center left no-repeat; padding-left:15px; }
.store .contact .viewsite 							{ float:right; }


.clear 												{ display:block; clear:both; }
.store .hours ul li.down, 
.store .services ul li.down 						{ background:url('../images/icons/down.gif') center right no-repeat; margin-right:6px;}
.storeright .info 									{ font-size:8px; font-style:italic; }


/* Contact */
.contact 									{ background:url('../images/bg-contact.jpg') center top no-repeat; width: 950px; height:432px; padding-top:5px; }
.contact .whitebg 							{ width:90%; height:90%; padding:7px; }


.contact .whitebg .left, 
.contact .whitebg .right 					{ width:247px; height:346px; padding:3px; background-color:#A3A3A3; border:1px solid #777; margin-right:30px; float:left;}
.contact .whitebg .left .list, 
.contact .whitebg .right form 				{ display:block; background-color:#EFEFEF; width:100%; height:100%;}
.contact .whitebg .left .list label 		{ background:url('../images/menu-left.gif') repeat-x; position:absolute; width:255px; height:30px; line-height:30px; text-align:center; margin:0 0 0 -4px; font-size:12px; color:#CCC;}
.contact .whitebg .left .list ul.main 		{ list-style:none; font-size:11px; padding-top:40px; height:306px; width:100%; overflow-x:hidden; overflow-y:auto;}
.contact .whitebg .left .list ul li 		{ text-indent:5px; overflow:hidden; }
.contact .whitebg .left .list ul li a 		{ background:url('../images/icons/arrow.gif') 3px 6px no-repeat;  padding:1px; color:#622; display:block; width:249px; padding-left:5px; }
.contact .whitebg .left .list ul li a:hover { background-color:#CCC; border-top:1px solid #777; border-bottom:1px solid #777; }
.contact .whitebg .left .list ul li ul li a { background:url('../images/icons/arrow.gif') 13px 6px no-repeat;  padding:1px; color:#622; display:block; width:249px; padding-left:15px; list-style:none;}
.contact .whitebg .left .list ul li ul li 	{ list-style:none; }

.contact .whitebg .right 					{ width:546px; margin-right:0;}
.contact .whitebg .right form 				{ padding:15px; width:516px; height:316px;}
.contact .whitebg .right div 				{ background-color:#CECECE; border:1px solid #999; padding:3px; width:300px; height:30px; margin:5px 0;}
.contact .whitebg .right div label 			{ background:url('../images/menu-left.gif') repeat-x #7E0507; float:left; display:block; height:100%; line-height:30px; color:#CCC; font-size:12px; padding:0 4px; width:25%; text-align:right;}
.contact .whitebg .right div input 			{ float:left; height:23px; padding-top:7px; display:inline; border:none; width:72%;}

.contact .whitebg .right div.area 			{ width:100%; height:105px;}
.contact .whitebg .right div.area label 	{ width:14%; height:100%;}
.contact .whitebg .right div.area textarea 	{ width:84%; height:98px; padding-top:7px; border:none; float:left;}

.contact .whitebg .right a 					{ background-color:#CECECE; border:1px solid #999; padding:3px; width:80px; height:20px; display:block; float:right;  }
.contact .whitebg .right a input 			{ background:url('../images/menu-left.gif') repeat-x; width:100%; height:100%; display:block; border:none; color:#CCC;}
.contact .whitebg .right a:hover 			{ background-color:#666; text-decoration:none;}
.contact .whitebg .right a:hover input 		{ color:#888; cursor:inherit;}

html body .content.contact .whitebg .left .list .lightselected 		{ font-weight:bold; background-color:#DDD; border-bottom:1px solid #999; border-top:1px solid #999; }
html body .content.contact .whitebg .left .list .selected 			{ background-color:#CCC; border-top:1px solid #777; border-bottom:1px solid #777;  }
html body .content.contact .whitebg .left .list .selected a:hover 	{ border:none; }
html body .content.contact .whitebg .right div input.error 			{ background:#F99; border-right:1px solid #f00; border-top:1px solid #f00; border-bottom:1px solid #f00; height:21px; width:215px; }
html body .content.contact .whitebg .right div textarea.error 		{ background:#F99; border-right:1px solid #f00; border-top:1px solid #f00; border-bottom:1px solid #f00; height:96px; width:432px }
html body .content.contact .whitebg .right div.sent 				{ float:right; height:33px; width:187px; }
html body .content.contact .whitebg .right div.sent span 			{ background-color:#EFEFEF; display:block; font-size:13px; height:100%; width:100%; line-height:33px; text-align:center; font-weight:bold; color:#F00;}

.content.contact .whitebg h1 				{ margin:0 auto 3px; }

/* PICTURES */
.pictures 										{ background:url('../images/bg-excel.jpg') center top no-repeat; width: 950px; height:432px; padding-top:10px; }
.pictures .whitebg 								{ width:90%; height:90%; }
.pictures .whitebg h1 span.info 				{ font-size:9px; font-weight:normal; font-style:italic; }

.pictures .whitebg .left 						{ width:202px; height:346px; padding:3px; background-color:#A3A3A3; border:1px solid #777; float:left;}
.pictures .whitebg .left .list 					{ display:block; background-color:#EFEFEF; width:100%; height:100%;}
.pictures .whitebg .left .list label 			{ background:url('../images/menu-left.gif') repeat-x; position:absolute; width:210px; height:30px; line-height:30px; text-align:center; margin:0 0 0 -4px; font-size:12px; color:#CCC;}
.pictures .whitebg .left .list ul.main 			{ list-style:none; font-size:11px; padding-top:40px;}
.pictures .whitebg .left .list ul li 			{ text-indent:5px; text-align:center;}
.pictures .whitebg .left .list ul li a 			{ background:url('../images/icons/arrow.gif') 3px 6px no-repeat;  padding:1px; color:#622; display:block; width:196px; padding-left:5px; text-align:left;}
.pictures .whitebg .left .list ul li a:hover 	{ background-color:#CCC; border-top:1px solid #777; border-bottom:1px solid #777; }
.pictures .whitebg .left .list ul li.selected a { background-color:#CCC; border-top:1px solid #777; border-bottom:1px solid #777; text-decoration:underline; }
.pictures .whitebg .centerleft 					{ margin:0 0 0 5px; }
.pictures .whitebg .centerright 				{ margin:0 5px; }

.pictures .whitebg .right 									{ width:630px; background:#A3A3A3; border:1px solid #777; float:right; height:319px; padding:3px;}
.pictures .whitebg .right .dealerpictures 					{ background:#EFEFEF; width:100%; height:100%;}
.pictures .whitebg .right .dealerpictures label 			{ width:638px; position:absolute; margin-left:-4px; background:url('../images/menu-left.gif') center center repeat; color:#CCC; font-size:14px; color:#FFF; height:30px; line-height:30px; text-align:center;}
.pictures .whitebg .right .dealerpictures .info 			{ padding-top:40px; text-indent:20px; font-size:9px; font-style:italic; display:block;  }
.pictures .whitebg .right .dealerpictures a img 			{ width:100%; height:100%; border:none; }
.pictures .whitebg .right .dealerpictures a 				{ display:block; float:left; width: 45%; height:247px; margin:10px 11px 0; border:1px solid #EEE; }
.pictures .whitebg .right .dealerpictures a:hover 			{ border:1px solid #F00;}
.pictures .whitebg .right .dealerpictures label .storename 	{ font-size:8px; }

.pictures .whitebg .buttons 					{ float:right; width:630px; text-align:center; height:30px; margin-top:5px;}
.pictures .whitebg .buttons a 					{ width:130px; background-color:#CECECE; padding:3px; border:1px solid #999; display:block; height:20px; float:right;}
.pictures .whitebg .buttons a span 				{ display:block; width:100%; height:100%; background:url('../images/menu-left.gif') center center repeat; color:#CCC; text-align:center;}
.pictures .whitebg .buttons a:hover 			{ background-color:#666; text-decoration:none;}
.pictures .whitebg .buttons a:hover span 		{ color:#888; }
.pictures .whitebg .buttons .alldealers 		{ margin:0 107px;}