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

body	{
	margin:0; padding:0;
	background:#FFF url(img/bg-repeat-x.png) repeat-x;
}

img, div, a { behavior: url(iepngfix.htc) }

.clear {clear:both;}


.site-container	{  
	background:transparent url(img/sparkles.png) no-repeat scroll 0 0;
	margin:0 auto;
	min-height:641px;
	width:1022px;
	behavior: url(iepngfix.htc);
}

.drop-shadow,
.header,
.navbar,
.banner,
.testimonials,
.content,
.footer	{margin:0 auto; }


.drop-shadow {
	background:transparent url(img/drop-shadow.png) repeat-y scroll 0 0;
	width:1022px;
	behavior: url(iepngfix.htc);
}

div.loader{
	background:url(img/banner01.png) no-repeat;
	background:url(img/banner02.png) no-repeat;
	background:url(img/banner03.png) no-repeat;
	background:url(img/banner04.png) no-repeat;
	margin-left:-1000px;
}

/*** HEADER ************************************************************************************/

.header				{width:958px; height:150px;}
.header div 		{height:150px;}

.logo 				{width:329px; background:url(img/logo.png);float:left;}

.request-a-quote 	{width:621px;float:right;}

/*** NAVBAR ************************************************************************************/

.navbar	{ 
	clear:both;
	height:53px;
	width:958px;
	/*border-left:1px solid white; border-right:1px solid white; border-top:1px solid white;*/
	/*background: transparent url(img/navbar-repeat-x.png) repeat-x;*/
}

.navbar ul {
	margin:0px; padding:0 0 0 48px;
	background:url(img/navbar-repeat-x.png) repeat-x;
	height:53px; 

}

.navbar ul li {
	float:left;
	list-style-type:none;
	margin:0px;
	padding:0 49px 0 0 ;
	
}

.navbar ul li a {
	display:block;
	height:53px;
	width:177px;
}

.navbar ul li a span{
	display:none;
}


#Home										{background:url(img/navbar-menu-sprite.png) -48px 0px;}
#Home:hover, #Home.selected					{background:url(img/navbar-menu-sprite.png) -48px -53px;}

#Products									{background:url(img/navbar-menu-sprite.png) -274px 0px;}
#Products:hover, #Products.selected			{background:url(img/navbar-menu-sprite.png) -274px -53px;}

#Gallery 									{background:url(img/navbar-menu-sprite.png) -500px 0px;}
#Gallery:hover, #Gallery.selected			{background:url(img/navbar-menu-sprite.png) -500px -53px;}

#CompanyInfo								{background:url(img/navbar-menu-sprite.png) -726px 0px;}
#CompanyInfo:hover, #CompanyInfo.selected	{background:url(img/navbar-menu-sprite.png) -726px -53px;}



/*** PRODUCT BANNER ************************************************************************************/
.banner { 
	width:958px;
/*	border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;border-top:1px solid #CCCCCC;*/
	background:#fff;

}

.banner h3 {
font-size:19px;
font-weight:normal;
margin:0;
padding:7px 0 0;
text-transform:uppercase;
		}

div#feature_list {
	width: 958px;
	height: 400px;
	overflow: hidden;
	position: relative;
}

div#feature_list ul {
	position: absolute;
	top: 0;
	list-style: none;	
	padding: 0;
	margin: 0;
}

ul#tabs {
	left: 0;
	z-index: 2;
	width: 320px;
}

ul#tabs li {
	font-size: 12px;
	font-family: Arial;
}

ul#tabs li img {
	padding: 5px;
	border: none;
	float: left;
	margin: 10px 10px 0 0;
}

ul#tabs li a {
	color: #222;
	text-decoration: none;	
	display: block;
	padding: 10px;
	height: 60px;
	outline: none;
}

ul#tabs li a:hover {
	text-decoration: underline;
}

ul#tabs li a.current {
	background:  url(img/feature-tab-current.png);
	color: #FFF;
	
	
}

ul#tabs li a.current:hover {
	text-decoration: none;
	cursor:pointer;
}

ul#tabs li a span b {text-transform:uppercase;}

ul#output {
	right: 0;
	width: 684px;
	height: 240px;
	position: relative;
}

ul#output li {
	position: absolute;
	width: 684px;
	height: 240px;
}

ul#output li a {
	position: absolute;
	top:350px;/*350*/
	right: 10px;
	padding: 8px 12px;
	text-decoration: none;
	font-size: 11px;
	color: #FFF;
	background: #ff6633;
	-moz-border-radius: 5px;
	font-family:verdana;
}

