@charset "utf-8";

/* CSS Document */



/**********************************TEMPLATE***********************/



body, html {

	margin: 0;

	padding: 0;

	background: url(../img/resources/binding_dark.png);

	font-family: "lucida bright", serif;

	font-weight: normal;

	color: #35586C;

	height: 100%;

}

h1, h2, h3 {

	padding: 0;

	margin: 0;	

}

img {

	border: none;

}



select {

	border: 1px solid #CCC;

}



.active {

	border-bottom:1px solid #CD0000;

}



.inactive {

}





#wrapper {

	width: 960px;

	margin: 0 auto 0 auto;

	background-image: url(../img/resources/shadoaw.png);

}



#container {

	width: 950px;

	margin:0 auto 0 auto;

	background: url(../img/resources/Darkroom_spotlight.jpg);

	font-size: 14px;

}



#topContainer {

	min-height: 100%;

}



	#headerContainer {

		margin: 10px 0 0 0;

		overflow: hidden;

	}

	

		#headerImage {

			float: right;
			margin: 30px 40px 20px 0;

		}

		/***********************Next Button + Prev Button ****************/

		
		#next_prev_pages{

			float:right;

			margin-top:15px;

			}

		#next_model{
			
			float:right;

			margin-right:10px;
			
			padding:10px;
					
			}

		#prev_model{
			
			float:right;

			margin-right:10px;
			
			float:right;

			padding:10px;
					
			}				
			

		#next_model a{
			
			text-decoration: none;

			color:#35586C;
			
			}

		#next_model a:hover{
			
			border-bottom: 1px solid #CD0000;			
			
			}

		#prev_model a{
			
			text-decoration: none;

			color:#35586C;
			
			}

		#prev_model a:hover{
			
			border-bottom: 1px solid #CD0000;			
			
			}

		/***********************START TOP NAV******************************/

		

		#mainNav {

			width: 100%;

			background: url(../img/resources/topWhite.png);

			overflow: hidden;

			margin: 0 0 20px 0;

			padding: 15px 0 15px 0;

			border-bottom: 1px solid #FFF;

			border-top: 1px solid #FFF;

		}

		

		#mainNav a {

			text-decoration: none;

			color: #FFF;

			padding: 2px;

		}

		

		#mainNav a:hover {

			color: #CD0000;

		}

		

		#mainNav ul {

			margin: 0;

			padding: 0;

			margin: 0 0 0 30px;

		}

		

		#mainNav ul li {

			list-style-type: none;

			float: left;

			margin: 0 10px 0 0;

			padding: 0;
			
			font-weight:bold;

		}

		

	/*************************END TOP NAV*************************/

	

	#bodyContainer {

		background-image: url(../img/resources/sidebar_img.jpg);

		overflow: hidden;

	}

	

	/***********************MAIN CONTENT CONTAINER**************************/

	

		#mainContainer {

			background: #FFF;

			float: left;

			width: 75%;

			padding: 0 0 10px 0;

			min-height: 350px;

			font-size:12px;

		}

	

	/***********************END MAIN CONTENT CONTAINER**************************/

		

	/*****************************SIDEBAR*****************************/	

		

	#sidebarContainer {

		float: right;

		width: 25%;

		color: #fff;

		font-size: 12px;

	}

		

		#sidebarContainer a {

			color: #FFF;

			text-decoration: none;

		}

			

			.sidebarItem {

				margin: 0 10px 40px 10px;

				clear: left;

			}

			

			a:hover h4 {

				text-decoration: underline;

			}

			

			.sidebarItem img {

				width:75px;

				height:75px;

				float:left;

			}

			

			.sidebarItem h4 {

				font-size: 14px;

			}

			

			.sidebarItem p {

				margin: 0 0 0 85px;

			}

			

		/*****************************END SIDEBAR***********************/

		

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

		

		

	#footerContainer {

		overflow: hidden;

		color: #FFF;

		font-size: 14px;

		height: 80px;

	}

	

	#footerContainer a {

		color: #FFF;

		text-decoration: none;

		font-size:14px;

		padding:2px;

		font-weight:bold;

	}

	

	#footerContainer a:hover {

		color:#CD0000;

	}

	

	#footerContainer ul {

		list-style-type: none;

		float: left;

		margin: 30px 0 30px 30px;

		padding: 0;


	}

	

	#footerContainer ul li {

		float: left;

		margin: 0 10px 0 0;

	}

	

	#footerContainer #copyright {

		float: right;

		margin: 30px 30px 30px 0;

		padding: 0;

	}

	

	/*******************************END FOOTER*****************************/

