/* ===========================
BusinessOnLine
written for - www.fulflex.com
2009-Nov

COLOR SWATCH
-------------------------
#464646 - dark gray
#013157 - dark blue
#0e4c7d - blue

sIFR FONT
---------
Myriad Pro Regular
Myriad Pro Semibold

============================ */

/* ===== Browser Reset ===== */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,

label,table,tr,td {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,a img,:link img,:visited img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:'';}

/* ----- Global Elements ----- */
body {
background:#ccc url("/Images/.jpg") top repeat-x;
text-align:center; 
font:12px/16px Arial, Helvetica, sans-serif; 
color:#464646;
}

/* ----- Classes ----- */

img.img-left {
    float:left;
    margin:0;
}

img.img-right {
    float:right;
    margin:0;
}

img.img-margin {
    margin:0 15px;
}

.clear { 
    clear:both;
    height:.01em; 
    overflow:hidden; 
}

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

.back-to-top {
    margin:20px 0;
}
    
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


/* ----- Layout Containers ----- */
#tableless {
    background-color:#ececec;
    width:980px;
    margin:0 auto 20px auto;
    padding:20px;
}

#container {
    background-color:#fff;
    width:940px;
    padding:0 20px;
}

#banner {
    clear:both;
}

#left {
    width:209px;
    float:left;
    text-align:left;
    padding:30px 0 0 10px;
}

#left h4 {
    font-size: 1.28em; /*1.33em;*/
    margin-bottom:20px;
}

#left h4 a {
    color:#013157;
    text-decoration:none;
}

#left ul {
    font-size:0.92em;
    line-height:3.00em;
    width:171px;
    border-top:1px solid #ebebeb;
    margin:-10px 0 25px 0;
}

#left ul li {
    border-bottom:1px solid  #ebebeb;
}

#left ul li a:link, #left ul li a:visited {
    color:#000;
    text-decoration:none;
}

#left ul li a:hover, #left ul li a:active {
    color:#013157;
    text-decoration:none;
}

body.industries-served_diapers_default #left-nav-01,
body.industries-served_diapers_latex-free-diaper-elastic-tape-and-thread_default #left-nav-01,
body.industries-served_medical-and-healthcare_default #left-nav-02,
body.industries-served_medical-and-healthcare_tourniquets_default #left-nav-02,
body.industries-served_medical-and-healthcare_latex-free-elastic-tape-and-threads-for-medical-applications_default #left-nav-02,
body.industries-served_medical-and-healthcare_natural-and-synthetic-rubber-sheeting_default #left-nav-02,
body.industries-served_medical-and-healthcare_esmark_default #left-nav-02,
body.industries-served_textile_default #left-nav-03,
body.industries-served_textile_elastic-tapes-and-threads-for-textile-applications_default #left-nav-03,
body.industries-served_textile_elastic-tapes-for-textile-applications_default #left-nav-03,
body.industries-served_industrial_default #left-nav-04,
body.industries-served_industrial_elastic-tapes-for-industrial-applications_default #left-nav-04,
body.industries-served_automotive_default #left-nav-05,
body.industries-served_automotive_elastic-tapes-for-automotive-applications_default #left-nav-05,
body.industries-served_specialty-industries_default #left-nav-06,
body.industries-served_specialty-industries_elastic-tapes-for-specialty-industry-applications_default #left-nav-06,
body.industries-served_custom-applications_default #left-nav-07,
body.elastic-forms_tape_default #left-nav-01,
body.elastic-forms_thread_default #left-nav-02,
body.elastic-forms_rubber-sheeting_default #left-nav-03,
body.elastic-forms_laminates_default #left-nav-04
{
    font-weight:bold;
    margin-left:10px;
    background:url("/Images/layout/icon-arrow-blue-rt.jpg") right no-repeat;
}

body.industries-served_medical-and-healthcare_default #left-nav-02,
body.industries-served_medical-and-healthcare_tourniquets_default #left-nav-02,
body.industries-served_medical-and-healthcare_latex-free-elastic-tape-and-threads-for-medical-applications_default #left-nav-02,
body.industries-served_medical-and-healthcare_natural-and-synthetic-rubber-sheeting_default #left-nav-02,
body.industries-served_industrial_elastic-tapes-for-industrial-applications_default #left-nav-04,
body.industries-served_medical-and-healthcare_esmark_default #left-nav-02,
body.industries-served_industrial_default #left-nav-04,
body.industries-served_custom-applications_default #left-nav-07 {
    letter-spacing:-0.1em;
}

#main {
    width:719px;
    float:left;
    margin-left:-19px;
    padding-left:19px;
    border-left:1px solid #ebebeb;
    text-align:left;
}

