/* Containers */
html{margin:0; padding:0; height:100%; background:#fff /*url(/css/contimg/light_bg.png) top left repeat;*/}
body {margin:0; padding:0; height:100%; /* font:0.75em/1.5em */ font:12px/1.5em Arial, Helvetica, sans-serif; color:#1A2127; background:transparent url(/css/contimg/body-bg.png) top left repeat-x;}
#container {margin:0 auto; width:930px; position:relative; min-height:100%; height:auto !important; height:100%; padding-bottom: 80px;}
#content {float:left; width: 930px; height:auto; margin:0; padding: 0; background: transparent url(/css/contimg/content-bg.png) top left repeat; }
#content-inner {float:left; width: 910px; height:auto; margin:0 0 10px 0; padding: 0 10px 0 10px; }
.col { float:left; width:600px; padding: 20px 20px; margin:0; position:relative; min-height:290px; height:auto !important; height:290px;}
#main {width: 640px; margin:0;}
#header {float:left; width:930px; height:244px; overflow:hidden; position:relative; background: transparent url(/css/contimg/content-bg.png) 0px 100px repeat-x; }
#banner {float:left; width:930px; height:50px; padding-top: 30px; background: transparent url(/css/contimg/mast-bg.png) left bottom no-repeat; position:relative; overflow:hidden;}


/* Side Menu's */
#side-menu {width:200px; margin:0; padding:20px 10px; margin-right:10px;}
#side-menu ul { float:left; width:200px; margin:0; margin-top:10px; padding:0; display:block;}
#side-menu ul li:first-child {border-top: 1px dotted #000; }
#side-menu ul li {float:left; width: 200px;list-style:none; margin: 0; padding:0; font-weight:bold; border-bottom: 1px dotted #000;}
#side-menu ul li a {float:left; width: 190px; height:auto; position:relative; color:#000; cursor:pointer; text-decoration:none; font-weight:bold; padding: 8px 5px; border:none; line-height: 1.2em;}
#side-menu ul li a:hover {text-decoration:none; color: #000; background:transparent url(/css/contimg/yellow-light.png) repeat 0 0;}


/* Formatting */
a:link, a:visited {color:#000; text-decoration:none; border-bottom: 1px #000 dotted;}
a:hover {color:#777; text-decoration:none; border-bottom: 1px #777 dotted;}
a:focus, a:active { outline:none; }
p {margin: 0 0 1em 0; padding:0; line-height:1.3em;}
h1 {text-align:right; float:right; width: 360px; height: 28px; line-height: 14px; font-weight:bold; font-size: 12px; font-weight:bold; text-transform:uppercase;  margin:0 10px 0 0; padding:11px 10px 11px 0;}
h2 {font-size: 1.8em; line-height:1em; margin:0 0 0px 0; padding:0; color:#000; text-transform:uppercase; letter-spacing: -0.05em;}
h3 {font-size: 1.3em; line-height:1em; margin:10px 0 5px 0; padding:0; color:#000; text-transform:uppercase;} 
h4 {font-size: 1.1em; line-height:1em; margin:20px 0 0 0; padding:0; color:#000; text-transform:uppercase;}
h5 {font-size: 1em; line-height:1em; margin:0 0 0 0; padding:0; color:#000;}


/* links */
a.more-yellow { text-transform:uppercase; text-decoration:none; color: #000; background: transparent url(/css/contimg/more-yellow.png) top right no-repeat; font-size: 1em; float:right; line-height: 22px; height:22px; padding: 0px 32px 0px 8px; letter-spacing: -0.05em; position:absolute; bottom:0; right:0; border:none;}
a.more-yellow:hover {text-decoration:none; color: #000; background-position: bottom right;}
a.more-grey { text-transform:uppercase; text-decoration:none; color: #fff; background: transparent url(/css/contimg/more-grey.png) top right no-repeat; line-height: 22px; font-size: 1em; float:right; height:22px; padding: 0 32px 0 8px; letter-spacing: -0.05em; position:absolute; bottom:0; right:0; border:none; }
a.more-grey:hover {text-decoration:none; color: #fff; background-position: bottom right;}
a.back { text-transform:uppercase; text-decoration:none; color: #000; background: transparent url(/css/contimg/back-yellow.png) top left no-repeat; line-height: 22px; font-size: 1em; float:left; height:22px; padding: 0px 8px 0px 32px; letter-spacing: -0.05em; position:absolute; bottom:0; left:0; border:none;}
a.back:hover {text-decoration:none; color: #000; background-position: bottom left;}
a.pdf_download {float:left; margin:0 0 1em 0; padding: 0 0 0 20px; background: url(/images/icons/pdf.png) center left no-repeat; border:none; height: 20px; clear:both;}
a.pdf_download:hover {border:none; color:#000;}
a.pdf_download span {color: #000; border-bottom: 1px dotted #000;}
a.pdf_download:hover span { color: #777; border-bottom: 1px dotted #777;}
a.top {float:right; margin:0; width:auto; text-transform:uppercase; text-decoration:none; color: #000; padding:0; font-size:0.91em; line-height:1.2em; clear:both;}
a.top:hover { color: #777; border-bottom: 1px #777 dotted;}
a#logo {float:left; margin-left:130px; width:320px; height: 50px; background: transparent; border:none; text-indent:-9999px;}


/* Primary Navigation */
#primary-nav {position:relative; float:left; width:930px; height:100px;}
#primary-nav ul { position:absolute; float:left; height:30px; bottom:10px; right:0; margin:0; padding:0; padding-right:74px; background: transparent url(/css/contimg/nav-bg.png) right top no-repeat;}
#primary-nav ul li { margin:0; padding:0; list-style:none; float:left; height:30px;}
#primary-nav ul li a {float:left; height:30px; padding:0; margin:0; text-decoration: none; margin-left:-7px; background-color: transparent; background-position: left top; background-repeat:no-repeat; border:none;}
#primary-nav ul li a span {display:none;}
#primary-nav ul li a:hover {background-position: left bottom; cursor: pointer;}
a#home-n {background-image: url(/css/contimg/home_btn.png); width:88px;}
a#about-n {background-image: url(/css/contimg/about_btn.png); width:87px;}
a#products-n {background-image: url(/css/contimg/products_btn.png); width:112px;}
a#guides-n {background-image: url(/css/contimg/guides_btn.png); width:145px;}
a#faq-n {background-image: url(/css/contimg/faq_btn.png); width:63px;}
a#contact-n {background-image: url(/css/contimg/contact_btn.png); width:104px;}
body#home a#home-n, body#about a#about-n, body#products a#products-n, body#guides a#guides-n, body#contact a#contact-n, body#faq a#faq-n {background-position: left bottom;}


/* Header Links */
#header-links { float:left; width: 890px; margin: 10px 10px 0 10px; padding: 10px 10px; height:24px; background:#fff url(/css/contimg/normal-bg.png) repeat 0 0;  font-size:0.91em;}
#header-links ul { float:right; margin:0; padding:0;}
#header-links li {list-style:none; display:inline; margin:0; padding:0;}
#header-links li a { float:left; text-decoration: none; line-height:24px; border:none;}
#header-links li a:hover {background-position: bottom left; color: #666666;}
#search_btn { padding-left:24px; background: transparent url(/css/contimg/search-icon.gif) no-repeat left top;  }
#print_btn { padding-left:24px; background: transparent url(/css/contimg/print-icon.gif) no-repeat left top; margin-left:15px;}
/*quicksearch*/
form#quick-search { float:left; width: 260px; margin: 0; padding:0; background: none; }
form#quick-search input#Keywords { float:left; color: #1C2122; font-size: 1em; width: 153px; height: 14px; padding: 5px 0px 5px 25px; background: transparent url(/css/contimg/search-bg.png) no-repeat; border: none; }
form#quick-search input#quick-search-btn {float:left; width:50px; height:24px; line-height:24px; text-align:center; cursor:pointer; color:#fff; background: transparent url(/css/contimg/search-bg.png) no-repeat top right; border: none; }
form#quick-search input#quick-search-btn:hover { background-position: bottom right; color:#fff; }
form#quick-search a#clear-search {width: 24px; height:24px; margin: 0; float:left; background: transparent url(/css/contimg/search-bg.png) no-repeat -177px top; margin-right:5px; cursor: pointer; border:none; text-indent:-9999px;}


/* Slideshows */
#slide-outer {float:right; width: 220px; height: 330px; position:relative; margin:0; overflow:hidden; }
#slide-inner {float:left; width: 220px; height: 330px; position:relative; margin:0; }
.slide {float:left; width: 220px; height: 330px; position:relative; margin:0; padding:0; display:inline;}
.slide-message { float:left; width: 200px; height:auto; margin-top: 50px; display:inline; background: #000; color: #fff; padding: 10px; background: transparent url(/css/contimg/black_transparent.png) repeat left top;}
.slide-message h3 {font-size: 1.3em; font-weight:bold; color: #fff; margin:0; margin-bottom:0.5em; padding:0; text-transform:uppercase; }
.slide-message p {font-size:0.91em; line-height:1.3em; margin:0; padding:0;}
.slide a {margin:0; position:absolute; right:0; bottom: 0px;}
a#pause {float:left; width: 24px; height: 24px; position: absolute; bottom:0; left:0; background: transparent url(/css/contimg/pause.png) bottom left no-repeat; z-index:998; text-indent:-9999px; border:none;}


/*quicklinks*/
#quicklinks {float:left; width: 910px; height:auto; margin:0; padding: 0 10px 0 10px; background: transparent url(/css/contimg/content-bg.png) top left repeat;}
#quicklinks .col {width:200px; min-height:90px; height:90px;  padding:10px; margin-left:10px; color:#fff;}
#quicklinks h3 {color:#fff; margin: 0 0 5px 0;}
#quicklinks p {font-size:0.91em; margin:0; line-height: 1.3em;}


/* entries */
.entry {float:left; width:640px; border-bottom: 1px dotted #000; margin:10px 0 0 0; padding: 0 0 20px 0}
.entry h3 {float:left; width:100%; border-bottom: 1px solid #000; margin:0; padding:0; margin-bottom: 0.5em;}
#welcome p {font-size: 1.1em; line-height:1.3em;}
.separator {float:left; width: 220px; height:10px; margin: 0px 0 10px -10px; background:url(/css/contimg/content-bg.png) left top repeat-x; clear:both;}


/* Footer */
#footer {float:left; width:930px; height: 120px; background: transparent url(/css/contimg/content-bg.png) top left repeat-x; margin:0 0 30px 0; padding:10px 0 10px 0; color: #000; position:relative;}
#footer-inner {float:left; width:910px; padding: 0 10px; height: 120px; background: url(/css/contimg/footer-bg.png) top left no-repeat; position:relative; }
#footer-left {float:left; margin:0; width:510px; font-size:0.91em; position:absolute; bottom:10px; left:20px;}
#footer ul {margin:0; padding:0;}
#footer li {list-style:none; margin:0; padding:0; display:inline;}
#footer a {color: #000; text-decoration:none; margin: 0 6px 0 2px; padding:0; display:inline;}
#footer a:hover {color:#fff; text-decoration:none; border-bottom: 1px dotted #fff;}
#footer p { margin: 3px 0 0 0; padding:0;}


/* Product Menu - scrollpane*/
.scrollOuter {padding:0px 0 0 0; margin:0 auto 0 auto; z-index:1; position:relative;}
#pane {float:left; height:220px; padding:0; margin:0; width:200px; overflow:auto; position: relative;}
.jScrollPaneContainer {position: relative; overflow: hidden; z-index: 1; margin: 20px 0; }
.jScrollPaneTrack { position: absolute; cursor: pointer; left: 0; top: 0; height: 100%; width: 20px; float:left; background:transparent url(/css/contimg/yellow-light.png) repeat 0 0; }
.jScrollPaneDrag { position: absolute; background:transparent url(/css/contimg/handle.gif) no-repeat center left; cursor:pointer; cursor: pointer; overflow: hidden; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }
a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0px; left: 0; text-indent: -2000px; overflow: hidden; background:transparent url(/css/contimg/scroll_up_btn.png) no-repeat 0 0; height: 25px; width:20px; }
a.jScrollArrowUp:hover { background-position: 0 -25px; }
a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0px; left: 0; text-indent: -2000px; overflow: hidden; background:transparent url(/css/contimg/scroll_down_btn.png) no-repeat 0 0; height: 25px; width:20px; }
a.jScrollArrowDown:hover { background-position: 0 -25px; }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { background-position: 0 -25px; }
#pane li { float:left; clear:both; list-style:none; width:200px; height:auto; margin:0; padding:0; text-transform:uppercase;}
#pane ul {margin:0; padding:0; }
#pane span {display:block; margin:0; padding:0;}
#pane li a {float:left; width:160px; height:auto; position:relative; color:#000; cursor:pointer; text-decoration:none; font-weight:bold; padding: 2px 4px;}
#pane li a:hover, #pane li a.selected:hover {text-decoration:none; color: #000; background:transparent url(/css/contimg/yellow-light.png) repeat 0 0;}
#pane li a.selected {background:transparent url(/css/contimg/grey-medium.png) repeat 0 0;}
#pane li.collapsable ul {margin:0px 0; padding:0; float:left;}
#pane li.collapsable li span{padding-left:15px;}
#pane ul li.collapsable ul{padding-left:15px;}


/* Breadcrumbs */
.breadcrumbs { margin: 0.5em 0; padding: 0;}
.breadcrumbs p {float:left; width: 640px; margin:0; margin-bottom: 0.5em;}
.breadcrumbs a {margin: 0 0.5em;}
.breadcrumbs p.subs a { margin:0; margin-right: 0.5em; }
p.subs strong {float:left; width:auto;}
p.subs span {float:left; width:400px; margin-left: 0.5em; }


/* Slideshows */
#pics-outer {float:right; width:250px; height:auto; padding: 10px 10px 10px 10px; margin: 0 0 10px 20px; background:transparent url(/css/contimg/content-bg.png) repeat 0 0; position:relative; }
div.pics {float:left; height: 175px; width:250px; overflow:hidden; }
.pics a img, .pics a:hover img {border:none; }
#picsnav {float:right; margin: 0px 0px 0px 0; padding: 5px 0}
#picsnav a {border: 1px #666 solid; padding: 0px 3px 4px 3px; text-decoration:none; color: #666; margin: 5px 0px 10px 4px; float:left;}
#picsnav a:hover {text-decoration:none; color: #666; background:transparent url(/css/contimg/yellow-light.png) repeat 0 0;}
.welcome p {font-size:1em; line-height: 1.4em; margin: 0 0 1em 0;}
.doc-link {  float:left; width:auto; clear:both; margin: 3px 0; padding-left: 20px; background:transparent url(/images/icons/pdf.png) no-repeat 0 0; display:inline;}
.item {float:left; width:870px; border-top: 1px #777 dotted; padding: 20px 0; margin: 0px 0 0 0; position:relative;}
.item p {margin:1em 0; padding:0;}
.item small {font-size: 0.91em; line-height:1.5em; padding:0; margin: 5px 0; color:#666; display:block; }


/* Pagination Links */
.paginate {float:left; width: 870px; margin: 20px 0; padding:0; text-align:right; line-height: 13px; font-size:10px; float:left;}
.paginate a {border: 1px #666 solid; padding: 1px 3px 1px 3px; text-decoration:none; color: #666; margin-left: 3px;}
.paginate a:hover {text-decoration:none; color: #666; background:transparent url(/css/contimg/yellow-light.png) repeat 0 0;}
.paginate b {border: 1px #666 solid; padding: 1px 3px 1px 3px; text-decoration:none; color: #666; margin-left: 3px; text-decoration:none; color: #666; background:transparent url(/css/contimg/grey-medium.png) repeat 0 0; }
.paginate p {float:right; margin:10px 0; padding:0;}


/*forms*/
form {float:left; width:auto; margin:0; padding:0;}
fieldset {width:850px; margin: 20px 0 20px 0; border: 1px #777 solid;}
.field {float:left; width: 400px; margin:8px 0 0 0; padding:0; clear:both; }
.field label {float:left; width: 100px; text-align: right; font-weight:bold; line-height: 20px; margin-bottom: 5px;}
.field input {float:left; margin:0; margin-left: 10px; width: 250px; border:1px #777 solid; padding: 2px 2px; background: #F2F2F2; margin-bottom: 5px; }
.field textarea {float:left; width:250px; margin-left: 10px; margin-bottom: 5px; padding: 2px 2px; height: 100px; border:1px #777 solid; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:0.9em; background: #F2F2F2}
.field select, field .select {float:left; width:auto; margin-left: 10px;}
input.submit_btn {color: #fff; float:left; margin-left: 210px; line-height:24px; margin-top: 10px; width: 90px; height: 24px; border: none; background: url(/css/contimg/submit-btn.png) no-repeat top left; padding: 0px 8px; }
input.submit_btn:hover { background-position: bottom left; color:#fff; cursor:pointer; }
input.input-focus, textarea.input-focus {background: #fff;}
input.check {border:none; background:none;}
span.required {color:#CC0000; margin-right: 5px;}
em.error {margin-left:110px; color:#CC0000; font-size: 0.91em; font-style:normal; padding-left: 16px; background: transparent url(/css/contimg/error.png) center left no-repeat; line-height:14px; text-align:left; clear:both; display:block;}
em.ok {float:left; width: 250px; margin-left:210px; color:#66CC00; font-size: 0.85em; font-style:normal; padding-left: 16px; background: transparent url(/css/contimg/ok.png) center left no-repeat; line-height:14px;  text-align:left;}
span em.error {margin-left:0;}
#captchaSpan em.error, em.span {margin-left:0;}
#captchaSpan img {display:block;}
#searchform em.error, span.error {margin-left:100px;}


/* Contact Details */
.contact {float:left; width: 410px; padding: 20px 0px; margin:0; border-bottom: 1px #000 dotted;}
.contacts h3 {margin-bottom: 5px; }
.contact-detail {float:left; width:370px; margin: 2px 0;}
.contact-detail strong {float:left; width: 100px; text-align: right;}
.contact-detail span {float:left; margin-left: 5px; text-align:left;}
.contact-map {float:left; width:300px; margin: 20px 0; text-align:center;}
.contact-map a {color: #000; margin: 1em 0;}
.map a {border:none;}


/* Tables */
table.info {width: 640px; border-collapse: collapse; margin: 10px 0 20px 0; padding:0; }
table.info td { border-collapse: collapse;}
table.info thead { /*background:transparent url(/css/contimg/yellow-light.png) repeat 0 0;*/ background: #000; color:#fff; text-transform:uppercase; font-weight:bold; border:none;}
table.info thead td { border-collapse: collapse; border: 1px solid #777; font-size:1em; font-weight:bold; text-transform:uppercase; padding: 5px 5px;}
table.info tbody {}
table.info tbody tr {border-bottom: 1px dotted #000;}
table.info tbody td {vertical-align:top; padding: 5px 5px;}


/* Product Tables */
table.data_table {float:left; width:640px; border-collapse:collapse; border:none;}
table.data_table tbody { font-size:0.91em; }
table.data_table tbody {border:none;}
table.data_table tbody tr {border:none; border-bottom: 1px #fff solid;}
table.data_table td {padding: 10px 3px;}
table.data_table thead tr {background:transparent url(/css/contimg/yellow-light.png) repeat 0 0; text-transform:uppercase; font-weight:bold; border:none;}