/************************************
CSS by Casey Reid and Clear Fire Studios
http://www.clearfirestudios.com
************************************/
@import url("reset.css"); /* Mass reset */
@import url("menu.css"); /* Main Navigation Styles */

/************ 
Colors
Body Background: #7b9e98
Links: #00626d
Main Text: #333

************/

body{
	background: #7b9e98 url(/images/site/body_bg.gif) repeat-x;
	text-align:center;
	font-family: Georgia, "Times New Roman", Times, serif;
}

a{color: #00626d; text-decoration:none;}
	a:hover{color: #a27c2e; text-decoration: underline;}
p{font-family:Arial, Helvetica, sans-serif; line-height: 1.5em; font-size: 12px;}
ul{ list-style-type: none;}
strong{font-weight:bold;}
em{font-style: italic;}

.clear{clear: both;}
.imgLeft{margin: 0 10px 10px 0;}
.pushdown{margin-top: 165px;}
.spacer{clear:both; height: 140px;}

/*  */

#preview{
	position:absolute;
	background-color: #fff;
	display:none;
	color:#333;
}

.loading{
	background: url(/images/site/spinner.gif) no-repeat center center;
	min-height: 50px;
	min-width: 50px;
}
/*  */


/* Form Styles */
form{
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
}
form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left;
	width: 100px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}
form input, form textarea, form select {
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 10px 0 10px; /* set margin on left of form elements rather than right of label aligns textarea better in IE */
}
textarea { overflow: auto; }

#track-btn{
	margin-top: 5px;
}

/*Global Classes */
.clear{clear:both;}


#wrapper{
	background:url(/images/site/content_bg.gif) repeat-y;
	margin: 0 auto;
	margin-top: 12px;
	text-align:left;
	width: 814px;
}
	#wrapper-top{
		background: url(/images/site/header_bg.gif) no-repeat;
	}
	
#header{
	margin: 0px 0 0 0;
}
	#header h1{
		float: left;
		padding: 30px 0 0 33px;
	}
	#header h1 a{
		background:url(/images/site/logo_2.gif) no-repeat;
		height:92px;
		display:block;
		overflow:hidden;
		text-indent:-9999px;
		width:337px;
	}
ul#top-nav{
	float: right;
	padding: 25px 25px 0 0;
}
 	ul#top-nav li{
		color: #00626d;
		float: left;
		font-size: 12px;
		font-weight: bold;
	}
	ul#top-nav li a{
		margin-left: 2px;
		text-decoration:underline;
	} 

#content{
	background:url(/images/site/footer_bg.gif) no-repeat bottom;
	padding: 0 0 25px 0;
}

#banner{
	margin: 0 0 0 20px;
}

#main-content{
	float:right;
	padding: 0 20px 0 0;
	width: 430px
}
.pages #main-content{
	float:left;
	min-height:375px; 
	height:auto !important;
	height:375px;
	padding: 0 20px 10px 35px;
	width: 740px;
}
	
	#main-content h2{
		color: #c0722f;
		font-size: 30px;
		font-style:italic;
		margin: 0 auto;
		padding: 30px 15px 30px 0;
	}
	#main-content h2.w{
		background: url(/images/site/w.gif) no-repeat 0 .7em;
		padding: 50px 15px 10px 60px;
		position: relative;
	}
		#main-content h2 strong{
			left: -9000px;
			position:absolute;
		}
	#main-content h3{
		color: #c0722f;
		font-size: 16px;
		padding: 5px 0 5px 0;
	}
	#main-content p{
		padding: 0 0 10px 0;
	}
	.pages #main-content ul{
		font-family:Arial, Helvetica, sans-serif;
		list-style-type:disc;
		margin: 0 0 10px 15px;
	}
		.pages #main-content ul li{
			font-size: 12px;
			line-height: 1.5em;
			list-style-type: disc;
		}
	

