@charset "utf-8";
/* CSS Document */

body								{font-family: Arial, Helvetica, sans-serif; font-weight: normal; background-color:#FFFFFF; font-size: 12px; color: #34460d; background-color:#FFFFFF; background-position: center top; background-repeat: no-repeat;}
a									{font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #34460d;}
hr									{padding: 0px; margin: 0px;}
.suppliers							{font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10px; color: #34460d;}
.sidebar1							{background-color: #b2bb1e; width: 187px; float: left; min-height: 372px;}
.sidebar2							{background-color: #b2bb1e; padding: 5px 0 5px 0; width: 713px; float: left; min-height: 362px;}
#outer								{width: 960px; margin: 20px auto 0; background-color: #ffffff; border: 1px solid #748420;}
#container							{width: 900px; margin: 20px auto 0; background-color: #ffffff;}
#containergreen						{width: 960px; margin: 20px auto 0; background-color: #b2bb1e;}
.main								{background-color: #FFFFFF; width: 688px; height:230px ; margin-top: 5px; padding: 10px; z-index: 999999;}
.mainSuppliers						{background-color: #FFFFFF; width: 688px; height:310px ; margin-top: 5px; padding: 10px; z-index: 999999;}
.mainContact						{background-color: #FFFFFF; width: 688px; height:312px ; margin-top: 5px; padding: 10px; z-index: 999999;}
.logo								{width: 900px; padding: 20px 0 40px 0;}
.callnow							{border: 2px solid #34460d; width: 140px; text-align: left; margin-left: 0px; padding: 3px;}
.strapline							{position: absolute; padding: 0px 10px 10px 663px; font-size: 16px; color: #748420;}
.greenbar							{height: 8px; width: 960px; background-color:#34460d}
.tabtext							{position: absolute; padding: 235px 0 0 10px; color: #ffffff; font-size: 1.1em; z-index:2;}
.tab2text							{position: absolute; padding: 235px 0 0 150px; color: #ffffff; font-size: 1.1em; z-index:3;}
.tab2text a							{color: #ffffff; text-decoration: none; font-weight: normal;}
.tab3text							{position: absolute; padding: 235px 0 0 285px; color: #ffffff; font-size: 1.1em; z-index:2;}	
.tab3text a							{color: #ffffff; text-decoration: none; font-weight: normal;}
.tab								{position:absolute; padding-top:230px; z-index:1;}
.tab2								{position:absolute; padding-top:230px; z-index:1; padding-left: 105px;}
.tab3								{position:absolute; padding-top:230px; z-index:1; padding-left: 230px;}
.phone								{font-size: 21px; font-weight: bold;}
.title								{color: #34460d; font-size: 20px;}
.clear								{clear: both;}
.supplierLogos						{float: right;}
.mainLogos							{float: right; text-align: center; padding: 10px;}
.padding							{padding: 0 0 20px 0;}
.suppliersBox						{float: right; margin: 10px 30px 0 0; vertical-align:middle; text-align: center;}
.supplierLogo						{float: left; margin: 20px 5px 5px 0; border: 1px solid #cccccc;}
ul									{padding-left: 15px}
.bedroomCraft						{background-image:url(../images/bedroom_craft.gif); background-position:bottom right; width: 200px; height: 33px; float: right; background-repeat:no-repeat; }
.iFrame								{float: right}
.contact							{margin-top: 20px; }
.map								{float: right}
.form								{font-size: 12px;}
/* ////////// Nav styles ////////// */
.nav		 						{width:174px; background-color:#d1d585; border: 1px solid #748420; margin: 5px; color: #34460d; font-size: 13px; }
.nav ul								{list-style: none; padding: 0; margin: 0;}
.nav ul li							{display:block; background-color: #d1d585; text-align: center;}
.nav ul li:hover					{background-color: #748420;}
.nav ul li a						{color:#34460d; text-decoration:none; display:block; color: #34460d; font-size: 13px; padding: 14px 0 14px 0;}
.nav ul li a:visited				{color:#34460d; text-decoration:none; color: #34460d; font-size: 13px; padding: 5px; padding: 14px 0 14px 0;}
.nav ul li a:hover					{color:#34460d; background:#748420; text-decoration:none; padding: 14px 0 14px 0;}
.navselected	 					{width:174px; background-color:#748420; border: 1px solid #748420; margin: 5px; padding: 15px 0 15px 0; text-align: center; color: #34460d; font-size: 13px; font-weight: bold;}

/* ////////// Gallery styles ////////// */
div.content 						{display: none; float:right; width:708px;  }
#gallery-adv 						{width:708px; float:left; margin-bottom: 5px;}
div.content a, div.navigation a 	{ text-decoration: none; color: #faf3ac; }
div.content  a:focus, div.content  a:hover, div.content  a:active { text-decoration: underline; }
div.controls 						{ margin-top: 5px; }
div.controls a 						{ padding: 5px; } 
div.ss-controls 					{ float: left; }
div.nav-controls 					{ float: right; }

div.loader 							{ background-image: url('images/loader.gif'); width: 708px; height: 210px;background-color: #FFFFFF; }
div.slideshow 						{ clear: both; }
div.slideshow span.image-wrapper 	{ float: left; width:708px; overflow:hidden; }
div.slideshow a.advance-link 		{ display: block; }
div.slideshow img 					{ border: none; display: block; }
div.download 						{ display:none; }
div.embox 							{ clear: both; margin:0; background-color: #c9ebd8; }

ul.thumbs 							{ clear: both; margin: 5px 5px 0 0; padding: 0; }
ul.thumbs li 						{ float:left; padding: 0; margin: 0px 1px 0px 0; list-style: none; height:75px; width: 176px;}
a.thumb 							{ display: block; overflow:hidden; height:80px; width: 176px;}
ul.thumbs li.selected a.thumb 		{ background: #d9eabe; height:75px; width: 176px;}
a.thumb:focus 						{ outline: none; }
ul.thumbs img 						{ border: none; display: block; }

div.pagination 						{ clear: both; }
div.navigation div.top 				{ display:none; }
div.navigation div.bottom 			{ clear:both; float:left; margin-top: 12px; }
div.pagination a, div.pagination span.current { display: block; float: left; padding:2px 7px; line-height:1.4em; }
div.pagination a:hover 				{ background-color: #d9eabe; color:#FFF; text-decoration: none; }
div.pagination span.current 		{ font-weight: bold; background-color: #d9eabe; color: #fff; }

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }