/* Icons */ 
span.icon{
	background:url(../images/icons.gif) 0 0 no-repeat;
	width:23px;
	height:26px;
	text-indent:-9999px;
	display:block;
	padding:0
	}

span.icon-page{
	background-position:0 0;
	width:23px;
	height:26px
	}

span.icon-page-large{
	background-position:0 -50px;
	width:45px;
	height:50px
	}

span.wrench-white-bg-icon{
	background-position:0 -143px;
	width:55px;
	height:17px
	}

span.wrench-green-bg-icon{
	background-position:0 0;
	width:55px;
	height:17px
	}

span.wrench-blue-bg-icon{
	background-position:0 -353px;
	width:55px;
	height:17px
	}

span.question-mark-yellow-bg-icon{
	background-position:0 -181px;
	width:27px;
	height:27px
	}

span.question-mark-white-bg-icon{
	background-position:0 -305px;
	width:30px;
	height:30px
	}

span.print-icon{
	background-position:0 -209px;
	width:12px;
	height:15px
	}

span.email-icon{
	background-position:-13px -209px;
	width:13px;
	height:15px
	}

span.circle-icon{
	background-position:0 -228px;
	width:36px;
	height:26px
	}

span.small-check-icon{
	background-position:0 -337px;
	width:12px;
	height:14px
	}

span.green-check-icon{
	background-position:0 -525px;
	width:20px;
	height:30px
	}

span.video-clip-icon{
	background-position:-32px -314px;
	width:22px;
	height:21px
	}

span.left-arrow-icon{
	background-position:-26px 0;
	width:22px;
	height:21px
	}

span.expand-icon{
	background-position:0 -400px;
	width:20px;
	height:20px
	}

span.thumb-up-icon{
	background-position:-20px -382px;
	width:13px;
	height:13px
	}

span.thumb-down-icon{
	background-position:-37px -382px;
	width:13px;
	height:13px
	}

span.soccer-icon{
	background-position:-23px -403px;
	width:17px;
	height:16px
	}

span.estimate-arrow-icon{
	background-position:0 -426px;
	width:40px;
	height:40px
	}

span.right-red-arrow-icon{
	background-position:0 -468px;
	width:19px;
	height:24px
	}

/* BLUE BOX */
.blue-box{
	background:url(../images/possible-prob-bg.jpg) repeat-x;
	border:3px solid #9fc9d9
	}

/*
 * Top Bar
 *
 * Contains:
 * #welcome
 * #search
 * #mobile
 * #facebook
 * #twitter
 */
#topbar{
	background:url(../../images/header-top-bg.gif) repeat-x;
	width:1000px;
	height:49px;
	position:relative;
	z-index:1
	}

#topbar a:hover{
	color:#467;
	text-decoration:none
	}

#topbar #welcome{
	color:#999;
	font-size:11px;
	position:absolute;
	top:14px;
	left:12px
	}

#topbar #search{
	float:left;
	width:407px;
	height:40px;
	position:absolute;
	top:0;
	left:260px;
	background:url(../../images/header-search-bg.gif) no-repeat;
	padding:8px 16px 0 0
	}

#search_main{
	border:1px solid #b3d1e0;
	color:#333;
	float:left;
	font-size:12px;
	height:17px;
	width:351px;
	margin:0 0 0 8px;
	padding:5px 0 0 5px
	}

#btn-search{
	background:url(../../images/btn-header-search.gif) no-repeat;
	float:left;
	width:28px;
	height:24px;
	text-indent:-9999px;
	display:block;
	font-size:0.1px;
	line-height:0.1px;
	cursor:pointer;
	border:0;
	margin:0 0 0 4px;
	padding:0
	}

#topbar #search .examples{
	clear:both;
	font-size:0.9em;
	line-height:1.3em;
	margin:0;
	padding:7px 0 0
	}

#topbar #mobile{
	color:#333;
	font-size:11px;
	position:absolute;
	top:0;
	left:700px;
	width:120px;
	z-index:1
	}

#topbar #mobile .ident{
	float:left;
	padding:14px 5px 0 0
	}

#topbar #mobile .btn-mobile a{
	background:url(../../images/btn-header-mobile.gif);
	width:58px;
	height:27px;
	float:left;
	text-indent:-9999px;
	display:block;
	border:0;
	outline:none;
	margin:8px 0 0
	}

#topbar #mobile .active a{
	background-position:0 32px
	}

#topbar #mobile .pop-iphone{
	background:#0089ac;
	width:275px;
	height:397px;
	clear:both;
	position:absolute;
	left:-178px;
	top:35px;
	color:#FFF;
	text-align:center;
	font-size:12px;
	z-index:9999;
	margin:0;
	padding:0
	}

