﻿/*
 *   Tripoli is a generic CSS standard for HTML rendering. 
 *   Copyright (C) 2007-2008 David Hellsing
 *   
 *   http://devkick.com/lab/tripoli/
 *
 *   You should have received a copy of the GNU General Public License
 *   along with this program.  If not, see <http://www.gnu.org/licenses/>.
**
_______________________________
RESET */
*{text-decoration:none;font-size:1em;outline:none;margin:0;padding:0}code,kbd,samp,pre,tt,var,textarea,input,select,isindex,listing,xmp,plaintext{font:inherit;white-space:normal}a,img,a img,iframe,form,abbr,acronym,object,applet,table,a abbr,a acronym{border-width:0}dfn,i,cite,var,address,em{font-style:normal}th,b,strong,h1,h2,h3,h4,h5,h6,dt{font-weight:400}caption,th,td{text-align:left}html{background:#FFF;color:#000;line-height:1;font-family:arial, sans-serif}/* \*/html{font-family:sans-serif}/* */q{quotes:"\201C""\201D""\2018""\2019"}ul,ol,dir,menu{list-style:none}sub,sup{vertical-align:baseline}a{color:inherit}/*
_______________________________
DISABLE DEPRECATED HTML */
font,basefont{color:inherit;font:inherit;font-size:100%}center,*[align]{text-align:inherit}s,strike,u{text-decoration:inherit}img{border:none;margin:0}ol{list-style-type:decimal}body{background-color:transparent}tr,th,td{width:auto;height:auto;background-color:transparent;vertical-align:inherit;border:none}table[border],.content table[border]{border-collapse:separate;border-spacing:0}nobr{white-space:normal}marquee{overflow:visible;-moz-binding:none}blink{text-decoration:none}/*
_______________________________
GENERAL */
html{font-size:125%}body{font-size:50%}a{text-decoration:underline}strong,th,thead td,h1,h2,h3,h4,h5,h6,dt{font-weight:700}cite,em,dfn{font-style:italic}code,kbd,samp,pre,tt,var,input[type='text'],input[type='password'],textarea{font-size:100%;font-family:mono-space,monospace}pre{white-space:pre}pre *{font-size:100%;white-space:pre}del{text-decoration:line-through}ins,dfn{border-bottom:1px solid #000}small,sup,sub{font-size:85%}big{font-size:125%;line-height:80%}abbr,acronym{text-transform:uppercase;font-size:85%;letter-spacing:.1em}abbr[title],acronym[title],dfn[title]{cursor:help;border-bottom:1px dotted #000}sup{vertical-align:super}sub{vertical-align:sub}blockquote{padding-left:2.2em}hr{display:none/* We will re-reset it later for content */}:lang(af),:lang(nl),:lang(pl){quotes:'\201E' '\201D' '\201A' '\2019'}:lang(bg),:lang(cs),:lang(de),:lang(is),:lang(lt),:lang(sk),:lang(sr),:lang(ro){quotes:'\201E' '\201C' '\201A' '\2018'}:lang(da),:lang(hr){quotes:'\00BB' '\00AB' '\203A' '\2039'}:lang(el),:lang(es),:lang(sq),:lang(tr){quotes:'\00AB' '\00BB' '\2039' '\203A'}:lang(en-GB){quotes:'\2018' '\2019' '\201C' '\201D'}:lang(fi),:lang(sv){quotes:'\201D' '\201D' '\2019' '\2019'}:lang(fr){quotes:'\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a'}*[lang|='en'] q:before{content:'\201C'}*[lang|='en'] q:after{content:'\201D'}*[lang|='en'] q q:before{content:'\2018'}*[lang|='en'] q q:after{content:'\2019'}input,select,button{cursor:pointer}input[type='text'],input[type='password']{cursor:text}input[type='hidden']{display:none}/*
_______________________________
CONTENT */
.content{font-size:1.2em;line-height:1.6em}.content h1{font-size:1.6em;line-height:1;margin:1em 0 .5em}.content h2{font-size:1.5em;line-height:1;margin:1.07em 0 .535em}.content h3{font-size:1.4em;line-height:1;margin:1.14em 0 .57em}.content h4{font-size:1.3em;line-height:1;margin:1.23em 0 .615em}.content h5{font-size:1.2em;line-height:1;margin:1.33em 0 .67em}.content h6{font-size:1em;line-height:1;margin:1.6em 0 .8em}.content hr{display:block;background:#000;color:#000;width:100%;height:1px;border:none}.content ul{list-style:disc outside}.content ol{list-style:decimal outside}.content table{border-collapse:collapse}.content hr,.content p,.content ul,.content ol,.content dl,.content pre,.content address,.content table,.content form{margin-bottom:1.6em}.content p+p{margin-top:-.8em}.content fieldset{margin:1.6em 0;padding:1.6em}/* \*/.content legend{padding-left:.8em;padding-right:.8em}/* *//* for Opera 8 */@media all and min-width 0px{.content legend{margin-bottom:1.6em}.content fieldset{margin-top:0}.content[class^='content'] fieldset{margin-top:1.6em}}.content fieldset>*:first-child{margin-top:0}.content textarea,.content input[type='text']{padding:.1em .2em}.content input{padding:.2em .1em}.content select{padding:.2em .1em 0}.content select[multiple]{margin-bottom:.8em}.content option{padding:0 .4em .1em}.content button{padding:.3em .5em}.content input[type='radio']{position:relative;bottom:-.2em}.content dt{margin-top:.8em;margin-bottom:.4em}.content ul,.content ol{margin-left:2.2em}.content caption,.content form div{padding-bottom:.8em}.content ul ul,content ol ul,.content ul ol,content ol ol{margin-bottom:0}/*
_______________________________
VISUAL PLUG */
blockquote{color:#666}blockquote > *:first-child:before /* Tripoli bonus: pure CSS blockquote */{content:"\201C";font-size:2.5em;margin-left:-.62em;font-family:georgia,serif;padding-right:.2em;color:#aaa;line-height:0}abbr[title],acronym[title],dfn[title]{border-bottom:1px solid #ccc}ins,dfn{border-bottom-color:#666}del{color:#666}fieldset{border-color:#ccc}textarea,input[type='text'],input[type='password'],select{border:1px solid #ccc;background:#fff}fieldset{border:1px solid #ccc}textarea:hover,input[type='text']:hover,input[type='password']:hover,select:hover{border-color:#aaa}textarea:focus,input[type='text']:focus,input[type='password']:focus,select:focus{outline:2px solid #e4e4e4;border-color:#888}.content hr{background:#aaa;color:#aaa}.content table{border-top:1px solid #ccc;border-left:1px solid #ccc}.content th,.content td{border-bottom:1px solid #ddd;border-right:1px solid #ccc}.content table.no-border td, .content table.no-border th, .content table.no-border{border:none;}.content th,.content td{padding:.8em}a:link{color:#36c}a:visited{color:#99c}a:hover,code,pre{color:#c33}a:active,.a:focus{color:#000}/*
_______________________________
TYPE PLUG */
.alt{font-family:"baskerville italic","Warnock Pro","Goudy Old Style","Palatino","palatino linotype","Book Antiqua",Georgia, serif;font-style:italic;font-weight:400}.dquo{margin-left:-.55em}/*
_______________________________
END */

/* Cordura styles 
_______________________________
*/

html {
	/* Preload hover images, maybe? */
	background: url('../images/menu_link_hover_dark.gif') left top no-repeat;
	background: url('../images/menu_trade_link_hover_dark.gif') left top no-repeat;
	background: url('../images/logo_hover.png') left top no-repeat;

	
	background: url("../images/bg.jpg") center top no-repeat #000;
}

body {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ccc;
	background: transparent url('../images/menu_bg.png') repeat-x center top;
}
#main 
{
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}

div#topbarcontainer {
	height: 22px;
	width: 100%;
	background: #000;
	border-bottom: 1px solid #ffc82e;
}

div#topbar {	
	color: #8a8a8a;
	/* display: none; Just hide it for now */
}

#lang_bar ul 
{
}
#lang_bar li 
{
    float: right;
}
#lang_bar a 
{
    display: block;
    padding: .5em 1em;
    color: #FFC82E;
    text-decoration: none;
}
#lang_bar a:hover 
{
    color: #000;
    background-color: #FFC82E;
}

/*ul#langbar {
	float: left;
	width: 100%;
	background: #000;
	border-bottom: 1px solid #ffc82e;
}

ul#langbar li#lang {
	float: right;
	height: 18px;

	padding: 2px 5px 2px 0;
	
	border-right: 1px solid #2b2b2b;
}

ul#langbar li#lang a#lang_switch {
	display: block;
	height: 18px;
	line-height: 18px;
	padding: 0 15px 0 0;
	
	float: left;
	background: url('../images/lang_switch.gif') right center no-repeat;
	
	color: #8a8a8a;
	text-decoration: none;
}

ul#langbar li#lang a#lang_switch:hover {
	color: #ffc82e;
}

ul#langbar li#phone {
	float: right;
	height: 14px;

	padding: 2px 10px 2px 10px;
}

div#lang_select {
	width: 100%;
	
	background: url("../images/map.gif") center top no-repeat #000;
	border-bottom: 1px solid #ffc82e;
	border-top: 1px solid #2b2b2b;
	
	position: absolute;
	top: 22px;
	left: 0;
	z-index: 2000;
	display: none;
}

div#lang_select ul {

	float: right;

	margin: 20px 0 20px 0;
	padding: 0 10% 0 10%;
}

div#lang_select ul li {
	width: 90px;
	height: 20px;
	padding: 15px 2px 5px 2px;
	
	margin: 0 25px 10px 25px;
	float: right;

	background: #2b2b2b;
	
	text-align: center;
}*/
div#navigation {
	height: 68px;
	float: left;
	background: url("../images/bg.jpg") -250px -22px no-repeat transparent;
}

ul#topmenu {
}

