@charset "utf-8";
/* CSS Document */

/* - - - STYLES FOR ALL SEARCH-RELATED PAGES - - - */

/* - - - Styles & Elements for the left collapsible search narrowing feature - - - */
/* - - - For the Search-related pages - - - */

#searchContent
{
    float:left;
}


#leftnarrowsearch {
	width: 170px;
	background-color:#ffffff;
	padding: 17px 3px 10px 3px;
	float: left;
}
#leftnarrowsearch input {margin:0;}

#leftnarrowsearch img {
	margin-left:19px;
}

#leftnarrowsearch form {
	margin-left:3px;
}

#leftnarrowsearch h2 {
	width:inherit;
	padding: 4px 14px;
	margin-top: 14px;
	background-image:url(/assets/images/search/header_bg.jpg);
	background-position:bottom;
	background-repeat:repeat;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	border-top: solid 1px #747474;
}

#leftnarrowsearch h2 a {
	color:#ffffff;
	text-decoration:none;
}

/* Not being read due to repeater
#leftnarrowsearch p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#3c3c3c;
	margin: 6px 0px;
} */

/* added this to accommodate left nav repeater */

#leftnarrowsearch .item {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#3c3c3c;
    margin-top:10px;
    margin-left:3px;
}

#leftnarrowsearch .item tr {
    height:23px;
}

#leftnarrowsearch p a{
	color:#000000;
	text-decoration: none;
}

#leftnarrowsearch p a:hover{
	color:#3c3c3c;
	text-decoration: none;
}

#leftnarrowsearch form input{
	border: solid 1px #999999;
	background: none;
	color: #666666;
}

#leftnarrowsearch .toolcats{
	min-height: auto;
	display:block;
}

#leftnarrowsearch .accessories{
	min-height: auto;
	display:block;
}

#leftnarrowsearch .community{
	min-height: auto;
	display:block;
}

#leftnarrowsearch .trades{
	min-height: auto;
	display:block;
}

#leftnarrowsearch .events{
	min-height: auto;
	display:block;
}

#leftnarrowsearch .support{
	min-height: auto;
	display:block;
}

/* - - - End left collapsible search narrowing feature panel - - - */
/* - - - Center content section for Search-related pages - - - */
/* - - - Either 505 or 800 pixels wide - - - */


#searchleftcenter {
	width: 701px;
	float:left;
	display:inline;
}

#searchcenterpanel {
	width:505px;
	margin-left: 20px;
	float:left;
	display:inline;
}

#searchcenter800 {
	width:800px;
	float:left;
	clear:none;
	/*margin-top:20px; */
	margin-left:18px;
	z-index:0;
}

#searchcenterpanel .headline,
#searchcenter800 .headline{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#ffffff;
	line-height:16px;
	margin-top:20px;
	margin-bottom:20px;
}

#searchcenterpanel .lookup {
	width: 470px;
	height: 30px;
	padding: 12px 16px;
	margin-top: 25px;
	border: solid 1px #838383;
	vertical-align:middle;
	background-image:url(/assets/images/search/header_tall_bg.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	background-color:#343434;
}

#searchcenter800 .lookup {
	width: 798px;
	height: 50px;
/*	float:left; */
    background:#343434 url(/assets/images/search/header_tall_bg.jpg) bottom center repeat-x;
	border: solid 1px #838383;
	margin:16px 0 0 0; padding:0;
/*    overflow:hidden; */
	vertical-align:middle;
/*	position:relative;
	z-index:2;
	*/
}

/*#lookupFix
{
	width: 798px;
	height: 50px;
	margin:16px 0 0 0; padding:0;
    overflow:hidden;
    position:absolute;
}*/

#searchcenter800 .lookup #SearchField {
    width:500px; height:50px;
    margin:0; padding:0;
    float:left; 
    clear:none; 
    border-right:1px solid #dbdbdb;
}

