/* Harsh Terrain's Core Style Sheet           */
/* 03-Mar-2007 :: Shane Thomas :: Rev 2 */
 
* {
margin: 0;
padding: 0;
border: none;
}

body {
margin: 10px 0;
padding: 0;
text-align: center;
}

p {
line-height: 1.3em;
margin: 0 0 1em 0;
padding: 0;
}

h1 {
font-size: 1.2em;
font-weight: bold;
border-bottom: 1px #000 solid;
text-align: left;
padding: 0;
margin: 1.5em 0 0.2em 0;
}

h2 {
font-size: 1em;
font-weight: bold;
text-align: left;
padding: 0e;
margin: 0.5em 0 0em 0;
}

h3 {
font-weight: bold;
font-size: 0.9em;
color: #aeafad;
text-align: left;
padding: 0;
margin: 0.5em 0 -0.1em 0;
}

a:link {
color: #3636c8;
}

a:visited {
color: #FF4814;
}

div {
margin: 0;
padding: 0;
}

strong {
font-weight: bold;
}

ul, li, ul li {
margin: 0;
padding: 0;
}

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

/** no border **/
.noBorder {
border: none;
}

/** page wrapper **/

#wrapper {
width: 900px;
margin: 0 auto;
padding: 0;
text-align: left;
}

#content {
clear: left;
}


/** the header **/

#header {
margin: 0;
padding: 0;
clear: both;
height: 100px;
background-color: #fff;
text-align: center;
}


/** the footer **/

#footer {
clear: both;
margin: 2em 0;
padding: 0.5em 0;
border-top: 1px #a1a5a9 solid;
text-align: center;
font: normal 10pt/12pt Arial, Helvetica, sans-serif;
color: #aeafad;
}

#footer a:link, #footer a:visited, #footer a:active {
color: #666;
text-decoration: none;
}

#footer a:hover {
color: #f60;
text-decoration: underline;
}


/** the FAQs **/

#faq {
margin: 0;
padding: 0;
}

#faq h1 {
margin-top: 1.5em;
}

#faq h2 {
color: #4f8a10;
font-weight: bold;
border-bottom: 1px #4f8a10 solid;
margin: 1.75em 0 0.5em 1.25em;
}

#faq p {
margin-left: 2.25em;
}

#faq ul {
margin: 0 0 0.5em 2.25em;
}

#faq ul li {
margin-left: 2.5em;
}



/** the menu navigation **/

#navBar {
width: 100%;
margin-bottom: 30px;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}

#menu {
float: left;
width: 550px;
}

#menu ul {
margin: 0;
padding: 0;
list-style: none;
width: 100%;
float: left;
font: bold 12px/16px arial, helvetica, sans-serif;
}

#menu ul li {
float: left;
}

#menu ul a {
display: block;
float: left;
padding: 0 1em;
line-height: 2.1em;
text-decoration: none;
color: #000;
padding-right: 1.25em;
height: 100%;
}

#menu ul a:hover {
background-color: orange;
color: #fff;
}

#searchBox {
float: left;
width:	349px;
height: 25px;
}

.search_button {
padding-top: 2px;
border: none;
}

.textfield {
width:	170px;
color:	#000;
margin: 0 0 7px 145px;
font:	11px/11px verdana, arial,sans-serif;
}


/** part block **/

.partBlock {
margin-bottom: 40px;
}

.partBlock h1 {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10pt;
font-weight: bold;
width: 100%;
height: 20px;
text-align: left;
background-color: #ccc;
padding-left: 5px;
margin-top: 20px;
border-top: 2px solid #444;
border-bottom: 1px solid #444;
clear: both;
}

.partDesc {
width: 730px;
float: right;
margin: 0 0 25px 0;
padding: 0;
}

.partDesc li {
margin-left: 15px;
}

.partInfo {
width: 150px;
float: left;
margin: 0 0 25px 0;
padding: 0;
}

.partSale {
color: #f00;
font-weight: bold;
}

.partBlock table {
border: 1px solid #000;
}

.partBlock thead {
background-color: #4f8a10;
border: 1px solid #000;
color: #fff;
}

.partBlock tbody {
border: 1px solid #000;
}

.partBlock td {
padding: 2px;
border: 1px solid #000;
}


/** paypal **/

.paypalButton {
clear: both;
padding-bottom: 15px;
}


/** clear **/

.clear {
clear: both;
}


/** parts category list **/

#partsCategoryList h1 {
clear: both;
text-align: left;
}

.partsListIcon {
display: inline;
width: 150px;
float: left;
text-align: center;
margin: 5px 20px 0 0;
}

.partsListIcon a {
text-decoration: none;
}

.partsListIcon img {
border: 1px solid #aaa;
}


/** lightbox effect **/

#lightbox {
position: absolute;
top: 40px;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}

#lightbox a img { border: none; }

#outerImageContainer {
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}

#imageContainer {
padding: 10px;
}

#loading {
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}

#hoverNav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
width: 49%;
height: 100%;
background: transparent url(/images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
display: block;
}

#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer {
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
}

#imageData {
padding:0 10px;
}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	

#overlay {
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #000;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

* html>body .clearfix {
display: inline-block; 
width: 100%;
}

* html .clearfix {
/* Hides from IE-mac \*/
height: 1%;
/* End hide from IE-mac */
}


/** projects **/

.projectsCategoryList {
list-style: none;
}

.projectsCategoryList li {
margin-top: 20px;
font-weight: bold;
}

.projectsCategoryList li ul li {
margin: 0 0 0 40px;
list-style: disc;
}