/*
-------------------------------------------------
URI: http://www./
Created by Forte Trinity
-------------------------------------------------

CONTENTS

1: SITE MASTER SETUP (including reset from Tripoli)

2: TYPOGRAPHY/DESIGN 

3: LAYOUT
	3.1 main form
	3.2 container
	3.3 header
	3.4 content
	3.5 primary content
	3.6 secondary content
	3.7 tertiary content
	3.8 footer
	
4: GLOBAL ELEMENTS / CONTROLS
	4.1 accessibility
	
5: TEMPLATE / PAGE SPECIFIC
	
6: USEFUL CLASSES

/* -----------------------------------------------
1. SITE MASTER SETUP
----------------------------------------------- */

/* Imported mostly from Tripoli reset.css - http://www.monc.se/tripoli/css/reset.css */
* { margin:0; padding:0; text-decoration:none; outline:none } code, kbd, samp, pre, tt, var, textarea, input, select, isindex, listing, xmp, plaintext { font:inherit } a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet, table { border:none } table { border-collapse:collapse; border-spacing:0 } caption, th, td, center { text-align:left; vertical-align:top } q { quotes:"" "" } font { color:inherit !important; font:inherit !important; color:inherit !important } marquee { overflow:inherit !important; -moz-binding:none } blink { text-decoration:none } nobr { white-space:normal }
/* end of import */
body { height:100%; text-align:center; min-width:775px }
ul { list-style:disc outside }
ol { list-style:decimal outside }

/* -----------------------------------------------
2. TYPOGRAPHY / DESIGN
----------------------------------------------- */

