/*************** 
    CSS Reset
    http://meyerweb.com/eric/tools/css/reset/ 
    v2.0 | 20110126
    License: none (public domain)
 ***************/

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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

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

/**************
    Clearfix
 **************/

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; }

* html .clearfix { height: 1%; }


/************
    Global
 ************/

.uppercase { text-transform: uppercase; }

div#template { font-family: Arial, Sans-Serif; font-size: 15px; color: #4c4d4f; line-height: 1.5; }

div#template div.container { padding: 0 15px; }

div#template div.left { float: left; }

div#template div.right { float: right; }

div#primaryNav a { text-decoration: none; color: #009cde; cursor: pointer; }

div#primaryNav a:hover { text-decoration: underline; }
 div#template h1, div#template h2.large { font-size: 41px; }

@media all and (min-width: 990px) {
    div#template { padding: 0; }

    div#template div.container { width: 1210px; margin: 0 auto; }

    div#template div.container.narrow { max-width: 1160px; }

    div#template .mobile-only { display: none !important; }

    div#template .laptop { display: block !important; }

    div#template img.left { float: left; margin-right: 20px; }

    div#template img.center { display: block; margin-left: auto; margin-right: auto; }

    div#template img.right { float: right; margin-left: 20px; }
}





/************
    Header
 ************/

div#header { width: 1210px; height: 88px; margin:0 auto; }

div#header div.container { min-height: 88px;  background:url('../images/header-bg.png') repeat-x; }

div#header div.left { padding: 23px 0; }

div#header div.left img { display: block; margin: 0; }

div#header div.right { padding: 15px 0; }


@media all and (max-width: 989px) {
    div#header div.right.utilNav { position:static !important; margin: -85px -20px 0 0; }
    div#header div.left { float: none; padding-right: 128px; }

    div#header div.right { position: absolute; top: 0; right: 15px; padding-bottom: 0; }

    div#header div.search a.search { display: none; }

    a#language { float: right; margin: 0 0 7px 0; }

    a#language span { display: none; }

    div#header div.search { display: none; position: fixed; top: 122px; left: 80px; margin: -16px 0; }

    div#template input#txtSearch { width: 100px; }

    div#template input#txtSearch:focus { outline-color: #7bc6e5; }

    div#template input#btnSearch { position: fixed; top: 105px; left: 228px; }

    a#mobileNav { float: right; clear: both; width: 108px; height: 44px; margin: 0 -15px 0 0; background: url('../images/sprite-global.png') no-repeat -458px 7px; text-indent: -9999px; }

    a#mobileNav.expanded { background-position: -458px -44px; }

    div#template a#mobileNav-back { display: none; position: fixed; top: 100px; left: 15px; height: 42px; width: 42px; text-indent: -9999px; background: url('../images/sprite-global.png') no-repeat -539px -90px; }

    div#primaryNav ul.primaryNav.expanded, div#primaryNav ul.primaryNav.expanded li.selected div.dropdown, div#primaryNav ul.primaryNav.expanded div.column.selected ul { display: block; position: fixed; z-index: 10; top: 88px; left: 0; right: 0; padding: 65px 15px 15px 15px; background: #009cde; }

    div#primaryNav ul.primaryNav.expanded li a { display: inline-block; margin-bottom: 5px; padding: 0 0 0 18px; background: url('../images/sprite-global.png') no-repeat left -755px; }

    div#primaryNav ul.primaryNav.expanded li a.mobile-only { display: block; margin-bottom: 15px; padding-left: 0; background: none; }

    div#primaryNav ul.primaryNav.expanded li.selected div.dropdown, div#primaryNav ul.primaryNav.expanded div.column.selected ul { position: absolute; top: 0; }

    div#primaryNav ul.primaryNav.expanded li, div#primaryNav ul.primaryNav h4, div#primaryNav ul.primaryNav a.mobile-only { display: block; background: #009cde; font-family: "ff-din-web" , Arial, Sans-Serif; font-size: 15px; font-weight: normal; color: #fff; margin: 0; cursor: pointer; }

    div#primaryNav ul.primaryNav h4:hover, div#primaryNav ul.primaryNav a:hover { text-decoration: underline; }

    div#primaryNav ul.primaryNav.expanded > li ul { display: none; }

    div#primaryNav ul.primaryNav.expanded li.selected { background: #009cde; }

    div#primaryNav div.dropdown > div > div.right { float: none; }

    div#primaryNav div.dropdown p.overview { display: none; }

}


    div#header { z-index: 10; }

    div#header div.left { width: 350px; }

    div#header div.right { float: none; padding: 15px 0 15px 375px; font-size: 12px; }


    div#header div.right a { color: #54575b; }

    div#header div.search { float: right; }

    div#template a#mobileNav-back { display: none !important; }

    div#header div.search { margin: -5px 0 0 15px; }

    div#template input#txtSearch { float: right; width: 135px; margin: 0; padding-right: 26px; }

    div#template input#txtSearch:focus { width: 225px; }

    a#language { display: inline-block; float: right; padding: 0 0 0 21px; }

    a#language img { float: left; margin: 3px 0 0 -21px; }

    a#language span { display: block; }

    ul.utilityNav { float: right; }

    ul.utilityNav li { float: left; margin: 0 15px 0 0; }

    div#primaryNav { display: block; height:80px; margin:-38px auto; width: 1210px; z-index: 10; }

    div#primaryNav ul.primaryNav {float:right;}

    div#primaryNav ul.primaryNav > li { float: left; }

    div#primaryNav ul.primaryNav > li > a { display: block; padding: 5px 11px 9px 11px; font-family: "ff-din-web" , Arial, Sans-Serif; font-weight: 600; font-size: 16px; }

    div#primaryNav ul.primaryNav > li > a:hover { text-decoration: none; }

    div#primaryNav ul.primaryNav > li:hover, div#primaryNav ul.primaryNav > li.hover { background: #009cde; }

    div#primaryNav ul.primaryNav > li:hover > a, div#primaryNav ul.primaryNav > li.hover > a { color: #fff; }