ul#topmenu li {
	float: left;
	list-style: none;
    background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.7) 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0.7))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.7) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.7) 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.7) 100%); /* IE10+ */
    background: radial-gradient(center, ellipse cover,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.7) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#b3000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    margin-left: 1px;
}

ul#topmenu li a {
	display: block;
	width: 120px;
	height: 68px;
	
	text-decoration: none;
	text-align: center;
	color: #ffffff; /*color: #ffc82e;*/
	font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
	font-size: 13px;
	line-height: 15px;
	letter-spacing: .05em;
	cursor: pointer;
	}

ul#topmenu li a span.active_section, ul#topmenu li a:hover span.linktext {
	color: #ffc82e;
	
}

ul#topmenu li#aboutli
{
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 0px 0px 10px 0px;
border-radius: 0px 0px 10px 0px; }

ul#topmenu li:hover, ul#topmenu li a.menu_btn_active {
background: rgb(34,34,34); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(34,34,34,1) 0%, rgba(15,15,15,1) 90%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(34,34,34,1)), color-stop(90%,rgba(15,15,15,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(34,34,34,1) 0%,rgba(15,15,15,1) 90%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(34,34,34,1) 0%,rgba(15,15,15,1) 90%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(34,34,34,1) 0%,rgba(15,15,15,1) 90%); /* IE10+ */
background: linear-gradient(top,  rgba(34,34,34,1) 0%,rgba(15,15,15,1) 90%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#0f0f0f',GradientType=0 ); /* IE6-9 */
}


ul#topmenu li a span.numbering {
	display: block;
	height: 8px;
	padding-left: 4px;
	padding-top: 2px;
	text-decoration: none;
	text-align: left;
	font-family: Verdana, Arial, Geneva, sans-serif;
	font-weight: normal;
	font-size: 8px;
	color: #cccccc;
}