#main .breadcrumbs {
    display:block;
    width:554px; /*676*/
    height:25px;
    background:#ececec url("/Images/layout/bg-breadcrumb.jpg") no-repeat left;
    line-height:25px;
    font-size:0.83em;
    text-align:left;
    padding:0 20px 0 25px;
    margin:0 0 15px -19px;
    float:left;
    overflow:hidden;
}

.UAie6 #main .breadcrumbs {
    padding-left: 44px;
}

#main .print {
    background:#ececec url(/images/print-icon.gif) 0 3px no-repeat;
    display:block;
    width:119px;
    font-size:0.83em;
    padding-left:20px;
    float:left;
    line-height:25px;
}
    
#marketing-image {
    background:url("/Images/layout/banner-ind-med.jpg") no-repeat;
    width:500px;
    height:250px;
    float:left;
    margin-bottom:20px;
}
    
#marketing-image .marketing-message {
    color:#fff;
    line-height:15px;
    padding-left:10px;
    margin-top:210px;
}

#main a:link, #main a:visited {
    color:#0e4c7d;
    text-decoration:underline;
}

#main a:hover, #main a:active {
    color:#0e4c7d;
    text-decoration:none;
}

#main h1 {
    font-size:2.00em;
    line-height:100%; /* needed for sIFR */
    color:#363636;
    margin-bottom:10px;
    font-weight:normal;
}

#main h2 {
    font-size:1.50em;
    line-height:100%; /* needed for sIFR */
    color:#013157;
    font-weight:normal;
    margin-bottom:10px;
}

#main h3 {
    font-size:1.25em;
    line-height:100%; /* needed for sIFR */
    color:#464646;
    font-weight:bold;
}

#main p {
    margin-bottom:15px;
}

#main #request-a-quote h5 {
    font-size:1.5em;
    color:#fff;
    font-weight:bold;
    line-height:100%; /* needed for sIFR */
    margin-bottom:5px;
}

#main ul {
    margin:0 0 20px 15px;
}

#main ul li {
    list-style-type:disc;
}

#main img.teal {
    border:6px solid #e2e8eb;
    margin-right:13px;
    padding:1px;
}

#main .colcategory {
    width:45%;
    padding-right:20px;
}

#main .colcategory img.teal {
    margin-bottom:20px;
}

.UAie6 #main .colcategory {
    width: 340px;
    padding-right:10px;
}

#main .fixedwidth {
    width:480px;
}

body.industries-served_diapers_latex-free-diaper-elastic-tape-and-thread_default #main .fixedwidth {
    width:450px;
}

#main table.specs {
    border-collapse:collapse;
    margin:20px 0 10px;
    padding:3px;
    width:100%;
}

#main table.specs .col1 {
font-weight:bold;
padding-right:18px;
width:30%;
}

#main table.specs td {
border:1px solid #D4D4D4;
padding:5px 8px;
}

#main table.specs .even {
background-color:#F7F7F7;
}

#request-a-quote {
    width:689px;
    padding:15px;
    background-color:#485868;
    color:#fff;
    margin-bottom:20px;
}

#request-a-quote img.img-right {
    margin-top:10px;
}

#request-a-quote p {
    margin-bottom:0;
}

#right {}

#footer {
    font-size:0.92em;
    text-align:left;
    border-top:1px solid #ebebeb;
    padding-top:15px;
    position:relative;
}

#footer h6 {
    color:#464646;
    font-size:1.45em;
}

#footer dl {
    float:left;
    padding-right:30px;
    line-height:1.67em;
    margin-bottom:15px;
}

#footer .mini-dl {
    float:left;
}

#footer .mini-dl dl {
    padding-right:0;
    float:none;
}

#footer dt {
    font-weight:bold;
}

#footer a {
    color:#0e4c7d;
}

#footer dd a {
    color:#464646;
}

#footer #footer-signature {
    display:block;
    position:absolute;
    top:295px;
    left:-40px;
    width:1020px;
}

.UAie6 #footer #footer-signature{
    top: 305px;
}

.UAie7 #footer #footer-signature {
    display:block;
    position:absolute;
    top:305px;
    left:-40px;
    width:1020px;
}

#footer a:link, #footer a:visited { text-decoration:none; }
#footer a:hover, #footer:active { text-decoration:underline; }

#footer .first-col{
    margin-right: 25px;
}

/* ----- Main Navigation ----- */
#nav { 
    background:url("/Images/layout/nav2.jpg") no-repeat; 
    width:940px; 
    height:38px; 
    margin:0;
    padding:0; 
}

