/* CSS Document */

/* generic styles */
a:focus {
  outline-style: none;
}

object {
  outline-style: none;
}

table {
	border: 0;
    border-collapse: collapse;
	float:left;
}

th {
    text-align: left;
}

td {
    vertical-align: top;
	padding: 0;
}

img {
    border: 0;
}

form {
    margin: 0;
}

input, select, textarea {
    padding: 0;
    margin: 0;
}


body {
	margin: 0 auto;
	background-color:#000;
}


/* text/link styles */
p, td, th, li, div, input, textarea {
	font-family:HelvCondensed, Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:10px;
}



h1 {
font-size:12px;
color:#fff;
font-weight:bold;
margin:0;
padding:0;
}

h2 {
font-size:12px;
color:#fff;
font-weight:bold;
margin:0;
padding:0 0 20px 0;
}



a {
color:#fff;
text-decoration:none;
}

a:hover {

}

ul {
	margin:0px;	
	padding:0px ;
	list-style:none;
}

li {
	margin:0px;	
	padding:0px;
	list-style:none;
}




/* div styles */
/*
#site_holder_outwrapper {
	width:1000px;
	margin:0 auto;
}
*/

#site_holder_outer {
	width:990px;/*change to suit design*/
	height:100%;
  margin:0 auto;
}

#site_holder {
	width:990px;/*change to suit design*/
	height:100%;
  float:left;
	background: #000;
}

#innercontainer
{
width:975px;
margin:0 auto;
}

#headerconatiner
{
width:100%;
height:93px;
float:left;
background: transparent url(../template_images/tiles_bg.gif) left top repeat;
margin:40px 0 0 0;
}

.searchbar
{
float:left;
padding:35px 0 0 0;
}

.searchtxt
{
font-size:12px;
color:#000;
padding:0 0 0 15px;
font-weight:bold;
}

.logo
{
float:right;
padding:30px 25px 0 0;
}

#bodycontainer
{
width:100%;
float:left;
background: #000;
margin:60px 0;
}
/*Menu*/

#nav_outwrapper
{
  width:146px;
  float:left;
	margin:0;
	padding:0;
}

#nav {
float:left;
}

#nav li {
width:125px;
margin:0;
font-weight:bold;
font-size:11px;
padding:0;
float:left;
margin:0;
position:relative;
line-height:25px;
text-transform:uppercase;
}

#nav li a {
padding:0 0 0 20px;
margin:0px;
color:#fff;
display:block;
text-transform:uppercase;
}

#nav li a:hover {
width:125px;
float:left;
display:block;
background:#FFF;
color:#000;
}

#nav li:hover {
width:125px;
color:#000;
padding:0;
}

#nav li a.selected
{
width:125px;
float:left;
display:block;
background:#FFF;
color:#000;
}

#nav_products {
float:left;
padding:120px 0 0 0;
}

#nav_products li {
width:125px;
margin:0;
font-weight:bold;
font-size:11px;
padding:0;
float:left;
margin:0;
position:relative;
line-height:25px;
text-transform:uppercase;
}

#nav_products li a {
padding:0 0 0 20px;
margin:0px;
color:#fff;
display:block;
text-transform:uppercase;
}

#nav_products li a:hover {
width:125px;
float:left;
display:block;
background:#FFF;
color:#000;
text-transform:uppercase;
}

#nav_products li:hover {
width:125px;
color:#000;
padding:0;
}

#nav_products li a.selected
{
width:125px;
float:left;
display:block;
background:#FFF;
color:#000;
}


/*
#nav li .submenu a:hover {
width:145px;
color:#fff;
font-weight:bold;
background:url(../template_images/rollover.png) 0 0 no-repeat;
padding:0;
}

#nav .submenu {float:left;font-weight:bold; width:153px; padding:0; margin:0px; background-image:none; position:absolute; top:20px; left:0; display:none;} 

#nav .submenu li  {  font-weight:bold;  background: transparent url(../template_images/menu_bg.png) 0 0 no-repeat;width:153px; padding:0; margin:2px 0 0 0; position: relative;}

#nav li:hover .submenu, #nav li.iehover .submenu, #nav .submenu li:hover #sublevel  { 
display: block; background-color:none; background-image:none; padding:0; margin:0px; line-height:20px;}


#nav .submenu li #sublevel {
background: red; padding:0; margin:0px; position:absolute; top:0; left:0; width:153px; display:none;}
*/

#banner
{
float:right;
}

#bottomwrapper
{
width:100%;
height:93px;
float:left;
background: transparent url(../template_images/tiles_bg.gif) left top repeat;
margin:0;
}
.footertxt
{
width:100%;
font-size:10px;
color:#666;
font-weight:bold;
float:left;
text-align:right;
line-height:30px;
}

.footertxt a
{
color:#666;
text-decoration:none;
}

/*Sub Page*/

#banner2
{
float:left;
padding:0 20px 0 0;
}

#banner_faq
{
float:left;
margin:0 0 10px 0;
}

#rightside_container
{
width:816px;
float:right;
/*padding:0 0 0 30px;*/
}


.rightcontainer
{
width:240px;
float:left;
padding:0 ;
}

.rightcontent
{
float:left;
font-size:10px;
font-weight:normal;
color:#fff;
line-height:16px;
padding:10px 0;
}

.viewproducts
{
float:left;
font-size:12px;
font-weight:bold;
color:#fff;
margin:50px 0 0 0;
}

/*Retailers*/


#banner3
{
width:492px;
float:left;
padding:0 10px 0 5px;
}

#banner3 img
{
float:left;
padding:0 10px 13px 0;
}

.rightcontent2
{
width:100%;
float:left;
font-size:10px;
font-weight:normal;
color:#fff;
line-height:16px;
padding:5px 0;
}

