/* CSS Reset */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p,
a, em, img, strong, sub, sup,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body 
{
	line-height: 1;
}
ol, ul 
{
	list-style: none;
}

/* remember to define focus styles! */
:focus 
{
	outline: 0;
}

table 
{
	border-collapse: collapse;
	border-spacing: 0;
}

/***********************/

html
{
  height: 100%;
}

body 
{
  color: #000000;
  background: #bab7a8 url("bodyBkgd.jpg") 0 0 repeat-x;
}

h1, h2, h3, h4, p, li, td, th
{
  font-family: Arial, sans-serif;
  color: #2a150d;
  background-color: #eff0e2;
}

input
{
  font-family: Arial, sans-serif;
  color: #2a150d;
}

h1
{
  font-size: 20px;
  font-weight: bold;
  font-variant: small-caps;
  margin: 14px 0;
}

h2
{
  font-size: 18px;
  font-weight: bold;
  font-variant: small-caps;
  margin: 14px 0;
}

h2 sup
{
  vertical-align: super;
  font-size: 14px;
}

h3
{
  font-size: 16px;
  font-weight: bold;
  margin: 14px 0;
}

h4
{
  font-size: 14px;
  font-weight: 700;
}

p, li, td, th, input
{
  font-size: 13px;  
}

p
{
  line-height: 20px;
  margin: 13px 0;
}

li
{
  line-height: 20px;
}

img
{
  border: none;
}

label, input
{
  cursor: pointer;
}

.highlightError
{
  background-color: #ffff99;  
}

.errorMessage
{
  color: #000000;
}

#container
{
  margin: 10px auto;
  width: 964px;
  text-align: left;
}

#header
{
  width: 964px;
  height: 147px;
  background: #2c1f18 url("header.jpg") 0 0 no-repeat;
  position: relative;
}

#header #tools
{
  position: absolute;
  top: 110px;
  left: 810px;
  width: 150px;
  height: 30px;
}

#topnav
{
  width: 963px;
  height: 44px;
  margin-bottom: 4px;
}

#topnav span
{
  display: none;
}

#topnav a
{
  float: left;
}

#topnav #home
{
  display: block;
  width: 65px;
  height: 44px;
}

#topnav .gettingStarted, #topnav .gettingStartedCurrent
{
  display: block;
  width: 127px;
  height: 44px;
}

#topnav .ideaGallery, #topnav .ideaGalleryCurrent
{
  display: block;
  width: 127px;
  height: 44px;
}

#topnav .products, #topnav .productsCurrent, #topnav .productsFamily, #topnav .products101
{
  display: block;
  width: 189px;
  height: 44px;  
}

#topnav .customsSpecials, #topnav .customsSpecialsCurrent
{
  display: block;
  width: 195px;
  height: 44px;
}

#topnav .literature, #topnav .literatureCurrent
{
  display: block;
  width: 127px;
  height: 44px;
}

#topnav .dealerLocator, #topnav .dealerLocatorCurrent
{
  display: block;
  width: 133px;
  height: 44px;
}

#topnav a#home, #topnav a.products, #topnav .productsCurrent, #topnav .productsFamily, #topnav .products101, #topnav .gettingStarted, #topnav .gettingStartedCurrent, #topnav .customsSpecials, #topnav .customsSpecialsCurrent, #topnav a.dealerLocator, #topnav .dealerLocatorCurrent, #topnav a.literature, #topnav a.literatureCurrent, #topnav a.ideaGallery, #topnav a.ideaGalleryCurrent
{
  background-image: url("topnav.gif");
  background-repeat: no-repeat;
}

#topnav a#home:link, #topnav a#home:visited
{
  background-position: 0 0;  
}

#topnav a.gettingStarted:link, #topnav a.gettingStarted:visited
{
  background-position: -66px 0;
}

#topnav a.ideaGallery:link, #topnav a.ideaGallery:visited
{
  background-position: -193px 0;
}

#topnav a.products:link, #topnav a.products:visited
{
  background-position: -320px 0;
}

#topnav a.customsSpecials:link, #topnav a.customsSpecials:visited
{
  background-position: -509px 0;
}

#topnav a.literature:link, #topnav a.literature:visited
{
  background-position: -704px 0;
}

#topnav a.dealerLocator:link, #topnav a.dealerLocator:visited
{
  background-position: -831px 0;
}

#topnav a#home:hover
{
  background-position: 0 -43px;
}

#topnav a.gettingStarted:hover, #topnav a.gettingStartedCurrent
{
  background-position: -66px -43px;
}

#topnav a.ideaGallery:hover, #topnav a.ideaGalleryCurrent
{
  background-position: -193px -43px;
}

#topnav a.products:hover, #topnav .productsCurrent, #topnav .productsFamily:hover, #topnav .products101:hover
{
  background-position: -320px -43px;
}

#topnav .productsFamily
{
  background-position: -320px -86px;
}