#topbar #mobile .pop-iphone-h1{
	font-size:18px;
	font-weight:700;
	padding-top:10px
	}

#topbar #mobile .iphone-area{
	overflow:hidden;
	width:255px;
	height:334px;
	text-align:center;
	position:absolute;
	top:54px;
	left:10px;
	background:url(../../images/pop-iphone-bg.jpg) no-repeat
	}

#topbar #mobile img{
	display:block
	}

#topbar #mobile .btn-download-itunes a{
	background:url(../../images/pop-btn-download.gif) no-repeat;
	width:146px;
	height:24px;
	text-indent:-9999px;
	display:block;
	outline:none;
	position:absolute;
	top:292px;
	left:56px;
	border:0
	}

#topbar .follow{
	float:left;
	position:absolute;
	top:0;
	left:814px;
	font-size:11px;
	font-weight:700;
	padding:14px 5px
	}

#topbar #facebook a{
	background:url(../../images/btn-header-fb.gif) no-repeat;
	width:28px;
	height:28px;
	position:absolute;
	top:8px;
	left:860px;
	text-indent:-9999px;
	display:block;
	outline:none;
	border:0
	}

#topbar #twitter a{
	background:url(../../images/btn-header-tw.gif) no-repeat;
	width:28px;
	height:28px;
	position:absolute;
	top:8px;
	left:900px;
	text-indent:-9999px;
	display:block;
	outline:none;
	border:0
	}

/*
 * Header
 * [#all > #header]
 *
 * Contains:
 *  #header > #logo
 */
#header{
	overflow:hidden;
	height:82px;
	background:url(../images/bg-headernew.gif) left top repeat-x;
	padding:0 15px 15px 10px
	}

#header a:hover{
	color:#467
	}

#header #logo{
	float:left;
	width:200px;
	text-align:center;
	padding-right:15px;
	padding-top:15px
	}

#header #logo a{
	border:0;
	width:215px;
	display:block;
	position:relative;
	text-align:center;
	height:62px;
	padding:0
	}

#header #logo a:focus{
	outline:0
	}

#header #logo a img{
	position:absolute;
	top:0;
	left:11px
	}

#header #logo a:hover{
	background:url(../images/header-sprites.gif) 1px 0 no-repeat;
	height:69px;
	position:relative;
	top:-7px;
	text-indent:-9999px
	}

#header .ad-leaderboard{
	position:absolute;
	left:260px
	}

/*
 * Footer
 * [#all > #footer]
 */
 
#footer-c{
	overflow:hidden;
	padding:10px 10px 0
	}

#footer ul{
	display:block;		
	}

#footer li{
	float:left;
	border-right:solid 1px #aaa;
	line-height:1.5em
	}

#footer li a,#footer li a:visited{
	color:#2a85a1;
	font-weight:400;
	font-size:14px;	
	line-height:14px;
	text-decoration:none;
	padding:0 10px
	}
#footer li a span{
	line-height:20px; 	
	}
#footer ul.sec-level-list{
	display:block;
	padding:10px 0
	}

#footer li.sec-level{
	float:left;
	line-height:1em;
	border:0
	}

#footer li.sec-level a,#footer li.sec-level a:visited{
	color:#666;
	font-weight:400;
	font-size:11px;
	text-decoration:none;
	padding:0 10px
	}

#footer h6.copyright-symbol{
	float:left;
	clear:left;
	font-size:3em;
	color:#888;
	line-height:1.4em;
	margin:0 10px 0 0;
	padding:10px 10px 0
	}

#footer p{
	float:left;
	font-size:0.9em;
	line-height:1.4em;
	color:#888;
	margin:1em 0 0;
	padding:0
	}

.footer-bg{
	background:url(../images/footer-bg.gif) repeat-x;
	}

/*
 * Menu
 * [#all > #menu]
 *
 * Contains:
 *  #menu > ul
 *           > li > a > span
 *        > #vehicle
 
NEW MENU*/
#menu{
	padding:0 10px
	}

#menu-c{
	background:url(../images/bg-nav.gif) repeat-x 0 0;
	height:45px;
	padding-right:5px
	}

#menu-c ul{
	background:url(../images/bg-nav.gif) no-repeat 0 -45px;
	float:left;
	height:36px;
	width:667px;
	margin:0;
	padding:9px 0 0 5px
	}

#menu-c ul li{
	float:left;
	list-style:none
	}

#menu-c ul li a{
	background-image:url(../images/bg-menu.gif);
	display:block;
	height:36px;
	text-indent:-9999px;
	overflow:hidden
	}	

