/* MAIN STYLESHEET */ /*-[WAYNE AUSTIN]-[MAY 2009]-*/
body { margin:0px; padding:0px; font-size:11px; font-family:Verdana, Sans-Serif; background:#fff url(../images/bg-site.jpg) no-repeat center top; }

/* GENERIC ELEMENTS */

/* colours */
.gray-text { color:#58595b!important; }
.green-text { color:#548c57; line-height:16px; }
.light-blue { color:#5daae9!important; }   
.dark-blue { color:#273172!important; }   
.white, .quote { color:#ffffff!important; }
.red-text { color:#ee2c06!important; }
.cite { font-size:10px; color:#273172!important; }
.source-text { font-size:10px; width:100%; line-height:14px; text-align:right; margin:5px 0px 10px; }
.validation-text { background:#D90000 none repeat scroll 0 0; border:1px solid #D90000; float:left; font-weight:bold; margin:-5px 0 10px; padding:3px 5px; width:210px; color:#ffffff!important; }
.form-standard-right .validation-text, .form-standard-left .validation-text { width:193px; }
.form-full-width .validation-text { margin-left:150px; width:258px; }
.warning-text.hazard, .warning-text.liquid { display:none; }
.form-standard-left .warning-text { margin:0px 0px 10px; width:200px; background-color:#fff; }
.form-three-column .warning-text { margin:0px 0px 10px; width:210px; background-color:#fff; }

/* text */
p { /*float:left;*/ margin:0px 0px 10px; color:#6d6e71; }
.small-text { font-size:11px; }
.copyright { float:left; clear:both; margin-left:20px; color:#6d6e71; }
.warning-text { border:1px solid #D90000; color:#D90000; float:left; font-weight:bold; margin:-2px 5px 10px; padding:5px; width:259px; text-align:center; }

/* links */
a { cursor:pointer; color:#414042; }
a:hover { text-decoration:none; }
a:focus { outline:none; }
.download-section { float:left; margin-bottom:6px; padding:4px 0px 4px 38px; background:url(../images/icons/icon-pdf.png) no-repeat 2px top; }
.download-section span { font-size:10px; }
.dropdown-content .download-section { padding:8px 0px 10px 38px; }
.services-info a, .article-section-main a { color:#6d6e71; }
.title-light a { text-decoration:none; }
.search-result h4, .faq-result h4 { font-size:11px; margin-bottom:5px; }
.search-result h4 a, .faq-result h4 a { color:#273172; }
.btn-readmore { float:right; margin-top:14px; }

/* images */
a img { border:0px; }
.image-right { float:right; clear:none; margin-left:15px; }
.quote-open { margin:0px 4px 0px -5px; }
.quote-close { margin:0px 0px -14px 4px; }
.content-two-column-right img { width:220px; }
.bulkhead-image { float:right; clear:none; margin:-29px 0px 0px 15px; }
.enviro-image { margin-top:-57px; }
.office-map { margin-top:10px; }
hr { float:left; clear:both; width:100%; margin:10px 0px 20px; border-left:0px; border-right:0px; border-bottom:0px; border-top:solid 1px #e6e7e8; }
.panel-standard hr { margin:0 0 10px; }
.no-border { border:0px!important; }
#timeline-thumb { cursor:pointer; }

/* HEADERS & TITLES */
.content-wrap h1, h2, h3, h4, h5 { float:left; clear:both; width:100%; margin:0px; padding:0px; }
.content-header h1 { background:url(../images/headers/header-736.png) no-repeat left top; text-indent:12px; }
.three-column-middle h1 { background:url(../images/headers/header-500.png) no-repeat left top; text-indent:12px; }
.content-wrap h2 { font-size:14px; margin-bottom:15px; }
h2.title-light { margin-bottom:0 !important; background:url(../images/light-blue-bar-mid.gif) repeat-x left top; }
h2.title-light { color:#ffffff; text-decoration:none; }
h2 .title-light-left, h2 .title-light-text-white, h2 .title-light-right { float:left; clear:none; width:9px; height:30px; line-height:28px; background:url(../images/light-blue-bar-left.gif) repeat-x left top; }
h2 .title-light-text-white { width:auto; text-indent:5px; background:none; color:#fff; }
h2 .title-light-text-white-small { float:left; clear:none; width:auto; font-size:11px; font-weight:normal; line-height:31px; color:#fff; text-decoration:none; margin-left:5px; }
h2 .title-light-right { float:right; width:9px; color:#fff; font-weight:normal; text-align:right; font-size:12px; background:url(../images/light-blue-bar-right.gif) no-repeat right top; }
.content-two-column-left h3 { float:none; }
.content-wrap .service-info h2 { font-size:14px; color:#273172; margin-bottom:15px; }
.content-wrap h3 { color:#6d6e71; font-size:14px; margin-bottom:10px; }
.services-info h4, .article-section-main h3 { width:320px; clear:none; margin-bottom:5px; font-size:12px; }
.article-section-main h3 { width:565px; }
.two-column-left .article-section-main h3 { width:100%; }
.content-wrap h5 { color:#6d6e71; font-size:12px; margin-bottom:5px; }
.content-wrap .two-column-right h4, .content-wrap .three-column-left h4, .content-wrap .three-column-right h4 { float:left; width:226px; height:38px; color:#fff; font-size:14px; line-height:36px; text-indent:15px; background:url(../images/headers/right-col-header.png) no-repeat left top; }

/* panel titles */
.title-left, .title-right { float:left; clear:none; width:9px; height:37px; background:url(../images/blue-bar-left.png) no-repeat left top; }
.title-right { float:right; background:url(../images/blue-bar-right.png) no-repeat left top; }
.title-text-white, .title-text-blue { float:left; clear:none; height:37px; line-height:36px; color:#fff; font-size:14px; }
.title-text-white { padding-left:10px; }
.title-text-blue { color:#8bc1ee; }

/* LAYOUT */
.site-wrap { width:972px; margin:0 auto; }

/* header */
.header-wrap { float:left; width:100%; margin-bottom:11px; background:#fff; }
.header-left { float:left; clear:left; width:580px; height:105px; padding:10px 0px 10px 20px; }
.header-left a { float:left; clear:none; }
.header-left h1 { visibility:hidden; float:left; clear:none; margin:27px 0 0 15px; color:#0d665e; font-size:20px; font-weight:normal; }
.header-right { float:left; clear:right; width:352px; padding-right:20px; height:120px; background:url(../images/bg-header.jpg) no-repeat right top; }
.search-bar { float:right; clear:both; width:222px; height:35px; margin:18px 0 15px; background:url(../images/bg-searchbox.png) no-repeat right top; }
.header-bottom { clear:both; width:100%; height:34px; background:url(../images/green-bar-mid.gif) repeat-x left top; }

/* content */
.two-column-left { float:left; width:736px; font-size:12px; }
.two-column-right { float:right; width:226px; }
.content-wrap { float:left; width:100%; }
.two-column-left .content-main, .two-column-left .content-header { float:left; width:736px; margin-bottom:10px; padding-top:8px; background:url(../images/panel-main-top.png) no-repeat left top; }
.two-column-left .content-header { padding-top:0 !important; } 
.two-column-left .content-inner { float:left; width:696px; padding:8px 20px 0; background:#fff; }
.two-column-left .content-header-inner { float:left; background:url(../images/panel-main-btm-high.png) no-repeat left bottom; padding-top:1px; }
.two-column-left .main-panel-content { width:230px; }
.two-column-left .content-btm { float:left; height:8px; width:100%; background:url(../images/panel-main-btm.png) no-repeat left top; }
.content-two-column-left { float:left; width:440px; padding-right:15px; margin-right:20px; *margin-right:10px; margin-bottom:15px; border-right:dotted 1px #c4c4c4; }
.content-two-column-right { float:left; width:220px; margin-bottom:15px; }
.content-video, .download-content, .content-two-column-right img { margin-bottom:10px; }
.three-column-left { float:left; width:226px; margin-right:10px; }
.three-column-middle { float:left; width:500px; font-size:12px; }
.three-column-right { float:right; width:226px; }
.main-content { float:left; width:460px; padding:15px 20px 5px; background:#ffffff; }
.main-content-btm { float:left; width:100%; height:9px; margin-bottom:15px; background:url(../images/panel-btm-500.png) no-repeat left bottom; }
.three-col-main-image { border-top:solid 1px #ffffff; background:#fff; }
.content-3col-left { float:left; width:188px; }
.content-3col-right { float:right; width:268px; }
.product-option, .services-info { float:left; width:100%; margin-bottom:10px; }
.services-info p { float:none; }
.product-option img, .services-info img { float:left; margin-right:18px; }
.freight-cycle-diagram { margin-bottom:15px; }
.contact-card { float:left; width:400px; padding:15px; font-size:11px; background:#e6e7e8; }
.contact-card p { margin:0px 25px 15px 0px; height:50px; }
.contact-card strong, .contact-card a { color:#58595B !important }

/* ORGANOGRAM */
.organogram { float:left; width:100%; height:70px; margin-bottom:15px; padding-top:100px; background:url(../images/organogram-bg.gif) no-repeat left top; }
.organogram-box, .organogram-box-last { float:left; width:90px; height:43px; margin-right:11px; text-align:center; padding-top:25px; font-weight:bold; }
.organogram-box-last { margin-right:0px; }

/* BULK IMAGE SWAPPER */
.bulk-image, .bulk-popup, .bulk-popup2 { float:left; width:462px; height:344px; margin-bottom:15px; }
.bulk-popup { margin-top:-359px; }
.bulk-popup2 { margin-top:-359px; }
.bulk-image .bulk-hotspot, .bulk-image .bulk-hotspot2 { float:left; clear:none; width:150px; height:30px; color:#fff; }
.bulk-image .bulk-hotspot img, .bulk-image .bulk-hotspot span, .bulk-image .bulk-hotspot2 img, .bulk-image .bulk-hotspot2 span { float:left; clear:none; line-height:25px; }
.bulk-popup .bulk-content, .bulk-popup2 .bulk-content { float:left; width:185px; margin-left:260px; }
.bulk-popup .bulk-content p, .bulk-popup2 .bulk-content p { color:#fff !important; font-size:11px; }

/* heatbulk */
.bulk-image.heatbulk { background:url(../images/heatbulk-thumb.jpg); }
.bulk-image.heatbulk .bulk-hotspot { margin:200px 0px 0px 270px; }
.bulk-popup.heatbulk { background:url(../images/heatbulk-zoom.jpg); }
.bulk-image.heatbulk .bulk-hotspot2 { margin:20px 0px 0px 128px; }
.bulk-popup2.heatbulk { background:url(../images/heatbulk-zoom2.jpg); }

/* rhinobulk */
.bulk-image.rhinobulk { background:url(../images/rhinobulk-thumb.jpg); }
.bulk-image.rhinobulk .bulk-hotspot { margin:294px 0 0 113px; }
.bulk-popup.rhinobulk { background:url(../images/rhinobulk-zoom.jpg); }

/* vinbulk */
.bulk-image.vinbulk { background:url(../images/vinbulk-thumb.jpg); }
.bulk-image.vinbulk .bulk-hotspot { margin:151px 0 0 219px; }
.bulk-popup.vinbulk { background:url(../images/vinbulk-zoom.jpg); }
 
/* BULK HEAD RECOVERY */
.bulkhead-recovery { float:left; clear:both; margin-bottom:15px; padding:15px; color:#58595b; background:#c9cbcd; }
.bulkhead-recovery p { width:100%; }

/* DROP DOWN CONTENT */
.dropdown-panel { float:left; width:100%; }
.dropdown-content { float:left; width:646px; padding:15px 25px; background:#e9efef; }

/* ENVIRONMENTAL SECTIONS */
.enviro-section { float:left; width:100%; margin-bottom:10px; }
.enviro-section-left { float:left; width:63px; margin:3px 14px 0px 0px; }
.enviro-section-left img { width:61px; border:solid 1px #cfcfcf; }
.enviro-section-right { float:left; width:383px; }

/* FLOW CHART ELEMENTS */
.flow-chart-box, .flow-chart-box-thin { float:left; padding:18px; background:#ffffff; text-align:center; margin:0px 5px 5px 0px; font-size:11px; border: solid 1px #102758; }
.flow-chart-box-thin { margin:12px 165px 12px 0px; *margin:12px 82px 12px 0px; padding:14px 10px; }
.flow-chart-arrow, .flow-chart-arrow-small { float:left; text-align:center; margin:0px 5px 5px 0px; padding:30px 0px; font-size:11px; }
.flow-chart-arrow-small { padding:23px 0px; }
.flow-chart-kite, .flow-chart-kite-small { float:left; width:75px; margin:0px 5px 5px 0px; padding:32px 0px; text-align:center; font-size:11px; background:url(../images/flow-chart-kite.gif) no-repeat left top; }
.flow-chart-kite-small { width:57px; padding:23px 0px; background:url(../images/flow-chart-kite-small.gif) no-repeat left top; }
.flow-chart-step { float:left; text-align:center; margin:0px 5px 5px 0px; padding:31px 0px; }
.margin-left-284 { margin-left:284px; *margin-left:142px; }
.margin-top-24 { margin-top:24px; }

/* footer */
.footer-wrap { float:left; width:100%; padding-bottom:40px; margin-bottom:20px; *margin-top:20px; background:url(../images/bg-footer.png) repeat-x left top; }
.footer-left { float:left; clear:left; width:475px; }
.footer-right { float:right; clear:right; }

/* SLIDER */
.slider-wrap { float:left; width:440px; padding:10px; font-size:11px; background:#e9efef; }
#slider { width:343px; top:44px; left:47px; *top:8px; *left:8px; }
.slider-value { border:0pt none; color:#fd1105; background:#e9efef; font-weight:bold; }
.slider-2k-marker { float:left; margin-top:10px; margin-left:92px; text-align:center; }
.slider-5k-marker { float:left; margin:10px 158px 0px 45px; *margin:10px 180px 0px 45px; text-align:center; }
.slider-start-marker { float:left; width:35px; text-align:center; }
.slider-end-marker { float:right; width:39px; margin-top:-6px; *margin-top:-17px; text-align:center; }
.slider-text { float:left; clear:both; width:100%; margin-top:15px; }
.slider-warning { float:left; clear:both; width:440px; padding:10px; margin-top:15px; text-align:center; font-weight:bold; color:#ee2c06!important; border:solid 1px #ee2c06; }

/* NAVIGATION */

/* header tab nav */
.tab-list { float:right; clear:both; margin:0; padding:0; }
.tab-list li { float:left; clear:none; }
.tab-list li a { display:block; width:125px; height:25px; color:#273172; font-size:10px; font-weight:bold; line-height:19px; text-indent:8px; background:url(../images/buttons/tab-white-red.png) no-repeat 0 0; }
.tab-list li a#hillebrandbulk.on, .tab-list li a#hillebrandbulk:hover { background-position: 0 -54px !important; color:#ffffff!important; }
.tab-list li a#jfhillebrand.on, .tab-list li a#jfhillebrand:hover { background-position: 0 -28px !important; color:#ffffff!important; }

/* header language nav */
.language-list { float:left; clear:none; height:24px; padding:11px 0px 0px 16px; background:url(../images/green-bar-left.gif) no-repeat left top; }
.language-list li { float:left; clear:none; }
.language-list li a { display:block; padding:0px 5px; color:#fff; line-height:10px; font-size:9px; }
.language-list li a.middle-item { border-left:solid 1px #fff; border-right:solid 1px #fff; }

/* header top nav */
.top-navigation { float:right; width:374px; }
.admin-menu { float:right; margin-bottom:10px; }
.top-navigation li { float:left; clear:none; }
.top-navigation li a, .top-navigation li .menu-text { float:left; clear:none; padding:0px 7px; color:#414042; height:13px; line-height:11px; font-size:11px; border-left:solid 1px #414042; }
.top-navigation li .first-item { border-left:0px; }
.top-navigation li.axis { width:120px; height:27px; background:url(/images/axis.gif) no-repeat; margin:-5px 5px 0 0;  }
.top-navigation li.axis a { padding:6px 7px 8px 36px; }

/* header main nav */
.main-navigation { float:right; clear:right; }
.main-navigation li { float:left; clear:none; padding-left:1px; background:url(../images/nav-divider.gif) no-repeat left top; }
.main-navigation li a { float:left; width:112px; height:34px; text-indent:-9999px; background-position:left bottom; }
.main-navigation li a:hover, .main-navigation li strong a { background-position:left top; }
.main-navigation .btn-nav-bulk { width:112px; background-image:url(../images/buttons/btn-nav-bulk.gif); }
.main-navigation .btn-nav-technical { width:152px; background-image:url(../images/buttons/btn-nav-technical.gif); }
.main-navigation .btn-nav-flexitank { width:148px; background-image:url(../images/buttons/btn-nav-flexitank.gif); }
.main-navigation .btn-nav-insurance { width:82px; background-image:url(../images/buttons/btn-nav-insurance.gif); }
.main-navigation .btn-nav-customer { width:161px; background-image:url(../images/buttons/btn-nav-ournetwork.gif); }
.light-fade-list { float:left; width:100%; }
.light-fade-list li { float:left; border-bottom:solid 1px #e5eceb; }
.light-fade-list li a { float:left; width:206px; padding:8px 0px 10px 20px; color:#6d6e71; text-decoration:none; background:#f6f8f8 url(../images/buttons/btn-subnav.gif) no-repeat right top; }
.light-fade-list li a strong { font-size:12px; }
.light-fade-list li a:hover, .light-fade-list li strong a { color:#fff; background:#4199e5 url(../images/buttons/btn-subnav.gif) no-repeat left top; }

/* PANELS */
.panel-content, .panel-content-main { float:left; width:100%; background:#fff; }
.panel-content-main { background:transparent; margin-bottom:-9px; }
.panel-standard { float:left; padding-bottom:9px; margin-bottom:10px; background:url(../images/right-panel-btm-blue.png) no-repeat left bottom; }
.panel-standard.products-panel { background:url(../images/right-panel-btm.png) no-repeat left bottom; }
.panel-standard .panel-content { float:left; width:196px; padding:10px 15px 4px; background:#6ab1eb; }
.main-panel-image, .main-panel-image-short { float:left; clear:left; }
.main-panel-image-short { width:285px; height:161px; }
.main-panel-content-long, .main-panel-content { float:right; clear:right; width:235px; padding:10px 15px 5px; }
.main-panel-content-long { width:421px; }
.panel-green-wrap { float:left; width:460px; margin-bottom:5px; padding-top:9px; background:transparent url(../images/panel-green-top.gif) no-repeat left top; }
.panel-green-bottom { float:left; width:460px; padding-bottom:20px; background:transparent url(../images/panel-green-btm.gif) no-repeat left bottom; }
.panel-green-last { float:left; width:460px; padding-bottom:11px; background:transparent url(../images/panel-green-last.gif) no-repeat left bottom; }
.panel-green-content { float:left; width:430px; padding:0px 15px; text-align:center; background:#ddebc1; }

/* SERVICE DIAGRAM */
.service-diagram { float:left; clear:left; width:650px; } 
.content-inner .service-diagram { margin-left:40px; *margin-left:20px; }
.service-diagram-inner { position:relative; width:650px; height:360px; background:url(../images/service-diagram-bg.gif) no-repeat 20px top; }
.service-diagram .icon, .service-diagram .service-title { position:absolute; cursor:pointer; }
.service-diagram .icon-building { top:45px; left:305px; }
.service-diagram .icon-prep { left:465px; top:81px; }
.service-diagram .icon-lorry-green { top:193px; left:535px; }
.service-diagram .icon-boat { top:260px; left:350px; }
.service-diagram .icon-lorry-purple { left:163px; top:259px; }
.service-diagram .icon-storage { top:147px; left:26px; }
.service-diagram .icon-recycle { top:65px; left:175px; }
.service-title { color:#58595b; font-weight:bold; font-size:10px; text-align:center; }
span.step1 { top:15px; left:249px; }
span.step2 { top:51px; left:475px; }
span.step3 { top:240px; left:540px; }
span.step4 { top:300px; left:377px; }
span.step5 { top:300px; left:170px; }
span.step6 { top:90px; left:12px; }
span.step7 { top:35px; left:92px; }
.service-text { position:absolute; background:#fff; z-index:80; }
div.step1 { left:170px; padding:30px 10px 12px; top:121px; width:289px; background:transparent url(../images/icons/icon-bubble-step1.png) no-repeat left top; }
div.step2 { left:170px; padding:30px 10px 12px; top:123px; width:289px; background:transparent url(../images/icons/icon-bubble-step2.png) no-repeat left top; }
div.step3 { left:170px; padding:9px 45px 10px 10px; top:143px; width:289px; height:75px; background:transparent url(../images/icons/icon-bubble-step3.png) no-repeat left top; }
div.step4 { left:166px; padding:9px 10px 48px; top:137px; width:289px; background:transparent url(../images/icons/icon-bubble-step4.png) no-repeat left top; }
div.step5 { left:170px; padding:9px 10px 48px; top:137px; width:289px; background:transparent url(../images/icons/icon-bubble-step5.png) no-repeat left top; }
div.step6 { left:130px; padding:10px 10px 28px 45px; top:140px; width:289px; background:transparent url(../images/icons/icon-bubble-step6.png) no-repeat left top; }
div.step7 { left:170px; padding:35px 10px 24px; top:118px; width:289px; background:transparent url(../images/icons/icon-bubble-step7.png) no-repeat left top; }
.service-text h5 { font-size:11px; color:#213e6d; }
.service-text p { font-size:11px; margin-bottom:0px; }

/* CUSTOMER SERVICES */
.flow-row-left, .flow-row-right { float:left; width:100%; height:110px; }
.flow-row-left img { float:left; margin:18px 10px; }
.flow-row-right img { float:right; margin:18px 10px; }
.flow-box-wrap { float:left; width:340px; padding-top:8px; background:url(../images/panel-light-blue-top.gif) no-repeat left top; }
.flow-row-right .flow-box-wrap { float:right; }
.flow-box-inner { float:left; width:304px; padding:8px 18px; background:#e2f0fb url(../images/panel-light-blue-btm.gif) no-repeat left bottom; }

/* locations maps */
.locations-map-small { position:relative; width:269px; height:158px; background:#fff url(../images/small-map-clear.png) no-repeat left bottom; }
.locations-map { position:relative; float:left; width:466px; height:274px; background:#fff url(../images/customer-servies-map-clear.gif) no-repeat left bottom; }
.customer-panel-home .home-locations-map { position:absolute; left:-14px; top:5px; width:337px; height:198px; background:transparent url(../images/home-map.png) no-repeat left bottom; }
.locations-map-small a, .locations-map a, .home-locations-map a { position:absolute; display:block; width:11px; height:42px; }
.locations-map a { width:18px; height:67px; }
.locations-map-small a.location-americas-north { top:39px; left:43px; }
.locations-map-small a.location-americas-south { top:87px; left:72px; }
.locations-map-small a.location-south-africa { top:91px; left:135px; }
.locations-map-small a.location-europe { top:22px; left:127px; }
.locations-map-small a.location-middle-east { top:47px; left:152px; }
.locations-map-small a.location-far-east { top:31px; left:235px; }
.locations-map-small a.location-oceana { top:97px; left:229px; }
.locations-map a.location-americas-north { top:78px; left:101px; }
.locations-map a.location-americas-south { top:153px; left:156px; }
.locations-map a.location-south-africa { top:164px; left:233px; }
.locations-map a.location-europe { top:45px; left:220px; }
.locations-map a.location-middle-east { top:87px; left:264px; }
.locations-map a.location-far-east { top:65px; left:398px; }
.locations-map a.location-oceana { top:168px; left:401px; }
.home-locations-map a.location-americas-north { top:53px; left:53px; }
.home-locations-map a.location-americas-south { top:113px; left:89px; }
.home-locations-map a.location-south-africa { top:117px; left:167px; }
.home-locations-map a.location-europe { top:31px; left:156px; }
.home-locations-map a.location-middle-east { top:63px; left:189px; }
.home-locations-map a.location-far-east { left:288px; top:51px; }
.home-locations-map a.location-oceana { top:125px; left:285px; }

/* PAGINATION */
.pagination-wrap, .pagination-wrap-bottom { float:left; clear:both; width:100%; margin:0px 0px 10px; padding:10px 0px; border-bottom:solid 1px #e6e7e8; }
.pagination-wrap-bottom { border-bottom:solid 0px #e6e7e8; border-top:solid 1px #e6e7e8; }
.pagination-links { float:right; margin:0px 10px 0px 0px; }
.pagination-links a { color:#58626b; text-decoration:none; }
.pagination-links a.on { font-weight:bold; }
.pagination-results { float:left; width:auto; }
.pagination-results p { margin-bottom:0px; }

/* SEARCH, FAQs & NEWS SECTIONS */
.article-section { float:left; width:100%; margin-top:15px; padding-bottom:13px; }   
.article-full-width { border-bottom:dotted 1px #c4c4c4; }
.article-section-image { float:left; width:110px; padding-right:10px; margin-right:10px; border-right:dotted 1px #c4c4c4; }
.article-section-main { float:left; width:500px; }
.article-full-width .article-section-main { width:565px; }
.article-section-date { font-size:10px; }
.article-main { float:left; border-bottom:solid 1px #EEEEEE; }
.article-main h4 { float:left; clear:none; width:355px; font-size:14px; margin-bottom:10px; }
.article-main p, .article-main ul, .article-main ol { float:none; clear:none; margin-bottom:10px; }
.article-main-image { float:right; clear:none; width:318px; margin:0px 0px 10px 10px; padding:5px; background:#eee; }
.article-main-image img { width:318px; height:220px; /*margin-bottom:5px;*/ }
.article-main-image span { font-size:11px; }
h1.main-search-bar { float:left; width:100%; height:60px; margin-bottom:10px; text-indent:-9999px; background:url(../images/bg-search-bar.gif) no-repeat left top!important; }
h1.main-search-bar .search-text { display:none; }
.faq-text { float:left; width:446px; }
.main-search-bar .search-box { float:left; font-size:12px;  height:34px; margin:13px 0 0 169px; padding:6px 0 0 35px; width:345px; background:transparent url(../images/bg-search-bar-field.gif) no-repeat scroll left top; }
.main-search-bar .search-box .search-textfield { *margin:-2px 0 0 -169px; }
.search-results-wrap iframe { width:695px!important; }
.search-result, .faq-result { float:left; width:100%; margin-bottom:20px; }   
.search-info { font-size:11px; }
.search-info a { color:#6d6e71; }
.tabbed { width:95%; margin-left:40px; }

/* LISTS */
ul, ul li, dt, dd { margin:0px; padding:0px; list-style-type:none; }

/* arrows lists */
dl.arrow-list { float:left; clear:none; width:196px; margin:20px 40px 0 0; }
dl.arrow-list dt { height:22px; margin-bottom:5px; line-height:22px; font-size:12px; color:#273172; border-bottom:dotted 1px #c6c7c7; }
dl.arrow-list dd { height:18px; line-height:16px; text-indent:20px; background:url(../images/bullet-grey-arrow.png) no-repeat 3px center; }
dl.arrow-list dd a { color:#414042; }
.light-arrow-list { float:left; width:100%; margin-bottom:10px; }
.light-arrow-list li { padding:0px 0px 4px 14px; background:url(../images/bullet-white-arrow.png) no-repeat 3px 2px; }
.light-arrow-list li a { color:#fff; text-decoration:none; }
.blue-arrow-list { float:left; clear:both; width:100%; margin-bottom:15px; }
.blue-arrow-list li { text-indent:15px; color:#414042; line-height:17px; background:url(../images/bullet-blue-arrow.png) no-repeat 3px 4px; }

/* blue tick list */
.blue-tick-list, .light-blue-tick-list { float:left; width:100%; margin-bottom:10px; }
.blue-tick-list li, .light-blue-tick-list li { padding-left:20px; margin-bottom:4px; color:#fff; font-weight:bold; background:url(../images/bullet-blue-tick.png) no-repeat left 2px; }   
.light-blue-tick-list li { color:#6d6e71; background:url(../images/bullet-light-blue-tick.gif) no-repeat 3px 2px; }
.light-blue-tick-list.horizontal-list { width:100%; }
.light-blue-tick-list.horizontal-list li { display:inline; }
.blue-tick-list li a { color:#fff; text-decoration:none; }

/* numbered list with titles */
.stardard-title-list ol
{
    float:left;
    color:#58595b;
    margin:0px 0px 20px;
    padding:0px 0px 0px 23px;
}

/* ----- numbered list in 2 columns ----- */

.ordered-2col
{
    float:left;
    width:338px;
    margin:0px 10px 15px 0px;
    padding:0px;
    list-style-type:none;
}
.ordered-2col li
{
    float:left;
    width:338px;
    margin:0px 10px 15px 0px;
    color:#6d6e71;
}

/* ----- standard gray bullet list ----- */

.standard-list-gray
{
    float:left;
    list-style-type:disc;
    color:#6d6e71; 
    padding-left:20px;
}
.standard-list-gray li
{
    width:100%;
    margin-bottom:6px;
    list-style-type:disc;
}

/* ----- logo lists ----- */

ul.image-list
{
    float:left;
    clear:both;
    margin:22px 0px 10px 20px;
}
ul.image-list li
{
    float:left;
    clear:none;
    margin-right:5px;
}

/* --------------- FORMS --------------- */

/* ----- layout ----- */

.form-three-column,
.form-standard
{
    float:left;
    width:100%;
    margin-bottom:10px;
    background:#e9efef;
}
.form-three-column-left,
.form-three-column-middle,
.form-three-column-right,
.form-standard-left,
.form-standard-right,
.form-three-column-full
{
    float:left;
    width:240px;
    padding:10px 0px;
}
.form-three-column-full
{
    width:480px;
}
.form-standard-left
{
    margin-left:15px;
}
.form-standard-left,
.form-standard-right
{
    width:222px;
}
.form-three-column-left
{
    width:206px;
    padding-left:10px;
}
.form-three-column-left h3
{
    margin-bottom:5px;
}
.form-three-column-right .btn-dbl-arrow,
.form-standard-right .btn-dbl-arrow
{
    margin:0px 19px 0px 0px;
}
.form-full-width
{
    float:left;
    padding:20px 18px 20px 20px;
    margin-bottom:10px;
    background:#e9efef;
}

/* ----- fields & labels ----- */

.search-bar .text-field
{
    float:left;
    width:140px;
    height:16px;
    margin:8px 2px 0px 35px;
    border-top:solid 1px #a1a1a1;
    border-left:solid 1px #a1a1a1;
    border-bottom:solid 1px #fff;
    border-right:solid 1px #fff;
}
.radio-group
{
    float:left;
    width:100%;
    height:30px;
}
.form-full-width .radio-group
{
    margin-left:8px;
    width:260px;  
}
.form-full-width .radio-group label
{
    width:60px;
    line-height:20px;
}
label
{
    float:left;
    clear:none;
    margin-bottom:4px;
    font-weight:bold;
    color:#58595b;
}
label .note
{
    font-size:9px;
    font-style:italic;
    line-height:16px;
}
.form-full-width label
{
    width:150px;
}
.radio-label
{
    width:110px;
    margin:3px 10px 10px 0px;
}
.form-standard-left .radio-label
{
    margin-top:0px;
}
label input
{
    float:left;
}
label span
{
    float:left;
    margin-top:3px;
    font-weight:normal;
}
label span.red-text
{
    float:none;
}
.text-field,
.text-area,
.dropdown-field
{
    float:left;
    width:220px;
    margin-bottom:11px;
    border:solid 1px #70b5eb;
}
.text-field.volume-field,
.dropdown-field.volume-select
{
    float:left!important;
    width:163px!important;
}
.text-field.volume-field
{
    margin-right:5px!important;
    width:50px!important;
}
.form-standard .dropdown-field.volume-select
{
    width:144px!important;
}
.form-full-width .text-field,
.form-full-width .text-area,
.form-full-width .dropdown-field
{
    width:268px;   
    margin-bottom:11px;
}
.form-standard-left .text-field
{
    *margin-left:-14px;
}
.short-text-field
{
    width:70px!important;
}
.short-label
{
    margin:3px 10px 10px 0px;
    width:140px;
}
.dropdown-field
{
    margin-bottom:29px;
}
.form-three-column .dropdown-field,
.form-standard .dropdown-field
{
    margin-bottom:11px;
}
.radio-group input,
.customer-radio input
{
    float:left;
    margin-top:0px;
    *margin-top:-4px;
}
.form-standard .text-field,
.form-standard .text-area,
.form-standard .dropdown-field
{
    width:201px;
}
.form-standard h3
{
    margin:15px 0px 5px 15px
}
.check-field
{
    line-height:10px;
    font-size:9px;
    font-weight:normal;   
    margin-bottom:12px;
}
.check-field span { margin-bottom:-3px; }
.main-search-bar .search-box input.text-field,
.main-faq-bar .search-box input.text-field,
.main-news-bar .search-box input.text-field 
{
    width:310px;
    *margin-left:-200px;
}

/* TABLES */
table.blue-border { float:left; }   
.blue-border * { border:0px; }
.blue-border table td, .blue-border table th, #admin-area .blue-border table td, #admin-area .blue-border table th { border-bottom:solid 1px #ccc; }
.no-border-table, .no-border-table th, .no-border-table td { border:solid 0px #fff; }
.customer-radio td { width:240px; }
.spec-table {
    float:left;
    background:#e9efef;
    border-collapse:collapse;
}
.spec-table tr { border-bottom:solid 1px #fff; }
.spec-table th, .spec-table td {   
    text-align:left;
    vertical-align:top;
    color:#58585a;
    padding:10px;
}
.spec-table th {
    width:130px;
    border-right:solid 1px #fff;
}
.spec-table td { width:330px; }
.standard-table {
    float:left;
    width:100%;
    margin-bottom:15px;
    border-collapse:collapse;
    color:#58595b!important;
}
.standard-table th {
    background:#e9efef;
    text-align:left;
} 
.standard-table th,
.standard-table td
{
    padding:5px 9px;
    border:solid 1px #e9efef;
}

/* ----- risks table ----- */
.risk-table
{
    float:left;
    width:100%;
    margin-bottom:15px;
    color:#3e3d40;
    font-size:11px;
    border-collapse:collapse;
}
.risk-table td,
.risk-table th
{
    border:0px;
    padding:0px 3px;
    margin:0px;   
}
.risk-table th
{
    height:30px;
    vertical-align:middle;
    color:#fff;
    background:#f6f8f8 url(../images/light-blue-fade.gif) repeat-x left top;
}
.risk-table td { background:#fff; }
.risk-table td.incoterm, .risk-table td.place, .risk-table td.cost {
    height:47px;
    vertical-align:middle;
    background:#dcdddd;
    font-size:15px;
}
.risk-table td.incoterm { padding-left:6px; }
.risk-table td.place, .risk-table td.cost { font-size:10px !important; }
.risk-table td.place { text-align:center; }
.risk-table td.spacer
{
    width:8px;
    background:#ffffff;
}
.risk-table td.risk-scale
{
    padding:0px!important;
}

.risk-table-key
{
    float:left;
    width:100%;
    margin-bottom:15px;
}
.risk-table-key strong
{
    float:left;
    clear:none;
    margin-right:10px;
    line-height:24px;
}
.risk-table-key span
{
    float:left;
    clear:none;
    width:240px;
    line-height:24px;
    background:#fdedad;
    text-align:center;
    margin-right:10px;
}
.risk-table-key span.dark  { background:#d2edff; }

/* --------------- BUTTONS --------------- */
.btn-search { margin-top:10px;  margin-left:6px; }
.btn-close {
    float:right;
    clear:both;
    margin:15px 15px 15px 0px;
    padding-right:30px;
    color:#fff;
    font-size:12px;
    line-height:25px;
    text-decoration:none;
    background:url(../images/buttons/btn-close-light.png) no-repeat right top;
}
.search-result .btn-close, .faq-result .btn-close { color:#6d6e71; margin-right:0px; }
.btn-dbl-arrow, .btn-green-dbl-arrow, .btn-green-dbl-arrow-up, .btn-red-dbl-arrow, .btn-red-dbl-arrow-up {
    float:right;
    margin-top:5px;
    padding-right:30px;
    padding-bottom:1px;
    color:#6d6e71;
    font-size:12px;
    line-height:25px;
    text-decoration:none;
    background:url(../images/buttons/btn-dbl-arrow.png) no-repeat right top;
}
.btn-green-dbl-arrow { padding-bottom:1px; background:url(../images/buttons/btn-green-dbl-arrow.gif) no-repeat right top; }
.btn-green-dbl-arrow-up { margin:0px 0px 28px 60px; padding-bottom:1px; background:url(../images/buttons/btn-green-dbl-arrow-up.gif) no-repeat right top; }

.btn-red-dbl-arrow { padding-bottom:1px; background:url(../images/buttons/btn-red-dbl-arrow.gif) no-repeat right top; }
.btn-red-dbl-arrow-up { margin:0px 0px 28px 60px; padding-bottom:1px; background:url(../images/buttons/btn-red-dbl-arrow-up.gif) no-repeat right top; }

.main-faq-bar .search-box .btn-search,
.main-news-bar .search-box .btn-search
{
    margin:2px 0px 0px 3px;
}
.main-search-bar .search-box .btn-search
{
    float:left;
    margin:2px 0px -5px 3px;
}
.btn-search-options
{
    float:right;
    width:150px;
    color:#6d6e71;
    font-size:11px;
    margin:22px 15px;
    text-align:right;
}
.main-faq-bar .btn-search-options,
.main-news-bar .btn-search-options
{
    width:128px;
    margin:22px 15px 0px 0px;
}
.btn-thin-light
{
    float:right;
    text-decoration:none;
}
.question-panel .btn-thin-light
{
    width:120px;
}
.case-study .btn-thin-light,
.case-study-middle .btn-thin-light
{
    position:absolute;
    top:242px;
    right:10px;
    width:70px;
}
.case-study .btn-thin-light-text,
.case-study-middle .btn-thin-light-text
{
    color:#6D6E71!important;
}
.btn-thin-light-left,
.btn-thin-light-right,
.btn-thin-light-text
{
    float:left;
    height:26px;
}
.btn-thin-light-left
{
    width:8px;
    background:url(../images/buttons/btn-light-blue-left.png) no-repeat left top;
}
.btn-thin-light-right
{
    width:28px;
    background:url(../images/buttons/btn-light-blue-right.png) no-repeat right top;
}
.panel-standard .btn-thin-light-right
{
    width:28px;
    background:url(../images/buttons/btn-dark-blue-right.png) no-repeat right top;
}
.btn-thin-light-text
{
    padding:0px 6px 0px 4px;
    color:#6d6e71;
    font-size:12px;
    line-height:25px;
    background:url(../images/buttons/btn-light-blue-mid.png) repeat left top;
}
.panel-content .btn-thin-light-text
{
    color:#fff;
}

.btn-thin-blue,
.btn-thick-blue
{
    float:right;
    text-decoration:none;
}
.btn-thin-blue-left,
.btn-thin-blue-text,
.btn-thin-blue-right
{
    float:left;
    height:38px;
}
.btn-thin-blue-left
{
    width:10px;
    background:url(../images/buttons/btn-thin-blue-left.png) no-repeat left top;
}
.btn-thin-blue-right
{
    width:39px;
    background:url(../images/buttons/btn-thin-blue-right.png) no-repeat right top;
}
.btn-thin-blue-text
{
    padding:0px 6px 0px 14px;
    color:#fff;
    font-size:14px;
    font-weight:bold;
    line-height:34px;
    background:url(../images/buttons/btn-thin-blue-mid.png) repeat left top;
}
.btn-thick-blue
{
    margin:12px 0px;
}
.btn-thick-blue-left,
.btn-thick-blue-text,
.btn-thick-blue-right
{
    float:left;
    height:58px;
}
.btn-thick-blue-left
{
    width:10px;
    background:url(../images/buttons/btn-thick-blue-left.png) no-repeat left top;
}
.btn-thick-blue-right
{
    width:10px;
    background:url(../images/buttons/btn-thick-blue-right.png) no-repeat right top;
}
.btn-thick-blue-text
{
    padding:6px 3px;
    width:254px;
    height:46px;
    background:url(../images/buttons/btn-thick-blue-mid.png) repeat left top;
}

/* --------------- HEADER DROPDOWNS --------------- */
#header-dropdown
{
    display:none;
    width:100%;
    height:120px;
}
#jfhillebrand-content,
#hillebrandbulk-content
{
    position:relative;
    width:972px;
    display:none;
    height:106px;
}
#jfhillebrand-content { border-top:solid 7px #f2d971; border-bottom:solid 7px #f2d971; }
#hillebrandbulk-content { border-top:solid 7px #B10A32; border-bottom:solid 7px #B10A32; }
.header-dropdown-logo
{
    float:left;
    width:218px;
    margin:27px 0px 0 27px;
}
.header-dropdown-content
{
    float:left;
    width:515px;
    margin-top:20px;
}
.header-dropdown-link
{
    position:absolute;
    right:27px;
    top:13px; 
    width:185px;
}
#header-dropdown p { color:#6d6e71; }
#map_canvas span { white-space:normal!important; }

.article-main ul li { padding-left:10px; background:url('../images/bullet_grey_disc.gif') no-repeat 0 5px; }