ul#topmenu li a span.linktext {
	display: block;
	padding: 4px 7px;
	
	height: 40px;
	margin-top: 10px;
}

ul#topmenu li#logoli 
{
    background: none;
	background: url('../images/logo.png') left top no-repeat;
	filter:none;
	margin-left: 0;
}

ul#topmenu li#logoli a {
	width: 200px;
	height: 68px;
	
	
	text-indent: -1000%;
}

ul#topmenu li#logoli:hover {

	background: url('../images/logo_hover.png') left top no-repeat;
	
}

div#search_container {
	float: right;
}

div#news-search_container 
{
    margin: 0;
}

div#search {
	/*display: none;  Hide this for now, until it's implemented */
}

div#news-search 
{
    padding-bottom: 15px;
    margin-bottom: 5px;
    border-bottom: 1px solid #FFC82E;
}

div#search form {
	float: right;
	margin-right: 12px;
}
div#news-search form 
{
    margin: 0;
}

input#searchbox {
	background: url('../images/search_box_bg.gif') left top repeat-x;
	outline: 1px solid #ffe6a1;
	border: 1px solid #bdb196;
	height: 11px;
	margin-top: 10px;
	padding: 2px;
	width: 120px;
	
	float: left;
}
input#news-searchbox 
{
   	background: url('../images/search_box_bg.gif') left top repeat-x;
	outline: 1px solid #ffe6a1;
	border: 1px solid #bdb196;
	width: 40%;
	height: 11px;
	padding: 2px;

}

input#searchbtn {
	width: 55px;
	height: 19px;
	float: left;
	margin-top: 9px;
	margin-left: 2px;
	
	background: #070707;
	border-left: 1px solid #151515;
	border-bottom: 2px solid #151515;
	border-right: none;
	border-top: none;
	
	color: #ffc82e;
	font-family: "Arial Black", Arial, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
}
input#news-searchbtn {
	background: none;
	border: none;
	margin-left: 5px;
	
	color: #ffc82e;
	font-family: "Arial Black", Arial, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
}

input#searchbox:focus {
	
	outline: 1px solid #ffc82e;
}

div#middlecontainer 
{
    padding-top: 20px;
    clear: both;
    border-top: 1px solid rgba(0,0,0,0);
}

