@charset 'UTF-8';

* {
    letter-spacing: 0px;
}

html {
    margin: 0px;
    padding: 0px;
    overflow-y: scroll;
}

body {
    padding: 0;
    margin: 0;
    background-color: #060606;
}

body.mceContentBody {
    /*background: #000000;*/
}

body.mceContentBody, body.mceContentBody.p {
    /*color: #FFFFFF;*/
}

body, td, div, p, h1, h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #EDEDED;
}

img {
    behavior: url('/css/htc/iepngfix.htc');
    border: 0px;
}

a:link, a:visited {
    color: #777777;
    text-decoration: none;
}

a:hover, a:active {
    color: #F88C00;
    text-decoration: none;
}

h1 {
    margin: 5px 0;
    padding: 0px;
    font-size: 17px;
    line-height: 17px;
    font-weight:normal;
	color: #f88c00;
	font-style:italic;
}

h2 {
    margin: 5px 0;
    padding: 0px;
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
}

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

h4 {
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    line-height: 12px;
    font-weight: normal;
}

p {
    margin: 0 0 2em 0;
    padding: 0;
	line-height:20px;
}

td, div, p, span {
    line-height: 110%;
}

form {
    margin: 0px;
    padding: 0px;
}

center {
    margin: 0px;
    padding: 0px;
}

ul {
    margin: 10px;
    padding: 0px;
}

ul li {
    margin: 0 0 4px 14px;
    padding: 0 0 0 -2px;
}

ul.nobullet li {
    list-style-type: none;
}

ol {
    margin: 10px 0 10px 10px;
    padding: 0px;
}

ol li {
    margin: 0 0 4px 16px;
    padding: 0 0 0 -4px;
}

/* PAGE LAYOUT */

#container {
    position: relative;
    margin: 0px auto;
    width: 1024px;
}

#header_bg1 {
    background-image: url('/images/layout/header_bgd.jpg');
    background-repeat: no-repeat;
    background-position: top left;
}

#header_bg2 {
    background-image: url('/images/layout/snare.png');
    background-repeat: no-repeat;
    background-position: 100% 30px;
}

#header {
}

#header #logo {
    padding-left: 30px;
    text-align: center;
}

#header #banner {
    padding-left: 97px;
    text-align: center;
}

#topnav {
    position: absolute;
    z-index: 9000;
    top: 0px;
    left: 0px;
    height: 41px;
    background-color: #060606;
}

#content {
    width: 862px;
    margin: 0px auto;
    padding: 10px 0 10px 30px;
}

#content, #content td, #content div, #content p {
    line-height: 18px;
}

#footer {
    position: relative;
    margin: 4px auto;
    width: 1024px;
    text-align: center;
    font-size: 12px;
}

#footer a:link, #footer a:visited {
    color: #9C9D9F;
}

#footer a:hover, #footer a:active {
}

#footernav {
    height: 35px;
    overflow: hidden;
    padding-top: 4px;
    background-image: url('/images/layout/nav_border-fade.png');
    background-repeat: no-repeat;
    background-position: top center;
}

#socialicons {
    position: absolute;
    top: 62px;
    left: 740px;
}

#footer-copyright {
    margin: 15px 0;
    text-align: center;
    font-size: 12px;
}

/*
#footer-copyright a {
    color: #777777;
}
*/

/* MESSAGE CLASS */

.message-err {
    margin-bottom: 10px;
    padding: 5px 0 5px 30px;
    border: 1px solid #FF0000;
    color: #FF0000;
}

.message-msg {
    margin-bottom: 10px;
    padding: 5px;
    border: 1px solid #000000;
    color: #000000;
}

.message-success {
    margin-bottom: 10px;
    padding: 5px;
    border: 1px solid #008000;
    color: #000000;
}

/* VALIDATION */

.formRequired_fail {
    border: 1px solid #FF0000;
}

input.validation-failed, textarea.validation-failed {
    border: 1px solid #FF3300;
    color : #FF3300;
}

input.validation-passed, textarea.validation-passed {
    border: 1px solid #00CC00;
    color : #000;
}

.validation-advice, .custom-advice {
    margin: 0 5px;
    color: #FF0000;
}

/* MISC */

.curved {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    behavior: url(/css/htc/border-radius.htc);
}

fieldset {
    border: 1px solid #CCCCCC;
    margin: 1em 0;
    padding: 1em;
}

fieldset legend {
    display: block;
}


/* NAVIGATION */