#item1 a{
	background-position:0 0;
	width:61px
	}

#item1 a:hover{
	background-position:0 -36px
	}

#item1.active a{
	background-position:0 -72px
	}

#item2 a{
	background-position:-61px 0;
	width:86px
	}

#item2 a:hover{
	background-position:-61px -36px
	}

#item2.active a{
	background-position:-61px -72px
	}

#item3 a{
	background-position:-147px 0;
	width:118px
	}

#item3 a:hover{
	background-position:-147px -36px
	}

#item3.active a{
	background-position:-147px -72px
	}

#item4 a{
	background-position:-265px 0;
	width:98px
	}

#item4 a:hover{
	background-position:-265px -36px
	}

#item4.active a{
	background-position:-265px -72px
	}

#item5 a{
	background-position:-363px 0;
	width:120px
	}

#item5 a:hover{
	background-position:-363px -36px
	}

#item5.active a{
	background-position:-363px -72px
	}

#item6 a{
	background-position:-483px 0;
	width:110px
	}

#item6 a:hover{
	background-position:-483px -36px
	}

#item6.active a{
	background-position:-483px -72px
	}

#item7 a{
	background-position:right 0;
	width:74px
	}

#item7 a:hover{
	background-position:right -36px
	}

#item7.active a{
	background-position:right -72px
	}

#vehicle{
	background:url(../images/bg-myvehicle.gif) repeat-x 0 bottom;
	float:right;
	width:301px
	}

#vehicle div{
	background:url(../images/bg-myvehicle.gif) no-repeat 0 0
	}

#vehicle div div{
	background:url(../images/bg-myvehicle.gif) no-repeat right -45px;
	height:38px;
	position:relative;
	padding:7px 10px 0
	}

#vehicle a.name span.arrow{
	position:absolute;
	top:8px;
	right:7px;
	font-size:0.1px;
	background:url(../images/header-sprites.gif) -350px 0;
	z-index:10000;
	width:28px;
	height:28px
	}

#vehicle a.name:hover span.arrow{
	background-position:-350px -28px
	}

#vehicle div div p{
	width:270px;
	margin:0
	}

#vehicle div div p .make-logo{
	display:block;
	float:left;
	height:34px;
	margin-right:7px;
	vertical-align:middle;
	text-align:center;
	width:33px
	}

#vehicle div div p .ml-beginner{
	background:url(../images/header-bg-beginner.gif) no-repeat 0 0
	}

#vehicle div div p .ml-expert{
	background:url(../images/header-bg-expert.gif) no-repeat 0 0
	}

#vehicle div div p .ml-owner{
	background:url(../images/header-bg-owner.gif) no-repeat 0 0
	}

#vehicle div div p .ml-worldclass{
	background:url(../images/header-bg-world-class.gif) no-repeat 0 0
	}

#vehicle div div p strong{
	color:#1d485f;
	font-size:14px;
	font-weight:700
	}

#vehicle div div p .nocurvehicle{
	font-size:112%;
	line-height:30px
	}

#vehicle div div p strong em{
	display:block;
	font-size:12px;
	font-style:normal;
	font-weight:400
	}

#vehicle a.save-cp-vehicle{
	position:absolute;
	right:40px;
	top:8px;
	font-size:11px;
	text-decoration:underline
	}

#subnav{
	border-bottom:1px solid #d2d2d2;
	height:25px;
	list-style:none;
	margin:0;
	padding:8px 0 0 20px
	}

#subnav li{
	color:#666;
	float:left;
	margin-right:5px
	}

/*
 * Vehicle selection widget
 * [#menu > #vehicle > #vehicle-select]
 */
#vehicle-select{
	display:none;
	position:absolute;
	width:337px;
	background:#eee;
	text-align:left;
	z-index:10000
	}

#vehicle-select h4{
	padding-left:10px
	}

.vs-heading{
	background:#0e769b;
	color:#fff;
	padding:10px
	}

#vehicle-select .myvehicles{
	border-bottom:4px solid #d7d7d7;
	float:none;
	margin:0;
	padding:0
	}

#vehicle-select .myvehicles li{
	border-bottom:1px solid #d7d7d7;
	color:#666;
	float:none;
	overflow:hidden;
	list-style-type:none;
	padding:10px
	}

* html #vehicle-select .myvehicles li{
	display:inline-block;
	list-style-type:none
	}

#vehicle-select .myvehicles li span.f-right{
	margin-top:5px
	}

#vehicle-select .myvehicles li em{
	font-style:italic;
	font-weight:700
	}

#vehicle-select .myvehicles li strong{
	color:#333;
	display:block;
	font-size:1.1em;
	font-weight:700;
	text-align:left
	}

