/************************************************/
/************ copyright forwest media ***********/
/************************************************/


/*================================================
base styles:
================================================*/
body {
margin: 0;
padding: 0;
font-size: 100%;
font-family: Arial, Helvetica, sans-serif;
}

div.clear-float { clear: both;}
div.ppt-flsh {
width: 720px;
margin: 20px auto;
text-align: center;
border: 3px solid #547bcc;
}
img.img-clear { border: none; padding: 0;}

ul { list-style-type: square;}
ul ul { padding-top: 10px; list-style-type: circle;}
ul ul ul { list-style-type: square;}
#content-l li { padding: 0 0 10px 0;}
ul.ul-pdfs { margin: 0; padding: 1em 0 0 1em; list-style-type: none;}

div.pdfbx {
padding: 10px;
background: #e5effa url(../images/contlist.jpg) top repeat-x;
border: 1px dotted #547bcc;
}

div.h-rule {
margin-top: 30px;
margin-right: 10%;
margin-left: 10%;
padding: 0 0 1px 0;
text-align: center;
border-top: 1px solid #547bcc;
border-bottom: 2px solid #e6ebf7;
}

p.date {
margin: 0 0 6px 0;
padding: 0;
font-family: monospace;
color: #666;
}
.txt-lght { color: #666666;}
.txtgrylrg { font-size: 1.4em; color: #999999; background: #ffffff;}

/* === used in the spare parts + consumables page === */
table.table1 {
border: 1px solid #547bcc;
}
tr.table1-head {
font-weight: bold;
color: #547bcc;
background: #ffffff;
}
tr.table1-body {
color: #ffffff;
background: #547bcc;
}

/* === used in the products pages === */
td.tblttl {
padding: 0 0.8em;
font-weight: bold;
color: #ffffff;
background: #547bcc url(../images/h2-gallery.jpg) top repeat-x;
border: 1px solid #3366cc;
}
td.tbltxt {
padding: 0.3em;
color: #333399;
background: #e5effa;
}

/*================================================
header styles:
================================================*/
#header-wrap {
padding: 0;
text-align: center;
color: #333399;
background: #ffffff url(../images/header-back.jpg) top left repeat-x;
}

#header {
width: 750px;
margin: 0 auto;
padding: 0;
text-align: left;
}


#header .hdLft {
float: left;
width: 200px;
}

#header .hdRght {
float: right;
width: 522px;
text-align: left;
font-size: 0.7em;
}

#header .hdRght .hdNews1 { float: left; margin: 6px 0; border: none; padding: 0;}
#header .hdRght .hdNews2 { float: right;}

#header .hdRght .hdNews2 #tickertape {
width: 404px;
margin: 6px 0;
padding: 7px 0 6px 6px;
text-align: left;
color: #666;
background: #cad6ef url(../images/tickertape.jpg) bottom repeat-x;
border-width: 1px;
border-style: solid;
border-color: #666 #ccc #ccc #666;
}
#header .hdRght .hdNews2 #tickertape a {
text-decoration: none;
color: #666;
}
#header .hdRght .hdNews2 #tickertape a:hover {
text-decoration: none;
color: #c00;
}

/*================================================
menu styles:
================================================*/
#menu-wrap {
margin: 0;
padding: 0;
font-size: 0.7em;
color: #333333;
background: #ffffff url(../images/img-menu.jpg);
}

#menu {
width: 750px;
margin: 0 auto;
padding: 0;
text-align: center;
}

#menu ul {
margin: 0;
padding: 0;
list-style: none;
line-height: 28px;
text-align: left;
}

#menu a {
width: 74px;
padding: 0;
display: block;
text-align: center;
text-decoration: none;
font-weight: bold;
color: #777777;
background: #ffffff url(../images/img-menu.jpg) bottom left repeat-x;
}

#menu li {
float: left;
width: 74px;
color: #333333;
background: #547bcc;
border-right: 1px solid #cccccc;
}

#menu li ul {
position: absolute;
width: 84px;
left: -999em;
line-height: 20px;
background: #e5effa;
}

#menu li ul a {
width: 156px;
padding: 2px 0 0 4px;
text-align: left;
font-weight: normal;
color: #333333;
background: #e5effa;
border-right: 1px solid #547bcc;
border-bottom: 1px solid #547bcc;
}

#menu li ul a:hover {
color: #990000;
background: #ffffff;
}

#menu li:hover, #menu li.sfhover {
position: static;
}

#menu li:hover ul, #menu li.sfhover ul {
left: auto;
}

