/* Default Styles
**********************************************************************/

* {margin: 0; padding: 0;}

html { overflow-y: scroll; }

body {
	background: url(../images/pattern.jpg) left top;
	font-family: verdana, sans-serif;
	font-size: 11px;
	color: white;
}


p { line-height: 130%; }

img { border: 0; }

a {
	color: white;
	outline: 0;
	text-decoration: none;
}

a:hover {
	color: #dab87e;
}

.clear { clear: both; }

.h-line { /* horizontal line */
	clear: both;
	margin: 3px 0;
	border-top: 1px #FFFFFF dotted;
	height: 1px;
}

h3 {
	font-size: 14px;
}
.red {
	color: #ffd4a9;
}

.error {
	margin-top: 20px;
	background: url(../images/bg_error_form.png) left top repeat-x transparent;
	min-height: 25px;
	line-height: 25px;
}

.error h3{
		margin-left: 39px;
	  	background: url(../images/error_header_ico.png) left top no-repeat;
		padding-left: 24px;
		font-size: 10px;
		height: 25px;
		line-height: 25px;
		font-weight: normal;
	}


/* Layout
************************************************************************/

#wrapper {
	width: 1084px;
		/*background: cyan;*/
	padding-top: 13px;
	position: relative;
}

	#inner-wrapper {
		width: 1084px;
		background: url(../images/lamp_off.png) right top no-repeat;
		min-height: 691px;
	}

	
	/* Logo
	*******************************************************/
	#logo {
		position: relative;
		margin-left: 10px;
	}
	
	
	/* Register & Login
	*******************************************************/
	#register-login {
		position: absolute;
		top: 174px;
		left: 812px;
	}
	
	#index #register-login {
		position: absolute;
		top: 462px;
		left: 812px;
	}
	
		#register-login a[title='Register an account'] {
			margin: 0 0 6px 7px;
			float: left; /* needed for weird top margin gap on mozilla & IE7 */
		}
		
		
		/* Login Form
		*********************************************/
		#register-login #login, #register-login #logout {
			clear: left; /* clearing the above left float */
			width: 230px;
			/*min-height: 40px;*/
		}
		
			#register-login #login ul {
				list-style-type: none;
				position: absolute;
				/*margin: -20px 0 0 5px;*/
				bottom: 0;
				left: 5px;
			}
			
			#register-login #login ul li {
				float: left;
				margin-right: 19px;
			}
			
			#register-login #login ul li a:link, #register-login #login ul li a:visited {
				font-size: 9px;
				font-weight: bold;
				text-decoration: none;
			}
			#register-login #login ul li a:hover {
				text-decoration: underline;
				color: white;
			}
	
			#register-login #logout div {
				padding-left: 8px;
			}
			#register-login #logout span {
				font-size: 9px;
			}
	
	
	/* Main Menu
	**********************************************************/
	#main-menu {
		list-style-type: none;
		position: absolute;
		top: 131px;
		left: 25px;
	}
	
	#main-menu li {
		float: left;
		margin-right: 7px;
	}
	
	#main-menu li a {
		display: block;
		height: 9px;
		padding: 11px 11px 16px 11px;
	}
	
	#index #main-menu li a {
		padding: 11px 11px 24px 11px;
	}
	
	#main-menu li a:hover {
		background: url(../images/bg_main_menu.png) left top repeat-x;
	}
	
	#main-menu li .active {
		background: url(../images/bg_main_menu.png) left top repeat-x;
	}
	
	/* Content Header (White Background)
	**********************************************************/
	#header {
		width: 768px; /* 811px - (14px + 41px) */
		background: white;
		margin-top: 50px;
		padding: 4px 4px 4px 39px;
	}
	
	#index #header {
		width: 756px; /* 811px - (14px + 41px) */
		background: white;
		margin-top: 50px;
		padding: 12px 14px 12px 41px;
	}
	
		#header-content {
			height: 81px;
			position: relative;
		}
		
		/* Page Header Backgrounds
		*******************************************/
		
		/* general - pentru toate paginile */
		#header-content {
			background: url(../images/headers/bg_lighting.jpg) left top no-repeat;
		}
		/* end general */
		
		#collections #header-content {
			background: url(../images/headers/bg_lighting.jpg) left top no-repeat;
		}
		#lighting #header-content {
			background: url(../images/headers/bg_lighting.jpg) left top no-repeat;
		}
		#tables #header-content {
			background: url(../images/headers/bg_lighting.jpg) left top no-repeat;
		}
		#new-designs #header-content {
			background: url(../images/headers/bg_login_needed.jpg) left top no-repeat;
		}
		#register #header-content {
			background: url(../images/headers/bg_faq.jpg) left top no-repeat;
		}
		#faq #header-content {
			background: url(../images/headers/bg_faq.jpg) left top no-repeat;
		}
		#contact-us #header-content {
			background: url(../images/headers/bg_contact.jpg) left top no-repeat;
		}
		#news #header-content {
			background: url(../images/headers/bg_news.jpg) left top no-repeat;
		}
		#our-work #header-content {
			background: url(../images/headers/bg_our_work.jpg) left top no-repeat;
		}
		#our-company #header-content {
			background: url(../images/headers/bg_our_company.jpg) left top no-repeat;
		}
		#wip #header-content {
			background: url(../images/headers/bg_wip.jpg) left top no-repeat;
		}
		#login-needed #header-content {
			background: url(../images/headers/bg_login_needed.jpg) left top no-repeat;
		}
		#login-page #header-content {
			background: url(../images/headers/bg_login_needed.jpg) left top no-repeat;
		}
		#account #header-content {
			background: url(../images/headers/bg_login_needed.jpg) left top no-repeat;
		}
		#project-center #header-content {
			background: url(../images/headers/bg_login_needed.jpg) left top no-repeat;
		}
		#forms #header-content {
			background: url(../images/headers/bg_login_needed.jpg) left top no-repeat;
		}
		
		
		#header-content h1 {
			position: absolute;
			top: 19px;
			right: 10px;
			font-family: Helvetica, "Trebuchet MS", sans-serif;
			font-weight: normal;
			font-size: 32px;
		}
		
		#header-content ul {
			list-style-type: none;
			position: absolute;
			top: 62px;
			right: 5px; /* 10px - 5px ( margin right from li ) */
		}
		
		#header-content ul li {
			float: left;
			margin-right: 5px;
			font-size: 9px;
		}
		
		#header-content ul li a:link, #header-content ul li a:visited {
			font-size: 9px;
			text-decoration: none;
		}
		
		#header-content ul li a:hover {
			color: #dab87e;
		}
	
	
	/* Content
	****************************************************/
	
	#content {
		width: 772px; /* 811px - (14px + 41px) */
		padding: 16px 0 24px 39px;
	}
	
		/* Products
		***********************************************/
		
		
			/* Products - Filters
			*******************************************/
			#product-filters {
				list-style-type: none;
			}
			
			#product-filters li {
				float: left;
				margin-right: 8px;
				position: relative;
				width: 122px;
				height: 19px;
				line-height: 19px;
				color: #3a3b40;
				text-indent: 7px;
				font-size: 9px;
				background: url(../images/select_arrow.gif) right top no-repeat white;
				
			}
			
			#product-filters li:hover {
				background: url(../images/select_arrow.gif) right -19px no-repeat white;
				cursor: pointer;
			}
			
			#product-filters .reset-filters {
				background: none;
			}
			
			#product-filters .reset-filters:hover {
				background: none;
			}
			
			#product-filters .reset-filters a:hover {
				color: white;
				text-decoration: underline;
			}
			
				#product-filters li ul {
					/*display: none;*/
					width: 122px;
					list-style-type: none;
					position: absolute;
					top: auto;
					left: auto;
				}
				
				/* IE7 Hack */
				*:first-child+html #product-filters li ul {
					top: 19px;
					left: 0;
				}
				
				#product-filters li:hover ul {
					display: block;
				}
				
				#product-filters li ul li {
					background: url(../images/bg_filters.png) left top transparent;
					float: none;
					width: 122px;
				}
				
				#product-filters li ul li:hover {
					background: url(../images/bg_filters.png) left top transparent;
				}
				
				#product-filters li ul li a:link, #product-filters li ul li a:visited {
					display: block;
					width: 122px;
					height: 19px;
					line-height: 19px;
					color: #3a3b40;
					text-indent: 7px;
					font-size: 9px;
					text-decoration: none;
					background: none;
				}
				
				#product-filters li ul li a:hover {
					background: url(../images/bg_list_hover.png) left top transparent;
				}
				
				#product-filters li ul .selected a:link, #product-filters li ul .selected a:visited {
					background: url(../images/bg_list_hover.png) left top transparent;
				}
				
				
				/*** Products - Filters - Materials ***/
				
				#product-filters #material-filter {
					width: 132px;
				}
				
				#product-filters #material-filter ul {
					width: 132px;
					height: 151px;
				}
				
				#product-filters #material-filter ul li {
					width: 132px;
				}
				
				#product-filters #material-filter ul li a:link, #product-filters #material-filter ul li a:visited {
					width: 132px;
				}
				
				
				/*** Products - Filters - Finishes ***/
				
				#product-filters #finish-filter {
					width: 215px;
				}
				
				#product-filters #finish-filter ul {
					width: 215px;
					height: 200px;
				}
				
				#product-filters #finish-filter ul li {
					width: 215px;
				}
				
				#product-filters #finish-filter ul li a:link, #product-filters #finish-filter ul li a:visited {
					width: 215px;
				}
				

			/* Products - Listing
			*******************************************/
			.product-block {
				width: 773px;
				clear: left;
				/*margin-bottom: 16px;*/
			}
			
				.product-block div {
					width: 185px;
					float: left;
					margin: 0 8px 16px 0;
					text-align: center;
				}
				
				#product-block .last {
					margin: 0;
				}
				
				.product-block div h2 {
					height: 18px;
					line-height: 18px;
					font-size: 11px;
					text-align: center;
						/*padding: 6px 24px 4px 29px;*/
				}
				
				.product-block div:hover {
					background: url(../images/bg_product_roll.png) left top no-repeat transparent;
				}
				
				.product-block div:hover h2 {
					background: url(../images/bg_prod_name.png) 50% top no-repeat transparent;
				}
				
				/* Products - Listing - Page Navigation
				************************************************/
				#page-listing {
					list-style-type: none;
					margin: 10px 0 10px 0;
				}
				
					#page-listing li {
						float: left;
						margin-right: 4px;
					}
					
					#page-listing a {
						display: block;
						padding: 2px 4px;
						font-size: 9px;
						border: 1px solid transparent;
					}
					
					#page-listing a:hover {
						color: white;
						background: url(../images/bg_page.png) left top transparent;
					}
					
					#page-listing .previous-page {
						margin-right: 7px;
					}
					
					#page-listing .next-page {
						margin-left: 7px;
					}
					
					#page-listing .previous-page:hover, #page-listing .next-page:hover  {
						background: none;
						color: white;
						text-decoration: underline;
					}
					
					#page-listing .page-active {
						border: 1px solid #878171;
						background: #9d0401;
					}
					
					#page-listing .page-active:hover {
						background: #9d0401;
					}
			
			
			/* Products - Details
			*************************************************/
			
			#product-picture {
				float: left;
				width: 410px;
				text-align: center;
				margin-top: 41px; /* 57px - 16px (margin-bottom from above filters) */
				margin-bottom: 10px;
			}
			
				#product-picture img {
					margin-bottom: 7px;
				}
			
			#product-details {
				float: right;
				width: 310px;
				margin-top: 10px; /* 75px - 16px (margin-bottom from above filters) */
				margin-bottom: 10px;
			}
			
				#product-details h2 {
					font-size: 30px;
					font-weight: normal;
					width: 308px;
					height: 41px;
					line-height: 41px;
					text-indent: 13px;
					background: url(../images/bg_prod_name_title.png) left top no-repeat transparent;
					margin-left: 1px;
				}
				
				#product-details table {
					width: 310px;
					margin: 4px 0 3px 0; /* - 1px (cell spacing) */
				}
				
				#product-details table td {
					width: 50%;
					background: url(../images/bg_table_cell.png) left top transparent;
					font-size: 11px;
					color: white;
					padding-left: 12px;
					height: 19px;
				}
				
				#product-details ul {
					list-style-type: none;
					margin: 0 0 20px 1px;
				}
				
				#product-details ul li {
					margin-bottom: 2px;
				}
				
				#product-details ul li a:link, #product-details ul li a:visited {
					display: block;
					width: 308px;
					height: 28px;
					line-height: 28px;
					background: url(../images/bg_prod_details_link.png) left top transparent;
					font-size: 10px;
					font-weight: bold;
					text-indent: 13px;
					text-decoration: none;
				}
				
				#product-details ul li a:hover {
					background: url(../images/bg_prod_details_link_roll.png) left top transparent;
				}
				
				#product-details p a:link, #product-details p a:visited {
					display: block;
					width: 150px;
					height: 20px;
					line-height: 20px;
					background: url(../images/bg_back_prod.png) left top transparent;
					font-size: 9px;
					text-indent: 13px;
					text-decoration: none;
					margin-left: 1px;
				}
			
			
		
		
		/* Static Content
		***********************************************/
		#content-static {
		}
			#content-static p {
				line-height: 150%;
			}
			
			#content-static a {
				text-decoration: underline;
			}
			
			.visible-link:link, .visible-link:visited {
				background: #880603;
				border: 1px #880603 solid;
				text-decoration: none;
				padding: 3px 10px;
				float: left;
				margin-right: 5px;
				color: white;
			}
			.visible-link:hover {
				color: #880603;
				background: transparent;
				border: 1px #880603 dotted;
				text-decoration: none;
			}
			
			
			/* FAQ
			***********************************************/
			#faq #content-static dt {
				font-weight: bold;
				padding-left: 20px;
				background: url(../images/faq/ico_q.png) no-repeat 0 0;
				height: 18px;
				line-height: 17px;
			}
			#faq #content-static dd {
				margin-bottom: 20px;
				padding-left: 20px;
				background: url(../images/faq/ico_a.png) no-repeat 1px 0;
				line-height: 15px;
			}
			#faq #content-static ol {
				margin: 6px 0 0 50px;
			}
			
			#faq #content-static dd ul {
				margin: 10px 0 25px 0;
			}
			
			/* CONTACT
			***********************************************/
			.content-contact {
				font-size: 14px;
			}
			
			/* Our Work
			***********************************************/
			#our-work #content-static ul {
				float: left;
				margin-right: 25px;
				width: 360px;
				/*width: 240px;	*/ /* for 3 rows */
				font-size: 12px;
			}
			#our-work #content-static  .last {
				margin-right:0;	
			}
			
			/* News Listing
			***********************************************/
			#content-static .news_listing_image {
				float: left;
				margin-right: 10px;
			}
			
			#content-static #news_listing_block {
				min-height: 70px;
				_height: 70px;
				display: block;
			}
			
			/* REQUEST A QUOTE
			***********************************************/
			 .back-link:link, .back-link:visited {
				color: #FFFFFF;
				background: #880603;
				border: 1px #880603 solid;
				text-decoration: none;
				padding: 3px 10px;
				margin-left: 50px;
			}
			
			.back-link:hover {
				color: #880603;
				background: transparent;
				border: 1px #880603 dotted;
				text-decoration: none;
			}
			
			/* Project Center
			***********************************************/
			
			.message-header h3 {
				margin: 25px 0 3px 0;
			}
			.message-body {
				margin-top: 10px;
			}
			
			fieldset .products {
				position: relative;
			}
			fieldset .image {
				position: absolute;
				right: 0;
			}
			
			.room-add {
				display: block;
				margin-bottom: 5px;
				font-size: 10px;
				width: 120px;
			}
			.shade-submit {
				display: block;
				margin-bottom: 5px;
				font-size: 10px;
				width: 180px;
			}
			
			.shade-name {
				width: 330px;
				clear: both;
				float: left;
			}
			.room-name {
				width: 150px;
				clear: both;
				float: left;
			}
			.room-delete {
				float: right;
				margin-bottom: 3px;
				display: block;
			}
			
			.tooltip {
				position: relative;
				display: block;
				width: 16px;
				height: 16px;
			}
			.tooltip:hover {
				/*_background: url(images/ico_delete.png) no-repeat;*/
				_background: #890707;
			}
			.tooltip span {
				display: none;
			}
			
			.tooltip:hover span {
				position: absolute;
				display: block;
				width: 80px;
				height: 16px;
				top: 0px;
				left: 20px;
				font-size: 10px;
				color: #FFFFFF;
				background: #890707;
				text-indent: 5px;
				line-height: 15px;
			}
			
			
			/* LOGIN NEEDED
			***********************************************/
			#login-needed-img {
				float: left;
				width: 430px;
			}
			#login-needed-content {
				float: right;
				width: 300px;
			}
			#login-needed-content-form {
				float: left;
				width: 400px;
			}
			
			#login-needed-content p span {
				color: #880603;
				background: transparent;
				border: 1px #880603 dotted;
				padding: 3px 10px;
				width: 150px;
				float: left;
				margin: -18px 0 0 150px;
			}
			#login-needed-content-form p span {
				color: #880603;
				background: transparent;
				border: 1px #880603 dotted;
				padding: 3px 10px;
				width: 150px;
				float: left;
				margin: -18px 0 0 150px;
			}
			
			/* FORMS
			***********************************************/
			.forms_list {
				list-style: none;
				}
			
			.forms_list li {
				margin-bottom: 10px;
				line-height: 30px;
				vertical-align: middle;
				background: url(../images/images/pdf.jpg) left top no-repeat;
				text-indent: 38px;
			}
			
			/* KEYWORD SEARCH
			***********************************************/
			.no_search_results {
				position: relative;
				margin-top: 30px;
				font-size: 11px; 
			}
		