/************
    Footer
 ************/

div#footer { color: #999; width:100%; background: transparent url('../images/sprite-vertical-backgrounds.png') repeat-x left 337px;}

div#footer a { color: #999; text-decoration: none;}
div#footer a:hover { text-decoration: underline;}
div#footer h6{ margin-bottom:5px;}
div#footer h6 a{ margin: 0 0 5px 0; font-family: Arial, Sans-Serif; font-size: 14px; font-weight: bold; color: #d4d4d4;}
div#footer h6 a:hover{ color:#009cde; text-decoration: none;}


div#footer-top { padding:0px; background: #4c4d4f url('../images/sprite-vertical-backgrounds.png') repeat-x left top; font-size: 12px; width:1210px; margin:30px auto;}

div#footer-top div.section { float: left; /*width: 50%;*/ margin: 0 25px;  width:145px;}

div#footer-top div.section ul li { margin: 0 0 5px 0; }

div#footer-top div.contact-ptc div.left { color: #ccc; }

div#footer-top div.contact-ptc div.left div.content { padding-right: 25px; }

div#footer-top div.contact-ptc div.left a { color: #ccc; }

div#footer-top div.contact-ptc p{ margin: 0 0 20px 0;}

div#footer-top div.social { position: relative; }

div#footer-top div.social div.top, div#footer-top div.social div.bottom { margin: 0 0 15px 0; }

div#footer-top div.social div.bottom { width: 118px; clear: both; }

div#footer div.social a.icon { display: block; float: left; width: 36px; height: 32px; margin: 0 5px 0 0; background: url('../images/sprite-global.png') no-repeat 0 0; text-indent: -9999px; }

div#footer div.social a.facebook { background-position: 0 0; }

div#footer div.social a.facebook:hover { background-position: 0 -38px; }

div#footer div.social a.twitter { background-position: -43px 0; }

div#footer div.social a.twitter:hover { background-position: -43px -38px; }

div#footer div.social a.linkedIn { background-position: -86px 0; }

div#footer-top div.social a.linkedIn { margin-right: 0; }

div#footer div.social a.linkedIn:hover { background-position: -86px -38px; }

div#footer div.social a.youTube { background-position: -129px 0; }

div#footer div.social a.youTube:hover { background-position: -129px -38px; }

div#footer div.social a.slideShare { background-position: -172px 0; }

div#footer div.social a.slideShare:hover { background-position: -172px -38px; }

div#footer div.social a.ptc-blog { background-position: -215px 0; }

div#footer-top div.social a.ptc-blog { margin-right: 0; }

div#footer div.social a.ptc-blog:hover { background-position: -215px -38px; }

div#footer-bottom { padding: 15px 0; background: #333433 url('../images/sprite-vertical-backgrounds.png') repeat-x left -1600px; font-size: 10px; text-align: center; width:1210px; margin:0 auto -20px 0; }

div#footer-bottom div.left p { float: left; margin: 0 10px 0 0; }

div#footer-bottom div.left ul { float: left; }

div#footer-bottom div.left ul li { float: left; margin: 0 10px 0 0; }

div#footer-bottom div.left ul li.last { margin-right: 0; }

div#footer-bottom p { margin: 0; }

div#footer-bottom div.social { display: none; }

div#footer-top div.container { position: relative; }

div#footer-top div.section { width: 170px; margin: 0 20px 0 0; }

div#footer-top div.contact-ptc { float: left; width: 16.65%; margin-right: 0; }

div#footer-top div.contact-ptc div.left { float: none; width: auto; }

div#footer-top div.contact-ptc div.left div.content { padding-right: 0; }

div#footer-top div.social { position: absolute; right: 15px; bottom: -74px; width: 340px !important; }

div#footer-top div.social div.top, div#footer-top div.social div.bottom { float: left; margin: 0; clear: none; }

div#footer-top div.social a.linkedIn { margin-right: 5px; }

div#footer div.social div.content { position: static !important; float: left; margin: 0 0 0 10px; font-size: 11px; }

div#footer-bottom { text-align: left; }

div#footer-bottom div.left { padding-top: 7px; }

/*************
    Content
 *************/

div#content { min-height: 300px; width:1210px; margin:0 auto; padding: 20px 0; background: #ffffff; }

div#content ul { list-style: disc; }

div#content ol { list-style: decimal; }

div#content ol.paragraph-spacing li, div#content ul.paragraph-spacing li { margin-bottom: 20px; }