#searchcenterpanel .lookup h1 ,
#searchcenter800 h1 {
	margin-top: 10px;
	margin-left:10px;
}

#searchcenterpanel .lookup form {
	display:inline;
	margin-top:10px;
}

#searchcenterpanel .lookup #SearchField .hitme 
{
    margin-top:14px;
}

#searchcenter800 .lookup #needAPart
{
    width:285px;
    z-index:10;
    float:left;
    clear:none;
    overflow:hidden;
}

#searchcenter800 .lookup #needAPart .moveup
{
    /* left:437px;
    position:absolute;
    top:97px; */
    float:left;
    clear:none;
    margin-top:11px;
    margin-left:9px;
}

#searchcenter800 .lookup #needAPart #partNum
{
 /*   position:absolute;
    left:308px;
    top:65px; */
    float:left;
    overflow:hidden;
    border:1px solid #d1d1d1;
    width:120px;
    margin-top:13px;
}

#searchcenter800 .lookup #needAPart h2
{
    /*position:absolute;
    left:190px;
    top:87px; */
    width:105px;
    font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#ffffff;
	line-height:16px;
	margin-right: 10px;
	margin-top: 15px;
	margin-left:10px;
	float:left;
	display:inline;
}

#searchcenterpanel h1 ,
#searchcenterpanel .lookup h2 ,
#searchcenter800 .lookup h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#ffffff;
	line-height:16px;
	margin-right: 10px;
	margin-top: 15px;
	margin-left:10px;
	float:left;
	display:inline;
}


#searchcenter800 .lookup .break {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#ffffff;
	line-height:16px;
	margin-right: 10px;
	position:relative;
	top:1px;
	left:1px;
}

#searchcenterpanel .lookup .text270 ,
#searchcenter800 .lookup .text270 {
	float:left;
	clear:none;
	margin-bottom:2px;
	width:270px;
	border:solid 1px #d1d1d1;
	margin-right:10px;
	/*margin-top:14px;*/
}

#searchcenterpanel .lookup .text120 ,
#searchcenter800 .lookup .text120 {
	float:left;
	clear:none;
	margin-bottom:2px;
	width:120px;
	border:solid 1px #d1d1d1;
	margin-right:10px;
	margin-top:14px;
}

/*  #searchcenter800 #needAPart .text120 {
border:1px solid #d1d1d1;
clear:none;
float:right;
left:153px;
margin-bottom:2px;
margin-right:10px;
margin-top:34px;
position:relative;
top:66px;
width:120px;
} */

#searchcenterpanel .lookup img ,
#searchcenter800 .lookup form img {
	margin-left:10px;
	margin-top:2px;
}

#searchcenterpanel .searchsort {
	width: 473px;
	height: 19px;
	padding: 8px 16px;
	margin-top: 25px;
	background-color:#dbdbdb;
}

#searchcenterpanel .searchsort p ,
#searchcenter800 .searchsort p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3c3c3c !important;
	margin-top:5px;
}

#searchcenterpanel .searchsort p a ,
#searchcenter800 .searchsort p a {
	color:#000000;
	text-decoration: none;
	font-weight:bold;
	margin-right:2px;
}

#searchcenterpanel .searchsort a:hover,
#searchcenter800 .searchsort a:hover 
{
	background-color:gray;
    color:#FFcc33;
    width:auto;
    height:auto;
    padding: 2px 6px 2px 6px;
}
	
#searchcenterpanel .searchsort form {
	float:right;
	display:inline;
	width:200px;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3c3c3c;
	font-weight:bold;
}

#searchcenterpanel .searchsort form p {
	float:left;
	display: inline;
}

#searchcenterpanel .searchcompare {
	width: 473px;
	height: 20px;
	padding: 5px 16px 16px 16px;
	margin-top: 0px;
	background-color:#ffffff;
}

#searchcenterpanel .searchcompare p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3c3c3c;
	font-weight:bold;
}

#searchcenterpanel .searchcompare hr {
	width:100%; 
	color:#d8d8d8; 
	height:1px; 
}