.nav					{ position: relative; height: 41px; z-index: 50; background-color: #060606; width: 1024px; margin:0; }
.nav li 				{ position: relative; height: 41px; list-style: none; float: left }
.nav li a			 	{ position: relative; height: 41px; display:block; text-decoration:none; cursor: pointer; color:#060606 }
.nav li strong 			{ position: absolute; top: 0px; left: 0px; display: block; height: 41px; }
.nav li, .nav li a, .nav li strong, .nav li div	{ background-image: url(/images/layout/nav.gif); margin:0; background-color:#060606; }
#home .nav a:hover		{ text-decoration: none;}

.nav li.nav1, .nav li.nav1 a, .nav li.nav1 a strong     { background-position: 0 0; width: 156px; }
.nav li.nav2, .nav li.nav2 a, .nav li.nav2 a strong		{ background-position: -155px 0px; width: 132px }
.nav li.nav3, .nav li.nav3 a, .nav li.nav3 a strong		{ background-position: -288px 0px; width: 150px }
.nav li.nav4, .nav li.nav4 a, .nav li.nav4 a strong		{ background-position: -438px 0px; width: 172px }
.nav li.nav5, .nav li.nav5 a, .nav li.nav5 a strong		{ background-position: -610px 0px; width: 97px }
.nav li.nav6, .nav li.nav6 a, .nav li.nav6 a strong		{ background-position: -707px 0px; width: 146px }
.nav li.nav7, .nav li.nav7 a, .nav li.nav7 a strong		{ background-position: -853px 0px; width: 171px }

/* HOVER STATE */
.nav li.nav1, .nav li.nav1 a:hover strong, .nav li.nav1 a strong.selected   { background-position: 0px -41px; width: 156px }
.nav li.nav2, .nav li.nav2 a:hover strong, .nav li.nav2 a strong.selected   { background-position: -155px -41px; width: 132px }
.nav li.nav3, .nav li.nav3 a:hover strong, .nav li.nav3 a strong.selected	{ background-position: -288px -41px; width: 150px }
.nav li.nav4, .nav li.nav4 a:hover strong, .nav li.nav4 a strong.selected	{ background-position: -438px -41px; width: 172px }
.nav li.nav5, .nav li.nav5 a:hover strong, .nav li.nav5 a strong.selected	{ background-position: -610px -41px; width: 97px }
.nav li.nav6, .nav li.nav6 a:hover strong, .nav li.nav6 a strong.selected	{ background-position: -707px -41px; width: 146px }
.nav li.nav7, .nav li.nav7 a:hover strong, .nav li.nav7 a strong.selected	{ background-position: -853px -41px; width: 171px }

.nav li ul li a:link, .nav li ul li a:visited	{
    background: #060606 no-repeat 10px 10px;
    color: #fff;
    display: block;
    font-size: 9px;
    height: 100%;
    padding: 6px 5px 6px 15px;
    text-decoration: none;
    width: 110px
}

* html .nav li ul li a:link, .nav li ul li a:visited	{ width: 130px; w\idth: 110px;}

.nav li ul li	{ height: auto; width: auto; }

.nav li ul li a:hover {	background: #060606 no-repeat 10px 10px; color: #F88C00; }

.nav ul 	{ list-style: none; }
.nav li ul  { display: none; position: absolute; top: 25px;	left: 0px; z-index: 50; }
.nav li>ul 	{ top: 25px; left: 0px; z-index: 50; }
.nav li.nav10 ul  { top: 25px;	left: -44px; z-index: 50; }

.nav li:hover ul, .nav li.over ul 	{ display: block; padding: 0px; opacity: .95; filter: alpha(opacity=95); z-index: 50; }

/* NEWS */

.news_paging {
    text-align: right;
}

.news_listing {
    margin: 5px 0 10px 0;
}

.news_listing .title {
    font-weight: bold;
}

.news_listing .date {
    font-size: 11px;
    color: #A1A1A1;
}

.news_listing .content {
}

.news_article .heading {
    margin: 0px;
    padding: 0px;
}

.news_article .date {
    margin-bottom: 8px;
    font-size: 11px;
    color: #A1A1A1;
}

.news_article .content {
}

.news_article .images {
    margin-top: 15px;
}

.news_article .images a {
    margin-left: 10px;
}

/* PRODUCTS */

.prod_td {
    border-top: 10px solid #000000;
    border-right: 15px solid #000000;
    border-bottom: 15px solid #000000;
    border-left: 15px solid #000000;
    background-color: #111111;
}

.prod {
    width: 216px;
    height: 100%;
    padding: 10px;
    text-align: center;
}

.prod .thumb {
    margin-bottom: 2px;
    padding: 2px;
    border: 1px solid #EFEFEF;
}

.border {
    border: 1px solid #EFEFEF;
    padding: 2px;
}