/*Website Corporate*/

.middlecontent
{
width:345px;
float:left;
padding:0 0 0 12px;
}

.rightcontainer_corporate
{
width:398px;
float:left;
padding:30px 0 0 28px;
}

/*Contact*/

.fieldcontainer
{
width:350px;
float:left;
margin:0;
padding:5px 0;
}

.submitcontainer
{
width:306px;
float:left;
margin:0;
padding:0;
}

.contacttxt
{
width:100px;
float:left;
font-size:10px;
font-weight:normal;
color:#fff;
line-height:16px;
padding:5px 5px 5px 0;
}

.textfield_box
{
width:286px;
height:20px;
background:#333;
float:left;
border:none;
margin:0 0 20px 10px;
color:#fff;
font-size:12px;
}
.textfield_area
{
width:286px;
background:#333;
float:left;
border:none;
margin:0 0 20px 10px;
color:#fff;
font-size:12px;
}
.submit
{
float:left;
font-size:11px;
font-weight:bold;
text-decoration:underline;
color:#fff;
padding:15px 5px 5px 105px;
}

.policy
{
	float:right;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	color:#fff;
	/*padding:15px 0 0 5px;*/
	width:240px;
}

.policy a {
	float:right;
}

/*Faq*/

#main
{
width:380px;
float:left;
padding:0 0 0 10px;
}

			/* Scrollbar & content css */						
			#content1 {
				height: 412px;
				width: 325px;
				float:left;
				overflow:hidden;
				padding:0 15px 0 0;
			}
			#content1 p{
				margin: 10px;
			}
			.scrollbar-vert{
				background-color: #262626;
				height: 412px;
				width: 2px;
				float:left;
				padding:0;
				margin:0;
			}
			.handle-vert{
				height: 80px;
				width: 18px;
				background: url(../template_images/dragbar.jpg) no-repeat;
				margin-left:-8px;
			}
			
			#content2 p{
				width: 1000px;
			}

/*Products*/


a img {
border:none;
}

.clear {
clear:both;
}

#wrapper {
	width:812px;
	float:right;
	padding:0;
}

ul.photo-list {
	list-style:none;
}

ul.photo-list li {
	width:114px;
	float:left;
	margin:0 2px 2px 0;
}

ul.photo-list li a {
	display:block;
	height: 136px;
	width: 114px;
	position:relative;
}

ul.photo-list li a img {
	position:absolute;
}

ul.photo-list li span {
	/* background:url("images/span-bg.png") no-repeat center center; */
	display:block;
	height: 136px;
	width: 114px;
	position:absolute;
	z-index:2;		
}

/*Products details*/
#banner4
{
float:left;
padding:0;
}

#banner4 img
{
float:left;
}

.thumbnails
{
width:120px;
float:left;
}

.spacer
{
float:left;
height:100px;
}

.fabric_txt
{
float:left;
font-size:12px;
font-weight:bold;
color:#fff;
margin:65px 0 0 0;
}

.bottom_logos
{
width:740px;
float:right;
padding:0 73px 0 0;
}

.bottom_logos img
{
float:left;
padding:10px 0 0 0;
}

#footercontainer
{
width:100%;
float:left;
}

/*FadeIn effect*/

.latest_img {
	/*margin-left: 2px;*/
}

#latest_work {
	float: left;
	width: 816px;
	margin:0px;
}


#images {
	width: 800px;
	float: left;
}


#images img
{
float:left;
margin:0 2px 2px 0;
}

/* SCrolling Pane starts here*/
	.scroll-pane {
				width: 345px;
				overflow:hidden;
				float:left;
				height: 430px;
				margin-right:-5px;
				padding-right:5px;
				margin-left:-15px;
				padding-left:3px;
			}
			
	.copyrightsTxt{
	font-family:Arial;
	font-size:10px;
	letter-spacing:0.1em;
	font-stretch:condensed;
		color:#ffffff;
			}
			
	.holder {
				float:right;
				margin: 10px;
				text-align:inherit; font-family:Arial, Helvetica, sans-serif; 
				font-size:12px;
			}
		
			
			.left .jScrollPaneTrack {
				left: auto;
				right: 1px ;
				width: 6px;
				height: 100%;
				background-image:url(../template_images/windows_track.gif);
				background-repeat:repeat-y;
				background-position:center;
				z-index: 1;
			}
			/*.left a.jScrollArrowUp {
					left: auto;
				right: 8px ;
				height:10px;
				background: url(../images/windows_track.gif) no-repeat 0 0;
			}
			
			
			.left a.jScrollArrowUp:hover {
				background-position: 0 0;
				}
				.left a.jScrollArrowDown:hover {
				background-position: 0 0;
				}
			.left a.jScrollArrowDown {
				left: auto;
				right: 8px ;
				height:10px;
				background: url(../images/windows_track.gif) no-repeat 0 0;
			}*/
		
			/* IE SPECIFIC HACKED STYLES */
			* html .osX .jScrollPaneDragBottom {
				bottom: -1px;
			}
			/* /IE SPECIFIC HACKED STYLES */	
			
/* SCrolling Pane Ends here*/

.help_question {
width: 300px;
float:left;
}
.help_answer{
width: 300px;
float:left;
margin:10px 0;
}
  
.bigimage { margin:3px 0; width:364px; display:block; height:458px; position:relative; float:left;}

.smallimage { margin:3px 5px 3px 0px; width:140px; display:block; height:458px; position:relative; float:left;}

/*.smallimage img.latest_img {
	margin:0;
}*/

.form_left {
	width:80px;
}

.sales_btn
{
text-align:right; margin-top:15px; float:left;
}