#searchcenterpanel .searchresults {
	width: 473px;
	padding: 10px 16px;
	height: 110px;
	background-color:#fbfbfb;
	border-bottom: solid 2px #ffffff;
}

#searchcenterpanel .searchresults .resultsleft,
#searchcenter800 .searchresults .resultsleft {
	width:88px;
	float:left;
	display:inline;
}

#searchcenterpanel .searchresults .resultsleft img,
#searchcenter800 .searchresults .resultsleft img {
	border:1px solid #dbdbdb !important;
	margin-bottom:10px;
}

#searchcenterpanel .searchresults .resultsleft form p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	font-weight:bold;
	float:left;
	margin-top: 3px;
}

#searchcenterpanel .searchresults .resultsleft form input {
	float:right;
}

#searchcenterpanel .searchresults .resultsmiddle {
	width:232px;
	margin-left:10px;
	margin-right:10px;
	float:left;
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	color:#3c3c3c;
}

#searchcenterpanel .searchresults .resultsmiddle p,
#searchcenter800 .searchresults .resultsmiddle p {
	font-size:12px;
	line-height:13px;
	margin-bottom:0px;
	font-weight:600;
	color:#7b7b7b !important;
}

#searchcenterpanel .searchresults .resultsmiddle .searchItemRatings,
#searchcenter800 .searchresults .resultsmiddle .searchItemRatings {
	margin-bottom:12px;
}

#searchcenterpanel .searchresults .resultsmiddle h2,
#searchcenter800 .searchresults .resultsmiddle h2 {
	font-size:16px;
	font-weight:bold;
	line-height:16px;
}

#searchcenterpanel .searchresults .resultsmiddle .light,
#searchcenter800 .searchresults .resultsmiddle .light {
	/*color:#3c3c3c;*/
	color:#7b7b7b !important;
}

#searchcenterpanel .searchresults .resultsright {
	width:110px;
	margin-left: 10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	float:right;
	overflow:hidden;
	text-align:right;
}

#searchcenterpanel .searchresults .resultsright p,
#searchcenter800 .searchresults .resultsright p {
	font-size:12px;
	font-weight:bold;
	margin-top: 10px;
}

#searchcenterpanel .searchresults .resultsright a,
#searchcenter800 .searchresults .resultsright a {
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}

#searchcenterpanel .searchresults .resultsright .light,
#searchcenter800 .searchresults .resultsright .light {
	color:#3c3c3c;
}

#searchcenterpanel .searchresults .resultsright .price,
#searchcenter800 .searchresults .resultsright .price {
	font-size:16px;
	font-weight:700;
	margin: 10px 0 10px 0;
}

#searchcenter800 #searchReturnResults 
{
    float:left;
    overflow:hidden;
    margin-top:20px;
}

#searchcenter800 .dottedtitle {
	width:800px;
	/*width:776px; */
	height: 26px;
	background-image:url(../images/bg_graysrchhead_dotted.jpg);
	background-repeat:repeat-x;
	background-color:#dbdbdb;
	border-bottom:solid 2px #ffffff;
	border-top:solid 2px #ffffff;
	float:left;
	overflow:hidden;
}

#searchcenter800 .dottedtitle img {
	margin-top:8px;
	margin-left:12px;
}

#searchcenter800 .searchsort {
	width: 776px;
	height: 14px;
	padding: 12px;
	background-color:#dbdbdb;
	float:left;
}

#searchcenter800 .searchresults {
	width: 776px;
	padding: 12px;
	margin-top: 0px;
	border-bottom: solid 2px #ffffff;
	background-color:#fbfbfb;
	float:left;
}

#searchcenter800 .searchresults .resultsmiddle {
	width:530px;
	margin-left:5px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#3c3c3c;
}

#searchcenter800 .searchresults .resultsmiddle a {
	color:#000000;
	text-decoration:none;
}