/******************************END TEMPLATE****************************/

	/***********************borderline*****************************/
		#border_line{
				border-bottom: 1px dashed #bbb;
			}

		/*************PRODUCTS.HTML***********************************************************/

			#productSpecs,#productIncl{

				color:#35586C;

				border-bottom:1px dashed #CD0000;

				width:120px;
			
			}

			#productDesc{

				color:#35586C;

				border-bottom:1px dashed #CD0000;

				width:360px;
			}

			#productListing {

				margin: 30px;

				overflow: hidden;

			}

				

				.productListItem {

					width: 33%;

					float: left;

					margin: 0 0 30px 0;

					font-family: Arial, Helvetica, sans-serif;

				}

				

				.productListItem a {

					text-decoration: none;

					color: #35586C;

				}

				

				.productListItem a:hover {

					text-decoration: underline;

				}

				

				.productListImage {

					width: 90%;

					height: 175px;

					border: 1px dashed #CCC;

					margin: 0 0 0 5%;

					text-align: center;

				}

				

				.productListItem img {

					max-width: 175px;

					max-height: 175px;

				}

				

				.productListItem .listingName {

					text-align: center;

				}

			

			/*******************END PRODUCTS.HTML***************************/

			

			/*******************INDIVIDUAL PRODUCT PAGES********************/

			

			#productTop {

				margin: 30px;

				padding: 0 0 30px 0;

				border-bottom: 1px dashed #bbb;

				overflow: hidden;

			}

			

				#productTop #productImages {

					width: 35%;

					float: left;

					text-align: center;

					margin: 0 5% 0 0;

				}

				

					#productImages #primaryImageCont {

						height: 175px;

						position: relative;

					}

					

					#primaryTip {

						position: absolute;

						font-size: 12px;

						background: #666;

						width: 100%;

						bottom: 0px;

						color: #FFF;

						display: none;

					}

					

					#primaryImageCont {

						margin: 0 0 10px 0;

					}

					

					#primaryImageCont:hover #primaryTip {

						display: block;

					}

				

					#productImages #primaryImage {

						max-width: 175px;

						max-height: 175px;

					}

					

					#productImages #primaryImage:hover {

						cursor: pointer;

					}

					

					.direction {

						font-size: 10px;

					}

					

					.direction:hover {

						cursor: pointer;

						text-decoration: underline;

					}

					

					#next {

						float: right;

						margin: 4px 10% 0 0;

					}

					

					#previous {

						float: left;

						margin: 4px 0 0 0;

						clear: left;

					}

					

					#thumbImages {

						text-align: left;

					}

					

					#productImages #thumbImages img {

						width: 30%;

						margin: 0;

						padding: 0;

						display: inline;

					}

					

					#productImages #thumbImages img:hover {

						cursor: pointer;

					}

				

				#productTop #productDetails {

					width: 60%;

					float: right;

				}

				

				#productTop #productHeading {

					float: left;

				}

				

				#productTop #productPrice {

					float: right;

				}

				

				#productTop #productOptions {

					clear: left;

					padding: 40px 0 0 0;

				}

				

					#productOptions select {

						margin: 10px 0 0 0;

					}

			

			#productInfo {

				clear: left;

				margin: 0 30px 0 30px;

			}

			

			#productInfo h3 {

				margin: 30px 0 0 0;

				font-weight: bold;

			}

			

			/*******************END INDIVIDUAL PRODUCT PAGES****************/

			

			/******************************HOME PAGE************************/

			

			#aboutUs {

				margin: 30px;

			}

			

			#aboutUs .column {

				width: 33%;

				float: left;

				text-align: center;

			}

			

			.column img {

				max-width: 80%;

			}

			

			/*************************END HOME PAGE****************************/

			

			/*************************CONTACT PAGE****************************/

			

			#contact {

				margin: 30px;

			}

			

			#contact input, #contact textarea{

				margin: 0;

				padding: 9px;

				border: solid 1px #E5E5E5;

				outline: 0;

			}

			

			#contact .textInput {

				width: 50%;

			}

			

			#contact textarea {

				width: 80%;

			}

			

			#contact input:hover, #contact textarea:hover,

			#contact input:focus, #contact textarea:focus { 

				border-color: #C9C9C9; 

			}

			

			.required {

				color: #F00;

			}

			

			/***********************END CONTACT PAGE**************************/



	/***********************Lightbox************************************/

				.black_overlay{

            display: none;

            position: fixed;

            top: 0%;

            left: 0%;

            width: 100%;

            height: 100%;

            background-color: black;

            z-index:1001;

            -moz-opacity: 0.8;

            opacity:.80;

            filter: alpha(opacity=80);

        }

        .white_content {

            display: none;

            position: fixed;

            top: 25%;

            left: 25%;

            width: 50%;

            height: 50%;

            padding: 16px;

            border: 5px solid #DDD;

            background-color: white;

            z-index:1002;

            overflow: auto;

        }

				

				#lightboxTop{

					height: 100%;

					text-align: center;

				}

				

				#lightboxBottom {

					height: 40px;

					margin: -40px 0 0 0;

				}

				

				#close {

					float: right;

					line-height: 14px;

					font-size: 14px;

					margin: 26px 0 0 0;

					color: #35586C;

					

				}

				

				#light img {

					max-height: 100%;

				}

				

				/*********************JS CHANGES*********************/

				.hide {

					display: none;

				}

				

				.option_none {

					display: inline;

				}

				

				/* ******************CONTACT FORM****************************/

				/* tutorial */



input, textarea { 

	padding: 9px;

	border: solid 1px #E5E5E5;

	outline: 0;

	font: normal 13px/100% Verdana, Tahoma, sans-serif;

	width: 200px;

	background: #FFFFFF url('bg_form.png') left top repeat-x;

	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));

	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);

	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;

	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;

	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;

	}



textarea { 

	width: 400px;

	max-width: 400px;

	height: 150px;

	line-height: 150%;

	}



input:hover, textarea:hover,

input:focus, textarea:focus { 

	border-color: #C9C9C9; 

	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;

	}



.form label { 

	margin-left: 10px; 

	color: #999999; 

	}



.submit input {

	width: auto;

	padding: 9px 15px;

	background: #617798;

	border: 0;

	font-size: 14px;

	color: #FFFFFF;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	cursor: pointer;

	}

				/* ***********************END CONTACT FORM***********************/