* {
font-size: 100%;
word-wrap: break-word; margin: 0; padding: 0;
}
html,body{margin:0;padding:0; background: #FFFFFF url(../images/background/shadow.png) repeat-x;}
body{ font: normal 62.5% Verdana, Helvetica,  Arial, sans-serif;}
p{margin: 0 0px 10px 15px; }
a{ color: #0066CC; padding:0px; margin: 0px; text-decoration: none; font-weight:bold;}
a:visited { color: #0066CC;}
a:hover{text-decoration: underline; color: #0066CC;}
img{border: 0; padding: 0; margin:0;}
hr {border: none 0; border-top: 1px solid #DDD; width: 100%; height: 1px;}
table{ clear:both;}
th, td
{
vertical-align:top;
text-align:center;
padding:5px;
}
td.lt, th.lt{
text-align:left;
}
.floatright{float:right; padding-left:10px;}
.floatleft{width:38%; float:left; margin-left:15px;}
.tableborder
{
width:588px;
border: 1px #999999 solid;
border-collapse: collapse;
font-size: 0.9em;
margin: 0 0 30px 15px;
}
.tableborder tr
{
padding:0;
margin:0;
}
.tableborder td
{
vertical-align:middle;
}
.tableborder h6
{
font-size: 1.2em;
line-height:1.4em;
font-weight:bold;
text-align:left;
}
.tableborder p
{
text-align:left;
}
.tableborder a
{
font-weight:bold;
}
.tabletitle
{
background: #006BB4 url(../images/background/main_bg.png) repeat-x;
text-transform: uppercase;
font-weight:bold;
font-size:12px;
line-height: 3em;
color:#FFFFFF;
}
.length{	display:block;
font-style: italic;
margin:5px 10px 5px 10px;
}
.ref
{
background: #CDDDCD;
}
.producttitle
{
background: #F1F1F1;
font: small/3em Arial, sans-serif;
text-transform: uppercase;
font-weight:bold;
}
.cellborder
{
}
/*PAGE TOP */
div#top{
font-size:1em;
height:45PX;
padding:5px 0px 15px 0px;
color:#888888;
}
div#top h1{
margin-right:10px;
color: #888888;
font-size: 16px;
font-family: Arial, sans-serif;
font-weight: NORMAL;
line-height:1.6em;
}
div#top a{
font-weight:normal;
}
/*PAGE FOOTER */
#footer {
text-align: center;
font-size: 0.9em;
color: #888888;
margin:5px 0 15px 0;
}
#footer a{
font-weight:normal;
}
/*MAINTEXT */
#container{
text-align:left;
width: 942px;
margin:0 auto;
color: #333333;
}
#main{
overflow: hidden;
border: 1px solid #797C81;
position: relative;
background: #FFFFFF;
}
/*MAINTEXT---QUICKTIME*/
#main .quicktime {
position: absolute;
top: 0px;
left: 0px;
width:630px;
height:270px;
border-right: #FFFFFF solid 1px;
background: #000000;
z-index:98;
overflow: hidden;
}
#main .quicktime a{
color:white;
}
/*MAINTEXT---HEADER IMAGE/TEXT */
#main .header {
height:270px;
background: #AA1100 url(../images/background/headerSquare.jpg) no-repeat right top;
overflow:hidden;
border-bottom:1px solid #FFFFFF;
position:relative;
left:0px;
top:0px;
}
#main .header img{
width:630px;
border-right:1px solid #FFFFFF;
}
#main .header h1 {
position: absolute;
text-decoration: none;
width:600px;
padding:10px 15px 0 15px;
background: #000000;
border-right:1px solid #FFFFFF;
color: #FFFFFF;
filter:alpha(opacity=50);
-moz-opacity:.50;
opacity:.50;
font-size: 14px;
text-align: center;
z-index:99;
height:260px;
line-height:14px;
font-family: Arial, sans-serif;
}
/* CONTENT */
#main .content, #main .dark{
position:relative;
float:left;
width: 630px;
line-height:1.4em;
border-right: 1px solid #FFFFFF;
}
#main .contentfull{
float:left;
width: 100%;
line-height:1.3em;
}
#main .dark{
background: #000000;
color: #CCCCCC;
padding-bottom:10px;
}
#main .dark table td{
text-align:left;
vertical-align:top;
padding:0px;
}
.location{
clear:both;
margin: 0 15px 0 15px;
height:30px;
color:#999999;
line-height:3em;
overflow:hidden;
font-size:10px;
border-bottom: 1px solid #eeeeee;
}
#main .content .lefta {
width: 180px;
float:left;
margin-top:10px;
}