#searchcenter800 .lookup .divider {
    height:15px;
    width:2px;
    border-left:2px solid #dbdbdb;
    float:left;
    clear:none;
}


/* - - - End middle Search Page return / content - - - */

/* - - - Saving All This Love For Deployment */
/* - - - These styles are for the dropdown from the part search */
/* - - - To be driven by AJAX, methinks... */

/* 1/7/2010 Dan P WIP
   made a few changes here, but still needs cleanup in FF and looks very quirky in IE - lookup div is being
   repeated
*/

#searchcenter800 .lookup div.partdrop 
{
    position:relative;
	width: 255px; height:50px;
	margin:0; padding:0;
    font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	border:none;
	float:left;
}

#searchcenter800 .lookup div.partdrop #topper 
{
    width:255px; height:auto;
    margin:0; padding:0;
	background-color:#fff;
	border:solid 1px #888888;
	float:left
}

#searchcenter800 .lookup div.partdrop #topper h3 
{
    display:inline;
	color:#febd18;
	font-size:16px;
	font-weight:bold;
	float:left;
}

#searchcenter800 .lookup div.partdrop #topper h3 span.small {
	font-size:12px;
	cursor: pointer;
	cursor: hand;
}

#searchcenter800 .lookup div.partdrop #modelpart {
	background-color:#cfcfcf;
	height:90px;
	width:280px;
	display: none;
}

#searchcenter800 .lookup div.partdrop #modelpart form {
	height:70px;
}

#searchcenter800 .lookup div.partdrop #modelpart form input {
	width:190px;
	color:#9f9f9f;
	margin-top:10px;
	margin-left:-4px;
	border:solid 1px #9f9f9f;
	font-size:12px;
	float:left;
}

#searchcenter800 .lookup div.partdrop #modelpart form img {
	margin-left: 10px;
	margin-top:10px;
}

/* - - - end of styles for part number search feature - - - */




/* - - - Right content / features panels from Search Category (03) page - - - */

#right275 {
	width:275px;
	margin-left:10px;
	margin-top:20px;
	float:right;
	overflow:hidden;
}

#right275 .relatedtoolshead {
	background-color:#ffffff;
	margin:10px 0 0 0;
	margin:25px 0 0 0!important;
}

#right275 .relatedtoolshead img {
	margin-left:14px;
	margin-top:15px;
	margin-bottom:9px;
}

#right275 .relatedtoolsitem {
	background-color:#dbdbdb;
	border-bottom:solid 2px #adadad;
	width:275px;
	float:left;
	overflow:hidden;
	padding-bottom:10px;
}

#right275 .relatedtoolsitem h2 {
	width:260px;
	float:left;
	overflow:hidden;
	font-size:14px;
	color:#1c1c1c;
	margin-top:8px;
	margin-left:14px;
	margin-bottom: 4px;
	font-weight:700;
}

#right275 .relatedtoolsitem h2 a {
	color:#000000;
	text-decoration:none;
}

#right275 .relatedtoolsitem .imgcol {
	float:left;
	overflow:hidden;
	margin-right:10px;
	margin-left:14px;
}

#right275 .relatedtoolsitem .copy {
	width:170px;
	float: right;
	clear:none;
	margin-bottom:10px;
	margin-right:10px;
}

#right275 .relatedtoolsitem .copy p {
	color:#3c3c3c;
	font-size:12px;
	font-weight:700;
}

#right275 .relatedtoolsitem .stars {
	float:left;
	overflow:hidden;
	clear:left;
	margin-bottom:4px;
	margin-left:14px;
	margin-top:6px;
}

#right275 .relatedtoolsitem .stars img {
	float:left;
	overflow:hidden;
}

#right275 .relatedtoolsitem .stars p {
	float:right;
	color:#3c3c3c;
	font-size:12px;
	font-weight:700;
	margin-left:21px;
}
#searchcenter800 .lookup #SearchField .submitbutton{
margin-top:14px;

}

