/* ||||||||||||||||||||||||||||||||||||||||||||||
|||                                           |||
|||                 BTP Styles                |||
|||                                           |||
|||             Created 12/17/2009            |||
|||                                           |||
|||            Questions? Contact:            |||
|||        J. Duffin, Stealth Creative        |||
|||                                           |||
|||          www.stealthcreative.com          |||
|||                                           |||
|||        jduffin@stealthcreative.com        |||
|||                                           |||
|||||||||||||||||||||||||||||||||||||||||||||| */





/* ||||||||||||||||||||||||||||||||||||||||||||||
|||                                           |||
|||               COMMON STYLES               |||
|||                                           |||
||||||||||||||||||||||||||||||||||||||||||||||*/


html {
	margin: 0;
	padding: 0;
	height: 100%; /* ensures content goes all the way to the bottom of the browser */
}

body {
	margin: 0;
	padding: 0;
	height: 100%; /* ensures content goes all the way to the bottom of the browser */
	background: #acaaaa url(../images/bg_gears.jpg) center top no-repeat fixed;
/* default font styles - If PC doesn't have Myriad, will default to Verdana */
	font-family: "Myriad Pro", "MyriadPro", "Myriad", Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 13px;
	line-height: 20px;
	color: #333;
	text-align: left;
}

/* text link styles */
a, a:link, a:visited { 
	color: #0d5d13; 
	text-decoration: underline; 
}

a:hover { 
	color: #00cc00; 
	text-decoration:underline; 
}


/* text variant styles */
p {
	margin: 0;
	padding: 0 0 15px 0;
	font-size: 13px;
}

h1 {
	margin: 0;
	padding: 20px 0 15px 0;
	font-size: 24px;
	font-weight: normal;
	line-height: 24px;
}

h2 {
	margin: 0;
	padding: 20px 0 20px 0;
	font-size: 20px;
	font-weight: normal;
	line-height: 20px;
}

h3 {
	margin: 0;
	padding: 20px 0 10px 0;
	font-size: 20px;
	font-weight: normal;
	line-height: 20px;
}

h4 {
	margin: 0 0 10px 0;
	padding: 15px 0 3px 4px;
	width: 100%;
	font-size: 18px;
	font-weight: normal;
	line-height: 18px;
	border-bottom: 1px dotted #ccc;
}

/* IE6 image png fix - use this class inside the img tag on pngs */
.png {
	behavior: url(../js/iepngfix.htc);
}

hr {
	margin: 10px 0;
	padding: 0;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px 999 dotted;
	background: none;
}




/* ||||||||||||||||||||||||||||||||||||||||||||||
|||                                           |||
|||                   LAYOUT                  |||
|||                                           |||
||||||||||||||||||||||||||||||||||||||||||||||*/


/* defines SPECIFIC width of main container and centers it on the browser page */
#containerFixedWidth {
	margin: 0 0 0 -460px;
	padding: 0;
	width: 920px;
	height: 100%;
	background: none;
	position: absolute;
	left: 50%;
}

/* the dark container that holds everything */
#containerDark {
	margin: 0;
	padding: 0 9px;
	width: 902px;
	height: auto;
	background: url(../images/boxMainBG.png) repeat-y;
}

/* container for the search box - includes image to make up top of dark container and search background */
#searchContainer {
	margin: 0;
	padding: 0;
	width: 920px;
	height: 60px;
	background: url(../images/searchBG.png) no-repeat;
}

/* container for the top box - establishes spance and contains tag line */
#topBox {
	margin: 0;
	padding: 0 10px 0 0;
	width: 910px;
	height: 96px;
	background: none;
	text-align: right;
}

/* container and background for the footer */
#footerBox {
	margin: 0 0 15px 0;
	padding: 0;
	width: 920px;
	height: 73px;
	background: url(../images/footerBG.png) no-repeat;
}

/* text inside the footer box */
#footerBox p {
	margin: 0;
	padding: 25px 0 0 0;
	color: #d2d2d2;
	text-align: center;
}