#vehicle-select .myvehicles li input.make-default{
	background:url(../images/btn-makedefault.jpg );
	display:block;
	height:19px;
	margin-right:0;
	outline:none;
	text-indent:-9999px;
	width:88px;
	border:none;
	cursor:pointer
	}

.add-vehicle{
	overflow:hidden;
	margin-top:10px;
	padding:0 10px 10px
	}

*html .add-vehicle{
	display:inline-block
	}

.add-vehicle p{
	width:45%;
	margin:0
	}

.add-vehicle p a{
	display:block;
	font-weight:400;
	text-decoration:underline
	}

#vehicle-select .add-vehicle ul{
	width:155px;
	margin:0;
	padding:0
	}

#vehicle-select .add-vehicle ul li{
	list-style:none;
	float:none;
	margin-bottom:8px
	}

#vehicle-select .add-vehicle ul li select{
	font-size:11px;
	width:155px;
	padding:3px 0
	}

.vs-footer{
	background:#d7d7d7;
	text-align:right;
	margin:0;
	padding:10px
	}

.vs-footer a{
	font-weight:400;
	text-decoration:underline
	}

/*
 * Submenu
 * [#all > .submenu]
 */
.submenu{
	background:url(../images/repeat-x-sprites.gif) 0 -515px repeat-x;
	clear:left;
	border:solid 1px #c8e3ed;
	border-top:0;
	margin:0 10px
	}

.submenu-c{
	overflow:hidden;
	padding:0
	}

.submenu li,.submenu a{
	float:left
	}

.submenu-links a{
	line-height:35px
	}

.submenu-links a:hover{
	text-decoration:none
	}

.submenu-links a span{
	border-right:solid 1px #888;
	text-decoration:underline;
	margin:0;
	padding:0 15px
	}

/*
 * Panes
 * Used in: home page, my account
 */
.home #panes{
	float:left;
	width:980px;
	margin:0 10px
	}

* html .home #panes{
	display:inline
	}

#right #panes .pane,.home #panes{
	background:url(../images/repeat-x-sprites.gif) 0 -130px repeat-x
	}

/* Right side panes */
#right #panes .pane{
	background-position:0 -133px;
	border:solid 2px #c8e3ed;
	display:block;
	margin:10px 0;
	padding:10px
	}

.home #panes .pane{
	float:left;
	width:200px;
	border-right:solid 2px #fff;
	background:url(../images/homemid-sprites.gif) 0 -250px no-repeat
	}

.home #panes #pane-howto{
	width:329px
	}

.home #panes #pane-estimate{
	width:338px
	}

.home #panes #pane-find{
	width:309px;
	border-right:0
	}

.home #panes .pane .pane-c{
	background:url(../images/homemid-sprites.gif) right 0 no-repeat;
	min-height:140px;
	height:auto !important;
	padding:3px 9px
	}

#panes h2{
	font-size:1.6em;
	color:#016d95;
	margin:10px 0
	}

.home #panes p{
	font-size:1.2em;
	line-height:1.3em;
	color:#555;
	margin:5px 0
	}

.home #panes .description{
	height:8em;
	padding:0 8px
	}

#panes .form{
	border:solid 1px #bbb;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px
	}

* html #panes .form,* html #panes .form-c{
	zoom:1
	}

#panes .form-c{
	background:#ddd;
	font-weight:700;
	line-height:2em;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border:solid 1px #eee;
	overflow:hidden;
	padding:6px 10px
	}

#panes .form a{
	border-bottom:dotted 1px #09d
	}

#panes .form .text{
	font-size:0.9em;
	border:solid 1px #777;
	font-weight:400;
	line-height:1.2em;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background:url(../images/header-sprites.gif) -392px -1px no-repeat;
	padding:3px
	}

#panes .form .text:focus{
	border:solid 1px #09a
	}

#panes .form .text-activatable:active{
	background:#e0f1f8;
	border:solid 2px #09a;
	padding:2px
	}

#panes #estimate-zip,#panes #find-zip{
	width:80px
	}

/* Overrides for right column version */
#right #panes #howto-search{
	width:245px
	}

#right #panes #estimate-job{
	width:145px
	}

#right #panes #estimate-zip{
	width:70px
	}

#right #panes #pane-diagnose select,#right #panes .full select{
	width:250px;
	margin:3px 0
	}

.home #panes #howto-search{
	width:279px
	}

#panes .form label{
	float:left;
	margin-right:9px;
	line-height:1.8em;
	border-right:solid 1px #aaa;
	padding-right:9px
	}

#panes .form label.last{
	border-right:0;
	padding-right:0;
	margin-right:0
	}