#main .content .righta {
width: 435px;
float:left;
margin-top:10px;
}
#main .content .left {
width: 300px;
float:left;
margin-top:10px;
}

#main .content .right {
width: 300px;
float:left;
margin-top:10px;
}
#main .content .left img, #main .content .right img {
display:block;
margin-left:15px;
}
#main .fullwidth{
clear: both;
width: 600px;
padding: 20px 0 0 0;
}
#main .fullwidth ul {
margin-left: 30px;
margin-bottom: 10px;
}
#main .content .left ul, #main .content .right ul, #main .floatleft ul {
margin: 0px 0px 20px 30px;
padding: 0;
}
#main .content .instruct{
margin-top:15px;
}
#main .content .instruct ul{
margin-left:35px;
}

#main .content .instruct ul img{
border: 2px solid #CCC;
}
#main .content .instruct li{
list-style-image: none;
list-style-type: decimal;
color: #A7121A;
font-weight:bold;
margin-bottom: 10px;
}
#main .content .instruct li p {
color: #3B3B3B;
font-weight:normal;
margin-top: 10px;
}
#main .content .pointtonote {
padding:5px;
background: #F1F1F1;
border: 1px solid #DDDDDD;
margin-left:15px;
}
#main .content .pointtonote li{
list-style-image: none;
list-style-type: upper-alpha;
margin: 10px 0 10px 0;
}
.prod, .pdfdownload {
width: 588px;
margin-top:10px;
margin-left:15px;
}
.prod ul, .pdfdownload ul{
border: 1px solid #999999;margin-bottom:40px;
}
.prod ul h4, .pdfdownload ul h4{
font: small/1.2em Arial, sans-serif;
background: #aaaaaa url(../images/background/main_bg.png) repeat-x left top;
text-transform: uppercase;
font-size:12px;
line-height:1.2em;
font-weight: bold;
padding:15px 10px 10px 10px;
color: #FFFFFF;
border-bottom: 1px solid #999999;
}
.prod ul li, .pdfdownload ul li {
clear:both;
font-size:0.9em;
margin:0 0px 0 0px;
padding:0;
list-style: none;
border-top: 1px solid #FFFFFF;
background: #F1F1F1;
display:block;
}
.prod ul li a img, .pdfdownload ul li a img{
float:left;
height: 60px;
width: 60px;
border: 1px solid #DDDDDD;
margin:5px 10px 5px 5px;
padding:2px;
}
.prod ul li a h5, .pdfdownload ul li a h5{
padding-left:84px;
padding-right:85px;
font-size:1.1em;
line-height:1.2em;
margin:0;
padding-top: 5px;
padding-bottom: 15px;
color: #333333;
}
.prod ul li a p, .pdfdownload ul li a p{
margin:0;
padding-left:84px;
padding-right:85px;
padding-bottom:10px;
color:#333333;
}
.prod ul li a h6, .pdfdownload ul li a h6{
padding-left:84px;
padding-bottom:7px;
}
.prod ul li .top, .pdfdownload ul li .top{
text-align:right;
}
.pdfdownload li:hover{
text-decoration: none;
background: #D9D9D9 url(../images/navigation/download.png) no-repeat 97% center;
}
.prod li:hover{
text-decoration: none;
background: #D9D9D9 url(../images/navigation/go_to_page.png) no-repeat right 10%;
}
.pdfdownload li a:hover, .prod li a:hover{
text-decoration: none;
}
.prod li a:hover img, .pdfdownload li a:hover img{
border: 1px solid #0066CC;
}
.prod ul li a:hover p, .pdfdownload li a:hover p{
text-decoration: none;
color: #333333;
}
.prod ul li a:hover h5, .pdfdownload li a:hover h5{
text-decoration: none;
color: #0066CC;
}
.prod ul li a:hover h6, .pdfdownload li a:hover h6{
text-decoration: underline;
color: #0066CC;
}
.prod li .top a:hover, .pdfdownload li .top a:hover{
text-decoration: underline;
background: transparent ;
}
/* TYPOLOGY */
.hblue{color: #002266; list-style: disc; margin-left:20px;}
.hred{color: #AA1100; list-style: disc; }
.dark{color: #111111;}
.white{color: #FFFFFF; list-style: disc; margin-left:20px;}
.hnews{ color: #AAAAAA; font-size:0.9em; line-height:2em;}
.grey{ color: #AAAAAA;}
.black{ color: #000000;}

#main .content h1{
clear:both;
background: url(../images/background/long_tie.jpg) no-repeat left bottom;
font: small/1.4em HelveticaNeue-CondensedBlack, Impact, Arial Narrow, Arial, sans-serif;
font-weight: normal;
color: #006BB4;
font-size: 4em;
margin:0 0 0 15px;
padding: 0px 0px 15px 0px;
width:100%;
}
#main h2 {
font: bold 1.2em/1.4em Arial, sans-serif;
color: #006BB4;
margin:5px 0 0 15px;
}
#main .content .left h3, #main .content .right h3, #main .content .righta h3{
font-family: Arial, sans-serif;
text-transform: uppercase;
font-size:16px;
color:#000;
line-height:30px;
border-bottom: 1px dotted #CCCCCC;
margin: 0 0 5px 15px;
}
#main .content .righta h3 {
border-bottom: 2px SOLID #006BB4;
}
#main .fullwidth h3{
font-family: Arial, sans-serif;
color:#000000;
font-weight: bold;
font-size:16px;
border-top: 0px solid #CCC;
border-bottom: 1px solid #CCC;
margin: 0 0 0 15px;
height:30px;
line-height:30px;
}
#main .content .left h4, #main .content .right h4, #main .content .fullwidth h4 {
font: 1.1em/1.2em Arial, sans-serif;
clear:both;
font-weight: bold;
color: #B3261D;
margin:10px 0 5px 15px;
}
#main .left .caption, #main .right .caption {
text-decoration: none;
font-size: 0.9em;
padding:5px 5px 5px 5px;
background:#DDDDDD;
color:#111111;
width:270px;
margin-bottom:15px;
margin-left:15px;
text-align:center;
}
#main .fullwidth .left .caption{
width:250px;
}

