#header, #footer, #content {width: 740px;position: relative;margin:auto;top:20px;text-align:left}
#header{text-align:right;height:130px;z-index:1;top:10px}
#logo{left:0px;width:133px;position:absolute;top:30px;height:53px;z-index:1;}
#logo img{border:0;}
#nav{
	left:200px;
	position:absolute;
	top:10px;
	z-index:1;
	width: 540px;
}
#facebook{
	margin:auto;
	width: 240px;
}
a{color:#666}

#specsmenu { width:400px;left:-6px; position:relative; top:-6px !important;top:-4px; padding:6px;display:none; text-align:left;white-space:nowrap;background-color:#ffffff;}

#footer {text-align:center;padding:2em}
#footer a { color: #333333;font-size: 10px; color: #666666; text-decoration: none;} 
#footer a:hover { color: #999999;} 
#footer a:active { color: #333333;} 
#footer .copyright, #footer .copyright a { font-size: 9px; color: #999999;} 
#footer .copyright a {margin-left:1.5em}

#home {width:740px; height:420px; background: url(../images/bg_home.jpg) no-repeat;position:relative;}
#home table {position:absolute;right:20px;top:20px;}
#home td.copy1 a img,#home td.copy2 a img,#home td.copy3 a img {border:0;position:absolute;right:120px !important;right:-20px;}
#home .photo img {border:0;}
#home .copy1, #home .copy2, #home .copy3 {text-align:right;line-height:16px;position:relative;}
#home .copy1 p {width:320px;position:absolute;right:120px !important;right:-20px;}
#home .copy2 p {width:270px;position:absolute;right:120px !important;right:-20px;}
#home .copy3 p {width:175px !important; width:180px; position:absolute;right:120px !important;right:-20px;}
#home p {margin:5px 0 0 0;padding:0;}
#home .photo {width:95px;height:120px; text-align:right;}

.slides {width:740px height:555px;overflow:hidden;}
#apparel, #commercialinteriors, #hometextiles {position:relative;}
#apparel {width:740px; height:420px; background: url(../images/bg_apparel.jpg) no-repeat;}
#commercialinteriors {width:740px; height:420px; background: url(../images/bg_commercial.jpg) no-repeat;}
#hometextiles {width:740px; height:420px; background: url(../images/bg_hometextiles.jpg) no-repeat;}
#hardgoods {width:740px; height:420px; background: url(../images/bg_hardgoods.jpg) no-repeat;}

#apparel div.copy {
	position:absolute;
	top:120px;
	left:30px;
	width:450px;
	text-align:left;
}
#apparel div.copy p {color:#ffffff;margin:0 85px 0 0;}
#commercialinteriors div.copy {position:absolute; top:190px;left:30px;width:450px;text-align:left;}
#commercialinteriors div.copy p {color:#ffffff;margin:0 85px 0 0;}
#hardgoods div.copy {
	position:absolute;
	top:158px;
	left:31px;
	width:371px;
	text-align:left;
	height: 69px;
}
#hardgoods div.copy p {color:#ffffff;margin:0 25px 0 0;}
#hometextiles div.copy {
	position:absolute;
	top:115px;
	left:30px;
	width:450px;
	text-align:left;
}
#hometextiles div.copy p {color:#ffffff;margin:0 85px 0 0;}

/* buttons */

.b1, .b2, .b3, .b4, .b5, .b6, .b7, .b8, .b9 {
	position:absolute;
	left:25px;
	width:300px;
	height:15px;
	border:0;
}

#apparel .b1 {top:255px;}
#apparel .b2 {top:270px;}
#apparel .b3 {top:285px;}
#apparel .b4 {top:300px;}
#apparel .b5 {top:315px;}
#apparel .b6 {top:330px;}
#apparel .b7 {top:345px;}
#apparel .b8 {top:360px;}
#apparel .b9 {top:375px;}

#commercialinteriors .b1 {top:290px;}
#commercialinteriors .b2 {top:305px;}

#hometextiles .b1 {top:255px;}
#hometextiles .b2 {top:270px;}
#hometextiles .b3 {top:285px;}
#hometextiles .b4 {top:300px;}
#hometextiles .b5 {top:315px;}
#hometextiles .b6 {top:330px;}
#hometextiles .b7 {top:345px;}
#hometextiles .b8 {top:360px;}

#hardgoods .b1 {
	top:253px;
}


/* application -> product pages */

#apparelP1,
#apparelP2,
#apparelP3,
#apparelP4,
#apparelP5,
#apparelP6,
#apparelP7,
#apparelP8,

#hometextilesP1,
#hometextilesP2,
#hometextilesP3,
#hometextilesP4,
#hometextilesP5,
#hometextilesP6,
#hometextilesP7,