#panes .form p.submit{
	text-align:right;
	clear:both;
	overflow:hidden;
	margin:0;
	padding:10px 0 0
	}

#panes .form p.submit span{
	float:left;
	font-size:0.8em
	}

/* Submit buttons */
#pane-diagnose input.btn-submit,#pane-howto input.btn-submit,#pane-estimate input.btn-submit,#pane-find input.btn-submit{
	background:url(../images/homemid-sprites.gif) no-repeat;
	height:24px;
	text-indent:-9999px;
	display:block;
	font-size:0.1px;
	line-height:0.1px;
	cursor:pointer;
	float:right;
	border:0;
	margin:0;
	padding:0
	}

#pane-find input.btn-submit{
	background-position:0 -998px;
	width:107px
	}

#pane-find input.btn-submit:focus,#pane-find input.btn-submit:hover{
	background-position:0 -1022px;
	outline:0
	}

#pane-estimate input.btn-submit{
	background-position:0 -1046px;
	width:107px
	}

#pane-estimate input.btn-submit:focus,#pane-estimate input.btn-submit:hover{
	background-position:0 -1070px;
	outline:0
	}

#estimate-job .new-window-icon,.estimate-job .new-window-icon{
	background:url(../images/header-sprites.gif) -220px -76px no-repeat;
	width:12px;
	height:12px;
	text-indent:-9999px;
	display:block;
	position:absolute;
	right:3px;
	top:3px;
	margin:0;
	padding:0
	}

#estimate-job:active .new-window-icon{
	right:2px;
	top:2px
	}

#right #panes .collapsed{
	cursor:pointer;
	padding-bottom:0
	}

#right #panes .collapsed:hover,#right #panes .expanded{
	border:solid 2px #0080a6
	}

#right #panes .collapsed:hover{
	background:#e4f5fa
	}

#right #panes .expand-icon
{
	position:absolute;
	right:20px;
	float:right;
	margin:0 0 0 10px
}
/*
 * Headings
 */
.heading-blue{
	color:#fff;
	border-bottom:solid 1px #368bab
	}

.heading-blue span{
	background:#4c8fa8 url(../images/repeat-x-sprites.gif) 0 0;
	border-bottom:solid 1px #6f99a6;
	display:block;
	padding:7px 10px 5px
	}

.heading-blue em{
	font-size:0.8em;
	font-weight:400;
	margin-left:5px;
	font-style:normal;
	color:#a8d0df
	}

.heading-blue em a{
	font-weight:400;
	text-decoration:underline;
	color:#a8d0df
	}

.heading-blue em a:hover{
	color:#fff
	}

/*
 * Ubox
 */
#ubox-container{
	background:url(../images/ubox-bg.png);
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/ubox-bg.png", sizingMethod="crop");
	padding:10px
	}

#ubox-subcontainer{
	background:#FFF
	}

.ubox-loader{
	width:100px;
	height:100px;
	background:#fff url(../images/ubox-load.gif) center center no-repeat
	}

.ubox-content{
	background:#FFF;
	padding:0
	}

/*
 * Guides overview
 * [ul.guides-overview]
 *
 * Used in: homepage
 */
ul.guides-overview,ul.guides-overview li,ul.videos-overview,ul.videos-overview li{
	list-style:none;
	list-style-type:none;
	margin:0;
	padding:0
	}

ul.guides-overview li,ul.videos-overview li{
	border-bottom:solid 1px #ccc;
	margin-bottom:1em;
	overflow:hidden
	}

ul.guides-overview li.last,ul.videos-overview li.last{
	border-bottom:0;
	margin-bottom:0
	}

ul.guides-overview h4{
	font-size:1.4em;
	line-height:1.3em;
	margin:0;
	padding:0 0 2px
	}

ul.videos-overview h4{
	font-size:1.1em;
	line-height:1.4em;
	margin:0;
	padding:0
	}

ul.guides-overview .sub,ul.videos-overview .sub{
	color:#999;
	font-size:0.9em;
	margin:0;
	padding:0
	}

ul.guides-overview .guides-content{
	margin:0 0 0 52px;
	padding:0
	}

ul.guides-overview p,ul.videos-overview p{
	margin:0.3em 0 1em
	}

ul.videos-overview .thumbnail{
	float:right;
	display:block;
	margin:0 0 10px 10px
	}

/*
 * ask-form
 *
 * Used in: homepage
 */
div.ask-form{
	border:solid 2px #ccc
	}

div.ask-form-c{
	background:#eaeaea;
	border:solid 1px #f2f2f2;
	padding:10px
	}