ul#output li a:hover {
	background: #0099ff;
	 
}

/*** Testimonials ************************************************************************************/


.testimonials	{  
	height:117px;
	width:958px;
/*	border-left:1px solid #CCCCCC;	border-right:1px solid #CCCCCC;*/
	background: transparent url(img/testimonials-bg.png) no-repeat;
}

.testimonials  #myslides {
	width: 582px;
	height: 117px; 
} 

.current_quote, #myslides img { 
	width: 582px;
	height: 117px; 
	position: absolute;
	background:transparent;
}


/*** PAGE CONTENT ************************************************************************************/

.content	{ 
	font-family:Verdana; font-size:12px; line-height:18px;
	background:#fff;
/*	border-left:1px solid #ccc;	border-right:1px solid #ccc;*/
	padding:20px 20px 30px 20px;
	width:918px;
}

.content p {
	text-align:justify;
	padding:10px 1px;
	margin:0;
}

.content h1 {
	font-family:arial;
	font-size:30px;
	color:#006699;
	padding:13px 0 5px 0;
	margin:0;
}

#homepage-content { padding:20px; width:918px;}

#homepage-content p img {padding-right:10px;}


.content .sub-content {
	padding:0 20px 0;
	clear:both;
}

.content .sub-content h2 {
	font-family:arial;
	font-size:24px;
	color:#006699;
	padding:13px 0 0 0;
	margin:0;
}

.content .sub-content p { padding-bottom:5px;}

.content .sub-content img {
	border:0 none;
	height:30%;
	width:30%;}

img.aleft  {padding-right:15px;}
img.aright {padding-left:15px;}

.top {float:right;}

/************ CATEGORIES ***************************************************************/

#showerdoors-content .categories,
#closetdoors-content .categories,
#interiorenclosures-content .categories,
#mirrors-content .categories,
#xteriorenclosures-content .categories
{width:70%}

#gallery-content {padding:20px 20px 0px;}

.categories {
	background:#eee;
	height:19px;
	line-height:21px;
	margin-bottom:10px;
	padding:10px;
	position:relative;
	top:10px;
	border:1px solid #ddd;	
	font-family:arial; 
	font-size:13px;
}

.sub-categories {
	background:#efefef;
	height:12px;
	line-height:12px;
	margin-bottom:10px;
	padding:10px;
	position:relative;
	top:10px;
	border:1px solid #ddd;	
	width:97%;
	font-family:arial; 
}

.categories span,
.sub-categories span {font-weight:bold; padding:0 5px;  }

.viewgallery img {border:0px;}

 
 
/********** SHOWER DOORS **********************************************************************/
#showerdoors-content h1 						{color:#1ea482;}
#showerdoors-content .sub-content h2			{color:#24be97;} 
#showerdoors-content .box .box-header			{background:url(img/box-header-teal.png) no-repeat;}

/********** CLOSET DOORS **********************************************************************/
#closetdoors-content h1 						{color:#a07f26;}
#closetdoors-content .sub-content h2 			{color:#be972d;}
#closetdoors-content .box .box-header			{background:url(img/box-header-tan.png) no-repeat;}
/********** INTERIOR ENCLOSURES ***************************************************************/
#interiorenclosures-content h1 					{color:#9c3246;}
#interiorenclosures-content .sub-content h2		{color:#be3d55;}
#interiorenclosures-content .box .box-header	{background:url(img/box-header-magenta.png) no-repeat;}
/********** MIRRORS ***************************************************************************/ 
#mirrors-content h1 							{color:#653e9c;}
#mirrors-content .sub-content h2 				{color:#7749b7;}
#mirrors-content .box .box-header				{background:url(img/box-header-purple.png) no-repeat;}
/********** EXTERIOR ENCLOSURES ***************************************************************/
#xteriorenclosures-content h1 					{color:#b55913;}
#xteriorenclosures-content .sub-content h2 		{color:#d26817;}  
#xteriorenclosures-content .box .box-header		{background:url(img/box-header-orange.png) no-repeat;}
 
/*** BOX ******************************************************************************************/
 
#product-content .tab-content {
	clear:both;
 }


#product-content #tabMenu {
	height:33px;
	margin:0;
	padding:0;
	list-style:none;
	width:920px;
}