/* goes inside the container, establishing a padding for the content */
.padding20 {
	margin: 0;
	padding: 20px;
}

.padding15 {
	margin: 0;
	padding: 15px;
}

.padding10 {
	margin: 0;
	padding: 10px;
}

.paddingRightCol {
	margin: 0;
	padding: 40px 20px 20px 0;
}

/* logo container - positioned, set at 999 to make sure it stays on top */
#btpLogo {
	margin: 0;
	padding: 0 0 0 6px;
	width: 166px;
	height: 146px;
	position: absolute;
	z-index: 99;
}

/* main content box */
#content {
	margin: 0;
	padding: 0;
	height: auto;
	background: #fff url(../images/contentBG.gif) top left repeat-x;
	border-left: 1px solid #1e1e1e;
	border-right: 1px solid #1e1e1e;
}

/* image style */
#content img {
	margin: 10px;
	padding: 1px;
	border: 1px solid #ccc;
}

/* use this class in any img where no border & padding is wanted */
#content img.noborder {
	margin: 0;
	padding: 0;
	border: none;
}

/* home header box */
#headerHome {
	margin: 0;
	padding: 0;
	width: 900px;
	height: 339px;
	border-left: 1px solid #1e1e1e;
	border-right: 1px solid #1e1e1e;
}

/* for SSP */
#flashcontent {
		width:100%;
		height:100%;
}
	
/* subpage header box */
#headerSub {
	margin: 0;
	padding: 0;
	width: 900px;
	height: 99px;
	border-left: 1px solid #1e1e1e;
	border-right: 1px solid #1e1e1e;
}



/* ||||||||||||||||||||||||||||||||||||||||||||||
|||                                           |||
|||                  CALLOUTS                 |||
|||                                           |||
||||||||||||||||||||||||||||||||||||||||||||||*/


table#callouts {
  margin: 0;
  padding: 0;
  width: 900px;
  height: 75px;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
}

/* specifies default font styles for headers */
#callouts a {
	color: #b7cfb9;
	text-decoration: none;
	font: normal 34px Verdana, Arial, Helvetica, sans-serif;
	line-height: 24px;
}

#callouts a:hover { color: #fff; }

/* actual menu container, and padding thereof */
#calllist {
	margin: 0;
	padding: 0;
}

/* zero out any default margin and padding on UL */
#calllist ul {
	margin: 0;
	padding: 0;
}

/* sets the stage for the LI */
#calllist ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: relative;
	text-align: center;
	cursor: pointer;
	float: left;
}

/*style the item. numbers after bkg image are horizontal and vertical position, respectively. */
#calllist ul li a {
	display: block;
	cursor: pointer;
	height: 174px; 
}

/* change font color on rollover */
#calllist ul li a:hover {
	color: #fff;
}

/* styles for warranty box */
#calllist ul li a#warranty {
	margin: 0;
	padding: 0;
	width: 300px;
	background: url(../images/call_warranty.jpg) no-repeat;
}

#calllist ul li a#warranty span {
	font-size: 13px;
	color: #17a321;
	letter-spacing: 4px;
	padding-left: 1px;
}

#calllist ul li a:hover#warranty span {
	color: #00ff12;
}

/* styles for tractor box */
#calllist ul li a#tractors {
	margin: 0;
	padding: 0;
	width: 299px;
	background: url(../images/call_tractorList.jpg) no-repeat;
}

#calllist ul li a#tractors span {
	font-size: 13px;
	color: #17a321;
	letter-spacing: 11px;
	padding-left: 4px;
}

#calllist ul li a:hover#tractors span {
	color: #00ff12;
}

/* styles for rebuilding box */
#calllist ul li a#rebuild {
	margin: 0;
	padding: 0;
	width: 301px;
	background: url(../images/call_rebuild.jpg) no-repeat;
}

#calllist ul li a#rebuild span {
	font-size: 13px;
	color: #17a321;
	letter-spacing: 5px;
	padding-left: 2px;
}

