body {padding: 0; margin: 0; text-align: center; background: #f0f0f0 /*url(/images/layout/background.jpg) center center repeat-y*/ url(/images/layout/background-grad.jpg) center top repeat-x;}
body, td, th {font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif;}

h1 {float: left; width: 240px; padding: 0px; margin: 0px;}

h1 a {background:url(/images/layout/logo.gif); width: 240px; height: 37px; display: block;}

h2 {font-weight: bold; font-size: 1.9em; font-family: Arial, Helvetica, sans-serif; letter-spacing: -0.05em; margin-top: 0; border-bottom: 1px solid #ccc; padding-bottom: 3px; margin-bottom: 10px;}
h3 {font-weight: bold; font-size: 1.5em; font-family: Arial, Helvetica, sans-serif; letter-spacing: -0.05em; margin: 15px 0 10px 0; border-bottom: 1px solid #ccc; padding-bottom: 3px;}
h4 {font-weight: bold; font-size: 1.3em; font-family: Arial, Helvetica, sans-serif; letter-spacing: -0.05em; margin: 10px 0 0 0;}

img {border: 0;}

a {text-decoration: underline;}
a:hover {text-decoration: none;}

#wrapper {padding: 0; margin: 0 auto; position: relative; width: 900px;}
#wrapperInner {float: left; width: 900px; padding: 0; margin: 0; background-color:#FFFFFF; text-align: left;}

#banner {position: relative; width: 900px; height:260px; background-color:#213a65;}
#newsBanner {position: relative; width: 900px; height:150px; background-color:#213a65;}


/* TOP NAV */

#nav {position: relative; width: 880px; padding: 5px 10px; font-size: 0.7em; background-color:#213a65; height: 40px;}

#links {float: left; width: 475px; padding: 18px 0 0 20px;}
#nav ul {padding: 0; margin: 0; list-style-type: none;}
#nav ul li {display: inline; padding: 0 7px; }

#nav ul li a {text-decoration: none; color: #fff;}
#nav ul li a:hover {}

#nav form {width: 135px; position: absolute; right: 10px; top: 10px; text-align: right; background: #517aa4; padding: 5px;}
#nav form input {width: 80px; margin: 0 0 0 3px; font-size: 0.8em}
#nav form label {color: #fff;}

#nav ul li.topActive a{text-decoration: underline; font-weight: bold;}



/* BEGIN MAIN BODY */

#contentOuter {width: 860px; position: relative; font-size: 0.75em; padding: 20px; float: left; overflow: hidden;}

#contentOuter p {margin: 0 0 10px 0;}



/* MAIN NAVIGATION */

#navigation {position: relative; width: 170px; float: left; text-align: left; background:url(/images/layout/nav/blue-strip.gif) repeat-y left top; margin-bottom: -2000px; padding-bottom: 2000px; }

#navigation ul, #navigation ul li {padding: 0; margin: 0; list-style-type: none;}

#mainList {background:url(/images/layout/nav/blue-strip.gif) repeat-y left top;}

#navigation ul li ul {padding: 0 0 0 38px;}

a#nonWovensHead {background-image:url(/images/layout/nav/nonwovens-header.gif); background-position: left top; width: 156px; height: 48px; display: block;}
a#nonWovensHead:hover {background-position: right top;}

a#wovensHead {background-image:url(/images/layout/nav/wovens-header.gif); background-position: left top; width: 156px; height: 48px; display: block;}
a#wovensHead:hover {background-position: right top;}

ul#nonWovensList li a {text-decoration: none; color: #31803a; display: block; height: 19px; margin: 0 0 0 -38px; padding: 2px 0 0 38px;}
ul#nonWovensList li a:hover, ul#nonWovensList li#activeMain a {background: url(/images/layout/nav/marker.gif) no-repeat left top;}
ul#nonWovensList {margin: 0 0 5px 0;}

ul#wovensList li a {text-decoration: none; color: #60715c; display: block; height: 19px; margin: 0 0 0 -38px; padding: 2px 0 0 38px;}
ul#wovensList li a:hover, ul#wovensList li#activeMain a {background: url(/images/layout/nav/marker.gif) no-repeat left top;}



/* LEFT COLUMN */

#leftHolder {position: relative; width: 170px; float: left; text-align: left; padding: 0; margin: 0 0 20px 0;}




#mainContentOne {position: relative; width: 340px; padding: 10px 20px 0 20px; float: left; line-height: 1.7em;}
#subContentOne {position: relative; width: 300px; float: left; text-align: center;}
#subContentOne img {border: 0;}
#business-card {position: relative; width: 260px; color: #fff; padding: 20px 20px 15px 20px; background-repeat: no-repeat; background-position: 250px 10px; margin: 55px 0 0 0; line-height: normal; text-align: left;}

#business-card p {margin-top: 0px;}

.cornerCut {background:url(/images/layout/corner.gif); width: 35px; height: 32px; position: absolute; bottom: 0px; right: 0px;}

#mainContentTwo, #mainContentThree /*ie6*/ {position: relative; width: 478px; padding: 10px 20px 2000px 22px; float: left; line-height: 1.7em; margin-bottom: -2000px; margin-top:0px;}
#subContentTwo {position: relative; width: 158px; float: left; padding: 10px 0 2000px 10px; margin-bottom: -2000px; margin-top: 5px;}

#mainContentThree {color:#333333;}

#mainContentOne ul, #mainContentTwo ul, #mainContentThree ul { margin: 0 0 1.4em 0; padding: 0 0 0 25px; list-style-type: square;}


/*Right Hand Ads */

#rightAdHolder {color: #fff; font-size: 1.6em; font-weight: bold; letter-spacing: -0.05em; padding: 0px; margin: 0px; float: left; width: 300px;}
#rightAdHolder img {float: right; padding: 0 0 0 10px;}
 #rightAdHolderInner {float: left; width: 300px;}
#rightAdHolderPadding {padding: 10px 0 10px 10px;}


/* Footer */

#footer {position: relative; width: 880px; float: left; clear: both; text-align: left; padding: 10px; font-size: 0.7em; background-color:#213a65; border-top: 20px solid #fff; }
#footer ul {padding: 0; margin: 0; list-style-type: none;}
#footer ul li {display: inline; padding: 0 7px; }

#footer ul li a {text-decoration: none; color: #fff;}
#footer ul li a:hover {}



/* Right  Column */

ul#subnavigation, ul#subnavigation2 {padding: 0; margin: 0; list-style-type: none;}

ul#subnavigation li, ul#subnavigation2 li { padding: 0 0 7px 0; margin: 0;}

ul#subnavigation li a, ul#subnavigation2 li a {text-decoration: none; font-size: 0.9em;}
ul#subnavigation li a:hover, ul#subnavigation2 li a:hover {text-decoration: none; font-weight: bold;}

#rightHolder {position: relative; width: 170px; float: left;}

.sideColSeparator {padding-bottom: 20px;}


/*  Product details pages   */

#productDetails {color: #333;}

#colorContainer {margin: 0; padding: 0;}
#colorContainer ul {margin: 0; padding: 0; list-style-type: none; font-size: 0.9em; text-transform: capitalize;}
#colorContainer ul li {padding: 0; margin: 0; display: inline;}
#colorContainer ul li a /*IE6*/{color:#fff; background-color: #213a65; text-decoration: none; padding: 8px 10px 8px 11px; margin-right: -3px; background-repeat: no-repeat; background-position: left top; margin-bottom:0;}



h2#prodDescrHead {color: #fff; margin-bottom: 15px; padding: 0 0 3px 0; border-bottom: 1px solid #fff;}
#mainContentThree #colorContainer h3 {color: #fff;}

#secondText {padding: 1px 15px 0 15px;}

ul#pictureThumbList, ul#pictureThumbList li {list-style-type: none; margin: 0; padding: 0;}

ul#pictureThumbList li {display: inline;}

ul#pictureThumbList img {border: 0px;}
ul#pictureThumbList a {padding: 0 14px 10px 0;}

table#techdetails {font-size: 0.9em;}
table#rolldetails {font-size: 0.9em; margin: 15px 0 0 0;}

table#techdetails th, table#techdetails td {text-align: left; font-weight: normal; vertical-align: top; padding: 5px;}

table#techdetails td table td, table#techdetails td table th {padding: 0px;}

table#techdetails caption {color: #fff; text-align: left; padding: 10px; font-size: 1.7em; background-color:#666; font-family: Arial, Helvetica, sans-serif; font-weight: bold; letter-spacing: -0.05em;}

table#rolldetails th {text-align: center; font-weight: bold; vertical-align: top; padding: 5px;}
table#rolldetails td {text-align: center; font-weight: normal; vertical-align: top; padding: 5px;}

#certLogos {float: right; width: 100px; margin: 0 0 0 0; padding: 20px 0 0 0;}
#certLogos img {padding: 0 0 10px 0; border: 0;}

#certTable th, #certTable td { font-size: 0.9em; text-align: left; border-bottom: 1px solid #fff;}

#installText img {float: left; padding: 0 15px 0 0;}

/* News & Events */

#newsSummaries { width: 310px; float: left; text-align: left; margin-top: 20px;}
#newsSummaries h3, #eventsSummaries h3 {margin: 0 0 10px 0;}
#eventsSummaries { width: 310px; float: left; margin-left: 30px; text-align: left; margin-top: 20px;}
/*.newsStory {background: #DEE9EF ; padding: 1px 9px; margin: 0 0 20px 0;}
.eventsStory {background: #F0F0F0 ; padding: 1px 9px; margin: 0 0 20px 0;}*/

.newsStory, .eventsStory {background: url(/images/layout/dotted-border-hor.gif) repeat-x left bottom; padding: 0 0 5px 0;}

#imageThumbs img {border: 0;}

/*         Brands              */

#nonLogos img, #wovLogos img {padding: 10px 0 10px 0; border: 0px;}
#nonLogos, #wovLogos {margin: 20px 0 20px 10px;}
.logoLeft {width: 185px; float: left; margin: 0 15px 0 0; padding: 0 0 0 10px; background: url(/images/layout/dotted-border-vert.gif) repeat-y left top;}
.logoRight {width: 185px; float: left; margin: 0 0 0 0; padding: 0 0 0 10px; background: url(/images/layout/dotted-border-vert.gif) repeat-y left top;}

/*        Site map          */

.maplinksLeft {width: 225px; float: left; margin: 0 15px 0 0; padding: 0 0 0 10px; background: url(/images/layout/dotted-border-vert.gif) repeat-y left top;}
.maplinksRight {width: 225px; float: left; margin: 0 0 0 0; padding: 0 0 0 10px; background: url(/images/layout/dotted-border-vert.gif) repeat-y left top;}

#site-map h3 {float: left; width: 100%;}

#site-map ul {float: left; width: 30%; padding: 0 0 20px 20px;}



/*Classes*/
.offLeft {position: absolute; left: -9999px;}
.imageRight {float: right; padding: 0 0 10px 10px;}
.thumbImageRight {float: right; padding: 8px 0 9px 9px;}
.thumbImageLeft {float: left; padding: 0 7px 7px 0;}
.dataSheetRight {float: right; width: 250px;}

.full-input, .half-input { border: 1px solid #999; font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; padding: 4px;}

.full-input {width: 500px;}

.half-input {width: 250px;}

.failure, .information, .success { padding: 8px; font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; display: block;}

.failure { background: #f7eaea; color: #d30e0e; border: 1px solid #d30e0e;}

.information { background: #f9f2d7; color: #d08707; border: 1px solid #d08707; }

.success { background: #f0f9d7; color: #63a004; border: 1px solid #63a004; }

form.form-popup {font-size: 12px; text-align: left;}