div#contentborder {
	width: 900px;
	background: url('../images/content_border_bg.png') left top repeat;
}

div#content {
	background: url('../images/content_bg.png') left top repeat;

	margin: 10px;
}

div#inner_content {
	width: 670px;
	float: left;
	
	background: url('../images/content_border_bg.png') left top repeat;
	padding: 5px;
}

div#segment_finder_content
{
    margin-bottom: 10em !important;
}

#segment_finder_content ul 
{
    margin: 0 0 7em 0 !important;
}

div#segment_finder_header 
{
    display: block;
    font-size: 1em;
    text-align: center;
    padding: 1em 1em;
    width: 16em;
    color: #2A1B00;
    background:	url('../images/segment-header-bkg.png') left top no-repeat;
}

.segment_header span 
{
    font-family:"Arial Black",Arial,sans-serif;
    font-size: 1.3em;
}

div#inner_content_squish {
	width: 470px; /* (was 470) 20px padding */
	min-height: 500px;
	float: left;
	
	background: url('../images/content_border_bg.png') left top repeat;
	padding: 5px;
}

div#related_info {
	width: 185px;
	min-height: 500px;
	float: left;
	margin-left: 5px;
	background: url('../images/content_border_bg.png') left top repeat;
	padding: 5px;
}

div#footer 
{
    clear:both;
	height: 105px;
	margin-top: 10px;
	padding-bottom: 10px;
	background: url('../images/footer_bg.png') left top no-repeat;
	
}

a#invista {
	width: 104px;
	height: 27px;
	background: url('../images/invista.png') left top no-repeat;
	
	float: right;
	
	text-indent: -1000%;
	
	margin: 0 42px 14px 0;
}

ul#footerlinks {
	margin-top: 8px;
	margin-left: 12px;
	float: left;
}

ul#footerlinks li {
	float: left;
	margin-right: 15px;
	padding-top: 6px;
	display: inline;
	padding-bottom: 2px;
	height: 40px;
}

ul#footerlinks li.footer_icon {
	padding-top: 0px;
}




ul#footerlinks li a {
	color: #fff;
	text-decoration: none;
}

ul#footerlinks li a:hover {
	color: #ffc82e;
	text-decoration: underline;
}

p#copyright {
	width: 732px;
	float: left;
	text-align: left;
	margin-top: 4px;
	padding-left: 12px;
	padding-bottom: 2px;
	font-size: 11px;
	line-height: 15px;
	
}

/* Home page */
#content-home 
{
    background: url('../images/content_bg.png') left top repeat;
    float: left;
    width: 654px;
    padding: 10px;
}

.callout {
	width: 205px;
	height: 145px;
	position: relative;
}
.callout a {
	display: block;
	position:absolute;
	top: 0;
	left:0;
	right:0;
	bottom:0;
	text-decoration: none;
}
.callout a > span.title 
{
    display:block;
	position:absolute;
	top: 0;
	left: 0;
	right:0;
	margin: 0;
	padding: 10px;
	font-size: 1em;
	line-height: 1.3em;
	text-align: center;
}
.callout a > span.subtitle {
    display:block;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	margin: 0;
	padding: 10px;
	line-height: 1.3em;
	font-size: 1em;
}
#products .callout a > span 
{
   	background-color: #000;
	background-color: rgba0, 0, 0, 0.75);
	color: #FFC82E;
}
#fabrics .callout a > span 
{
   	background-color: #FFF;
	background-color: rgba(255, 255, 255, 0.75);
	color: #000;
}
/* Sub-pages */

/* products */

#top-secnav
{
    background: #000;
    width: 100%
}
#top-secnav li 
{
    float: left;
}

#top-secnav a 
{
    display: block;
    color: #FFF;
    text-align: center;
    padding: 8px 10px;
    line-height: 1.3em;
    text-decoration:none;
}
#top-secnav a:hover, #top-secnav li.active a
{
    background: #616161;
    color: #FFC82E;
}

div#inner_content.consumers, div#inner_content.trade
{
    float: right;
}

/* Side menu */

div#side_menu {
	width: 200px;
	float: left;
}

div#side_menu h1 {
	font-family: "Arial Black", Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	text-transform: uppercase;
	padding-top:5px;	
	float: left;
	margin: 15px 0 5px 15px;
}

div#side_menu h1 a {
	font-family: "Arial Black", Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
}

div#side_menu h1 a:hover {
    color: #ffc82e;
	text-decoration: underline;
}

div#side_menu h2 {
	border-top: 1px solid #282828;
	border-bottom: 1px solid #1a1a1a;
	
	background: #161616;
	margin: 5px 0 0 5px;
	width: 170px;
	float: left;
	padding: 5px 0 5px 20px;
	text-align: left;
	
	color: #fff;
	font-weight: normal;
}