#menu a:hover {
color: #990000;
background: #ffffff url(../images/img-menu.jpg) bottom left repeat-x;
}

/*================================================
content styles:
================================================*/
#container {
margin: 0;
padding: 0;
text-align: left;
color: #333399;
background: #ffffff;
}

#shdwlft {
width: 780px;
margin: 0 auto;
padding: 0;
background: url(../images/shdwlft.jpg) left repeat-y;
}

#shdwrght {
width: 780px;
margin: 0 auto;
padding: 0;
background: url(../images/shdwrght.jpg) right repeat-y;
}

#container2 {
width: 760px;
margin: 0 auto;
padding: 0;
color: #333399;
background: #ffffff;
}

#content-l {
float: left;
width: 438px;
margin: 10px 0;
padding: 20px 10px 20px 20px;
font-size: 0.75em;
color: #333399;
background: #ffffff;
border-right: 1px solid #cccccc;
}

#content-l h1 {
margin-bottom: 1em;
font-size: 1.5em;
font-weight: bold;
color: #333399;
background: #ffffff;
border-bottom: 5px solid #e5effa;
}

#content-l h2 {
font-size: 1.2em;
font-weight: bold;
}
#content-l h2.img-head {
width: 86%;
padding: 6px;
font-weight: bold;
color: #ffffff;
background: url(../images/h2-gallery.jpg) #547bcc bottom left repeat-x;
border: 1px solid #3366cc;
}

#content-l h3 {
font-size: 1.1em;
font-weight: bold;
}

#content-l a:link { color: #333399;}
#content-l a:visited { color: #8585c2;}
#content-l a:hover { color: #cc0000;}
#content-l a:active { color: #cc0000;}

/* index links */
#content-l .homebox,
#content-r .homebox {
margin: 8px auto;
padding: 4px;
text-align: center;
background-color: #eee;
border: 1px solid #ccc;
}
#content-l .homebox h3,
#content-r .homebox h3 {
margin: 2px 0;
padding: 4px;
text-align: left;
font-size: 1.2em;
color: #ffffff;
background: #547bcc url(../images/h2-links.jpg) bottom left repeat-x;
border: 1px solid #3366cc;
}
#content-l .homebox img,
#content-r .homebox img {
padding: 0;
border: none;
}

/* large product page images */
.center-img p {
margin: 10px;
padding: 4px;
text-align: center;
}
.center-img img {
margin: 10px;
padding: 4px;
background: #ffffff;
border: solid 2px #cccccc;
}

/* gallery images */
#content-l .gallery {
float: left;
width: 112px;
margin: 0 5px 15px 10px;
text-align: center;
font-size: 0.8em;
color: #9999d6;
background: #ffffff;
}
#content-l .gallery img { display: block; padding: 0; border: none;}
#content-l .gallery a { display: block; border: 4px solid #8585c2;}
#content-l .gallery a:hover { display: block; border: 4px solid #cc0000;}

/* case studies, news, products */
#content-l .img-links { margin: 10px 0; padding: 4px; border-bottom: 1px solid #dddddd;}
#content-l .img-links h2 { margin-top: 0;}
#content-l .img-links .photo { float: left; width: 112px; margin: 0 15px 10px 0; padding: 4px;}
#content-l .img-links .photo img { display: block; padding: 0; border: none;}
#content-l .img-links .photo a { display: block; border: 4px solid #8585c2;}
#content-l .img-links .photo a:hover { display: block; border: 4px solid #cc0000;}
#content-l .img-links .text { float: right; width: 271px; margin: 0 15px 10px 0; padding: 4px;}

/* this one used in orders only -- diff size images */
#content-l .img-links2 { margin: 10px 0; padding: 4px; border-bottom: 1px solid #dddddd;}
#content-l .img-links2 h2 { margin-top: 0;}
#content-l .img-links2 .photo { float: right; width: 216px; margin: 0 15px 10px 0; padding: 4px;}
#content-l .img-links2 .photo img { display: block; padding: 0; border: none;}
#content-l .img-links2 .photo a { display: block; border: 4px solid #8585c2;}
#content-l .img-links2 .photo a:hover { display: block; border: 4px solid #cc0000;}

/* faq pages + distributors head */
.faqhead {
margin: 10px 0;
padding: 5px;
font-weight: bold;
color: #ffffff;
background: #547bcc;
}
.faqline {
font-weight: bold;
border-bottom: 1px dotted #547bcc;
}

