/* global styles */
body	{margin: 0; padding: 0; background: #fff; font-family: verdana,helvetica,sans-serif; color: #333; font-size: 10px;}
img	{border-style: none;}
a:link, a:visited	{color: #333; text-decoration: none;}
a:hover	{text-decoration: underline;}
.page	{position: absolute; top:0; left: 0px; width: 800px;}
.alert	{color: #f33;}
.clear	{clear: both;}
.hidden	{display: none;}

/* header styles */
#header img	{margin-right: 2px;}

/* main nav styles */
#mainNav	{position: absolute; top: 95px; left: 190px; height: 23px; width: 540px; background: #f99; border-bottom: 2px solid #f33;}
#mainNav ul	{list-style: none; margin: 0; padding: 6px 0 4px 18px;}
#mainNav li	{display: inline; padding: 0 3px;}
#mainNav a:link, #mainNav a:visited, #mainNav a:hover	{color: #fff; font-size: 9px; text-transform: uppercase;}
#mainNav a.selected	{color: #f33; font-size: 9px; text-transform: uppercase;}




/* side nav styles */
#sideNav	{position: absolute; top: 78px; left: 0px; width: 200px; height: inherit; background: #fff; border: 1px solid #666; border-width: 0 2px 2px 0; border-top: 1px solid #fff;}
#sideNav p	{padding: 10px;}
#sideNav a	{color: #06c;}
#sideNav h1	{margin: 0; padding: 0 0 5px 5px; color: #06c; font-size: 11pt;}
#sideNav ul	{list-style: none; margin: 5px; padding: 0;}
#sideNav li	{margin: 2px 0; padding: 4px 0 4px 10px; background: #9cf; border-left: 4px solid #06c;}
#sideNav li a	{font-size: 11px;}
#sideNav li a.selected	{font-weight: bold; color: #06c; font-size: 12px;}

#sideNav .contactPanel	{margin: 10px; padding: 5px; border: 1px solid #666;}
#sideNav .contactPanel h4	{margin: 0; padding: 0 0 3px 0; color: #f33; font-size: 10px;}

/* right nav styles */
#rightNav	{position: absolute; left: 610px; top: 152px; width: 152px; height: inherit;}
#rightNav .panelB	{height: 120px; background: #39f; padding: 3px 0 0 5px;; margin: 0;}
#rightNav .panelC	{height: 100px; background: #6cf; padding: 3px 0 0 5px;; margin: 0;}
#rightNav .panelD	{height: 100px; background: #9cf; padding: 3px 0 0 5px;; margin: 0;}
#rightNav h3	{color: #fff; margin: 0; font-size: 12px;}
#rightNav form	{margin: 0; padding: 5px 0;}
#rightNav a	{color: #333;}
#rightNav #homeContact	{color: #666;}
#rightNav #homeContact h3	{font-size: 12px; color: #000;}
#rightNav #homeContact h4	{font-size: 11px; color: #666; line-height: 1.5em; padding: 0; margin: 2px 0;}
#rightNav input	{width: 125px; margin-bottom: 2px;}
#rightNav input.button	{width: 125px; height: 20px; font-size: 8pt;}

#rightNav .client-rotator	{margin: 5px 0; text-align: center; *margin-left: 0;}
	#rightNav .client-rotator p	{margin: 0; padding: 5px 0;}
	#rightNav .client-rotator .client-container	{position: relative; width: 150px; height: 150px;}
	#rightNav .client-rotator .client-container img	{position: absolute; left: 0;}


/* main content styles */
.mainContent	{position: absolute; top: 135px; left: 230px; width: 500px; padding-bottom: 20px;}
.mainContent h2	{font-size: 13px; color: #f33; margin: 0; padding: 0;}
.mainContent h3	{font-size: 11px; color: #666; margin: 2px 0 0 0; padding: 0;}
.mainContent a	{color: #f33;}
.mainContent p	{margin: 0; padding: 2px 0 6px 0;}


table#placement	{margin: 0; padding: 0;}
table#placement td	{text-align: center; vertical-align: top; padding: 4px 0;}

td.type	.typearrange	{width: 160px; background: #903;}


/* homepage specific styles */
.mainContent#home	{position: absolute; top: 120px; left: 225px; width: 358px;}
.mainContent#home .panelA	{border-bottom: 2px solid #06c; margin-bottom: 5px;}
.mainContent#home #homeFeature	{background: url("images/home_feature.jpg"); width: 358px; height: 200px;}
.mainContent#home #homeFeature h1	{position: relative; left: 160px; width: 200px; margin: 0; padding: 0; font-size: 12px; color: #06c;}
.mainContent#home #homeFeature a	{color: #06c;}

table#promoHome	{width: 350px; border: 0; margin-bottom: 5px;}
table#promoHome td	{text-align: center; vertical-align: top; width: 85px;}
table#promoHome	a:link, table#promoHome	a:visited, table#promoHome	a:hover {text-decoration: none;}

/* Pop-up Styles */
body.popup	{background-color: #fff; margin: 0; padding: 0;}
table#threadcolor	{width: 634px; margin: 0; padding: 0;}
table#threadcolor td	{margin: 0; padding: 0; color: #666; font-size: 10px; font-family: verdana, helvetica, sans-serif; text-align: left; vertical-align: middle;}
table#threadcolor td.note	{color: #fff; background-color: #06c; padding: 3px;}
table#threadcolor img.swatch	{border: 1px solid #666;}
table#threadcolor td.patname	{text-align: center;}
table#threadcolor td#browselinks	{text-align: right;}

table#patterntable	{margin: 0; padding: 0; text-align: center; width: 634px;}
table#patterntable td	{margin: 0; padding: 0; color: #660; font-size: 10px; font-family: verdana, helvetica, sans-serif; text-align: center; vertical-align: middle;}

	/* Design Gallery Styles */
	body.designgallery	{font-family: arial,helvetica,sans-serif; font-size: 10px; margin: 0; padding: 0;}
	body.designgallery #poweredby	{display: none;}
	body.designgallery table	{width: 634px;}
	body.designgallery td	{width: 210px;}
	body.designgallery td.imagecell	{border: 1px solid #000; text-align: center; vertical-align: top; padding: 2px;}
	body.designgallery td.navigation	{text-align: left; padding-left: 5px;}
	body.designgallery td.imagedisplay	{text-align: center; vertical-align: top;}
	body.designgallery td.pagecount	{text-align: center; vertical-align: middle;}
	body.designgallery td.currpage	{text-align: center; vertical-align: middle; font-weight: bold; color: #f00;}
	body.designgallery td.closewindow	{text-align: right; vertical-align: middle; padding-right: 5px;}
	

/* client list styles */
.client-list img	{display: block; float: left; width: 150px; height: 150px; margin: 0 10px 10px 0; border: 1px solid #000;}

/* products styles */
#productTable td	{width: 90px; text-align: center; vertical-align: top; border: 1px solid #f33; padding: 2px; margin: 2px;}
#productTable a:hover	{text-decoration: none;}
#productTable img	{display: block; padding: 0 0 2px 0;}


/* AMERICAN APPAREL SPLASH PAGE */
.aa-promo	{margin: 0 0 10px 0; padding: 10px 0; border-bottom: 2px solid #06c;}

#linktrail	{position: absolute; top: 130px; left: 10px;}
#sub.mainContent.aa-content	{width: 735px; left: 10px; top: 150px;}
#sub.aa-content .aa-splash	{padding: 0 0 20px 0; font-family: helvetica,sans-serif;}
	#sub.aa-content .aa-splash h2	{margin: 0 0 10px 0; padding: 5px 0 10px 0; font-size: 14pt; color: #333; border-bottom: 20px solid #333;}
	#sub.aa-content .aa-splash h5	{margin: 0; padding: 5px 0; font-size: 12pt;}
#sub.aa-content .aa-menu	{float: left; width: 300px; padding: 5px 10px; background: #efefef;}
	#sub.aa-content .aa-menu .menu	{float: left; width: 150px;}
	#sub.aa-content .aa-menu ul	{margin: 5px 0 0 0; padding: 0; list-style: none;}
	#sub.aa-content .aa-menu li	{margin: 0 0 5px 0; padding: 0; background: none; border-style: none;}
		#sub.aa-content .aa-menu li a:link, #sub.aa-content .aa-menu li a:visited	{font-size: 9pt; font-weight: bold; color: #356198;}

#sub.mainContent.aa-content .aa-splash p	{margin: 0 0 0 335px;  font-size: 9pt; line-height: 1.4em; color: #333;}

#sub.aa-content .group-products	{clear: both;}
#sub.aa-content .group-products .product-container	{margin: 0 0 5px 0; padding: 5px; background: #efefef;}
#sub.aa-content .group-products h3	{margin: 15px 0 0 0; padding: 10px 0; font-size: 12pt; font-family: helvetica,sans-serif; color: #333; border-top: 2px solid #333;}
#sub.aa-content .group-products h4	{margin: 0; padding: 5px; font-size: 10pt; text-transform: uppercase; font-family: helvetica,sans-serif; color: #fff; background: #333;}	
	#sub.aa-content .group-products .prod-thumbnail	{float: left; width: 129px; height: 180px; margin: 0 7px 7px 0; text-align: left; background: #fff; overflow: hidden;}
	#sub.aa-content .group-products .prod-thumbnail img	{width: 125px; height: 125px; margin: 2px 0 0 2px;}
	#sub.aa-content .group-products .prod-thumbnail	strong	{font-weight: normal; font-size: 9px; color: #000;}
	#sub.aa-content .group-products .prod-thumbnail .prod-name	{display: block; padding: 2px 5px; font-size: 9pt; font-family: helvetica,sans-serif;}
		#sub.aa-content .group-products .prod-thumbnail a:link, #sub.aa-content .group-products .prod-thumbnail a:visited	{font-weight: bold; color: #356198;}
		#sub.aa-content .group-products .prod-thumbnail a:hover	{color: #333; text-decoration: none;}
	#sub.aa-content .group-products .prod-thumbnail img	{width: 125px; height: 125px;}

#sub.aa-content .product-photo	{float: left; width: 205px; margin: 0 20px 0 0;}
	#sub.aa-content .product-photo img	{border: 1px solid #333;}
#sub.aa-content .product-detail	{float: left; width: 500px; margin: 0; font-size: 9pt;}
	#sub.aa-content .product-detail h3	{margin: 0 0 2px 0; padding: 0; font-size: 13pt; font-family: helvetica,sans-serif; color: #333;}
	#sub.aa-content .product-detail h4	{margin: 0 0 10px 0; padding: 0 0 5px 0; font-size: 9pt; font-weight: normal; color: #999; font-family: helvetica,sans-serif; border-bottom: 2px solid #333;}
	#sub.aa-content .product-detail dl	{clear: both; margin: 0 0 10px 0;}
	#sub.aa-content .product-detail dt	{display: block; float: left; margin: 2px 0 0 0; width: 80px; font-size: 9px; text-transform: uppercase; font-weight: bold; color: #666;}
	#sub.aa-content .product-detail dd	{margin: 0 0 0 95px;}
		#sub.aa-content .product-detail ul	{list-style: none; margin: 0; padding: 0;}
		#sub.aa-content .product-detail li	{float: left; width: 125px; height: 20px; margin: 0 4px 10px 0; padding: 0; background: none; border-style: none; line-height: 1em;}
		#sub.aa-content .product-detail li span	{display: block; float: left; position: relative; top: -3px; width: 40px; height: 20px; margin: 0 5px 0 0; border: 1px solid #000;}
	#sub.aa-content .product-detail p	{margin: 0; padding: 10px 0;}

.aa-footer	{margin: 20px 0;}
	.aa-footer table	{width: 100%; border-collapse: collapse;}
	.aa-footer td	{padding: 4px 8px; font-size: 9px; text-align: left; vertical-align: top;}
	.aa-footer tr.shade td	{background: #ccc;}
		.aa-footer td strong	{font-size: 8pt;}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/* *{padding: 0; margin: 0;} */

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(/images/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}