#nav span { display: none; }

#nav li, #nav a { height:38px; display:block; } 

#nav li { 
    float:left;
    list-style:none;
    _display:inline;
    position:relative;
}

#nav-01 { width: 80px;}
#nav-02 { width: 115px;}
#nav-03 { width: 120px;}
#nav-04 { width: 125px;}
#nav-05 { width: 110px;}
#nav-06 { width: 198px;}
#nav-07 { width: 93px;}
#nav-08 { width: 99px;}

#nav-01 a:hover { background:url("/Images/layout/nav2.jpg") 0px -38px no-repeat; }
#nav-02 a:hover { background:url("/Images/layout/nav2.jpg") -80px -38px no-repeat; }
#nav-03 a:hover { background:url("/Images/layout/nav2.jpg") -195px -38px no-repeat; }
#nav-04 a:hover { background:url("/Images/layout/nav2.jpg") -315px -38px no-repeat; }
#nav-05 a:hover { background:url("/Images/layout/nav2.jpg") -440px -38px no-repeat; }
#nav-06 a:hover { background:url("/Images/layout/nav2.jpg") -550px -38px no-repeat; }
#nav-07 a:hover { background:url("/Images/layout/nav2.jpg") -748px -38px no-repeat; }
#nav-08 a:hover { background:url("/Images/layout/nav2.jpg") -841px -38px no-repeat; }

body.default #nav-01 { background:url("/Images/layout/nav2.jpg")  0px -38px no-repeat; }
body.industries-served_default #nav-02 { background:url("/Images/layout/nav2.jpg") -80px -38px no-repeat; }
body.elastic-forms_default #nav-03 { background:url("/Images/layout/nav2.jpg") -195px -38px no-repeat; }
body.custom-mixing_default #nav-04 { background:url("/Images/layout/nav2.jpg") -315px -38px no-repeat; }
body.calendering_default #nav-05 { background:url("/Images/layout/nav2.jpg") -440px -38px no-repeat; }
body.thermoplastic-elastomers_default #nav-06 { background:url("/Images/layout/nav2.jpg") -550px -38px no-repeat; }
body.about-us_default #nav-07 { background:url("/Images/layout/nav2.jpg") -748px -38px no-repeat; }
body.contact-us_default #nav-08 { background:url("/Images/layout/nav2.jpg") -841px -38px no-repeat; }

/*for corresponding sub to nav*/
body.industries-served_diapers_default #nav-02, 
body.industries-served_diapers_latex-free-diaper-elastic-tape-and-thread_default #nav-02,
body.industries-served_medical-and-healthcare_default #nav-02,
body.industries-served_medical-and-healthcare_tourniquets_default #nav-02,
body.industries-served_medical-and-healthcare_latex-free-elastic-tape-and-threads-for-medical-applications_default #nav-02,
body.industries-served_medical-and-healthcare_natural-and-synthetic-rubber-sheeting_default #nav-02,
body.industries-served_medical-and-healthcare_esmark_default #nav-02,
body.industries-served_textile_default #nav-02,
body.industries-served_textile_elastic-tapes-and-threads-for-textile-applications_default #nav-02,
body.industries-served_textile_elastic-tapes-for-textile-applications_default #nav-02,
body.industries-served_industrial_default #nav-02, 
body.industries-served_industrial_elastic-tapes-for-industrial-applications_default #nav-02,
body.industries-served_automotive_default #nav-02, 
body.industries-served_automotive_elastic-tapes-for-automotive-applications_default #nav-02,
body.industries-served_specialty-industries_default #nav-02, 
body.industries-served_specialty-industries_elastic-tapes-for-specialty-industry-applications_default #nav-02,
body.industries-served_custom-applications_default #nav-02
{ background:url("/Images/layout/nav2.jpg") -80px -38px no-repeat; }
body.elastic-forms_tape_default #nav-03,
body.elastic-forms_thread_default #nav-03,
body.elastic-forms_rubber-sheeting_default #nav-03,
body.elastic-forms_laminates_default #nav-03 
{ background:url("/Images/layout/nav2.jpg") -195px -38px no-repeat; }