#calllist ul li a:hover#rebuild span {
	color: #00ff12;
}



/* ||||||||||||||||||||||||||||||||||||||||||||||
|||                                           |||
|||               SEARCH INPUT                |||
|||                                           |||
||||||||||||||||||||||||||||||||||||||||||||||*/

/* container for search elements */
#searchHolder {
	margin: 0;
	padding: 0;
	width: 250px;
	height: 28px;
	position: relative;
	left: 666px;
	top: 21px;
}

/* rounded-corner bkg image for search box */
#searchBox {
	margin: 0;
	padding: 0;
	width: 172px;
	height: 28px;
	background: url(../images/searchInputBG.png) no-repeat;
}

/* removes all default styles for input */
#searchBox input.inputbox {
	margin: 6px 0 0 6px;
	padding: 0;
	border: none;
	background: none;
	width: 150px;
	height: 16px;
	color: #666;
}



/* ||||||||||||||||||||||||||||||||||||||||||||||
|||                                           |||
|||                  BUTTONS                  |||
|||                                           |||
||||||||||||||||||||||||||||||||||||||||||||||*/

/* button style will function for any needed button. separate class will be 
needed for each new button to specify width and apply any necessary positioning */

/* main button container. 5px-wide image of left of button holds everything */
#but_left {
	padding: 0 0 0 5px;
	margin: 0;
	height: 27px;
	background: url(../images/but_left.png) 0 0 no-repeat;
}

/* this div goes inside the #but_left div - makes up remainder of button with bg positioned right */
#but_bg {
	margin: 0;
	padding: 6px 0 0 0;
	height: 21px;
	background: url(../images/but_bg.png) right no-repeat;
	text-align: center;
	font: normal 12px/12px Verdana, Arial, Helvetica, sans-serif;
}

/* style the button text */
#but_bg a {
	margin-left: -3px;
	color:#efefef; 
	text-decoration:none;
}

#but_bg a:hover {
	color: #00ff12; 
	text-decoration:none;
}

/* specific button classes */
.go {
	width: 39px;
	position: absolute;
	left: 180px;
	top: 1px;
}

.signup {
	width: 79px;
}

.contactus {
	width: 100px;
	float: right;
}

/* ||||||||||||||||||||||||||||||||||||||||||||||
|||                                           |||
|||                 NEWSLETTER                |||
|||                                           |||
||||||||||||||||||||||||||||||||||||||||||||||*/

/* newsletter box - specifies size, spacing and background */
#nwsltrBox {
	margin: 0 0 50px 0;
	padding: 0;
	width: 272px;
	background: #dfdfdf url(../images/nwsltr_top.gif) top no-repeat;
}

/* removes border and padding for any images inside nwsltrBox */
#nwsltrBox img {
	margin: 0;
	padding: 0;
	border: none;
}

#nwsltrBox h1 {
	margin: 0;
	padding: 5px 0 10px 0;
	font-size: 22px;
}

#nwsltrBox p {
	margin: 0;
	padding: 0;
}

/* background for input */
#nwsltrInputBox {
	margin: 4px 0;
	padding: 0;
	width: 122px;
	height: 28px;
	background: url(../images/nwsltrInputBG.gif) no-repeat;
}

/* style the input */
#nwsltrInputBox input.inputbox {
	margin: 6px 0 0 6px;
	padding: 0;
	border: none;
	background: none;
	width: 110px;
	height: 16px;
	color: #666
}

/* crackerjacks image style */
#cjacks {
	margin: 80px 0 0 -18px;
	padding: 0;
	width: 142px;
	height: 153px;
	background: url(../images/cjacks.png) no-repeat;
	position: absolute;
}



/* ||||||||||||||||||||||||||||||||||||||||||||||
|||                                           |||
|||                 PULLQUOTE                 |||
|||                                           |||
||||||||||||||||||||||||||||||||||||||||||||||*/

/* determines spacing and bg image for quote */
#pullquote {
	margin: 30px 0 0 0;
	padding: 16px 0 22px 40px;
	border-left: 1px solid #dfdfdf;
	background: url(../images/pullquoteBG.gif) 10px 4px no-repeat;
}