/* CONTENT --- LINKS MENU */
#links {
float:left;
width: 309px;
padding: 0 0 10PX 0;
margin:0px;
border-TOP:#E4EDF7 25px solid;
}
#links ul.download, #links ul.pages  {
width:280px;
padding:0 0 5px 0;
margin: 10px 15PX 10PX 14PX;
color:#CCCCCC;
border:1px solid #ccc;
}
#links ul.pages {
margin-top: 30px;
}
#links ul.news  {
margin-bottom: 20px;
}
#links ul.pages li, #links ul.download li{
display:block;
clear:both;
list-style-image: none;
list-style-type: none;
margin:0px 0px 0 0px;
padding:5px 15px 5px 15px;
font-size:1em;
line-height:1.2em;
text-decoration: none;
border-top:1px dotted #DDDDDD;
}
#links ul.news li{
display:block;
clear:both;
list-style-image: none;
list-style-type: none;
margin:0px 0px 0 0px;
padding:5px 15px 5px 15px;
font-size:1em;
line-height:1.2em;
text-decoration: none;
}
#links ul p {
margin-top:5px;
}

#links ul li a p {
display:block;
color:#444444;
font-weight:normal;
margin:0 0 10px 0;
}
#links ul.popular li a img, #links ul.download li a img{
height: 50px;
width: 50px;
float:right;
border: 1px solid #DDDDDD;
margin:0 0 5px 10px;
padding:2px;
}
#links ul.news li a img{
height: 100px;
width: 100px;
float:right;
border: 1px solid #DDDDDD;
margin:0 0 5px 10px;
padding:2px;
}
#links ul.download li a:hover img, #links ul.news li a:hover img {
border: 1px solid #0066CC;
}
#links ul li a h4 {
font-size:1.1em;
line-height:2em;
color: #CCCCCC;
}
#links ul li a h6 {
line-height:14px;
margin-bottom:5px;
}
#links ul.news li a h6 {
font-size:12px;
}
#links ul li a:hover {
text-decoration: none;
}
#links ul li a:hover h6, #links ul.pages li a:hover {
text-decoration: underline;
}
#links ul.pages li a#current {
color:#CCCCCC;
}
#links ul.pages li a#current:hover{
text-decoration: none;
}
#links ul li a:hover h4 {
text-decoration: none;
}
#links ul h3{
font-family: Arial, sans-serif;
line-height:2em;
margin:0;
color: #FFFFFF;
padding:5 0 5 0;
border-top: 0px solid #FFFFFF;
background: #006BB4 url(../images/background/main_bg.png) repeat-x;
text-indent:15px;
font-size: 1.2em;
}
#links ul.news h3 {
background: #FFF;
color: #000;
font-weight:bold;
font-family: Arial, sans-serif;
line-height:31px;
font-size: 16px;
margin:0px 15px 0 15px;
text-indent:0px;
border-top: 0px solid #FFFFFF;
border-BOTTOM:1px solid #CCCCCC;
}
.subhead {
font-family: Arial, sans-serif;
}