/* Footer
********************************************************************/
#footer {
	width: 811px;
	position: relative;
	font-size: 9px;
	margin-bottom: 25px;
}

	#footer ul {
		width: 770px; /* 811px - 41px */
		height: 19px; /* 28px - 9px */
		background: url(../images/bg_footer.png) left top repeat-x;
		list-style: none;
		padding: 9px 0 0 41px;
	}
	
	#footer ul li {
		float: left;
		margin-right: 28px;
		text-align: left;
	}
	
	#footer div {
		margin: 7px 0 0 40px;
	}
	
	#nr-gallery {
		position: absolute;
		top: 2px;
		left: 420px;
	}

		
/* Custom Shade
********************************************************************/
#custom-shade-steps {
	margin: 10px 0;
	padding: 10px 0;
	list-style-type: none;
	border-bottom: 1px #AAA solid;
	border-top: 1px #AAA solid;
	height: 30px;
}
	#custom-shade-steps li {
		float: left;
		margin-right: 20px;
		padding-bottom: 10px;
		font-size: 10px;
		color: #CCC;
		width: 220px;
	}
	#custom-shade-steps .active {
		color: #FFF;
	}
		#custom-shade-steps li span {
			font-size: 17px;
		}
		#custom-shade-steps li a:link, #custom-shade-steps li a:visited {
			color: #CCC;
			text-decoration: none;
		}
		#custom-shade-steps li a:hover {
			text-decoration: underline;
		}


#custom-shade-img-list {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
	#custom-shade-img-list li {
		float: left;
		margin-right: 22px;
		margin-bottom: 20px;
		text-align: center;
		width: 130px;
	}
		#custom-shade-img-list li span {
			display: block;
			font-weight: bold;
		}
		#custom-shade-img-list li label {
			display: block;
			font-weight: bold;
			width: 130px;
			float: none;
			text-align: center;
		}
		#custom-shade-img-list li input {
			margin-top: 5px;
		}
		


#custom-shade-selected-options dt {
	clear: both;
	float: left;
	width: 130px;
}
#custom-shade-selected-options dd {
	float: left;
	width: 150px;
	font-weight: bold;
}


#how-to-measure {
	position: absolute;
	right: 100px;
	top: 0;
}

#footer .last_footer_link {
	margin-right: 5px;
}

.collection_name {
	float: right;
	display: block;
	margin-bottom: 10px;
	font-size: 11px;
	margin-top:-6px;
}