#pullquote h6 {
	margin: 0;
	padding: 0;
	font-size: 20px;
	font-style: italic;
	color: #0d5d13;
	line-height: 36px;
}

#pullquote p {
	margin: 0;
	padding: 20px 0 0 0;
	font-size: 14px;
	color: #333;
	text-align: right;
}



/* ||||||||||||||||||||||||||||||||||||||||||||||
|||                                           |||
|||                BREADCRUMBS                |||
|||                                           |||
||||||||||||||||||||||||||||||||||||||||||||||*/


#breadcrumbs {
	margin: -10px 0 0 0;
	padding: 0;
	font-size: 11px;
	text-align: right;
}

/* ||||||||||||||||||||||||||||||||||||||||||||||
|||                                           |||
|||               TOP NAVIGATION              |||
|||                                           |||
||||||||||||||||||||||||||||||||||||||||||||||*/

#topNav {
	margin: 0;
	padding: 0 0 0 10px;
	width: 892px;
	height: 39px;
	background: url(../images/topnavBG.gif) top left no-repeat;
}
 
ul#navlist {
	font: normal 13px/13px Verdana, Arial, Helvetica, sans-serif;  
	position: relative; 
	z-index: 100;
}

ul#navlist li a, ul#navlist li a:visited {
	margin: 1px 0 0 0;
	padding: 0 19px 0 20px;
	display: block; 
	text-decoration: none; 
	height: 37px; 
	color: #fff; 
	line-height: 37px; 
	overflow: hidden;
	border-left: 1px solid #247329;
	border-right: 1px solid #3aa741;
	float: left;
}

ul#navlist {
	padding: 0;
	margin: 0; 
	list-style: none;
}

ul#navlist li {
	float: left; 
	position: relative;
}

ul#navlist li ul { display: none; }


ul#navlist li a:hover, ul#navlist li#active a:hover {
	color: #fff; 
	background: #133a16;
}

ul#navlist li:hover ul {
	display: block; 
	position: absolute; 
	top: 38px; 
	left: -40px; 
	list-style-type: none;
}

ul#navlist li:hover ul li a {
	display: block;
	padding: 0 20px;
	margin: 0;
	border-left: 1px solid #225b26;
	border-right: 1px solid #225b26;
	border-bottom: 1px solid #225b26;
	background: #133a16;
	width: 120px;
}

ul#navlist li:hover ul li a:hover {
	color: #00cc00;
}

ul#navlist li#active a {
	background-color: #0d5d13;
}
/* top-level on-state add w/PHP*/
#navlist li.main-active a {
	color: #fff;
	background: #0D5D13;
}


/* ||||||||||||||||||||||||||||||||||||||||||||||
|||                                           |||
|||               SIDE NAVIGATION             |||
|||                                           |||
||||||||||||||||||||||||||||||||||||||||||||||*/

/* fading gradient that adds depth to page */
#sideGrad {
	margin: 0 0 0 175px;
	padding: 0;
	position: absolute;
	z-index: 2;
}

/* side nav container */
#sidenav {
	width: 185px;
	padding: 0;
	margin: 0 0 30px 0;
	font: normal 12px/12px Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/sidenavGrad.jpg) bottom left no-repeat;
}

/* side navigation styles */
#sidenav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid #89a08a;
	border-bottom: 1px solid #ccc;
}

#sidenav ul li {
	margin: 0;
}

/* sets up the individual nav item */
#sidenav ul li a {
	display: block;
	padding: 10px 0 10px 15px;
	color: #666;
	text-decoration: none;
	width: 100%;
}

#sidenav ul li a { width: auto; }

/* change the bg on hover */
#sidenav ul li a:hover, #sidenav ul li#active ul li a:hover {
	background: #ccc;
	color: #333;
}

/* on-states */
#sidenav ul li#active a {
	background: #0d5d13;
	color: #fff;
}