#product-content #tabMenu li {
	float:left;
	height:33px;
	width:172px;
	cursor:pointer;
	cursor:hand;
	margin-right:12px;
}
#product-content #tabMenu li a,
#product-content #tabMenu li span {
	height:33px;
	width:172px;
	cursor:pointer;
	cursor:hand;
	display:block;
}



/* this is the button images */
#product-content a.selected .prod001,
#product-content a.mouseover .prod001,
#product-content a:hover .prod001		{background:url(img/tab-sprite.png) no-repeat 0 0px;} 
#product-content a .prod001,
#product-content a.mouseout .prod001 	{background:url(img/tab-sprite.png) 0 -34px;}

#product-content a.selected .prod002,
#product-content a.mouseover .prod002,
#product-content a:hover .prod002		{background:url(img/tab-sprite.png) no-repeat -184px 0px;} 
#product-content a .prod002,
#product-content a.mouseout .prod002 	{background:url(img/tab-sprite.png) -184px -34px;}

#product-content a.selected .prod003,
#product-content a.mouseover .prod003,
#product-content a:hover .prod003		{background:url(img/tab-sprite.png) no-repeat -367px 0px;} 
#product-content a .prod003,
#product-content a.mouseout .prod003 	{background:url(img/tab-sprite.png) -367px -34px;}

#product-content a.selected .prod004,
#product-content a.mouseover .prod004,
#product-content a:hover .prod004		{background:url(img/tab-sprite.png) no-repeat -552px 0px;} 
#product-content a .prod004,
#product-content a.mouseout .prod004 	{background:url(img/tab-sprite.png) -552px -34px;}

#product-content a.selected .prod005,
#product-content a.mouseover .prod005,
#product-content a:hover .prod005		{background:url(img/tab-sprite.png) no-repeat -735px 0px;} 
#product-content a .prod005,
#product-content a.mouseout .prod005 	{background:url(img/tab-sprite.png) -735px -34px;}
 
#product-content .box {width:908px; margin:0 auto;}

#product-content .boxTop {
	background:url(http://www.queness.com/resources/html/tabmenu/images/boxTop.gif)no-repeat;
	height:11px;
	clear:both
}

#product-content .boxBody {background: transparent url(img/box-bg2.png) bottom no-repeat; width:908px; /*border-top:1px solid #ddd;*/}
#product-content .boxBody>div {
	padding:20px;
	border-color:#DDDDDD;
	border-style:solid;
	border-width:2px 2px 2px;
	padding:20px;}

#product-content .tabcontent 					{border:1px solid #DDDDDD;color:#FFFFFF;}

#product-content .boxBody #prod001 h2 			{color:#19896c;}
#product-content .boxBody #prod001,
#product-content .boxBody #prod001 .prodtitle 	{border-color:#19896c; }

#product-content .boxBody #prod002 h2 			{color:#9c7714;}
#product-content .boxBody #prod002,
#product-content .boxBody #prod002 .prodtitle 	{border-color:#9c7714; }

#product-content .boxBody #prod003 h2 			{color:#9a2339;}
#product-content .boxBody #prod003,
#product-content .boxBody #prod003 .prodtitle	{border-color:#9a2339; }

#product-content .boxBody #prod004 h2 			{color:#5a2f96;}
#product-content .boxBody #prod004,
#product-content .boxBody #prod004 .prodtitle 	{border-color:#5a2f96;}

#product-content .boxBody #prod005 h2 			{color:#b14c00;}
#product-content .boxBody #prod005,
#product-content .boxBody #prod005 .prodtitle 	{border-color:#b14c00;}

#product-content .boxBottom {
	background:url(http://www.queness.com/resources/html/tabmenu/images/boxBottom.gif) no-repeat;
	height:11px;
}

/*#product-content .boxBody div 		{display:none;}*/
#product-content .boxBody div.show,
#product-content .boxBody #category a {display:block;}


/**** View Gallery - PEEK ********************************************************************************/
.boxgrid{ 
	float:right;
	width: 130px; height: 105px; 
	overflow: hidden; 
	position: relative; top:0; left:0;
	border:5px solid #ccc;
	cursor:pointer; 
	z-index:5;
	padding:6px;
	background:#fff;
	border:1px solid #ccc;

}

.boxgrid img {
	border:0 none;
	left:6px;
	position:absolute;
	top:5px;
}
.boxgrid a img {border:0;}

.boxgrid img.cover { 
	height:105px; 
	padding:0;
	width:130px;
}