div#side_menu h2 a {
	color: #fff;
	text-decoration: none;
}

div#side_menu h2 a:hover {
	color: #ffc82e;
	text-decoration: underline;
}

div#side_menu ul {
	margin-left: 20px;
	margin-top: 5px;
	float: left;
}

div#side_menu ul li {
	padding-left: 15px;
	min-height: 15px;
	line-height: 15px;
}

div#side_menu ul li.active {
	background: url('../images/active_link.gif') left center no-repeat;
}

div#side_menu h1.active {
	padding-left: 15px;
	background: url('../images/active_link.gif') left center no-repeat;
}

div#side_menu h2.active {
	background: url('../images/active_link.gif') 5px center no-repeat #161616;
}

div#side_menu ul li a {
	color: #ffc82e;
	text-decoration: none;
}

div#side_menu ul li a:hover {
	text-decoration: underline;
}

div#quote {
	float: left;
	margin-top: 40px;
	padding: 0 7px 20px 7px;
	width: 186px;
}

div#quote p.quote {
	font-style: italic;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	
	margin-top: 4px;
}

div#quote p.author {
	color: #fff;
	font-weight: bold;
	
	margin-top: 4px;
}

/* Content */

div.content {
	padding: 10px 0 10px 0;
	font-size: 11px;
}

.content p span.article_details {
	color: #fff;
	font-weight: bold;
}


/* Content elements */

/* Page headers */
.content h2 {
    clear: left;
	font-family: "Arial Black", Arial, sans-serif;
	font-size: 1.5em;
	font-weight: normal;
	color: #ffc82e;
	text-transform: capitalize;
	
	margin-top: 4px;
	margin-left: 10px;
	margin-right: 10px;
}

/* Content headlines */
.content h3 {
	font-family: "Arial Black", Arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #fff;
	margin: 10px;
	padding-top: 10px;
	clear: left;
}

.content h4 {
	font-family: "Arial Black", Arial, sans-serif;
	font-size: 1.3em;
	font-weight: normal;
	color: #ffc82e;	
	margin-top: 4px;
	margin-left: 10px;
	margin-right: 10px;
}

.content h5 {
	margin-top: 4px;
	margin-left: 10px;
	margin-right: 10px;
}

.content p {
	margin-left: 10px;
	margin-right: 10px;
	color:#CCCCCC;
    font-family:"Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif;
    font-size:11px;
    font-weight:normal;
}

.content ul li 
{
    color:#CCCCCC;
    font-family:"Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif;
    font-size:11px;
    font-weight:normal;
}

.content div {
	margin-left: 10px;
	margin-right: 10px;
}

.content table {
	margin-left: 10px;
	margin-right: 10px;
}

div#popups {
	position: relative;
	z-index: 1000;
	top:65px;
}

div#popups > div {
	background: #0f0f0f;
	border-left: 1px solid #555555;
	border-right: 1px solid #555555;
	border-bottom: 1px solid #555555;
	
	padding: 10px 10px 5px;
	-moz-column-count: 3;
	-moz-column-gap: 20px;
	-webkit-column-count: 3;
	-webkit-column-gap: 20px;
	column-count: 3;
	column-gap: 20px;
	position: absolute;
	z-index: 1001;
	width: 600px;
	left: 150px;
	
	/* IE is dumb and needs this to go along with jquery::hide() for the menus */
	display: none;
}

div#popups > div#popupfabric, div#popups > div#popupabout, div#popups > div#popupnews
{
	width: 400px;
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	column-count: 2;
	column-gap: 20px;
	left: 250px;

}

 div#popups > div#popupabout 
 {
	left: 400px;
 }

div#popups div ul > li 
{
    display: inline-block;
    width: 170px;
}
div#popups div ul li li 
{
    display: block;
}
div#popups div ul li li a 
{
    color: #FFF;
}
div#popups div ul li li a:hover 
{
    color: #FFC82E;
}
div#popups div ul li ul
{
    margin-left: 1.5em;
}
div#popups ul.listCol1, div#popups ul.listCol2, div#popups ul.listCol3 
{
    width: 180px;
    float: left;
    margin-right: 20px;
}
div#popups ul.listCol3 
{
    margin-right: 0;
}
div#popups div.listContainer1, div#popups div.listContainer2, div#popups div.listContainer3
{
    width: 580px;
}

/*div#popupproducts {
	left: 200px;
}

div#popupfabric {
	left: 316px;
}

div#popupnews {
	left: 432px;
}*/
div#popups div ul li a {
	color: #ffc82e;
	text-decoration: none;
	line-height: 20px;
}

div#popups div ul li a:hover {
	color: #fff;
}