html { font-size:62.5%; font-family:"arial", verdana, microsoft sans serif, helvetica, sans-serif; line-height:1.4em; color:#000; background:url(../images/global/bg.gif) repeat-x #0d7f93 }
code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea { font-size:1.1em; font-family:monaco, "Lucida Console", courier, mono-space }
h1 { font-size:1.6em; color:#000; margin:0 0 12px 0 }
h2 { font-size:1.5em; color:#000; margin:0 0 12px 0 }
h3 { font-size:1.4em; color:#000; margin:0 0 12px 0 }
h4 { font-size:1.3em; color:#000; margin:0 0 12px 0 }
h5 { font-size:1.2em; color:#000; margin:0 0 12px 0 }
h6 { font-size:1.1em; color:#000; margin:0 0 12px 0 }
p {  font-size:1.1em; color:#000; margin:0 0 12px 0 }
a {  }
a:hover {  }
a:visited {  }
a:active {  }
ul { margin:0 0 12px 0; font-size:1.1em }
ol { margin:0 0 12px 0; font-size:1.1em }
dl { margin:0 0 12px 0; font-size:1.1em }
hr { display:block; background:#aaa; color:#aaa; width:100%; height:1px; border:none }
address { font-size:1.1em; color:#000 }
blockqoute {  }
table { border-top:1px solid #ccc;  border-left:1px solid #ccc }
th, td { border-bottom:1px solid #ddd; border-right:1px solid #ccc }
fieldset { border:1px solid #ccc; }
legend { background:#fff; }
label { font-size:1.1em }
textarea, input[type='text'], select { border:1px solid #000; background:#fff; font-size:11px; color:#000 }

/* 2.1 - index page */
h1.ttl-name {}
h2.ttl-select-products {}

/* -----------------------------------------------
3. LAYOUT
----------------------------------------------- */

/* 3.1 - main form */
form.main { width:100%; height:100% }

/* 3.2 - container */
div#container { width:970px; margin:0 auto; position:relative; text-align:left }

/* 3.3 - header */
div#header {  }
#logo{background:url(../images/global/logo.gif) no-repeat; width:366px; height:66px; text-indent:-9999px; float:left; margin:20px 0 0 0}
ul#primary-navigation{float:right; margin:30px 0 0 0}
#header-statement-ttl{font-size:23px; text-transform:uppercase; color:#000000; float:left; letter-spacing:-1px; font-weight:bold; background:url(../images/titles/header-statement-ttl.gif) no-repeat; width:837px; height:45px; text-indent:-9999px; margin:20px 0 0 0 }

/* 3.4 - content */
div#content {width:968px}

/* 3.5 - primary content */
div#primary-content { background:#fff; margin:0px; }
#flash{padding:0 0 0 8px;}
#flashcontent{background:url(../images/global/flash-image.jpg) no-repeat; width:523px; height:229px; float:left;  }
#flashcontent p{color:#FFFFFF;}
/* 3.6 - secondary content */
div#secondary-content {width:970px; float:left  }


/* 3.7 - tertiary content */
div#tertiary-content {width:970px; float:left   }

/* 3.8 - footer */
div#footer { float:left; width:970px; margin:0px 0 px 0; padding:15px 0 0 0}
div#footer ul li a{color:#fff;  padding:5px}
div#footer ul li a:hover{color:#d21e0f;}
div#footer ul li{float:left; list-style:none; color:#FFFFFF;}

ul#footer-left{background:#1c1c1c; float:left; width:470px; height:30px; list-style:none;  padding:15px 0 0 0px;  }


ul#footer-right{background:#000000; float:right;  width:392px; height:30px; padding:15px 0 0 80px; list-style:none; }


/* -----------------------------------------------
4. GLOBAL ELEMENTS / CONTROLS
----------------------------------------------- */

/* 4.1 - accessibility */
ul#skiplinks { display:none }
ul#skiplinks a, ul#skiplinks a:hover, ul#skiplinks a:visited { position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden } 
ul#skiplinks a:active, ul#skiplinks a:focus { position:static; width:auto; height:auto }

/* -----------------------------------------------
5. TEMPLATE/PAGE SPECIFIC
----------------------------------------------- */
body.index div#primary-content { background:#000; margin:20px 0;  border:1px solid #000000 }
body.index div#primary-content #quote {color:#8c847c; font-size:35px; font-weight:bold; line-height:35px; letter-spacing:-1px; padding:12px 15px 0 15px; float:left; width:400px}
body.index div#primary-content #quote span{color:#FFFFFF;}
body.index div#primary-content #quote-blue{color:#12a0ba; float:left; width:400px; font-size:16px; font-weight:bold; padding:0 15px; line-height:16px}
body.index div#primary-content #contact-icon{position:relative; right:-415px; top:1px}
body.index div#primary-content #contact-header{color:#8c847c; float:right; padding-right:40px; font-size:18px; font-weight:bold; padding-top:15px}
body.index div#primary-content #contact-header a{color:#fff; text-decoration:underline;}
body.index div#primary-content #contact-header a:hover{color:#12a0ba;}
body.index div#secondary-content{margin-top:10px;}
body.index div#secondary-sub-1{width:372px; float:left;  height:218px;}
body.index div#secondary-sub-1 li{float:left; width:72px; list-style:none; display:block;}
body.index div#secondary-sub-1 li a{background:#0f778a; color:#FFFFFF}
body.index div#secondary-sub-1 #News{background:#0f778a; width:355px;  margin-left:0px; padding-bottom:32px;}
body.index div#secondary-sub-1 #News p {color:#FFFFFF; font-size:12px; line-height:12px}
body.index div#secondary-sub-1 #News dl{padding:0 0 8px 0; margin:0}
body.index div#secondary-sub-1 #News dt{color:#FFFFFF; font-size:12px; font-weight:bold; padding:6px 0}
body.index div#secondary-sub-1 #News dd{color:#FFFFFF; padding:5px 0 0 0}
body.index div#secondary-sub-1 #News a{color:#FFFFFF; background:#000000; padding:3px 8px; display:block; width:25px }
body.index div#secondary-sub-1 #News a:hover{color:#000; background:#fff;}
body.index div#secondary-sub-1 #Benefits{background:#0f778a; width:355px;  height:220px; margin-left:1px}
body.index div#secondary-sub-1 #Benefits p{color:#FFFFFF}
body.index div#secondary-sub-2{width:595px; float:left; height:220px; }
body.index div#secondary-sub-2 li{float:left; width:172px; list-style:none; display:block; margin-left:5px; background:#000!important;}
body.index div#secondary-sub-2 li a{background:#000!important; color:#FFFFFF}
body.index div#secondary-sub-2 li span{background:#000000;}
body.index div#secondary-sub-2 #latest-solutions{background:url(../images/global/latest-solutions-bg.gif) repeat-x #0f0f0f; width:576px; margin-left:5px;  height:218px; float:left; position:absolute; left:372px; top:457px; }
body.index div#secondary-sub-2 #latest-solutions dl {float:left; margin:0 10px; width:172px}
body.index div#secondary-sub-2 #latest-solutions .read-more{float:left; position:relative; top:-113px; left:3px; background:url(../images/index-latest-solutions/click-to-read.gif) no-repeat; width:167px; height:23px; display:block; text-indent:-9999px }
body.index div#secondary-sub-2 #latest-solutions .read-more:hover{background:url(../images/index-latest-solutions/click-to-read-over.gif) no-repeat; }
body.index div#secondary-sub-2 #latest-solutions dl dt img {border:#d21e0f solid 3px;}
body.index div#secondary-sub-2 #latest-solutions dd{color:#fff; font-weight:bold; position:relative; top:-20px; }
body.index div#secondary-sub-2 #latest-solutions dd span{color:#fb2300; }
.more-solutions{position:absolute;
right:0;
top:673px;}
body.index div#tertiary-content{background:#000 url(../images/global/lower-ctas.gif) repeat-x;  margin-top:80px; width:970px; padding-bottom:20px}
body.index div#tertiary-content ul{float:left; list-style:none; width:298px; margin:10px 0 0 0; padding:0 0 0 20px}
.border-middle{border-left:#FFFFFF solid 1px; border-right:#FFFFFF solid 1px;}
body.index div#tertiary-content li h4{float:left; width:110px; color:#FFFFFF;}
body.index div#tertiary-content .image{float:left; width:110px}
body.index div#tertiary-content li{color:#fff; float:left; width:185px; padding:0 0 0px 0}
body.index div#tertiary-content li span{color:#0d7f93;}
.pos-bottom{}
body.index div#tertiary-content li a{color:#FFFFFF; text-decoration:underline;}
body.index div#tertiary-content li .read-more{background:#d21e0f; padding:5px 5px; margin:10px 0; color:#FFFFFF; text-decoration:none;  width:100px; text-align:center; display:block; }
body.index div#tertiary-content li .read-more:hover{background:#0d7f93; padding:5px 5px; color:#FFFFFF; text-decoration:none;  width:100px; text-align:center; display:block; }
body.index div#tertiary-content h5{color:#FFFFFF; float:left; font-size:14px; letter-spacing:0px; font-weight:400; margin:15px 0 15px 40px; clear:left}
body.index div#tertiary-content h5 span{color:#be000c}
body.index div#tertiary-content h5 a{color:#fff; font-weight:bold; text-decoration:underline}

/*subs*/

body.subs div#primary-content { background:#000; margin:20px 0;  border:1px solid #000000; height:90px }
body.subs div#primary-content #quote {color:#8c847c; font-size:24px; font-weight:bold; line-height:35px; letter-spacing:-1px; padding:12px 15px 0 15px; float:left; width:935px}
body.subs div#primary-content #quote span{color:#FFFFFF;}
body.subs div#primary-content #quote-blue{color:#12a0ba; float:left; width:670px; font-size:16px; font-weight:bold; padding:0 15px; line-height:16px}
body.subs div#primary-content #contact-icon{position:relative; left:235px; top:-40px}
body.subs div#primary-content #contact-header{color:#8c847c; float:right; padding-right:40px; font-size:18px; font-weight:bold; padding-top:0px}
body.subs div#primary-content #contact-header a{color:#fff; text-decoration:underline;}
body.subs div#primary-content #contact-header a:hover{color:#12a0ba;}
body.subs div#secondary-content{width:450px; float:left; background:#181818; padding:10px 10px 12px; margin:10px 0}
body.subs div#secondary-content p{color:#fff; font-size:1.2em; line-height:1.6em}
body.subs div#secondary-content dl dt{color:#fff; font-size:1.3em; font-weight:bold; line-height:1.8em}
body.subs div#secondary-content dl dd{color:#fff; font-size:1.2em; line-height:1.8em}
body.subs div#secondary-content h1{color: #FFFFFF; padding:10px 0; font-size:23px;}
body.subs div#secondary-content h3{color: #FFFFFF; padding:10px 0; font-size:14px;}

body.subs div#tertiary-content{width:450px; float:right; background:#181818; padding:10px; margin:10px 0}
body.subs div#tertiary-content p{color:#FFFFFF;}
body.subs div#tertiary-content dl{color:#FFFFFF; font-style:normal; font-size:13px; line-height:18px; padding:5px 0}
body.subs div#tertiary-content dt{color:#FFFFFF; font-style:normal; font-size:13px; line-height:18px; padding:5px 0}
body.subs div#tertiary-content dd{color:#FFFFFF; font-style:normal; font-size:13px; line-height:18px; padding:5px 0}
body.subs div#tertiary-content h2{color:#FFFFFF; font-size:23px; padding:13px 0}
body.subs div#tertiary-content address{color:#FFFFFF; font-style:normal;padding:10px 0; line-height:20px; font-size:1.0em; font-weight:bold}
body.subs div#tertiary-content a{color:#FFFFFF}
body.subs div#tertiary-content a:hover{color:#12A0BA}


/*Equipment*/
body.equipments div#primary-content { background:#000; margin:20px 0;  border:1px solid #000000; height:90px }
body.equipments div#primary-content #quote {color:#8c847c; font-size:24px; font-weight:bold; line-height:35px; letter-spacing:-1px; padding:12px 15px 0 15px; float:left; width:935px}
body.equipments div#primary-content #quote span{color:#FFFFFF;}
body.equipments div#primary-content #quote-blue{color:#12a0ba; float:left; width:670px; font-size:16px; font-weight:bold; padding:0 15px; line-height:16px}
body.equipments div#primary-content #contact-icon{position:relative; left:235px; top:-40px}
body.equipments div#primary-content #contact-header{color:#8c847c; float:right; padding-right:40px; font-size:18px; font-weight:bold; padding-top:0px}
body.equipments div#primary-content #contact-header a{color:#fff; text-decoration:underline;}
body.equipments div#primary-content #contact-header a:hover{color:#12a0ba;}

body.equipments div#secondary-sub-1 .tabs-container {
    border-top: 1px solid #000!important ;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}

body.equipments div#secondary-sub-1 .tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background:#000;
}
body.equipments div#secondary-sub-1 .tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background:#0F778A;
}
body.equipments div#secondary-sub-1 .padding-left-side {margin:0 30px 10px 20px}
body.equipments div#secondary-sub-1 .inner-tab-sections { width:410px; float:left; padding:15px; border:1px solid #666666;}
body.equipments div#secondary-sub-1 .inner-tab-sections h4{ color:#FFFFFF; font-size:1.4em}
body.equipments div#secondary-sub-1 .inner-tab-sections .working-envelope{width:120px; float:right; color:#FFFFFF}
body.equipments div#secondary-sub-1 .inner-tab-sections .working-envelope h6{width:104px; float:right; margin:0; padding:1px 0; color:#FFFFFF}

body.equipments div#secondary-sub-1 .inner-tab-sections .description{ color:#CCCCCC; list-style:none}
body.equipments div#secondary-sub-1 .inner-tab-sections .description em{color:#FFFFFF; font-weight:bold;}
body.equipments div#secondary-sub-1 .inner-tab-sections .diagrams{float:right; border:2px solid #666666}
body.equipments div#secondary-sub-1 .inner-tab-sections .features{list-style:square outside; color:#CCCCCC; float:left; width:400px; padding:0 0 0 12px}
body.equipments div#secondary-sub-1 .inner-tab-sections .specs-download{ background:#FF3300; color:#FFFFFF; display:block; padding:5px; margin:10px 0; width:135px; font-size:1.2em}
body.equipments div#secondary-sub-1 .inner-tab-sections h5{color:#FFFFFF; padding:30px 0 0 0}
body.equipments div#secondary-sub-1 .inner-tab-sections .images{list-style:none}
body.equipments div#secondary-sub-1 .inner-tab-sections .images li{float:left; background:none; margin:-1px 1px}

body.equipments div#secondary-sub-1 li a{color:#FFFFFF; padding:0px;}
body.equipments div#secondary-sub-1 li span{background:#000000;}
body.equipments div#secondary-sub-1 .solutions{background:url(../images/global/latest-solutions-bg.gif) repeat-x #0f0f0f; width:954px;  float:left; }
body.equipments div#secondary-sub-1 .solutions dl {float:left; margin:0 7px; width:172px}
body.equipments div#secondary-sub-1 .solutions .read-more{float:left; position:relative; top:-112px; left:3px; background:url(../images/index-latest-solutions/click-to-read.gif) no-repeat; width:167px; height:23px; display:block; text-indent:-9999px }
body.equipments div#secondary-sub-1 .solutions .read-more:hover{background:url(../images/index-latest-solutions/click-to-read-over.gif) no-repeat; }
body.equipments div#secondary-sub-1 .solutions dl dt img {border:#d21e0f solid 3px;}
body.equipments div#secondary-sub-1 .solutions dd{color:#fff; font-weight:bold; position:relative; top:-20px; }
body.equipments div#secondary-sub-1 .solutions dd span{color:#fb2300; }
body.equipments div#secondary-sub-1 .solutions .more-solutions{position:relative; top:40px; right:-300px}

/*Training*/
body.sub #secondary-content p.larger-text{font-size:1.5em;}
  .inlink a{color:#FF3300;}
.inlink a:hover{color:#fff;}

/*Gallery of images*/
#gallery-of-images{padding:0 0 0 5px;}
#gallery-of-images li{float:left; margin:0 2px; padding:0px; list-style:none; display:block}
#gallery-of-images li a{margin:0px;}


/*PDF Downloads*/
dl.pdf-download dt {border-bottom:1px #333333 solid; padding:5px;  color:#12A0BA!important; font-size:14px!important; font-weight:bold; line-height:1.8em; }
dl.pdf-download dd {border-bottom:1px #333333 solid; padding:5px }
dl.pdf-download dd span{width:340px; display:block; float:left; padding:15px 0;}


/*News*/
#latest-news{width:968px; }
#latest-news .news-items {float:left; margin:0 0 5px 0; padding:10px 10px;  background:#181818;}
#latest-news .news-items .news-image{float:left; padding:0px 5px 5px 0px;}
#latest-news .news-items h1{font-size:2.3em; color:#FFFFFF; padding:10px 0}
#latest-news .news-items h3{ color:#FFFFFF; line-height:1.3em}
#latest-news .news-items h4{color:#CCCCCC}
#latest-news .news-items p{float:left; padding:5px; font-size:1.3em; color:#FFFFFF;  line-height:1.6em}

body.subs div#secondary-content .news-items {float:left; border-bottom:1px solid #999999; padding:10px 0}
body.subs div#secondary-content .news-items .news-image{float:left; padding:0px 5px 5px 0px;}
body.subs div#secondary-content .news-items h3{ color:#FFFFFF; line-height:1.3em}
body.subs div#secondary-content .news-items h4{color:#CCCCCC}
body.subs div#secondary-content .news-items p{float:left; padding:5px; font-size:1.3em; line-height:1.6em}
body.subs div#tertiary-content .news-items {float:left; border-bottom:1px solid #999999; padding:10px 0}
body.subs div#tertiary-content .news-items .news-image{float:left; padding:0px 5px 5px 0px;}
body.subs div#tertiary-content .news-items h3{ color:#FFFFFF; line-height:1.3em}
body.subs div#tertiary-content .news-items h4{color:#CCCCCC}
body.subs div#tertiary-content .news-items p{float:left; padding:5px; font-size:1.3em; line-height:1.6em}
.lists-elements{float:left;}
.lists-elements dt{color:#FFFFFF; font-size:1.2em; line-height:1.6em}
.lists-elements dd{color:#FFFFFF;  font-size:1.2em; line-height:1.6em}

#ad{width:970px; float:left} 

/*SEO*/
#searchEngineScript h1{font-size:12px; color:#FFFFFF;}
#searchEngineScript p{font-size:10px; color:#FFFFFF;}
#searchEngineScript a{font-size:10px; color:#FFFFFF;}

#basewords { width:970px; background:#000; padding:15px 0; list-style:none; clear:both; text-align:center!important}
#basewords li { display:inline; padding:0 13px; border-left:solid 1px #fff;  }
#basewords li.first { border:0 }

.inline-linkage{color:#12A0BA; text-decoration:underline;}
.inline-linkagesmall{color:#12A0BA; text-decoration:underline; font-size:11px}


#temp-phones-ttl{background:url(../images/titles/temp-phones-ttl.gif) no-repeat; width:880px; height:48px; display:block; text-indent:-3000em; float:left}
/* -----------------------------------------------
6. USEFUL CLASSES
----------------------------------------------- */

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
.clr { overflow:hidden; clear:both; height:1px; margin-top:-1px }
.la { text-align:left }
.ra { text-align:right }
.ca { text-align:center }
.fl { float:left }
.fr { float:right }
.vt { vertical-align:top }
.vm { vertical-align:middle }
.vb { vertical-align:bottom }
.nb { border:0 none }