#commercialP1,
#commercialP1b,
#blank

{ width:740px; height:420px; line-height:16px; position:relative;text-align:left;}


#commercialP1  {background: url(../images/bg_commercialP1.jpg) no-repeat;}
#commercialP1b  {background: url(../images/bg_commercialP1b.jpg) no-repeat;}

#blank  {background: url(../images/bg_blank.gif) no-repeat;}

#apparelP1 .scroller .copy ul, #hometextilesP1 .scroller .copy ul, #commercialP1 .scroller .copy ul,
#apparelP2 .scroller .copy ul, #hometextilesP2 .scroller .copy ul, #commercialP1b .scroller .copy ul,
#apparelP3 .scroller .copy ul, #hometextilesP3 .scroller .copy ul, 
#apparelP4 .scroller .copy ul, #hometextilesP4 .scroller .copy ul,
#apparelP5 .scroller .copy ul, 
#apparelP6 .scroller .copy ul
{margin:0 0 0 -22px !important;margin:0 0 0 15px; }
#blank .scroller .copy table
{margin:0 0 10px 0; }
#blank .scroller .copy td
{padding:3px;vertical-align:top;border-bottom: 1px #dedede solid;font-size:9px;}
#apparelP1 li, #hometextilesP1 li, #commercialP1 li,
#apparelP2 li, #hometextilesP2 li, #commercialP2 li,
#apparelP3 li, #hometextilesP3 li, #commercialP3 li,
#apparelP4 li, #hometextilesP4 li, #commercialP4 li, 
#apparelP5 li,
#apparelP6 li

{color:#333333;padding:0}
#blank .scroller .copy table td ul
{margin: 0 0 0 -20px !important;margin: 0 0 0 -40px;}
#blank .scroller .copy table td ul li,
#commercialP1b .scroller .copy table td ul li
{padding:2px; margin: 0 10px 0 0;}


#commercialP1b .scroller .copy td 
{padding: 0 20px 0 0;}

.resistsspills,
.repelsstains,
.coolestcomfort,
.resistsstatic,
.dryinside,
.neutralizer,
.repelswater,
.speeddry

{ width:740px; height:420px; background-repeat:no-repeat; }


.resistsspills  	{}
.repelsstains   	{}
.coolestcomfort  	{}
.resistsstatic  	{}
.dryinside  		{}
.neutralizer  		{}

.product {position:relative;text-align:left;}
.product table {position:absolute;left:385px;top:100px;width:350px}
.product img.headline {position:absolute;left:90px;top:67px;}
.product .copy img, .product .photo img {border:0;}
.product .copy img {margin:0 0 0 10px;}
.product .copy {text-align:left;line-height:16px;position:relative;}
.product .copy p {margin:5px 0 0 10px;padding:0 0 0 0;}
.product .photo {width:95px;height:115px;}
.product .left {
	position:absolute;
	left:70px;
	top:93px;
	width:280px;
	height:180px;
}
.product .left p {color:#ffffff;line-height:16px;text-align:left;}
.product .left ul {padding:0 0 0 15px;color:#fff;margin-left:3px;}
.product .left p a {color:#ffffff;}
.product .left p img {margin:0 0 10px 0;}

.product .bgimage, .bgimage {position:absolute;top:0;left:0;}

#neutralizer a, #neutralizer p, #neutralizer ul {color:#333333;}

.scroller {
	position:absolute;
	text-align:left;
	left:305px;
	top:15px;
	padding-top:10px;
	height:390px;
	width:432px;
	overflow:auto;
}
#blank .scroller {position:absolute;text-align:left;left:20px;top:10px; padding-top:10px; height:390px;width:712px;overflow:auto;}
.scroller .logo {width:120px;height:75px;margin:0 10px 10px 0;border:0;}
.scroller .copy p {padding:0 75px 10px 0 !important;padding:0 55px 10px 0; line-height:15px;}
.snav {text-align:left;}
.snav img {border:0;}
.headline {text-align:left;padding-bottom:8px;}

.WTBdetails {padding:10px 0 0 0}
.WTBdetails h3 {border-bottom: #999999 solid 1px;position:relative;height:85px;margin:0 20px 0 0;font-weight:normal; color:#909090;}
.WTBdetails h3 img.logo {position:absolute;left:0;top:0;}
.WTBdetails h3 div {position:absolute;left:130px;top:60px;}
.WTBdetails td.col {width:130px;padding:10px 0 0 0;color:#666666; line-height:16px; font-size:10px;}

.fabric {position:relative;width:740px;height:475px;}
.fabric .background {position:absolute;z-index:0;width:740px;height:475px;}
.fabric .photo {position:absolute;z-index:1;width:365px;height:475px;}
.fabric .technology {position:absolute;z-index:2;width:365px;height:475px;}
.fabric .technology img {position:absolute;z-index:2;}
.fabric .technology div.text {position:absolute;z-index:3;color:#fff;top:30px;left:30px;width:275px;}
.fabric .technology div.text ul {margin:15px;padding:0;}
.fabric .copy img {
	float: right;
}
.fabric .copy {
	position:absolute;
	z-index:3;
	top:22px;
	height:455px;
	width:305px;
	margin:0 0 0 400px;
	padding:0 0 0 0;
	overflow:hidden;
	text-align:left;
}
.fabric .copy p {margin:0 0 15px 0;line-height:15px;}

.whatisnano td img { margin:5px 15px 5px 0;}
table.whatisnano td p {font-size:10px;margin: 0 30px 0 0;}
.green {color:#66cc00;}
.greenrev {background-color:#66cc00;color:#FFFFFF;padding:3px;border-right:#ffffff solid 1px;}
.ltgreenbg {background-color:#d1e8bb;border-right:#ffffff solid 1px;border-bottom:#ffffff solid 1px;}

.simplemodal-container {background:#fff;padding:2em;width:840px;height:300px;border:1px #dedede solid;-moz-border-radius: 10px;
-webkit-border-radius: 10px;}
.simplemodal-container td, .simplemodal-container th {padding:3px 20px 3px 0;white-space:nowrap;font-size:10px;}
.simplemodal-container th {font-weight:normal;border-bottom:solid 1px #dedede;text-align:left;}
.simplemodal-container table, .simplemodal-container p  {margin:20px 0 0 90px}
#options {display:none;overflow:auto;}
.simplemodal-container .options {padding:2em;}
.simplemodal-container .options .logo {top:30px;left:10px;border:none;}
.simplemodal-container .options .logo {position:absolute;}

#simplemodal-container a.modalCloseImg {
	background:url(../images/x.png) no-repeat; /* adjust url as required */
	width:32px;
	height:35px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:-11px;
	right:-13px;
	cursor:pointer;
}


.logos img {margin: 0 38px 20px 0;float:left;border:0;}

.printbutton {position:absolute;top:5px;right:20px;}
td { font-size: 10px; font-family: verdana, arial, helvetica, sans-serif; color: #333333; } 
div { font-size: 10px; font-family: verdana, arial, helvetica, sans-serif; color: #333333; } 
body { line-height:14px; font-size: 10px; font-family: verdana, arial, helvetica, sans-serif; color: #333333; margin:0;} 
p {margin:0 0 5px 0}
.body { font-size: 11px; color: #666666; font-family: verdana, arial, helvetica, sans-serif; } 
.sub { color:#666666; font-size: 10px;} 
.sublink { color:#666666; text-decoration: none;} 
a.sublink:hover { color:#999999; text-decoration: none;} 
a.sublink:active { color:#333333; } 
.news { color:#333333; font-size: 11px;} 
.newsdate { color:#333333; font-size: 9px;} 
a.news:hover { color:#666666; text-decoration: none;} 
a.news:active { color:#333333;} 
.faq_q { color:#333333; font-size: 11px; font-weight: bold;} 
a.faq_q:hover { color:#666666; text-decoration: none;} 
a.faq_q:active { color:#333333;} 
.faq_a { color:#333333; font-size: 11px;} 
.lpi { color: #ffffff; text-decoration: underline; font-weight: bold;} 
a.lpi:hover { color: #999999; text-decoration: none; font-weight: bold;} 
a.lpi:active { color: #66cc00; text-decoration: none; font-weight: bold;} 
.lpitext { font-size: 11px; color: #ffffff; font-family: verdana, arial, helvetica, sans-serif; font-weight: bold; } 
.lpifooter { font-size: 10px; color: #66cc00; font-family: verdana, arial, helvetica, sans-serif;} 
.lpiast { font-size: 12px; color: #66cc00; font-family: verdana, arial, helvetica, sans-serif;} 
.lpiheader { font-size: 13px; color: #66cc00; font-family: verdana, arial, helvetica, sans-serif; font-weight: bold;} 
.nav { color: #666666; text-decoration: none;} 
.nav_on { color: #333333; font-weight: bold; text-decoration: none;} 
a.nav:hover { color: #999999; text-decoration: none;} 
a.nav:active { color: #333333;} 


#nav a:hover{color:#999}
.current a{color:#999}

.sf-menu li.sf-breadcrumb li li.current a.spill, #nav a.spill:hover { color: #3366ff;} 
.sf-menu li.sf-breadcrumb li li.current a.speed, #nav a.speed:hover  { color: #3366ff;} 
.sf-menu li.sf-breadcrumb li li.current a.ac, #nav a.ac:hover  { color: #3366ff;} 
.sf-menu li.sf-breadcrumb li li.current a.repels, #nav a.repels:hover  { color: #3366ff;} 
.sf-menu li.sf-breadcrumb li li.current a.releases, #nav a.releases:hover  { color: #99cc00;} 
.sf-menu li.sf-breadcrumb li li.current a.odors, #nav a.odors:hover  { color: #ff9900;} 
.sf-menu li.sf-breadcrumb li li.current a.touch, #nav a.touch:hover  { color: #ff0033;} 
.sf-menu li.sf-breadcrumb li li.current a.comfort, #nav a.comfort:hover  { color: #33ccff;} 
.sf-menu li.sf-breadcrumb li li.current a.static, #nav a.static:hover  { color: #ed8000;} 
.sf-menu li.sf-breadcrumb li li.current a.dry, #nav a.dry:hover  { color: #5e88a2;} 
.sf-menu li.sf-breadcrumb li li.current a.neutralizer, #nav a.neutralizer:hover  { color: #ffc423;} 
.sf-menu li.sf-breadcrumb li li.current a.resists, #nav a.resists:hover  { color: #999;} 

.officeuse {display:none;}

.clear {clear:both;}
.facebook {display:inline;vertical-align:middle;background:url(http://www.nanotex.com/images/icon-facebook.jpg) no-repeat;height:32px;padding: 10px 0 10px 38px;}



/* dont know who wrote all this crap, but sheesh!!! */
.body-bold { font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #333333; } 
.hangtagform { } 
.hangtagform h3 { font-family: verdana, arial, helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #dedede; padding:10px 10px 10px 20px; background-color:#333333;} 
.hangtaghead { font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #ff0000; } 
.hangtagtxt { font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; color: #333333; } 
h5 { font-family: verdana, arial, helvetica, sans-serif; font-size: 14px; color: #333333; text-decoration: underline; } 
.careerlinks { font-family: verdana; font-size: 10px; color: #003399; text-decoration: underline; } 
.body-bold-blue { font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; color: #0000ff; font-weight: bold; } 
.grfxstdsred { font-family: tradegothic, "tradegothic bold", "tradegothic light"; font-size: 10px; color: #ff0000; text-transform: uppercase; text-align: center; } 
.finetext { font-size: 9px; } 
.center { text-align: center; } 
.boldnews { font-size: 11px; font-weight: bold; color: #333333; } 
.newsgfx { vertical-align: middle; } 
.glcontactheader { font-size: 10px; color: #66cc00; font-family: verdana, arial, helvetica, sans-serif; font-weight: bold; text-transform: uppercase; background-color: #000000; } 
.wtb { font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; color: #333333; position: relative; left: 15px; top: 60px; bottom: 15px; height: 325px; width: 360px; overflow: auto; visibility: visible; } 
.wtbshort { font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; color: #333333; overflow: auto; position: relative; left: 30px; top: 60px; height: 305px; width: 342px; visibility: visible; } 
.wtbcoolestdropdown { font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; position: relative; left: 20px; height: 57px; width: 339px; top: 70px; background-image: url(../images/coolest_intl.html); background-repeat: no-repeat; } 
.wtbresistsdropdown { font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; position: relative; left: 20px; height: 57px; width: 339px; top: 70px; background-image: url(../images/resists_intl.html); background-repeat: no-repeat; overflow: hidden; } 
.country { color:#333333; font-size: 11px; font-weight: bold; } 
.revtext { font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; color: #ffffff; } 
.news1 { padding-top: 10px; padding-left: 25px; padding-right: 10px; padding-bottom: 10px; } 
.news2 { padding-top: 10px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; } 
.newscontent { font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; color: #333333; overflow: auto; position: relative; left: 0px; top: 0px; bottom: 0px; height: 340px; width: 260px; right: 0px; padding-right: 10px; } 
.greenback { background-image: url(../consumer/images/greenback.gif); background-repeat: no-repeat; } 
.wtbleft { font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; color: #ffffff; overflow: auto; position: relative; height: 445px; width: 307px; padding-right: 20px; padding-left: 25px; } 
a.wtbleftlink { font-family: verdana, arial, helvetica, sans-serif; color: #ccff99; } 
.glcontactleft { font-size: 11px; color: #ffffff; font-family: verdana, arial, helvetica, sans-serif; font-weight: normal; text-transform: none; padding-right: 15px; padding-left: 40px; } 
.wtbintfurn { color: #333333; height: 250px; width: 290px; font-size: 11px; position: relative; left: 25px; font-family: verdana, arial, helvetica, sans-serif; top: 60px; } 