.invisible {
	display: none;
}

.visible {
	display: block;
}

ul#category_chooser {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	float: left;
	margin-bottom: 30px;
}

ul#category_chooser li {
	width: 310px;
	height: 80px;
	margin-bottom: 10px;
	float: left;
	
	background: url("../images/categories/cat_chooser_bg_left.png") left top no-repeat;
}

ul#category_chooser li.left {
	margin-left: 5px;
	margin-right: 20px;
}

ul#category_chooser li.right {
	margin-left: 20px;
	margin-right: 5px;
}

ul#category_chooser li a {
	/*display: block;*/
	display:table-cell;
	vertical-align: middle;
	padding-left: 94px;
	width: 212px;
	height: 80px;
	/*line-height: 80px; */
	text-align: center;
	color: #ffc82e;
	text-decoration: none;
	background-position: 2px 2px;
	background-repeat: no-repeat;
	background-color: transparent;
}

ul#category_chooser li a:hover {
	color: #fff;
}

ul#category_chooser li a.outdoor_news_press_rel {
	background: url("../images/categories/pressrel.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.atwork_news_press_rel {
	background: url("../images/categories/pressrel.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.onthego_news_press_rel {
	background: url("../images/categories/pressrel.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.tactical_news_press_rel {
	background: url("../images/categories/pressrel.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.brand_news_press_rel {
	background: url("../images/categories/pressrel.gif") 2px 2px no-repeat;
}
ul#category_chooser li a.outdoor_news_press_hit {
	background: url("../images/categories/products_home.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.atwork_news_press_hit {
	background: url("../images/categories/atwork.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.onthego_news_press_hit {
	background: url("../images/categories/presshit.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.tactical_news_press_hit {
	background: url("../images/categories/mil_apparel.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.brand_news_press_hit {
	background: url("../images/categories/brand_hits.gif") 2px 2px no-repeat;
}


ul#category_chooser li a.brand_news, ul#category_chooser li a.brand_campaigns {
	background: url("../images/categories/brand.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.atwork_news {
	background: url("../images/categories/atwork.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.tactical_news {
	background: url("../images/categories/military.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.outdoor_news {
	background: url("../images/categories/outdoor.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.onthego_news {
	background: url("../images/categories/onthego.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.sponsorships {
	background: url("../images/categories/sponsorship.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.GetOutMore {
	background: url("../images/categories/getout.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.HelenThayer {
	background: url("../images/categories/helen.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.PrimalQuest {
	background: url("../images/categories/primal.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.XplortheOutdoors {
	background: url("../images/categories/xplor.gif") 2px 2px no-repeat;
}


ul#category_chooser li a.durability-experience {
	background: url("../images/categories/de.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.outdoor {
	background: url("../images/categories/outdoor.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.work {
	background: url("../images/categories/work.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.onthego {
	background: url("../images/categories/onthego.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.tactical {
	background: url("../images/categories/tactical.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.backpacks {
	background: url("../images/categories/backpacks.gif") 2px 2px no-repeat;
}


ul#category_chooser li a.newsletters {
	background: url("../images/categories/newsletters.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.apparel {
	background: url("../images/categories/apparel.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.footwear {
	background: url("../images/categories/footwear.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.hunting {
	background: url("../images/categories/hunting.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.retailers {
	background: url("../images/categories/trade_retailer.gif") 2px 2px no-repeat;
}


ul#category_chooser li a.hangtags {
	background: url("../images/categories/trade_hangtags.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.buyers {
	background: url("../images/categories/buyers.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.brands {
	background: url("../images/categories/trade_brand.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.military_procurement {
	background: url("../images/categories/trade_procurement.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.mills {
	background: url("../images/categories/trade_mill.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.daypacks {
	background: url("../images/categories/otg_daypacks.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.luggage {
	background: url("../images/categories/otg_luggage.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.upholstery {
	background: url("../images/categories/otg_upholstery.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.motorcycle {
	background: url("../images/categories/otg_motorcycle.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.work_footwear {
	background: url("../images/categories/work_footwear.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.work_imagewear {
	background: url("../images/categories/work_imagewear.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.imagewear {
	background: url("../images/categories/work_imagewear.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.protective_wear {
	background: url("../images/categories/work_protective.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.reinforcements {
	background: url("../images/categories/work_protective.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.work_apparel {
	background: url("../images/categories/work_apparel.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.tactical_footwear {
	background: url("../images/categories/mil_footwear.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.tactical_gear {
	background: url("../images/categories/mil_tactical.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.tactical_equipment {
	background: url("../images/categories/mil_equipment.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.tactical_apparel {
	background: url("../images/categories/mil_apparel.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.faq {
	background: url("../images/categories/about_faq.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.wallpaper {
	background: url("../images/categories/wallpaper.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.contact {
	background: url("../images/categories/contact.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.ad_campaigns {
	background: url("../images/categories/about_ad.gif") 2px 2px no-repeat;
}


ul#category_chooser li a.ad_campaigns {
	background: url("../images/categories/about_ad.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.stories {
	background: url("../images/categories/community_story.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.or_show {
	background: url("../images/categories/community_show.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.tactical_baselayer, ul#category_chooser li a.baselayer_ad {
	background: url("../images/categories/mil_baselayer.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.baselayer {
	background: url("../images/categories/work_baselayer.gif") 2px 2px no-repeat;
}


ul#category_chooser li a.klopman, ul#category_chooser li a.nycoFR, ul#category_chooser li a.klopman_vantage {
	background: url("../images/categories/work_klopman.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.nyco-fr {
	background: url("../images/categories/nyco_fr.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.work_denim {
	background: url("../images/categories/work_denim.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.where_to_buy {
	background: url("../images/categories/otg_luggage.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.jansport_fp {
	background: url("../images/categories/jansport_fp.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.mountainhardwear_fp {
	background: url("../images/categories/iguana-cypress.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.granite-gear-fp {
	background: url("../images/categories/vapor-flash.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.camelbak_fp {
	background: url("../images/categories/camelbak.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.osprey_fp {
	background: url("../images/categories/osprey.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.cordura_cares {
	background: url("../images/categories/cordura_cares.gif") 2px 2px no-repeat;
}

ul#category_chooser li a.trade_shows_and_events {
	background: url("../images/categories/trade_show_thumbnail.jpg") 2px 2px no-repeat;
}


ul#category_chooser li a.wwccbma_sponsorship {
	background: url("../images/categories/workwearshow.gif") 2px 2px no-repeat;
}


div#side_menu form ul#login_form {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	float: left;
}

div#side_menu form ul#login_form li {
	float: left;
	padding: 0;
	margin-bottom: 2px;
}

div#side_menu form ul#login_form li.form_button {
	
}

h2.related 
{
    margin: 0 8px 0 8px;
    line-height: 1.2em;
    text-align: center;
}

div#related_info dl {
    margin-top: 12px;
}

div#related_info dt {
    margin: 8px 0 5px 0;
}

div#related_info dd {
    margin: 5px 0 5px 0;
    padding-bottom: 20px;
    border-bottom: solid 1px #333333;
    text-align:center;
}

div#related_info dd a {
    color: #ffc82e;
}


p.related {
    margin: 10px 10px 10px 8px;
    font-size: 1.1em;
    clear: both;
}


dl#news_list {
    margin: 12px 10px 0 10px;
	
}

dl#news_list dt 
{
    width: 100%;
    margin: 10px 0 4px 0;
    font-weight: normal;
    color: #ffc82e;
    
    /*clear: both;*/
}
dl#story-archive 
{
    margin: 10px 10px 4px;
}
.content a {
    color: #ffc82e;
	text-decoration: underline;
}

.content a:hover {
    color: #fff;
	text-decoration: none;
}

dl#news_list dd 
{
    /*width: 400px;*/
    margin: 0 0 10px 20px;
    
}

.content p.question 
{
    padding: 20px 0 0 0;
    margin: 0 10px 15px 10px;
    border-top: solid 1px #333333;
    color: #ffc82e;
}


td.form_required, span.form_required 
{
    color: #ffc82e;
}
#contactFrm table 
{
    margin: 10px;
    border: none 0 transparent;
}

#contactFrm table td
{
    border: none 0 transparent;
}

#contactFrm td.other 
{
    padding-left: 1.5em;
}

.content p.fabric_list 
{
    margin-bottom: 0px;
}

.fabric_list_note 
{
    margin: -10px 10px 10px 30px;
    font-size: 11px;
}

#wp_thumb_sets 
{
     width: 650px;
     padding: 10px;
     margin: 10px 0;
}

#wp_thumb_sets a
{
     color: White;
}

#wp_thumb_sets .wp_thumb_set 
{
    width: 305px;
    height: 81px;
    margin: 0;
    padding: 10px 10px 10px 0;
    float: left;
}

.wp_thumb_set img
{
    width: 130px;
    height: 81px;
    padding: 0;
    margin: 0 10px 0 0;
    float: left;
}

#wp_thumb_sets .wp_screen_sizes
{
    float: left;
    margin: 0 5px;
    padding: 0;
    width: 70px;
}

.wp_screen_sizes ul
{
    margin: 0;
    padding: 0;
}

.wp_thumb_set li
{
    list-style: none;
    margin: 0;
    padding: 0;   
}



.wp_thumb_set span
{
    float: left;
    margin: 0;
    padding: 0;
    color: #ffc82e;  
}

.content p.under_construction {
	color: #ffc82e;
	text-decoration: none;
	float: left;
}

/* Fabric Page Content styles */
.fabric-technology #inner_content {
    background-image: url("/images/fabric-suppliers-arrow.png");
    background-position: right top;
    background-repeat: no-repeat;
}
div#product_info 
{
    display: block;
    clear: both;
    /* margin-left: 200px; */
}

#content_tabs, #content_tabs ul.ui-tabs-nav, #content_tabs div.ui-tabs-panel, #product_info
{
    margin-left: 0;
    margin-right: 0;
}

div#tabs 
{
   
}

#tabs > ul 
{   margin-left: 0;
    
}
#tabs h4 {margin: 0 0 1em 0; padding-top: 1em;}
#tabs h5 {font-size: 1em;}

ul.product_market_segment {margin-left: 0; margin-bottom: 2em; padding-left: 0; list-style: none; width: 600px; display: block}
ul.product_market_segment li 
{   margin: 5px 5px 3px 0; 
    padding: 0 2px 5px 3px; 
    width: 185px;  height: 150px; 
    background: #333; 
    display: block; 
    float:left;
    font-size: 1em;
}
ul.product_market_segment li ul 
{   margin: 1em 0 0 2.2em !important; 
    list-style: disc; 
    width: auto;
    height: auto;
}
ul.product_market_segment li ul li 
{   margin: 0;
    display: list-item;
    height: auto; 
    width: 150px;
    font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif; font-weight: normal; font-size: 0.9em}
    
ul.product_market_segment li h5 {display: block; margin: .5em 0; height: 2.2em; text-align: center; line-height: 1.2em; font-size: 1em;}
div.fabric_type_mills {clear: both}

ul.fabric_mills li 
{   display: block; 
    float: left; 
    width: 100%; 
    padding: 1em 0 1em 0; 
    border-bottom: 1px solid #333; 
     }

span.mill_name { color: #ffc82e; font-weight: bold; margin-right: 2em; display: block; float: left; width: 16em; clear: left; text-decoration: underline; }
span.mill_city { margin-right: 2em; display: block; float: left; }
span.mill_state { margin-right: 2em;  display: block; float: left; }
span.mill_country {   display: block; float: left; }


/* Qualifying Fibers Table  */
p.qualifying_fibers {margin: 0; padding: 0}
table.qualifying_fibers { font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif; font-weight: normal; font-size: 0.9em; border: 1px solid #333; margin-bottom: 0;}
table.qualifying_fibers td {font-size: .9em; border: none}
table.qualifying_fibers th {font-size: 1em; font-weight: bold; border: none; background: #333}

th.qualifying_fibers_column_1 { width: 85px;}
th.qualifying_fibers_column_2 { width: 85px;}
th.qualifying_fibers_column_3 { width: 80px;}
th.qualifying_fibers_column_4 { width: 75px;}
th.qualifying_fibers_column_5 { width: 60px;}
th.qualifying_fibers_column_6 { width: 120px;}

table.qualifying_fibers tr.odd_row td {background: #333}

p.qf_footnote {float: right}


/* Partner Page */
.partnerContact p, .partnerContact a
{
    font-size: 1.2em;
    margin: .5em 1em 0 1em;
    display: block;
}

p.prContactAddress
{
    margin: 1em 1em 0 1em !important;
}

textarea,input[type='text'],input[type='password'],select{border:1px solid #5c5c5c;background:#fff}
textarea:hover,input[type='text']:hover,input[type='password']:hover,select:hover{border-color:#ffc82e}
textarea:focus,input[type='text']:focus,input[type='password']:focus,select:focus{outline:2px solid #ffc82e;border-color:#5c5c5c}

/* Image Paragraph Page */

/* Testimonial Paragraph Page */

p.testimonialSig 
{
    margin: 0 20px 15px 30px;
    font-style: italic;
    padding-bottom: 10px;
}
    
/* Search Page */

span.search_highlight { font-weight: bold; }

/*story*/
.form-disclaimer
{
    overflow:auto;
    height: 100px;
}
dd.fb-like 
{
    margin: 1em 0;
}
/* Form Validation */
.error
{
    color:Red;
    font-weight: bold;    
}
label.error 
{
    margin: 0 10px;
}
input.error, textarea.error 
{
    border-color:Red;
}
div#popups > div > div:after, .clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
div#popups > div > div, .clearfix {
	display: inline-block;
}
 
html[xmlns] div#popups > div > div, html[xmlns] .clearfix {
	display: block;
}
 
* html div#popups > div > div, * html .clearfix {
	height: 1%;
}