ul.discussions-overview li{
	border-bottom:solid 1px #ccc;
	position:relative;
	overflow:hidden;
	padding:10px 0
	}

ul.discussions-overview .meta a{
	border:0
	}

ul.discussions-overview .meta{
	float:right;
	text-align:right;
	font-size:1em;
	line-height:1.3em;
	padding:1px 0
	}

ul.discussions-overview .meta .muted-link-2{
	font-size:0.9em;
	font-weight:400
	}

ul.discussions-overview .topic{
	float:left;
	line-height:1.3em
	}

ul.discussions-overview .topic a{
	font-size:1.2em
	}

ul.discussions-overview .topic .sub strong{
	color:#333;
	margin-right:5px
	}

/*
 * content-guides-overview-full
 */
.guides-overview-full p.full{
	border-top:solid 1px #ccc;
	text-align:center;
	font-size:1.2em;
	margin:0 0 10px;
	padding:10px 0
	}

/*
 * content-pagination
 */
.pagination{
	background:#eee;
	border:solid 1px #aaa
	}

.pagination ul{
	background:#eee;
	border:solid 1px #fff;
	overflow:hidden;
	display:block
	}

.pagination li{
	float:left;
	display:block;
	padding:4px 0
	}

.pagination a,.pagination .fill{
	text-decoration:none;
	display:block;
	border-right:solid 1px #aaa;
	font-weight:400;
	padding:1px 10px
	}

.pagination li.active a,.pagination li.active a:hover{
	cursor:default;
	color:#333;
	font-weight:700
	}

.pagination li.previous a,.pagination li.next a{
	font-weight:700;
	font-size:0.9em
	}

.pagination li.next{
	float:right
	}

/*
 * Heading
 */
div.heading{
	margin:10px 0;
	padding:12px 0 8px
	}

div#hhowto.heading h2{
	margin-top:-9px;
	padding-left:50px
	}

div#hdiagnose.heading{
	background:url(../images/icon-diagnosis.gif) no-repeat 0 center
	}

div#hestimatecost.heading{
	background:url(../images/icon-estimate.gif) no-repeat 0 center
	}

div#hfindashop.heading{
	padding-top:5px;
	background:url(../images/icon-find.gif) no-repeat 0 0
	}

div#hhowto.heading{
	padding-top:-10px;
	background:url(../images/icon-howto.gif) no-repeat 0 0
	}

div.heading h1{
	font-size:1.9em;
	margin:0;
	padding:0
	}

/* Yellow alert box */
.inspect-related-problems,.yellow-box{
	background:#fff9db;
	border:1px solid #efdeb1;
	overflow:hidden;
	padding:10px
	}

.yellow-box-thicker{
	border:solid 3px #efdeb1
	}

/* Blue alert box */
.blue-box-thicker{
	background:#e3f7ff;
	border:solid 1px #58abc8;
	padding:10px
	}

/* to hide elements */
.hidden{
	background:none;
	font-size:1px;
	display:none;
	height:0;
	left:-9999px;
	overflow:hidden;
	position:absolute;
	top:-9999px;
	width:0;
	z-index:0;
	line-height:0
	}

/*
 * Suggest Box
 */
.suggest-box{
	position:absolute;
	width:406px;
	top:223px;
	left:20px
	}

.suggest-box-c{
	position:relative;
	left:3px;
	top:6px;
	background:url(../images/shadow-bg.png)
	}

.suggest-box-cc{
	background:#FFF;
	border:solid 1px #ccc;
	position:relative;
	left:-3px;
	top:-3px;
	overflow:hidden;
	padding:0 0 0 1px
	}

.suggest-box .suggest-section:first-child{
	border-top:0
	}

.suggest-box .suggest-section{
	background:#FFF;
	overflow:hidden;
	float:left;
	width:100%;
	border-top:solid 1px #ccc;
	margin-bottom:1px;
	padding-top:1px
	}

.suggest-box .suggest-section-c{
	background:#f0f0f0;
	position:relative;
	left:-75%;
	float:left;
	width:100%
	}

.suggest-box h4{
	float:left;
	width:25%;
	position:relative;
	left:75%;
	font-size:0.9em;
	margin:0;
	padding:0
	}

.suggest-box h4 span{
	display:block;
	text-align:right;
	color:#888;
	padding:6px
	}	

.suggest-box ul{
	float:left;
	width:75%;
	position:relative;
	left:75%;
	margin:0;
	padding:6px 0
	}

.suggest-box ul,.suggest-box li{
	list-style-type:none
	}

.suggest-box li a{
	display:block;
	border:solid 1px #fff;
	border-left:0;
	border-right:0;
	font-weight:400;
	margin:0 1px;
	padding:0 8px
	}

