/* reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
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; }

blockquote, q { quotes: none; }

:focus { outline: 0;}

ins { text-decoration: none;}

del {	text-decoration: line-through; }

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


/* generics */




* {font-size: 100%; padding: 0; margin: 0;}
body {font: 0.875em/1.3 Arial, Helvetica, sans-serif; margin: 0; padding: 0;
  color: #333; background: #fff; 
  min-width: 940px; margin: 0 auto;}

p {margin: 0 0 15px 0; padding: 0;}

ul {margin: 0 0 15px 8px; padding: 0 0 0 8px;}
ol {margin: 0 0 15px 15px; padding: 0 0 0 15px;}


p + ul {margin-top: -12px;}

input, textarea {font-size: 100%; font-family: Arial, Helvetica, sans-serif; line-height: 1.2;}

a {outline: 0;}
a:link, a:visited {color: #f90; text-decoration: none;}
a:hover, a:active {color: #f90; text-decoration: underline; outline: 0;} 
a img {border: none;}


h1  {clear: both; font-size: 2.571em; font-weight: normal; margin: 0 0 0.5em 0; padding: 0;}
h1 .categ {color: #f90;}
h2 {font-weight: normal; font-size: 1.285em; margin: 0 0 0.5em 0; padding: 0; text-transform: uppercase;}
h2 a:link, h2 a:visited, h2 a:hover, h2 a:active {color: #333;}
h3 {font-size: 1.33em; margin: 0; padding: 0;}
h4 {font-size: 1.53820em; text-transform: lowercase; line-height: 1; color: #002E6E; font-weight: normal; margin: 0 0 0.5em 0;}
h5 {font-size: 1em; margin: 0.5em 0 0;}
h6 {font-size: 0.85em; margin: 0.5em 0 0;}

.clr {display: block; clear: both;}


/* layout */
#wrapper { width: 940px; margin: 30px auto; }

#header {height: 100px; }
#logo {width: 250px; float: left;}
#nav {float: right; padding-top: 9px;}


#brands {width: 240px; height: 420px; background: #e1de74; float:left;}
#brands ul {margin: 0; padding: 0; list-style-type: none;}
#brands li {margin: 10px 10px 20px 10px;}
#brands a {display: block; color: #000; text-decoration: none;}
#brands .title {display: block; text-transform: uppercase; font-size: 1.714em;}
#brands .descr {display: block; font-size:0.857em; }
#brands a:link .title, #brands a:visited .title {color: #000; text-decoration: none;}
#brands a:hover .title, #brands a:active .title {color: #f90; text-decoration: none;}


#homeAnimation {width: 700px; height: 420px; float: right;}
#homeAnimation div {position: relative; width: 700px; height: 420px; overflow: hidden;}
#homeAnimation span {display: block; position: absolute; bottom: 10px; right: 10px; color: #fff;  font-size: 0.875em;}

#main {padding: 30px 0;}

.home #main {padding-left: 240px;}


.intro {font-size: 1.286em; }

.home .news .date {width: 115px; float: left;}
.home .news .summary {width: 430px; float: left;}
.home .news .photo {width: 105px; float: right;}
.home .news .title {text-transform: uppercase;}


#footer {font-size: 0.857em; margin: 20px 0;}
.logoCredits {width: 460px; float:left;}
.footerLinks {width: 460px; float:right; padding: 15px 0 10px 0; text-align: right;}
.copyright {clear: right; float:right; width: 460px; text-align: right; }
#footer a {color: #333;}
#footer .credit {clear: right; float:right; width: 460px; text-align: right; padding-top: 10px;}
#footer .credit a  {color: #999;}




.brand #main {width: 645px; float: right;}

.brand #brand {width: 240px; background: #e1de74; float:left; }
.brand .logo {margin: 0 0 10px 0;}



.inner {padding: 10px;}

.thumbs {border: solid 1px #e1de74; border-width: 1px 0; margin-bottom: 15px; font-size: 0.857em;}
.thumbs .item {width:105px; float: left; margin: 15px 10px 15px 0;}
.thumbs img {float: left; margin: 0 0 5px 0;}
.thumbs .last {margin-right: 0;}
.thumbs .title {display: block;  margin: 5px 0 0 0; text-transform: uppercase;}

.thumbs a:link .title, .thumbs a:visited .title {color: #000; text-decoration: none;}
.thumbs a:hover .title, .thumbs a:active .title {color: #f90; text-decoration: none;}

.buttons .item { font-size: 0.857em; margin: 0 0 0px 0;}
.buttons .item p {margin: 0;}
.buttons .last {margin-right: 0;}
.buttons .pdf {width: 150px; float: left; margin-right: 10px;}
.buttons .pdf a {display: inline-block; padding-left: 35px; background: url(../images/pdf.gif) no-repeat 0 0;}
.buttons .pdf .categ {display: block; margin-bottom: 0px;}

.product #main {width: 100%;}

#productInfo {width: 450px; float: left;}
#applications {width: 450px; float: right;}


#productApplications {width: 450px; margin-bottom: 30px; }
#productApplications .slide {position: relative; }
#productApplications .photo {width: 450px; overflow: hidden; margin-bottom: 5px;}
#productApplications .caption {font-size: 0.857em;}
#productApplications p {margin: 0 0 3px 0;}

#pager {margin: 5px 0 10px 0; font-size: 0.857em;}
#pager a, #pager strong { margin: 0 5px 0 0 ; padding: 3px 5px; border: 1px solid #e1de74; background: #fff; text-decoration: none;  color: #333; font-weight: normal;}
#pager a.activeSlide, #pager strong { background: #e1de74; }
#pager a:focus { outline: none; }

.back {text-transform: uppercase; font-size: 0.857em; margin: 15px 0;}

.categ {margin: 0 0 30px 0;}

.news .item {clear: both; margin: 0 0 20px 0;}
.news .date {width: 135px; float: left; mergin-right: 20px;}
.news .copy {width: 500px; float: left;}
.news .photo {width: 240px; float: right;}
.news #pager {margin-left: 135px; font-size: 0;}
.news #pager a, .news #pager strong {font-size: 11px;}

.page .photo {width: 240px; float:left; }
.page #main {width: 645px; float:right;}


.page .label {width: 100px; float: left;}


#nav_categories,  #nav_categories ul {list-style-type: none; margin: 0; padding: 0}
#nav_categories ul {position: relative; top: 0; left: 0; width: 645px; }
#nav_categories ul ul {position: relative; top: -1.3em; left: 170px; width: 475px; }

#nav_categories li {text-transform: uppercase; margin: 0; }
#nav_categories li li {text-transform: none;  }
#nav_categories li li li {text-transform: none; margin: 0 0 1.3em 0;}
#nav_categories li li li.last {margin: 0;}
#nav_categories .company {text-transform: uppercase; font-weight: bold;}




#sitemap,  #sitemap ul {list-style-type: none; margin: 0; padding: 0}
#sitemap ul {position: relative; top: -1.3em; left: 170px; width: 645px; }
#sitemap ul ul {position: relative; top: -1.3em; left: 170px; width: 475px; }

#sitemap li {text-transform: uppercase; margin: 0; }
#sitemap li.nosubs {margin: 0 0 1.3em 0; }

#sitemap li li {text-transform: none; }
#sitemap li li li {text-transform: none; margin: 0 0 1.3em 0;}
#sitemap li li li.last {margin: 0;}
#sitemap .company {text-transform: uppercase; font-weight: bold;}

#sitemap a {color: #333;}


.dealers1 {clear: both; width: 450px; float: left;}
.dealers0 {width: 470px; float: right;}


.force_height {
 height: auto !important;
 height: 650px; 
min-height: 650px; }