#sidebar{
	float: left;
	padding: 25px 0 0 35px;
	width: 295px;
}
	#sidebar h3{
		font-size: 16px;
		font-style: italic;
		font-weight: bold;
	}
	#sidebar p{
		margin: 0 0 40px 0;
	}
	#sidebar a img{
		border: #a66f1f 1px solid;
		float:left;
		margin: 0 10px 10px 0;
	}

	
#extra-links{
	border: 1px solid #eae7cb;
	background-color: #f5f4e7;
	float: right;
	margin: 0 0 10px 20px;
	padding: 5px;
	width: 200px;
}
	.pages #extra-links ul li{list-style-type: none;}
	
	
#footer{
	margin: 0 0 10px 0;
}
	#footer a:hover{
		color: #00626d;
	}
	
/*Contact Us Page ********************************/
#contact-form{
	float: left;
}
#contact-form form{
	width: 400px;
}
#contact-form form textarea {width: 250px;}
#map{
	float: right;
	margin-right: 20px;
	width: 300px;
}

/* Contact Thank you div styles*******************/
#thanks{
	border: #ff9900 solid 1px;
	width: 300px;
	margin: 10px 10px 10px 0;
}
#thanks p{
	padding: 5px;
}



/*Product Page Search Styles ****************************/
#products-search{
	border: 1px solid #eae7cb;
	background-color: #f5f4e7;
	margin: 0 0 20px 0;
	padding: 5px;
	width: 730px;
}
	#products-search form{
		float: left;
		margin: 0 5px 0 0;
	}
	#products-search input, #products-search select{
		float: left;
		margin: 0 4px;
	}
	#products-search span{
		float: left;
		margin: 0 10px 0 5px;
	}
	#products-search p{
		color: #c0722f;
		padding: 0 0 5px 4px;
	}

/*Product Page Content Styles ****************************/

.pages ul#products, .pages ul.products{
	clear:both;
	border-bottom: 1px solid #eae7cb;
	margin-left: 0px;
	padding-left: 15px;
}

.pages ul#products li, .pages ul.porducts li{
	list-style-type: none;
}
ul#products li, ul.products li{
	float: left;
	margin: 0;
	padding: 10px 0;
	position: relative;
	width: 340px;
}
ul#products li.first, ul.products li.first{
	margin-right: 30px;
}

ul#products li img, ul.products li img{
	float: left;
	position: relative;
	margin: 0 15px 0 0;
}
ul#products p, ul.products p{
	display: block;
	float: left;
	padding: 0px;
	position: relative;
}
	ul#products p span, ul.products p span{
		color: #c0722f;
	}
	
	.thumb{max-width: 300px;}


ul#products p span.pricelist{
	color: #00626D;
	cursor: pointer;
}
	ul#products p span.pricelist:hover{
		color:#A27C2E;
		text-decoration:underline;
	}
	
	
.pages #main-content ul.product-list li{
	border-bottom: 1px solid #eae7cb;
	list-style-type: none;
	float: left;
	height: 130px;
	margin: 0 0 10px 0;
	padding: 10px 15px 10px 0;;
	position: relative;
	width: 340px;
}
	ul.product-list li.first{margin-right: 30px;}
	
	ul.product-list li img{
		float: left;
		position: relative;
		margin: 0 15px 0 0;
	}
		ul.product-list li img.no-float{float: none;}
	ul.product-list p{
		display: block;
		float: left;
		padding: 0px;
		position: relative;
	}
		ul.product-list p span{color: #c0722f;}
	
	
.hidden{
	float: left;
	display: none;
	
}
	.pricelist-table{
		border:1px solid #EAE7CB;
		margin-top: 5px;
		width: 160px;
	}
		.pricelist-table tr.odd{
			background-color:#F5F4E7;
			border:1px solid #EAE7CB;
		}
	.pricelist-table td{
		padding: 3px;
	}
	.pricelist-table td.col1{
		padding-right: 40px;
	}

/*Product Item Content Styles ****************************/
#products-item{
	float: left;
	margin: 15px; 30px 30px 0;
	width: 500px;
}
	.pages #products-item ul{
		margin-left: 0px;
	}
	.pages #products-item ul li{
		list-style-type: none;
	}
	#products-item li img{
		float: left;
		margin: 0 15px 5px 0;
	}
	#products-item p{
		
	}
	#products-item p span{
		color: #c0722f;
	}
		ul#jewel{
			float: left;
			width: 120px;
		}
		#jewel li img{
			float: none;
			margin: 0;
		}
		#jewel li{
			float: left;
			margin: 0 5px 5px 0;
			padding: 0;
		}	

