*   { margin: 0px; padding: 0; }
img { border: none; }

/* TYPO */
body  { font-family: Arial, sans-serif; }
a     { color: #11568b; }

/* header typo */
#header li a        { font-size: 12px; font-weight: bold; text-decoration: none; }
#header li a.on,
#header li a:hover  { color: #fff; }

#header form .txt { font-size: 11px; color: #686868; }

/* sidebar typo */
#sidebar h2 { font-size: 16px; font-weight: bold; color: #fff; }

#sidebar a              { font-size: 12px; font-weight: bold; text-decoration: none; line-height: 14px; }
#sidebar li a:hover,
#sidebar li a.on     { color: #fff; }
#sidebar li li a        { color: #3b7daf; }
#sidebar li li a:hover,
#sidebar li li a.on  { color: #7c7c7c; }
#catalogBanner a        { color: #959595; }
#catalogBanner span     { font-size: 10px; color: #333; }

/* homeright typo */
#homeRight .box h2  { font-size: 13px; color: #666; font-weight: bold; }

#homeRight .box dt    { font-weight: normal; color: #959595; font-size: 10px; line-height: 11px; }
#homeRight .box dd    { line-height: 11px; }
#homeRight .box dd a  { font-size: 11px; text-decoration: none; }

/* home typo */
#slideBar span  { font-size: 16px; color: #7c7c7c; }
#homeContent h2 { font-size: 16px; color: #666; font-weight: bold; }

#homeProducts .text { font-size: 11px; text-decoration: none; line-height: 11px; }

/* inner pages typo */
div.text h2 { font-size: 22px; color: #959595; font-weight: bold; line-height: 25px; }
div.text    { font-size: 12px; color: #686868; line-height: 18px; }

.elList .date { font-size: 11px; color: #9a9a9a; font-weight: bold; }
div.text h3   { font-size: 18px; color: #0d6fb2; font-weight: bold; line-height: 20px; }

.textBar ul li  { line-height: 16px; }
.download a     { font-size: 11px; text-decoration: none; }

.paging,
.paging a         { color: #fff; font-weight: bold; text-decoration: none; font-size: 11px; }
.paging div a.prevOff,
.paging div a.nextOff { color: #80b7dd !important; }
.paging li a      { font-size: 12px; }

/* forms typo */
.contactForm em,
.contactForm .error     { color: red; }
.contactForm fieldset p { color: #979798; }
.contactForm .txt,
.contactForm textarea   { font-size: 11px; color: #686868; font-family: Arial, sans-serif; }

.contactForm button em  { font-weight: bold; color: #11568b; font-style: normal; }

/* footer typo */
#footer { color: #959595; font-size: 11px; }

#sign { color: black; text-decoration: none; }
#sign:hover,
#sign span  { color: red; }

/* GENERAL */
#container  { width: 950px; margin: 0px auto; }
#wrapper    { padding: 22px 0 10px 0; overflow: hidden; }

/* header */
#header { overflow: hidden; }

h1    { margin-top: 33px; float: left; }
h1 a  { width: 187px; height: 41px; display: block; background: url(../images/logo.gif); text-indent: -9000px; }

#header div         { float: right; width: 711px; background: #d4dbe2 url(../images/BKGnavright.gif) top right no-repeat; margin-top: 47px; }
#header ul          { list-style: none; }
#header li          { float: left; }
#header li a        { display: block; float: left; padding: 6px 13px 0 15px; height: 20px; }
#header li a.on,
#header li a:hover  { background: #afbcc9 url(../images/BKGnavON.gif) top left repeat-x; }

#header form    { float: right; }
#header .txt    { display: block; float: left; width: 150px; border: none; background: url(../images/BKGheaderInput.gif) top left no-repeat; margin-top: 2px; padding: 5px 0 4px 10px; }
#header button  { display: block; width: 23px; height: 22px; background: url(../images/BKGheaderButton.gif); border: none; text-indent: -9000px; margin: 2px 3px 0 0; cursor: pointer; float: left;}

/* sidebar */
#sidebar  { width: 227px; float: left; }

#sidebar h2 { background: #bcc9d6; padding: 10px 12px 15px 12px; }

#sidebar ul     { list-style: none; padding-left: 1px; background: #d2d6d9; margin-bottom: 42px; overflow: hidden; }
#sidebar ul a   { display: block; border-top: 1px solid #fff; padding: 4px 11px; }

#sidebar ul ul a  { padding: 4px 11px 4px 23px; }
#sidebar ul ul a:hover,
#sidebar ul ul a.on  { background: url(../images/BKGlistItem.gif) 11px 6px no-repeat; }

#sidebar ul ul  { margin: 0; background: #e9ebec; }

#catalogBanner      { width: 225px; border: 1px solid #e6e6e6; overflow: hidden; background: url(../images/BKGcatalogBanner.jpg) bottom right no-repeat; margin-bottom: 15px; }
#catalogBanner img  { display: block; float: left; margin-right: 10px; }
#catalogBanner a    { padding: 10px 36px 0 0; margin: 0 19px 4px 0; display: block; background: url(../images/ICONdownload.gif) right bottom no-repeat; }
#catalogBanner span { display: block; text-align: right; padding: 0 20px 10px 0; }

/* content */
#content  { width: 710px; float: right; }

/* homeright */
#homeRight { width: 188px; float: right; }

#newsBox  { background: #f0f2f3; }

#homeRight .box     { border: 1px solid #ccc; padding: 2px; margin-bottom: 15px; }
#homeRight .box h2  { background: #dce3e8 url(../images/BKGhomeRightH2.gif) top left repeat-x; padding: 3px 8px; margin-bottom: 10px; }

#homeRight dl       { padding: 0 10px; }
#homeRight dt       { border-left: 1px solid #959595; padding-left: 3px; margin-bottom: 3px; }
#homeRight dd       { padding-bottom: 20px; }
#homeRight dd a     { display: block; }

#homeRight ul         { list-style: none; padding: 0 2px; }
#homeRight ul li      { border-bottom: 1px dotted #ccc; padding: 11px 0 11px 0; }
#homeRight ul li.last { border: none; }
#homeRight ul li img  { display: block; margin: 0px auto; }

/* home */
#homeContent  { overflow: hidden; width: 514px; }

#homeContent .box { border: 1px solid #ccc; margin-bottom: 15px; }

#imgWrapper         { border-bottom: 1px solid #ccc; height: 226px; }
#imgWrapper img     { display: none; position: absolute; }
#imgWrapper img.on  { display: block;  }

#slideBar         { overflow: hidden; }
#slideBar ul      { list-style: none; width: 185px; float: right; padding-top: 5px; }
#slideBar li      { float: left; padding: 0 10px 5px 0; }
#slideBar li img  { display: block; border: 2px solid #b2afaf; cursor: pointer; width: 47px; height: 29px; }
#slideBar li.on   { opacity: 0.4; }
#slideBar span    { display: block; float: left; padding: 12px 0 0 13px; width: 300px; }

#homeProducts   { padding: 2px; }

#homeProducts h2        { background: url(../images/BKGhomeH2.gif) top left repeat-x; padding: 0 12px; margin-bottom: 10px; }
#homeProducts h2 span   { display: block; border-bottom: 1px dotted #ccc; padding: 3px 0; }

#homeProducts ul              { list-style: none; overflow: hidden; background: url(../images/BKGhomeFauxColumn.gif) 169px top repeat-y; margin-bottom: 6px; }
#homeProducts ul li           { float: left; width: 169px; text-align: center; }
#homeProducts ul li img       { margin-bottom: 11px; width: 150px; }
#homeProducts ul li .text img { margin: 0; width: auto; }
#homeProducts ul li a         { display: block; }

#homeProducts .text     { text-align: left; width: 116px; margin: 10px auto 22px auto; }

/* inner pages */
div.text   { background: url(../images/BKGtext.gif) top left no-repeat; padding: 0 30px 30px 30px; width: 650px !important; }
div.text h2 { margin: 15px 0 30px 0; }

div.text h3 { border-bottom: 1px solid #0d6fb2; padding-bottom: 4px; margin-bottom: 10px;  }

.imgBar     { float: right; text-align: right; padding: 30px 0 0 20px; }
.imgBar img { display: block; margin-bottom: 15px; }

.textBar        { overflow: hidden; }
.textBar ul     { list-style: none; margin: 0 0 15px 15px; }
.textBar ul li  { padding: 0 0 5px 12px; background: url(../images/BKGlistItem.gif) left 4px no-repeat; }

.elList     { list-style: none; }
.elList li  { overflow: hidden; padding: 0 0 10px 0; }

.elList h3 a            { text-decoration: none; }
.elList .date           { display: block; float: right; margin-top: 5px; }
.elList .imgBar         { padding: 0 0 0 20px; }
.elList .textBar        { margin-bottom: 20px; }
.elList .textBar li     { padding: 0 0 5px 12px; }
.elList .download       { margin-bottom: 20px; }
.elList .download a     { padding: 0 20px 0 17px; }
.elList .download .pdf  { background: url(../images/ICONpdf.gif) top left no-repeat; }
.elList .download .word { background: url(../images/ICONword.gif) top left no-repeat; }

.paging             { background: #006fba; overflow: hidden; margin-bottom: 15px; }
.paging div         { float: left; padding: 4px 10px 4px 5px; }
.paging div a,
.paging div span    { margin: 0 10px; }
.paging a.next      { padding-right: 10px; background: url(../images/ARROWnextON.gif) right 4px no-repeat; }
.paging a.nextOff   { background: url(../images/ARROWnextOFF.gif) right 4px no-repeat !important; }
.paging a.prev      { padding-left: 10px; background: url(../images/ARROWprevON.gif) left 4px no-repeat; }
.paging a.prevOff   { background: url(../images/ARROWprevOFF.gif) left 4px no-repeat !important; }
.paging ul          { list-style: none; border-left: 2px solid #e3e5e7; float: left; }
.paging li          { float: left; border-right: 2px solid #e3e5e7; }
.paging li a,
.paging li span     { display: block; padding: 4px 6px; }
.paging li a:hover,
.paging li a.on     { background: #ed1c24; }

.contactBox     { width: 170px; border: 1px solid #e9ebec; background: #fff; padding: 0 8px 40px 15px; margin: 18px 0 30px 0; float: left; }
.contactBox h2  { margin-bottom: 15px !important; }
.map            { display: block; float: right; margin: 19px 0 30px 0; }

/* forms */
.contactForm                { border: 1px solid #e9ebec; background: #fff; padding: 0 0px 15px 15px; clear: both; overflow: hidden; }
.contactForm h2             { margin-bottom: 15px !important; }
.contactForm p              { margin-bottom: 10px; }
.contactForm fieldset       { border: none; width: 360px; float: left; }
.contactForm fieldset p     { margin-top: 15px; }
.contactForm label          { display: block; width: 50px; float: left; }
.contactForm fieldset label { clear: left; width: 95px; }
.contactForm .txt           { border: none; background: #e8eaec; width: 220px; padding: 3px 5px; margin-bottom: 7px; }
.contactForm textarea       { border: none; background: #e8eaec; width: 200px; height: 150px; padding: 3px 5px; margin-bottom: 7px; }
.contactForm .captcha       { display: block; margin-left: 96px; }
.contactForm .error         { display: block; margin: 5px 0 5px 96px; }

.contactForm button         { display: block; float: right; border: none; background: none; cursor: pointer; margin: 10px 10px 0 0; }
.contactForm button span    { background: url(../images/BUTTONright.gif) top right no-repeat; display: block; }
.contactForm button span em { background: url(../images/BUTTONleft.gif) top left no-repeat; display: block; padding: 3px 16px 7px 16px; }

/* footer */
#footer       { border-top: 1px solid #d4dbe2; padding: 3px 2px 20px 2px; }
#footer .mark { display: block; float: right; }