#topnav .products101
{
  background-position: -320px -129px;
}

#topnav a.customsSpecials:hover, #topnav a.customsSpecialsCurrent
{
  background-position: -509px -43px;
}

#topnav a.literature:hover, #topnav a.literatureCurrent
{
  background-position: -704px -43px;
}

#topnav a.dealerLocator:hover, #topnav a.dealerLocatorCurrent
{
  background-position: -831px -43px;
}
  
#search
{
  width: 210px;
  height: 60px;
  float: right;  
  position: relative;
}

#search div
{
  margin: 30px 10px 0 0;
}

.modalPopup
{
  color: #000000;
  background-color: #ffffff;
  padding: 6px;
  border: 1px solid #000000;
  text-align: center;
}

.modalPopup input
{
  color: #000000;
  background-color: #ffffff;
}

.modalBackground
{
  background: url(black-70.png) repeat 0 0 transparent;
}

#content
{
  padding-top: 7px;
  background: url("contentTopBkgd.gif") 0 0 no-repeat;
}

#contentRightBorder
{
  background: url("contentBkgd.gif") 0 0 repeat-y;
  position: absolute;
}

#content a:link, #content a:visited
{
  font-weight: bold;
  color: #6e7e02;
  background-color: #eff0e2;
}

#content a:hover
{
  color: #000000;
}

#sidebar
{
  width: 154px;
  background: #e6e5e1 url("sidebarBkgd.gif") 0 0 repeat-y;
  float: left;
}

.productsMenu
{
  width: 315px;
  height: 209px;
  background: #504541 url("productsMenuBkgd.gif") 0 0 no-repeat;
  float: left;
  margin-left: 4px;
}

.productsMenu div
{
  margin: 10px 10px 0px 10px;
}

#content .productsMenu h3, #content .productsMenu p, #content .productsMenu a:link, #content .productsMenu a:visited
{
  color: #ffffff;
  background-color: Transparent;
}

#content .productsMenu h3
{
  font-size: 14px;
}

#content .productsMenu p
{
  margin-top: 20px;
}

#sidebar div
{
  margin: 0px 0px 0px 4px;
}

#products101sidebar
{
  width: 142px;
  height: 208px;
  background: #37231c url("products101sideBkgd.jpg") 0 0 no-repeat;
}

#searchByNumbersidebar
{
  width: 142px;
  height: 99px;
  background: #37231c url("searchByNumberSideBkgd.jpg") 0 0 no-repeat;
}

#products101sidebar div, #searchByNumbersidebar div
{
  margin: 0px 2px 0px 8px;
  padding-top: 1px;
}

#products101sidebar p, #searchByNumbersidebar p, #sidebarCustomsSpecials p
{
  color: #dcdbd5;
  background-color: Transparent;
  font-size: 11px;
  line-height: 16px;
}

#products101sidebar a:link, #products101sidebar a:visited, #searchByNumbersidebar a:link, #searchByNumbersidebar a:visited
{
  color: #c96d6d;
  background-color: Transparent;
}

#searchByNumbersidebar input
{
  width: 100px;
}

#sidebarCustomsSpecials
{
  width: 140px;
  padding-top: 24px;
  color: #37231c;
  background: #e5e4e0 url("customsSpecialsBkgd.gif") 0 0 no-repeat;
  border: 1px solid #c7c6c2;
  border-top: none;
}

#sidebarCustomsSpecials p
{
  color: #37231c;
  background: #e5e4e0;
  padding: 0 4px 0 2px;
}

#contentRight
{
  margin-left: 153px;
  padding-right: 4px;
  padding-left: 5px;
  border-left: 1px solid #bcb9b4;
  width: 794px;
}

#contentRight h1, #contentRight h2, #contentRight h3, #newsRoomContent h1, #newsRoomContent h2, #gettingStartedContent #newsRoomContent h3, #contentRight p, #contentRight ul, #contentRight li
{  
  color: #2a150d;
  background-color: Transparent;
}

#contentRight p, #gettingStartedContent p, #newsRoomContent p
{
  color: #2d241f;
  background-color: Transparent;
}

#contentRight a:link, #contentRight a:visited, #gettingStartedContent a:link, #gettingStartedContent a:visited
{
  color: #2d241f;
  font-weight: bold;
  background-color: Transparent;
}

#contentRight ul
{
  margin-left: 12px;
  list-style-type: disc;
}

#contentRight li
{
  margin-left: 12px;
}

#gettingStartedContent, #newsRoomContent
{
  padding-left: 20px;
}

#gettingStartedContent, #newsRoomContent
{
  width: 900px;
}

#products101sidebar a:hover
{
  color: #ffffff;
}

#content h3, #gettingStartedContent #newsRoomContent h3
{
  color: #853939;
  background-color: #e6e5e1;
  font-family: "Palatino Linotype", Georgia, Garamond, Serif;
}