#sidenav ul li#active ul li a {
	background: #efefef;
	color: #666;
	padding-left: 25px;
	padding-right: 10px;
	line-height: 14px;
}

#sidenav ul li#active ul {
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
}



/* ||||||||||||||||||||||||||||||||||||||||||||||
|||                                           |||
|||                    ALERT                  |||
|||                                           |||
||||||||||||||||||||||||||||||||||||||||||||||*/

/* this can be used for any significant alert/info 
#alert {
	margin: -7px 0 0 -14px;
	padding: 0;
	width: 679px;
	height: 80px;
	background: url(../images/alertBG.png) no-repeat;
}*/

/*#alert {
	margin: 0;
	padding: 0;
	width: 679px;
	background: url(../images/alert_bg.gif) repeat-y;
}

#alertTop {
	margin: 0;
	padding: 0;
	width: 679px;
	height: 53px;
	background: url(../images/alert_top.gif) no-repeat;
}

#alertBtm {
	margin: 0;
	padding: 0;
	width: 679px;
	height: 10px;
	background: url(../images/alert_btm.gif) no-repeat;
}

#alert p {
	margin: -25px 15px 0px 60px;
	padding: 0;
	color: #666;
}
*/


/* ||||||||||||||||||||||||||||||||||||||||||||||
|||                                           |||
|||                LISTING TABLE              |||
|||                                           |||
||||||||||||||||||||||||||||||||||||||||||||||*/

/* styles for product listing */

#listTable {
	margin: 15px 0;
	padding: 0;
}

/* table header style */
#listTable th {
	font-weight: normal;
	padding: 4px 0;
}

/* establish border and collapse so it doesn't double up */
#listTable table {
	border-collapse: collapse;
	border-top: 1px dotted #ccc;
}

/* styles for table data */
#listTable td {
	padding: 4px 0;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
}

/* class applied to every other row for readability */
#listTable tr.hi td { background: #efefef; }

/* add a little highlight rollover to the rows */
#listTable tr:hover td, #listTable tr.hi:hover td {
	background: #FFFFCC;
}



/* ||||||||||||||||||||||||||||||||||||||||||||||
|||                                           |||
|||               PRODUCT DETAIL              |||
|||                                           |||
||||||||||||||||||||||||||||||||||||||||||||||*/

#product {
	margin: 0;
	padding: 0;
	width: 100%;
	border-top: 1px dotted #ccc;
}

#product h1 {
	margin: 0;
	padding: 0 0 10px 0;
}




/* ||||||||||||||||||||||||||||||||||||||||||||||
|||                                           |||
|||               COPY CALLOUT                |||
|||                                           |||
||||||||||||||||||||||||||||||||||||||||||||||*/

/* determines spacing and bg image for quote */
#copycall {
	margin: 0 0 20px 25px;
	padding: 16px 0 22px 25px;
	border-left: 1px solid #ccc;
	float: right;
	width: 220px;
}

#copycall h1 {
	margin: 0;
	padding: 0;
	font-size: 20px;
	font-style: italic;
	color: #0d5d13;
	line-height: 28px;
}

#copycall p {
	margin: 0;
	padding: 20px 0 0 0;
	font-size: 14px;
	color: #333;
	text-align: left;
}



/* ||||||||||||||||||||||||||||||||||||||||||||||
|||                                           |||
|||               ABOUT CALLOUT               |||
|||                                           |||
||||||||||||||||||||||||||||||||||||||||||||||*/

/* determines spacing and bg image for quote */
#abcall {
	margin: 22px 0 20px 30px;
	padding: 0px 0 10px 25px;
	border-left: 1px solid #ccc;
	float: right;
	width: 250px;
	color: #0d5d13;
}

#abcall h1 {
	margin: 0;
	padding: 0;
	font-size: 20px;
	font-style: italic;
	line-height: 36px;
}

#abcall p {
	margin: 0;
	padding: 20px 0 0 0;
	font-size: 14px;
	text-align: left;
}

#abcall ul {
	margin: 0;
	padding: 5px 0 0 15px;
}

