/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
/* LAYOUT */
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
hr.clear {clear: both; display: block; visibility: hidden; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
img { behavior: url("../script/iepngfix.htc"); }
img { border: 0; }
img.left { float: left; }
img.right { float: right; }
/* TYPE */
body { font: 12px/18px arial; background-color: #fff; color: #333; }
a { color: #08c; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }
sup { padding-left: 1px; font-size: 10px !important; font-weight: normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; color: #76797c; _position: static !important; }
abbr { border: 0; }
p { margin-bottom: 18px; }
h1 { font-weight: bold; font-size: 24px; line-height: 36px; margin-bottom: 18px; }
h2 { font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 18px; }
h3 { font-weight: bold; font-size: 1em; line-height: 18px; }
h4 { font-weight: bold; font-size: 10px; line-height: 18px; }
#browser-message { position: absolute; top: 0; left: 0; width: 99%; background: #ffea00; color: #000; padding: 4px; text-align: center; font-size: 12px; font-family: arial; }
/* PRINT */
@media print {
body, #main, #content { color: #000 !important; }
a, a:link, a:visited { color: #000 !important; text-decoration:none !important; }
}
/*===========================================================================*/
html { overflow-y: scroll; }
/*===========================================================================*/
body { background-color: #ffffff; }
/*===========================================================================*/
#header { width: 100%; height: 128px; margin: 0 auto; padding: 0; background-color: #142935; border-bottom: 4px solid #445d6c; }
/*===========================================================================*/
#header-content { width: 960px; height: 128px; margin: 0 auto; padding: 0; }
#home #header h1 { margin: 0 0 0 0; }
/*
#header { height: 168px; margin: 0 auto 4px auto; padding: 0; background-color: #000000; background-image: url("../img/background/navigation-background.jpg"); background-position: center top; background-repeat: no-repeat; }
#header-wrapper { width: 960px; height: 168px; padding: 0; margin: auto; }
*/
#header #header-left { width: 420px; height: 128px; float: left; }
#header #logo { margin: 0; width: 192px; float: left; height: 128px; }
#header #logo img { border: none; margin: 12px 0 0 4px; }
#header #header-right { width: 320px; height: 128px; float: right; }
#header #header-right h4 { color: #ffffff; font-size: 40px; font-family: 'Open Sans', sans-serif; text-align: center; line-height: 40px; margin: 0 0 0 0; font-weight: 700; }
#header #header-right h3 { color: #72cac8; font-size: 16px; font-family: 'Open Sans', sans-serif; text-align: center; line-height: 18px; margin: 32px 0 0 0; font-weight: 700; text-transform: uppercase; }
#header #header-right h2 { color: #376e94; font-size: 35px; font-family: 'Open Sans', sans-serif; text-align: center; line-height: 35px; margin: 2px 0 0 0; font-weight: 800; }
#header #header-right h1 { color: #72cac8; font-size: 10px; font-family: arial; text-align: center; line-height: 14px; margin: 2px 0 0 0; font-weight: normal; letter-spacing: -1px; }
/*===========================================================================*/
#navigation { height: 40px; width: 960px; margin: 0 auto; }
#navigation ul { list-style-type: none; padding: 0; margin: 0; height: 40px; }
#navigation ul li { float: left; padding: 0; margin: 0; }
#navigation ul li.first { margin: 0 !important; }
#navigation ul li a { display: block; color: #376e94; text-align: center; width: 136px; line-height: 19px; padding: 11px 0 9px 0; font-family: 'Ropa Sans', sans-serif; text-decoration: none; font-size: 18px; font-weight: 400; text-indent: -9999px; text-transform: uppercase; background-image: url("../img/background/navigation-background.png"); background-position: 0 0; background-repeat: no-repeat; }
#navigation ul li a:hover { color: #01274c; }
#navigation ul li a.active { color: #01274c; }
#navigation ul li#nav-home-fr a { width: 106px; background-position: 0 0; }
#navigation ul li#nav-home-fr a:hover { width: 106px; background-position: 0 -39px; }
#navigation ul li#nav-otr-tires-fr a { width: 127px; background-position: -106px 0; }
#navigation ul li#nav-otr-tires-fr a:hover { width: 127px; background-position: -106px -39px; }
#navigation ul li#nav-otr-tires-fr a.active { width: 127px; background-position: -106px -78px; }
#navigation ul li#nav-heavy-truck-tires-fr a { width: 219px; background-position: -233px 0; }
#navigation ul li#nav-heavy-truck-tires-fr a:hover { width: 219px; background-position: -233px -39px; }
#navigation ul li#nav-heavy-truck-tires-fr a.active { width: 219px; background-position: -233px -78px; }
#navigation ul li#nav-industrial-tires-fr a { width: 183px; background-position: -452px 0; }
#navigation ul li#nav-industrial-tires-fr a:hover { width: 183px; background-position: -452px -39px; }
#navigation ul li#nav-industrial-tires-fr a.active { width: 183px; background-position: -452px -78px; }
#navigation ul li#nav-services-fr a { width: 172px; background-position: -635px 0; }
#navigation ul li#nav-services-fr a:hover { width: 172px; background-position: -635px -39px; }
#navigation ul li#nav-services-fr a.active { width: 172px; background-position: -635px -78px; }
#navigation ul li#nav-contact-fr a { width: 153px; background-position: -807px 0; }
#navigation ul li#nav-contact-fr a:hover { width: 153px; background-position: -807px -39px; }
#navigation ul li#nav-contact-fr a.active { width: 153px; background-position: -807px -78px; }
#navigation ul li ul { background-color: #ffffff; position: absolute; z-index: 90; width: 176px; height: auto; visibility: hidden; margin: -12px 0 0 0; border: 1px solid #ffa103; }
#navigation ul li:hover ul { visibility: visible; }
#navigation ul li ul li { float: none; height: auto; margin: 0 !important; padding: 0 !important; }
#navigation ul li ul li a { width: auto !important; line-height: 24px; padding: 4px 8px; margin: 0 !important; }
#navigation ul li ul li a:hover { background-color: #FFD600 !important; background-image: none; color: #24477d; }
#navigation ul li ul li a.active { background-color: #FFD600 !important; background-image: none; color: #24477d; }
/*===========================================================================*/
#cta-form { width: 360px; height: 480px; margin: -160px auto 0 auto; position: absolute; z-index: 400; background-color: #014171; }
#cta-form #cta-content { width: 354px; height: 474px; background-image: url("../img/background/cta-background.png"); background-repeat: no-repeat; background-position: 0 0; }
#cta-form #cta-content h2 { color: #ffffff; font-family: 'Open Sans', sans-serif; font-size: 24px; font-weight: 700; text-transform: uppercase; line-height: 64px; margin: 0 0 2px 0; text-align: center; }
#cta-form #cta-content img.tire { margin: -30px 0 0 -32px; float: left; }
#cta-form #cta-content h3 { color: #ffffff; font-family: 'Oswald', sans-serif; font-size: 36px; font-weight: 700; text-transform: uppercase; line-height: 54px; margin: 32px 80px 0 0; float: right; }
#cta-form #cta-content h3 span { font-family: arial; font-size: 64px; line-height: 48px }
#cta-form #cta-content h3 span.bullet { font-size: 44px; }
#cta-form #cta-content img.button { float: right; display: block; margin: 0 72px 0 0; }
#cta-form div.cta-form { }
#cta-form div.cta-form div.cta-row { height: 64px; margin: 12px 25px 0 25px; }
#cta-form div.cta-form label { display: block; margin: 0; font-size: 14px; font-weight: bold; line-height: 32px; color: #ffffff; font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 400; }
#cta-form div.cta-form input.textbox { display: block; border: none; width: 296px; margin: 0; padding: 6px 4px; color: #444444; font-size: 14px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
#cta-form div.cta-form label.paragraph { font-size: 10px; line-height: 12px; margin: 6px 12px 8px 12px; font-weight: normal; cursor: pointer; }
/*===========================================================================
#communication { width: 100%; height: 384px; margin: 0 auto 0 auto; border-bottom: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; background-color: #e6e6e6; }
#communication #communication-content { width: 960px; margin: 0 auto 0 auto; }
#communication #communication-content img { display: block; }
#communication #communication-content h2 { background-color: #01274E; color: #ffffff; text-transform: uppercase; font-size: 20px; font-family: 'Open Sans', sans-serif; text-align: center; line-height: 40px; margin: 24px 0 0 0; font-weight: 800; float: left; padding: 0 12px; }
*/
/*===========================================================================*/
#communication { width: 100%; height: 640px; margin: 0 auto 0 auto; overflow: hidden; position: relative; border-bottom: 4px solid #014171; }
#communication #slidenav { position: absolute; z-index: 500; margin: 460px 0 0 12px; }
#communication #slidenav a { width: 16px; height: 16px; text-indent: -9999px; display: block; float: left; font-size: 1px; line-height: 1px; margin: 0 1px 0 0; background-image: url("../img/buttons/slideshow-navigation.png"); background-repeat: no-repeat; background-position: 0 0; }
#communication #slidenav a:hover { }
#communication #slidenav a.activeSlide { background-position: 0 -16px; }
#communication img { position: absolute; margin-left: -960px; left: 50%; }
#communication div.slideshow img:first-child { z-index: 50; }
/*===========================================================================*/
#page-list { width: 960px; margin: 0 auto 0 auto; padding: 0; font-family: arial; font-size: 10pt; color: #666666; text-align: right; text-transform: uppercase; margin: 0 0 0 0; }
#page-list a { color: #666666; font-family: arial; text-decoration: none; font-size: 12px; font-weight: bold; padding: 0px 2px; line-height: 40px; }
#page-list a:hover { color: #2f5a84; }
#page-list a.active { color: #01274E; }
/*===========================================================================*/
#page { background-color: #ffffff; margin: auto; padding: 0; width: 960px; }
/*===========================================================================*/
#content { margin: 0 auto; min-height: 512px; padding: 0; }
#content h2 { color: #2f5a84; font-family: 'Open Sans', sans-serif; font-size: 36px; font-weight: 700; text-transform: uppercase; line-height: 42px; margin: 24px 0 0 0; }
#content h3{ color: #2f5a84; font-family: 'Open Sans', sans-serif; font-size: 24px; font-weight: 400; line-height: 29px; margin: 16px 0 4px 0; }
#content h3 a{ color: #2f5a84; }
#content h4 { color: #2f5a84; font-family: arial; font-size: 16px; font-weight: normal; line-height: 20px; margin: 8px 0 4px 0; }
#content p { color: #777777; font-family: arial; font-size: 16px; font-weight: normal; line-height: 20px; margin: 4px 0 8px 0; }
#content ul { color: #777777; font-family: arial; font-size: 16px; font-weight: normal; line-height: 20px; margin: 4px 0 8px 32px; list-style-type: square; }
#content ul li { margin: 0 0 4px 0; padding: 0 0 0 8px; }
#content ol {}
#content ol li {}
#home #content { width: 100%; }
/*===========================================================================*/
#featured-products { margin: 96px auto 96px auto; min-height: 448px; width: 960px; }
#featured-products div { width: 320px; float: left; text-align: center; }
#featured-products #featured-left { width: 319px; background-color: #0092a3; margin: 32px 0 0 0; min-height: 384px; }
#featured-products #featured-middle { width: 318px; margin: 0 2px; background-color: #014171; min-height: 448px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
#featured-products #featured-right { width: 319px; background-color: #0092a3; margin: 32px 0 0 0; min-height: 384px; }
#featured-products div h2 { font-size: 20px; text-align: center; line-height: 30px; font-weight: 800; color: #ffffff; }
#featured-products div img { margin: 0 0 16px 0; }
#featured-products div p { margin: 16px 40px 0 40px; font-size: 12px; line-height: 18px; color: #444444; }
#featured-products div ul { list-style-type: none; margin: 16px 0 16px 0; padding: 0; color: #ffffff; }
#featured-products div ul li { margin: 8px 0; padding: 0; }
img.more { margin: 16px auto 0 auto !important; }
#featured-services { margin: 40px 0 0 0; min-height: 560px; background-color: #0092A3; }
#featured-services #featured-services-content { margin: 0 auto; width: 960px; padding: 1px 0 0 0; }
#featured-services #featured-services-content div { width: 288px; float: left; text-align: center; }
#featured-services #featured-services-content #featured-left { }
#featured-services #featured-services-content #featured-middle { margin: 0 48px; }
#featured-services #featured-services-content #featured-right { }
#featured-services #featured-services-content div h2 { font-size: 20px; text-align: center; line-height: 36px; margin: 40px 0 8px 0; font-weight: 800; background-color: #28516f; color: #ffffff; }
#featured-services #featured-services-content div h2 a { color: #ffffff; text-decoration: none; display: block; }
#featured-services #featured-services-content div img { margin: 0 0 0 0; }
#featured-services #featured-services-content div p { margin: 16px 8px 0 8px; font-size: 12px; line-height: 18px; text-align: left; color: #444444; }
#featured-industries { margin: 48px auto 0 auto; min-height: 288px; width: 960px; }
#featured-industries #featured-left { width: 304px; margin: 0 0 0 16px; }
#featured-industries #featured-right { width: 640px; }
#featured-industries div { width: 320px; float: left; }
#featured-industries div h2 { font-size: 20px; text-align: left; line-height: 30px; margin: 0; font-weight: 800; }
#featured-industries div img { margin: 0 0 16px 0; }
#featured-industries div p { margin: 16px 24px 0 0; font-size: 14px; line-height: 18px; color: #444444; }
#featured-industries div ul { list-style-type: none; margin: 16px 24px 0 0; padding: 0; }
#featured-industries div ul li { margin: 16px 0; padding: 0 0 0 28px; color: #376E96; font-size: 16px; font-family: 'Open Sans', sans-serif; font-weight: 700; line-height: 21px; background-image: url("../img/icons/check.png"); background-position: left middle; background-repeat: no-repeat; }
/*===========================================================================*/
div.home-section { margin: 32px 0; height: 160px; }
div.home-section img { float: left; }
#content div.home-section p, #content div.home-section h3 { margin-left: 400px; }
#content div.home-section p { font-size: 14px; line-height: 17px; color: #777777; }
/*===========================================================================*/
#contact div.contact-column-left { width: 464px; float: left; }
#contact div.contact-column-left div.vcard { font-size: 16px; line-height: 22px; color: #777777; margin: 2px 8px 16px 0px; }
#contact div.contact-column-left div.vcard div.adr { margin: 2px 0 8px 0; }
#contact div.contact-column-right { width: 464px; float: right; }
#contact div.contact-column-right #map { width: 456px; height: 512px; margin: 32px 0 0 0; border: 1px solid #d6d6d6; }
/*===========================================================================*/
#footer { height: 48px; margin: 32px auto 0 auto; border-top: 4px solid #0092A3; background-color: #014171; }
/*===========================================================================*/
#sitemap { width: 960px; margin: auto; height: 160px; }
#sitemap ul { font-family: arial; font-size: 10px; color: #333333; line-height: 150%; padding: 0; margin: 8px 0 0 8px; list-style-type: none; float: left; }
#sitemap ul.otr-tires { width: 160px; margin: 8px 0 0 64px; }
#sitemap ul.heavy-truck-tires { width: 160px; }
#sitemap ul.industrial-tires { width: 160px; }
#sitemap ul.services { width: 160px; }
#sitemap ul li { padding: 0; margin: 0; }
#sitemap ul li a { font-family: arial; font-size: 8pt; color: #2f5a84; font-weight: bold; text-decoration: none; text-transform: uppercase; }
#sitemap ul li a:hover { text-decoration: underline; }
#sitemap ul ul { margin: 0; padding: 0 0 0 8px; float: none; }
#sitemap ul ul li { padding: 0; margin: 2px 0; }
#sitemap ul ul li a { font-family: arial; font-size: 8pt; color: #444444; font-weight: normal; text-transform: none; }
/*===========================================================================*/
#copyright { height: 40px; }
#copyright-content { margin: auto; }
#copyright-content p { font-family: arial; font-size: 8pt; color: #ffffff; line-height: 100%; padding: 2px; margin: 2px 0 0 0; text-align: center; }
#copyright-content p a { color: #ffffff; text-decoration: none; }
#copyright-content p a:hover { text-decoration: underline; }
/*===========================================================================*/
#signature { padding: 2px; margin: 0; text-align: center; font-family: arial; color: #ffffff; font-size: 8pt; font-weight: bold; }
#signature a { color: #ffffff; text-decoration: none; }