#styleDetails p
{
  color: #4b473c;
  background-color: #e6e5e1;
  font-size: 12px;
}

#styleDetails #enduse
{
  float: right;
  background-color: Transparent;
}

#styleDetails #enduse img
{
  margin: 12px 0 0 10px;
  background-color: Transparent;
}

#fullPartsPDF img
{
  margin-left: 60px;
  background-color: Transparent;
}

#basicParts, #fullPartsList, #fullPartsPDF
{
  float: left;
  background-color: Transparent;
}

#basicParts
{
  width: 550px;
  border-right: 1px solid #bcb8b5;
  background-color: #e6e5e1;
  margin-top: 12px;
}

#fullPartsList
{
  width: 794px;
  background-color: #e6e5e1;
  margin-top: 12px;
}

#basicParts h3, #fullPartsList h3
{
  margin-top: 0px;
}

#basicParts p, #fullPartsList p
{
  float: left;
  font-size: 11px;
  font-weight: bold;
  color: #2d241f;
  background-color: #e6e5e1;
  text-align: center;
  margin-left: 8px;
  margin-right: 8px;
  line-height: 16px;
  height: 250px;
  white-space: nowrap;
}

#basicParts p span, #fullPartsList p span
{
  color: #828074;
}

.hoverPanelContainer
{
  display: none;
}

.basicPartHover, .partHover, .forgedFinishesHover
{
  border-top: 1px solid #bcb8b5;
  border-left: 1px solid #bcb8b5;
  border-right: 2px solid #bcb8b5;
  border-bottom: 2px solid #bcb8b5;
  background-color: #ffffff;
  padding: 4px;
  white-space: nowrap;
}

.forgedFinishesHover
{
  background-color: #e6e5e1;
  width: 360px;
}

.forgedFinishesHover p
{
  padding: 0 10px 10px 10px;
}

.forgedFinishesHover p img
{
  float: left;
  margin: 0 10px 10px 0;
}

.basicPartHover, .partHover
{
  background-position: top center;
  background-repeat: no-repeat;
  height: 430px;
}

.partHover
{
  height: 448px;
}

.basicPartHover p, .partHover p
{
  margin-top: 356px;
  text-align: center;
}

.partHover p
{
  margin-top: 362px;
  text-align: center;
  line-height: 18px;
}

.basicPartHover p span, .partHover p span
{
  margin-left: 10px;
  color: #828074;
}

.partHover p a
{
  font-size: 12px;
}

.partHover p a:link, .partHover p a:visited
{
  color: #828074;
  font-weight: normal;
}

#fullPartsPDF
{
  width: 220px;
  background-color: #e6e5e1;
}

#fullPartsPDF div
{
  margin-left: 16px;
}

#fullPartsPDF p
{
  color: #4b473c;
  background-color: #e6e5e1;
}

#steps
{
  padding: 8px 0 8px 0;
  border-top: 1px solid #bcb8b5;
  border-bottom: 1px solid #bcb8b5;
  width: 900px;
  height: 46px;
}

#steps p
{
  display: inline;
  margin: 0;
  padding: 0;
  font-size: 12px;
  background-color: Transparent;
}

#steps a
{
  display: block;
  float: left;
  width: 111px;
  height: 46px;
  margin: 0 0 0 12px;
  padding: 0;
  overflow: hidden;
  position: relative;
  background-color: Transparent;
}

#steps span
{
  position: absolute;
  top: 12px;
  left: 32px;
  cursor: pointer;
  background-color: Transparent;
}

#steps a:link, #steps a:visited
{
  background: transparent url("gettingStartedStepBkgd.gif") 0 -93px no-repeat;
  color: #e6e5e1;
  text-decoration: none;
}

#steps a:hover
{
  color: #e6e5e1;
  background-position: 0 0;
}

#steps #current
{
  color: #e6e5e1;
  background-position: 0 -46px;
}

#footer
{
  clear: both;
  border-top: 1px solid #e6e5e1;
  width: 964px;
  height: 43px;
  color: #9f978a;
  background: #1c130e url("footer.jpg") 0 0 no-repeat;
}

#footer p
{
  margin-top: 10px;
  text-align: center;
  color: #cbc6b8;
  background-color: transparent;
  font-size: 12px;
}

#footer p a:link, #footer p a:visited
{
  color: #ef5f0b;
  background-color: transparent;
  font-weight: bold;
}

#footer p a:hover
{
  color: #ffffff;
  background-color: transparent;
  font-weight: bold;
}

#footer #infoRequest
{
  margin-left: 20px;
  margin-right: 20px;
}

#footer #copyright
{
  color: #999999;
  font-size: 11px;
}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	border-bottom: 1px solid #000000;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #ffffff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
/*#lightbox-container-image { padding: 10px; }*/
#lightbox-container-image { padding: 10px 0 10px 0; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	/*zoom: 1;*/
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}