/* pdf link box*/
.pdf {
width: 350px;
margin: 10px 0 10px 20px;
padding: 10px;
background-color: #e5effa;
border: 1px solid #547bcc;
}

/* sitemap */
.tplvl {
width: 90%;
margin-top: 20px;
padding: 4px;
background-color: #e5effa;
border: 1px solid #547bcc;
}
.tplvl h2 { padding-left: 18px;}
.tplvl ul { padding-top: 4px; font-weight: bold;}
.tplvl li { padding-bottom: 4px;}
.tplvl li ul { padding-bottom: 4px; font-weight: normal;}

/* spare parts pages */
.sparehead {
margin: 20px 0;
padding-bottom: 5px;
font-weight: bold;
color: #354b6b;
background: #ffffff;
border-bottom: 4px solid #354b6b;
}
.spare2nd {
margin: 10px 0;
padding: 5px;
color: #354b6b;
background: #e5effa;
}
.spare3rd {
margin: 6px 0;
padding-left: 3px;
font-weight: bold;
color: #354b6b;
background: #ffffff;
}

/* contact page */
.contlist {
padding: 10px;
background: #e5effa url(../images/contlist.jpg) top repeat-x;
border: 1px solid #547bcc;
}
.contlist .row {
padding: 6px 0;
}
.contlist .row span.lft {
float: left;
width: 100px;
text-align: right;
}
.contlist .row span.rght {
float: right;
width: 280px;
text-align: left;
} 

/* content-r styles */
#content-r {
float: right;
width: 240px;
font-size: 0.75em;
margin: 10px 0;
padding: 10px 10px 20px 10px;
}

#content-r a:link { color: #333399;}
#content-r a:visited { color: #8585c2;}
#content-r a:hover { color: #cc0000;}
#content-r a:active { color: #cc0000;}

/* right links */
#content-r .lnks {
margin: 10px 0;
color: #333399;
background: #ffffff;
}
#content-r .lnks ul {
margin: 0;
padding: 0;
list-style: none;
background: #ffffff url(../images/lnks-ul.jpg) right repeat-y;
}
#content-r .lnks li ul {
background: #ffffff url(../images/lnks-ul.jpg) right repeat-y;
}
#content-r .lnks a {
width: 230px;
margin: 8px 0;
padding: 10px 0 10px 4px;
display: block;
text-decoration: none;
font-weight: bold;
color: #ffffff;
background: #cad6ef url(../images/h2-gallery.jpg) bottom repeat-x;
border: 1px solid #3366cc;
}
#content-r .lnks a:visited { color: #ffffff;}
#content-r .lnks a:hover { color: #ffffff; background: #cad6ef url(../images/h2-gallery-hov.jpg) bottom repeat-x;}
#content-r .lnks a:active { color: #990000;}
#content-r .lnks li ul a {
width: 200px;
padding: 2px 10px 2px 4px;
font-weight: normal;
color: #333333;
background: none;
border: none;
}
#content-r .lnks li ul a:visited { color: #333333;}
#content-r .lnks li ul a:hover { text-decoration: underline; color: #990000; background: none;}
#content-r .lnks li ul a:active { color: #990000;}

#content-r .lnks #current2 a {
padding-left: 10px;
font-weight: bold;
background: #dddddd;
border-left: 4px solid #990000;
}

#content-r .lnks2 {
width: 70%;
margin: 10px 0;
color: #333399;
background: #ffffff;
}
#content-r .lnks2 ul {
margin: 0;
padding: 0;
list-style: none;
}
#content-r .lnks2 a {
margin: 3px 10px;
padding: 2px 4px;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ffffff #dddddd #cccccc #eeeeee;
}
#content-r .lnks2 a:hover {
background: #e5effa;
}

#content-r .map {
padding: 10px 0 10px 4px;
color: #333399;
background: #ffffff;
border-width: 1px;
border-style: solid;
border-color: #e5effa #3366cc #3366cc #e5effa;
}

#content-r .map img {
padding: 0;
border: none;
}

#content-r .contactwrp {
margin-top: 60px;
}
#content-r .contact {
margin: 10px 0 0 0;
padding: 4px;
color: #333399;
background: #ffffff;
border-width: 1px;
border-style: solid;
border-color: #e5effa #3366cc #3366cc #e5effa;
}

/*================================================
footer styles:
================================================*/
#footer {
padding: 15px 0;
text-align: center;
font-size: 0.7em;
color: #666666;
background: url(../images/footer-back.jpg) bottom left repeat-x;
}

#footer a {
padding: 0 10px;
text-decoration: none;
text-align: center;
color: #666666;
}