#abcall li {
	padding: 5px 0;
	margin: 0;
}



/* ||||||||||||||||||||||||||||||||||||||||||||||
|||                                           |||
|||               WARRANTY TABLE              |||
|||                                           |||
||||||||||||||||||||||||||||||||||||||||||||||*/

/* styles for product listing */

#warTable {
	margin: 15px 0;
	padding: 0;
}

/* table header style */
#warTable td.hd, #warTable tr:hover td.hd {
	font-weight: normal;
	padding: 4px 10px;
	background: #0d5d13;
	color: #fff;
	border: none;
}

/* establish border and collapse so it doesn't double up */
#warTable table {
	border-collapse: collapse;
	border: 1px solid #ccc;
}

/* styles for table data */
#warTable td {
	padding: 4px 15px;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
}

/* class applied to every other row for readability */
#warTable tr.hi td { background: #efefef; }

/* add a little highlight rollover to the rows */
#warTable tr:hover td, #warTable tr.hi:hover td {
	background: #FFFFCC;
}


/* ||||||||||||||||||||||||||||||||||||||||||||||
|||                                           |||
|||                  ARCHIVE                  |||
|||                                           |||
||||||||||||||||||||||||||||||||||||||||||||||*/

#archive p {
	margin: 0;
	padding: 5px 0;
}


/* ||||||||||||||||||||||||||||||||||||||||||||||
|||                                           |||
|||                   FORM                    |||
|||                                           |||
||||||||||||||||||||||||||||||||||||||||||||||*/

#formtable {
	margin: 0;
	padding: 0;
	line-height: 16px;
}

#formtable td {
	padding: 6px 0;
}

#formtable p { 
	margin: 0;
	padding: 5px 0;
	line-height: 18px; 
}

#formtable input, #formtable textarea {
	border: 1px solid #ccc;
}

#formtable input.submitbutton {
	background: #0d5d13;
	color: #fff;
	padding: 4px 20px;
}

#formtable input.submitbutton:hover {
	cursor: pointer;
	color: #00cc00;
}



/* ||||||||||||||||||||||||||||||||||||||||||||||
|||                                           |||
|||                    MAP                    |||
|||                                           |||
||||||||||||||||||||||||||||||||||||||||||||||*/

#map {
	margin: 15px 0 0 0;
	background: #fff;
	border: 1px solid #ccc;
}



/*used tractor parts scrolling images*/
.used-image {
	display: block;
	float: right;
	width: 300px;
	height: 200px;
	margin-left: 10px;
}
/*dismantled pointer*/
#dhtmltooltip{
position: absolute;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
left: -300px;
width: 50px;
border: 1px solid #333333;
padding: 7px;
background-color: #FFFFFF;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#CCCCCC,direction=145);*/
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}.search_results {
	display: block;
	padding: 5px;
	background-color: #EBEBEB;
	margin-top: 34px;
	margin-left: 10px;
}
.newsletter-thumb-a {
	float: left;
}
.notice {
	background-color: #FFFFCC;
	padding: 5px;
	font-size: 14px;
}


.pagination a {
	margin: 0px 2px 0px 2px;
}
.pagination .current {
	margin: 0px 2px 0px 2px;
}
.search_list td {
	line-height: 25px;
}
h6 {

	margin: 0;
	padding: 20px 0 15px 0;
	font-size: 24px;
	font-weight: normal;
	line-height: 24px;
}
.dir_box {
	display: block;
	width: 260px;
	margin: 0px 5px 5px 0px;
	float: left;
}
#dir_home {

	margin: 0px 0 0 0;
	padding: 16px 0 22px 20px;
	border-left: 1px solid #dfdfdf;
}
#dir_home h3 {
	font-size: 18px;
}
.inv_small {
	font-size: 10px;
}
.search_inv {
	background-color: #EBEBEB;
	border: 1px dotted #CCCCCC;
	padding: 5px;
	font-size: 13px;
	width: 320px;
	margin-left:4px;
}