* {margin: 0; padding: 0; border: none; z-index: 0;}
html, body {height: 100%;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}  /* for IE/Mac */
body {background-image: url('../images/marpatbg.gif'); font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif; min-width: 900px; text-align: center;}
#header {position: absolute; top: 0; left: 0; width: 100%; height: 162px; background: url('../images/headerbg.png') transparent;}
#header a {color: #a8a8a8; text-decoration: none;}
#header a:hover {color: #f8f8f8;}
#header .spacer {height: 1px; margin: 5px 10px;}
#header > div {position: absolute; top: 150px; color: #a8a8a8; border: 1px solid #3a3a3a; text-align: center; background: transparent url('../images/dropdownbg.png'); padding: 7px 0; font-size: 11px; width: 160px; display: none; margin-left: 50%;}
#header > div > p {font-weight: bold; margin: 0 0 5px 0; color: #7b7962;}

.selectable {color: #b27a18 !important;}
#toolSubNav {padding: 10px 0; font-variant: small-caps; font-weight: bold; background-color: #1b1b1b; border-width: 1px 0 1px 0; border-color: #333; border-style: solid; color: #333; margin-bottom: 10px;}
#toolSubNav li {display: inline; padding: 0 2px;}
.snhigh {color: #ccc !important; text-decoration: underline !important;}

#nav2 {left: -310px;}
#nav4 {left: -17px;}
#nav5 {left: 125px;}
#header > a > img {margin-left: 20px;}
#nav2 > a {margin-bottom: 5px; display: block; font-weight: bold;}
#nav2 > a:hover {background-color: #262626;}
.subNavText {font-size: 10px; display: block; font-weight: normal;}
#clearheader {height: 162px;}
#navi {margin: 6px auto 0 auto; font-size: 12px; font-weight: bold; width: 800px;}
#navi li {display: inline; padding: 0 20px;}

#outer {min-height: 100%; margin: 0 auto -70px auto; width: 900px;}

.topp {height: 96px; text-align: left;}
.topp img {margin: 40px 0 0 40px;}
.content {text-align: center;}
.content > p:first-child {padding-top: 15px;}
.content a {color: #b27a18; text-decoration: none;}
.content a:hover {color: #fff;}
.content p {text-align: left; color: #a2a2a2; font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif; line-height: 16px; text-indent: 20px; padding: 10px 0;}
.content h1 {text-align: left; color: #ccc; font: bold 14px Verdana, Geneva, Arial, Helvetica, sans-serif; padding-bottom: 10px;}
.content h1 a, .content h1 a:hover {color: #ccc;}
.legalList {color: #a8a8a8; text-align: left; line-height: 15px;}

#imgrot img, #photoGallery img, #thumbs img {border: 2px solid #404040;}
#imgrot {list-style: none; text-align: left;}
.legalList li {margin: 13px 0 13px 10px;}
#main {width: 899px; float:left;}
#main .topp {background: url('../images/mainhdr.png');}
#main .content {background: url('../images/mainbg.png'); padding-left: 47px; padding-right: 47px;}
#smain {width: 612px; float:left;}
#smain .topp {background: url('../images/smainhdr.png');}
#smain .content {background: url('../images/smainbg.png'); padding-left: 47px;padding-right: 47px;}
#side {width: 306px; float:left; margin-left: -19px;}
#side .topp {background: url('../images/sidehdr.png');}
#side .content {background: url('../images/sidebg.png'); padding-left: 30px; padding-right: 30px;}
#side .content {color: #a8a8a8; font-size: 10px; text-align: left;}
#photoGallery img:hover, #thumbs img:hover {border-color: #909090;}
#photoGallery img, #thumbs img {margin: 5px;}
#thumbs span {margin: 0 0 2px 8px; display: block; font-variant: small-caps; font-size: 12px; font-weight: bold;}

.techList {margin: 7px 0 7px 5px; font-family: Arial, Helvetica, sans-serif;}
.techList h2 {font-size: 12px; color: #ccc; padding: 4px;}
.techList span {float: left;}
.techList div {height: 12px; padding: 3px 0;}
.techList .msrp {font-size: 14px; color: #7b7962; font-weight: bold;}

#smain .techList {color: #a8a8a8; text-align: left; font-size: 11px;}
#smain .techList div:first-child, #smain .techListHeader {color: #7B7962; font-weight: bold;}
#smain .techList span:first-child, #smain .techList .techListFirst{ width: 350px;}
#smain .techList span:last-child, #smain .techList .techListLast{ width: 150px;}
#smain .toolList .techListFirst, #smain .toolList .techListLast {width: 250px !important; font-weight: bold; color: #7B7962;}
#side .techList span:first-child, #side .techList .techListFirst {font-variant: small-caps; font-size: 11px; text-align: right; padding-right: 8px; font-weight: bold; width: 70px;}
#side .techList span:last-child, #side .techList .techListLast {width: 150px;}
#side .secondRow {width: 130px !important;}
#side .extra {height: 24px !important;}
#side .extraextra {height: 32px !important;}
#dlSpec {font-variant: small-caps; font-size: 14px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-align: center !important; margin: 20px 0;}
#dlSpec a {display: block; color: #aa3434; margin: 5px 0;}
#dlSpec a:hover {text-decoration: underline;}

.functionGo {font-size: 12px !important; font-variant: small-caps;}

#footer {width: 100%; clear: both; height: 70px; line-height: 12px; background: url('../images/footerbg.png') transparent; position: relative;}
#footer ul {padding-top: 14px; font-size: 10px; color: #a8a8a8;}
#footer li {display: inline; padding: 0 10px;}
#footer a {color: #a8a8a8; text-decoration: none;}
#footer a:hover {color: #fff; text-decoration: underline;}
#clearfooter {clear: both; height: 70px;}

#morePix {color: #a8a8a8; text-decoration: none; display: block; margin-left: 5px;}
#morePix:hover {color: #fff;}
.spacer {height: 7px; background: #312d29 none; margin: 30px 0; font-size:0px;}
.spacers {height: 2px; background: #23201e none; margin: 30px 0; font-size:0px;}
.contactList {color: #a8a8a8; text-align: left; list-style: none; margin: 15px 0;}
.contactList li {padding: 2px 0;}
.contactImg {float: right; margin-right: 200px; margin-top: 65px;}


#newsletter {color: #a8a8a8; font-size: 12px; padding-top: 14px;}
#newsletter form {display: inline;}
#newsletter form p {display: inline;}
#newsletter input {background-color: #191713; border: 1px solid #434343; font-size: 14px;}
#newsletter span {color: #a3780f; font-weight: bold;}
#emailField {padding: 1px 2px; color: #33322e;}
#buttonField {color: #777;}

#regEntry input[type="text"] {background: #1a1a1a none; border: 1px solid #292929; color: #a8a8a8; padding: 2px 0 2px 3px;}
#regEntry, #regFields {list-style: none; float: left;}
#regEntry {width: 600px; margin-top: -13px;}
#regEntry p span {color: #ff0000 !important;}
#regFields {width: 150px; text-align: right; color: #a8a8a8;}
#regEntry li, #regFields li {height: 35px; margin: 5px 0;}
#regForm {margin-left: -100px;}
#submitBtn {background: #1a1a1a none; border: 1px solid #292929; color: #a8a8a8; width: 150px;}
.radioP {font-size: 10px !important;}
#moreMainContent {display: none;}

.allTools {border: 4px solid #7b7962; margin: 20px 0;}
#allToolsTable {font-size: 12px; color: #a8a8a8; text-align: left;}
#allToolsTable td {padding: 4px 8px 0 0;}
#moreTechInfo {font-weight: bold; display: block; text-align: center; font-size: 14px;}
.color {float: none !important;}

p.subtitle {text-indent:0; font-size:18px; color:#7B7962; line-height:24px;}

#testimonials ul {list-style:none;}
#testimonials li {color: #a2a2a2; font:12px Verdana, Geneva, Arial, Helvetica, sans-serif; line-height: 17px; text-indent: 10px; padding: 10px 0; text-align:left;}
#testimonials li a {font-weight:bold;}
#testimonials li strong {display:block; color:#ccc; font:bold 14px; font-style:normal; margin:4px 0;}