.suggest-box li a:hover,.suggest-box li.active a{
	background:#2b819e;
	color:#fff;
	border-color:#eee
	}

.suggest-box li a:hover strong,.suggest-box li.active a strong{
	background:transparent
	}

.suggest-box li.more a:hover,.suggest-box li.more.active a,.suggest-box li.more-active a{
	background:transparent;
	text-decoration:underline;
	border-color:#fff
	}

.suggest-box strong{
	background:#faf7d0
	}

/*
 * Change ZIP
 */
#change-zip-dialog{
	position:absolute
	}

#change-zip-dialog-c{
	position:relative;
	left:-10px;
	top:-2px;
	background:url(../images/shadow-bg.png)
	}

#change-zip-dialog-cc{
	position:relative;
	left:-3px;
	top:-3px;
	border:solid 2px #beb08c;
	background:transparent url(../images/repeat-x-sprites.gif) repeat-x scroll 0 -744px;
	padding:6px
	}

#change-zip-dialog label{
	display:block;
	font-weight:700;
	font-size:1.1em;
	color:#444;
	padding:0 2px 2px
	}

#change-zip-dialog input.text{
	width:80px;
	text-align:center
	}

#change-zip-dialog .arrow{
	background:url(../images/change-zip-arrow.png) 0 0 no-repeat;
	width:17px;
	height:17px;
	text-indent:-9999px;
	display:block;
	position:relative;
	top:-5px;
	margin:0 0 0 5px;
	padding:0
	}

.ToolText,.ToolTextHover{
	cursor:default
	}

span.tooltip{
	width:164px;
	height:auto;
	position:absolute;
	left:0;
	display:block;
	z-index:4;
	zoom:1;
	padding:5px
	}

#diy-tooltip{
	width:190px;
	height:auto
	}

#diy-tooltip .arrow{
	background:url(../images/tooltip.gif);
	background-repeat:no-repeat;
	position:absolute;
	width:22px;
	height:8px;
	top:0;
	left:150px;
	z-index:1
	}

* html #diy-tooltip .arrow{
	background:url(../images/tooltip.gif);
	background-repeat:no-repeat;
	position:absolute;
	width:22px;
	height:8px;
	top:0;
	left:25px;
	z-index:1
	}

#diy-tooltip .box{
	position:absolute;
	top:7px;
	left:0;
	background-repeat:repeat-x;
	background-color:#e8e8e8;
	border:1px #A0CAD9 solid
	}

#diy-tooltip .info{
	width:175px;
	height:auto
	}

.tooltip-complexity{
	cursor:help
	}

/* dart ad */
.ad-h{
	color:#666;
	border-top:1px solid #666;
	position:relative;
	margin-top:10px;
	size:10px;
	text-align:center;
	margin-bottom:-5px
	}

body .ad-h > span{
	display:inline-block;
	background-color:#fff;
	position:relative;
	top:-10px;
	padding:0 3px
	}

/* Bubble Tip Used on displayin Errors */
.tsi{
	font:12px Arial, Helvetica, sans-serif;
	padding:5px;
	background-repeat:no-repeat;
	}

.tsi-inner{
	color:#990000;
	max-width:250px;
	text-align:left;
	padding:4px 5px;
	border:1px solid #990000;
	background:#fff;
	position:relative; 
	}

.tsi-north{
	background:url(../images/red-tsi-north.gif) left center no-repeat;
	height:6px;
	width:9px;		
	position:absolute; 
	top:-5px; 
	left:8px; 
	}  

.tsi-south{
	background-image:url(../images/red-tsi-south.gif);
	background-position:bottom center
	}

.tsi-east{
	background-image:url(../images/red-tsi-east.gif);
	background-position:right center
	}

.tsi-west{
	background-image:url(../images/red-tsi-west.gif);
	background-position:left center
	}

.tsi-west-plain{
	background-image:none;
	opacity:1
	}

.tsi-qna-whats .tsi-inner{
	border:1px solid #009BD3;
	background-color:#d2e9f1;
	width:250px;
	font-size:90%;
	line-height:normal;
	text-align:left;
	color:#000;
	padding:5px
	}

/* QnA mrec ad */
.ad-qna-mrec{
	background:transparent url(../images/qna/ad-ask-question-mrec.gif) top left no-repeat;
	width:300px;
	height:100px;
	margin:10px 0
	}

.ad-qna-mrec-160{
	background:transparent url(../images/amd160x240.gif) top left no-repeat;
	width:160px;
	height:240px;
	margin:10px 0
	}