/* Based on nav.jpg
#nav-01 { width: 75px;}
#nav-02 { width: 219px;}
#nav-03 { width: 114px;}
#nav-04 { width: 123px;}
#nav-05 { width: 109px;}
#nav-06 { width: 108px;}
#nav-07 { width: 93px;}
#nav-08 { width: 99px;}

#nav-01 a:hover { background:url("/Images/layout/nav.jpg") 0px -38px no-repeat; }
#nav-02 a:hover { background:url("/Images/layout/nav.jpg") -75px -38px no-repeat; }
#nav-03 a:hover { background:url("/Images/layout/nav.jpg") -294px -38px no-repeat; }
#nav-04 a:hover { background:url("/Images/layout/nav.jpg") -408px -38px no-repeat; }
#nav-05 a:hover { background:url("/Images/layout/nav.jpg") -531px -38px no-repeat; }
#nav-06 a:hover { background:url("/Images/layout/nav.jpg") -640px -38px no-repeat; }
#nav-07 a:hover { background:url("/Images/layout/nav.jpg") -748px -38px no-repeat; }
#nav-08 a:hover { background:url("/Images/layout/nav.jpg") -841px -38px no-repeat; }

body.default #nav-01 { background:url("/Images/layout/nav.jpg")  0px -38px no-repeat; }
body.industries-served_default #nav-02 { background:url("/Images/layout/nav.jpg") -75px -38px no-repeat; }
body.elastic-forms_default #nav-03 { background:url("/Images/layout/nav.jpg") -294px -38px no-repeat; }
body.custom-mixing_default #nav-04 { background:url("/Images/layout/nav.jpg") -408px -38px no-repeat; }
body.calendering_default #nav-05 { background:url("/Images/layout/nav.jpg") -531px -38px no-repeat; }
body.compounds_default #nav-06 { background:url("/Images/layout/nav.jpg") -640px -38px no-repeat; }
body.about-us_default #nav-07 { background:url("/Images/layout/nav.jpg") -748px -38px no-repeat; }
body.contact-us_default #nav-08 { background:url("/Images/layout/nav.jpg") -841px -38px no-repeat; }
*/

/* ----- Calls to Action Navigation ----- */
#nav-calls {
/*    background:url("/Images/layout/nav-calls.jpg") top left no-repeat;					
    width:200px;		
    height:250px;*/		
    background:url("/Images/layout/nav-calls3.jpg") top left no-repeat;					
    width:200px;		
    height:250px;	
    margin:0 !important;
    padding:0;
    float:left;
}

#nav-calls li span { display: none; }

#nav-calls li { float:left; list-style:none; position:relative; }

#nav-calls li, #nav-calls a { 
    height:50px;			
    display:block;
}

#nav-calls-01, #nav-calls-02, #nav-calls-03, #nav-calls-04, #nav-calls-05 { margin-top:0; width:200px; }

/*
#nav-calls-01 a:hover { background:url("/Images/layout/nav-calls.jpg") -200px  0px no-repeat; }
#nav-calls-02 a:hover { background:url("/Images/layout/nav-calls.jpg") -200px -50px no-repeat; }
#nav-calls-03 a:hover { background:url("/Images/layout/nav-calls.jpg") -200px -100px no-repeat; }
#nav-calls-04 a:hover { background:url("/Images/layout/nav-calls.jpg") -200px -150px no-repeat; }
#nav-calls-05 a:hover { background:url("/Images/layout/nav-calls.jpg") -200px -200px no-repeat; }
*/

#nav-calls-01 a:hover { background:url("/Images/layout/nav-calls3.jpg") -200px  0px no-repeat; }
#nav-calls-02 a:hover { background:url("/Images/layout/nav-calls3.jpg") -200px -50px no-repeat; }
#nav-calls-03 a:hover { background:url("/Images/layout/nav-calls3.jpg") -200px -100px no-repeat; }
#nav-calls-04 a:hover { background:url("/Images/layout/nav-calls3.jpg") -200px -150px no-repeat; }
#nav-calls-05 a:hover { background:url("/Images/layout/nav-calls3.jpg") -200px -200px no-repeat; }

/* ----- sIFR Style ----- */
#sIFR h1 {
    background-color:transparent;
    font-family: myriadpro-regular;
    color: #363636;
}

#sIFR h2 {
    background-color:transparent;
    font-family: myriadpro-regular;
    color:#013157;
}

#sIFR h2 a:link {
    color:#000;
}

#sIFR h3 {
    background-color:transparent;
    font-family: myriadpro-regular;
    color:#013157;
}

#sIFR h4 {
    color:#013157;
    font-family: myriadpro-semibold;
    background-color:transparent;    
}

#sIFR h5 {
    color:#fff;
    background-color:transparent;
    font-family: myriadpro-regular;
}

#sIFR h6 {
    color:#363636;
    background-color:transparent;
    font-family: myriadpro-semibold;
}

.hideit{
    display: none;
}

.ablock{
    display: block;
}

.content400{
    width: 400px;
}
.content300{
    width: 300px;
}
.content200{
    width: 200px;
}
.content180{
    width: 180px;
}