/* Product Color Choices *****************************/
#products-related-bronze{
	float: left;
	margin: 15px 0 0 0;
	width: 740px;
}
	#products-related-bronze span{font-size: 12px; font-style: italic;}
	.pages #products-related-bronze ul{
		margin-left: 0px;
	}
	.pages #products-related-bronze ul li{
		float: left;
		list-style-type: none;
		margin: 0 15px 5px 0;
		text-align: center;
		width: 120px;
	}
	#products-related-bronze ul li img{
		float:none;
		margin: 0 5px 5px 0;
	}




/* Related Products **********************************/
#products-related{
	float: left;
	width: 200px;
}
	.pages #products-related ul{
		margin-left: 0px;
	}
	.pages #products-related ul li{
		float: left;
		list-style-type: none;
		margin: 0 0 5px 0;
		width: 200px;
	}
	#products-related ul li img{
		float: left;
		margin: 0 5px 5px 0;
	}
	

/*Balboa Choices *************************************/
.pages #main-content ul.balboa-choices {
	list-style-type: none;
	float: left;
}
	.pages #main-content ul.balboa-choices li{
		float:left;
		list-style-type: none;
		margin: 20px 15px 0 15px;
		text-align: center;
		width: 105px;
	}

/*Balboa Ceramic Choices *************************************/
.pages #main-content ul.balboa-ceramic {
	list-style-type: none;
	float: left;
}
	.pages #main-content ul.balboa-ceramic li{
		float:left;
		list-style-type: none;
		margin: 0 5px 0 5px;
		text-align: center;
		width: 80px;
	}
		.pages #main-content ul.balboa-ceramic li img{height: 80px; width: 80px;}



/* Gallery Styles *****************************************/

#gallery .breadcrumb {
 margin:            15px 0 15px 6px;
 font-size:         11px;
 background-color:  transparent;
}

#gallery .paginate {
 margin:            10px 0 10px 6px;
 font-size:         12px;
}

#gallery .border {
 border: 1px solid #eae7cb;
}

#gallery .paddedborder {
	padding: 20px;
}

#gallery .thumbs {
	text-align:	center;
	padding:	15px 3px 8px 3px;
	border: 1px solid #eae7cb;
}

#gallery .title {
 margin:            3px 0 5px 0;
 font-size:         12px;
 font-weight: 		bold;
 color:             #000;
}

#gallery .caption {
 margin:  			12px 0 4px 0;
 background-color:	transparent;
 font-size:         11px;
 color: #000;
}

#gallery li {
	margin: 0 0 15px 0;
	font-size: 11px;
	color: #333;
	background-color: transparent;
	text-align: left;
	padding-bottom: 5px;
	border-bottom: 1px dashed #ccc;
}

#gallery .stats {
 margin:            4px 0 4px 0;
 font-size:         10px;
 font-weight: 		normal;
 color:             #fff;
}

#gallery .imageBG {
 text-align: center;  
}

#gallery .categories {
 padding:           5px 10px 5px 12px;
 background-color:  #E9E9F2;  
}

#gallery .tableBorder {
	border: 1px solid #eae7cb;
}

#gallery th {
	font-size:         12px;
	color: #c0722f;
	font-weight:		bold;
	text-align:			left;
	padding:           5px 4px 5px 12px;
	border: 1px solid #eae7cb;
	background-color: #f5f4e7; 
}

#gallery td {
 font-size:         11px;
 color:             #000;
}