.prodtitle{
	display:block;
	border-width:3px 0 0;
	border-style:solid; 
	font-family:Arial,Helvetica,sans-serif;
	letter-spacing:-0.03em;
	padding-top:10px;
	width:48%; 
	margin-top:20px;
}

.prodtitle h2{
	font-size:23px;
	margin:0px;
	padding:0px;
	font-weight:normal;
}

.prodtitle p{
	display:block;
	float:left;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	letter-spacing:0;
	width:63%;
}

.full-side p{	 
	width:82%;
}

/**** FONT STYLE ****************************************************************************************/

#product-content .full-side {width:100%; border-top:3px solid white;} 
#product-content .boxBody div p.clear	{margin:0; padding:0;} 

/* styling for the content*/
#product-content .boxBody div ul {
	margin:0 10px 0 25px;
	padding:0;
	width:190px; 
}

#product-content .boxBody div li {
	border-bottom:1px dotted #8e8e8e; 
	padding:4px 0;
	cursor:hand;
	cursor:pointer
}

#product-content .boxBody div ul li.last {border-bottom:none}

#product-content .boxBody div li span {
	font-size:8px;
	font-style:italic; 
	color:#888;
}

/* IE Hacks */
*html #product-content .boxTop {margin-bottom:-2px;}
*html #product-content .boxBody div ul {margin-left:10px;padding-left:15px;}



/*** GALLERY ***********************************************************************************/
.full-gallery {
	float:left;
}

#gallery{
	 	
	background:url(img/panel.jpg) repeat-x bottom center #ffffff;
	
	/* The width of the gallery */
	width:958px;
	overflow:hidden;
	margin:0 auto;
}

#slides{
	/* This is the slide area */
	height:400px;
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	overflow:hidden; 
}

.slide{
	float:left; 
}
.slide img {
	padding:0 20px 20px;}
	
#gallery-menu{
	/* This is the container for the thumbnails */
	height:45px;
}

#gallery-menu ul{
	margin:0px;
	padding:0px;
}

#gallery-menu li{
	/* Every thumbnail is a li element */
	width:59px;
	display:inline-block;
	list-style:none;
	height:45px;
	overflow:hidden;
	cursor:pointer;	
	text-align:center; 
}

#gallery-menu li.inact:hover{
	/* The inactive state, highlighted on mouse over */
	background:url(img/pic_bg.png) repeat;
}

#gallery-menu li.act,
#gallery-menu li.act:hover{
	/* The active state of the thumb */
	background:url(img/active_bg.png) no-repeat;
}

 

#gallery-menu .prev, #gallery-menu .next
 {width:65px; height:45px;float:left; border:0; cursor:pointer; padding:0;}

#gallery-menu .next{ background:url(img/divider.png) no-repeat ; margin-left:1px;}
#gallery-menu .prev{ background:url(img/divider.png) no-repeat right; margin-right:1px;}

.fbar{
	/* The left-most vertical bar, next to the first thumbnail */
	width:2px;
	background:url(img/divider.png) no-repeat right;
}


 

#gallery-menu li img{
	display:block;
	/*background:url(img/divider.png) no-repeat right;*/
	height:30px; 
	width:49px; 
	padding:9px 5px 0 5px;
}

a img{
	border:none;
}





/*** FOOTER ************************************************************************************/

.footer	{  
	padding:18px;
	width:922px;
	background:#15191a url(img/footer-repeat-x.png) repeat-x;
	height:75px;
	font-family:Arial;
}

.left-side	{float:left;}
.right-side	{float:right;}


.footer .left-side h2 {
	color:#fff; 
	font-size:28px; 
	margin:0px;  
	width:450px;
}

.footer .left-side h2 span{
	bottom:2px;
	color:#CCCCCC;
	font-size:18px;
	font-weight:normal;
	position:relative;
}

.footer .right-side	{
	color:#fff;	
	font-weight:normal; 
	font-size:18px;
	width:350px;
}

.footer .right-side a 			{color:#fff; text-decoration:none;}
.footer .right-side a:hover		{color:#ccc; text-decoration:underline;}
.footer .right-side a:visited	{color:#999; text-decoration:none;}


.footer .social {padding-left:85px}

.footer .social a img {
	padding-right:5px;
	border:0;
} 

.footer .copyright {
	color:#CCC;
	padding-top:10px;
	/*border-top:1px solid #999;*/
	font-size:11px;
	font-weight:normal;}

.footer .copyright a 		{color:#CCC;  }
.footer .copyright a:hover 	{color:#fff;  }
.footer .copyright a:visited	{color:#999;  }