.ad-qna-mrec .btn-ask{
	text-indent:-999em;
	display:block;
	width:297px;
	height:100px;
	outline:none
	}

.ad-qna-mrec-160 .btn-ask{
	text-indent:-999em;
	display:block;
	width:160px;
	height:240px;
	outline:none
	}

#right-150{
	float:right;
	width:150px
	}

#left-150{
	float:left;
	width:150px
	}

#link-counts a{
	text-decoration:underline !important
	}

#left-180{
	width:180px
	}

/* ownshop-ad */
.ad-own-repair-shop a{
	overflow:hidden;
	background:url(../images/ad-own-repair-shop.gif) no-repeat;
	width:300px;
	height:80px;
	text-indent:-9999px;
	display:block;
	outline:none;
	margin:10px 0 20px
	}

/* Grids */
.blue-alternate-row-grid{
	border:1px solid #ccc;
	font-weight:400;
	margin:10px 0
	}

.blue-alternate-row-grid td{
	padding:5px
	}

.blue-alternate-row-grid tr.even{
	background-color:#CAE7F2
	}

.blue-alternate-row-grid .tip td{
	border-top:1px solid #63C7E8;
	border-bottom:1px solid #63C7E8
	}

.blue-alternate-row-grid .row-label{
	text-align:right;
	font-weight:700;
	border-right:1px solid #ccc
	}

.red-alternate-row-grid{
	border:1px solid #FA828F;
	border-right:none;
	border-bottom:none;
	font-weight:400;
	margin:10px 0
	}

.red-alternate-row-grid td{
	border-right:1px solid #FA828F;
	border-bottom:1px solid #FA828F;
	padding:5px
	}

.red-alternate-row-grid tr.even{
	background-color:#EDD1D4
	}	
	
.red-alternate-row-grid .row-label{
	text-align:right;
	font-weight:700
	}

span.guide-icon,span.big-check-icon{
	background-position:0 -111px;
	width:28px;
	height:29px
	}

#topbar a,#topbar a:visited,#header a,#header a:visited{
	font-weight:400;
	border-bottom:dotted 1px #7bd
	}

#topbar #welcome strong,#footer p strong{
	color:#333
	}

* html #topbar #mobile .pop-iphone,html > body #topbar #mobile .pop-iphone{
	background:#0089ac;
	width:275px;
	height:397px;
	clear:both;
	position:absolute;
	left:-175px;
	top:35px;
	color:#FFF;
	text-align:center;
	font-size:12px;
	z-index:9999;
	margin:0;
	padding:0
	}

#header #logo a:hover img,#vehicle-select .hidden{
	display:none
	}

#footer ul,#footer li,.pagination ul{
	list-style-type:none;
	margin:0;
	padding:0;
	line-height:14px
	}

#footer li.last,.submenu-links .last span,.pagination li.next a{
	border-right:0
	}

#footer li a:hover,#footer li.sec-level a:hover,#subnav li a{
	text-decoration:underline
	}

.vs-heading h3,.vs-heading p,#right #panes h2{
	margin:0
	}

.submenu ul,.submenu li,ul.discussions-overview,ul.discussions-overview li{
	list-style-type:none;
	list-style:none;
	margin:0;
	padding:0
	}

#panes #find-zip,#panes #find-distance{
	width:120px
	}

#panes #estimate-job,#panes .estimate-job{
	width:180px;
	cursor:pointer;
	color:#888;
	display:block;
	position:relative;
	height:1.2em
	}

#right #panes #find-zip,#right #panes #find-distance{
	width:110px
	}

#pane-diagnose input.btn-submit,#pane-howto input.btn-submit{
	background-position:0 -950px;
	width:77px
	}

#pane-diagnose input.btn-submit:focus,#pane-diagnose input.btn-submit:hover,#pane-howto input.btn-submit:focus,#pane-howto input.btn-submit:hover{
	background-position:0 -974px;
	outline:0
	}

#ubox-subcontainer form,ul.discussions-overview p,#change-zip-dialog p{
	margin:0;
	padding:0
	}

ul.discussions-overview .topic .sub,.suggest-box li.more a{
	color:#888;
	font-size:0.9em
	}

div#hdiagnose.heading h2,div#hfindashop.heading h2,div#hestimatecost.heading h2{
	padding-left:50px
	}

/*  Changes for Pit Crew */
.menu-b{
	height:35px;
	line-height:35px;	
	border-bottom:1px solid #ccdbe1;
	border-right:1px solid #ccdbe1;	
	border-left:1px solid #ccdbe1;	
	background-image:url(../images/menu-b.gif);
	background-repeat:repeat-x;
	clear:both;
	}
/* End  Changes for Pit Crew */