/*
Showcaser  Framework: Version: 1.0
Copyright (c) 2008 Mark Terpstra. All rights reserved.
*/

/*** variables **********/

	
	
	
	
	
	
	
	
	



/*** base **********/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; vertical-align: baseline; text-decoration:none; color: color; }
input, textarea { margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
a, img { border: none; outline: none; }
a { text-decoration: none;}
.gallery, #content .slide, #content .text, #content .notebook {margin: 0; padding:0;}

p, ul, ol 
	{
	margin: 0 0 15px 0;
	line-height: 130%;	
	}

a 
	{
	color: #8e754c;
	border-bottom: 1px solid #8e754c;		
	}

a:hover
	{
	color: #8e754c;
	border-bottom: 1px solid #8e754c;	
	}

a.imagelink
{ border:none;	text-decoration:none; }

a.imagelink:hover { border: none;	text-decoration:none; }		

/*** layout **********/

body 
	{
	font: 76% 'Lucida Grande',Verdana, Helvetica, Arial sans-serif;
	text-align:center;
	background:#2a1c06;
	color: #2a1c06;
	}

#container
	{
	width: 960px;
	margin: 20px auto 0 auto;
	text-align: left;
	background: #f3f3ed;			
	}

#credits
	{
	color: #f3f3ed;
	padding: 10px 0;
	font-size: 10px;
	text-transform: uppercase;
	}

#header
	{
	margin: 0 0 40px 0;
	min-height: 1px;
	}

#content
	{
	float: left;
	width: 580px;
	padding-bottom: 20px;
	margin-left: 40px;	
	}
	
#sidebar
	{
	float: right;
	width: 260px;
	margin-right: 40px;
	}	

#content-full
	{
	width: 880px;
	padding-bottom: 25px;
	margin: 0 40px;	
	}

/*** header **********/

#header h1
	{
	margin: 20px 0 0 0;
	color:#d6dcc4;
	font-family: 'Georgia',Times, serif;
	font-size: 18px;
	font-weight: normal;
	font-style:italic;
	text-align: right;
	}	

#header img.logo
	{
	float: left;
	border: none;
	margin: 0;
	background-color: inherit;
	}


/*** type **********/

h1
	{
	margin: 0 0 20px 0;
	font-family: 'Georgia',Times, serif;
	font-size: 40px;
	font-weight: normal;
	color: #2a1c06;
	}	

h1 a
	{
	border: none;
	}	

h1 a:hover
	{
	border-bottom: 1px solid #8e754c;
	}	
	
h2
	{
	font-size: 26px;	
	font-family: 'Lucida Grande',Verdana, Helvetica, Arial sans-serif;	
	margin: 20px 0;
	line-height:125%;
	font-weight: normal;
	}

h3
	{
	font-size: 14px;
	margin: 10px 0 5px 0;
	line-height:125%;
	font-weight: bold;	
	}

ul, ol
	{
	padding: 0 0 0 25px;
	line-height: 130%;
	}

li
	{
	padding: 0 0 3px 0;
	}	
	
	
/*** gallery view **********/

.gallery
	{
	padding: 0;
	margin: 0;
	clear: both;
	}

.gallery:after
	{
	clear: both;
	}
	
.gallery p
	{
	padding: 0 0 7px 0;
	margin: 0;
	}


.gallery .entrylist
	{
	padding: 25px 0 0 0;
	margin: 0;
	border-top: 1px solid #E9E9DD;
	clear: both;
	}

.gallery .entrylist img
	{
	margin: 0 25px 25px 0;
	float: left;
	}

.gallery h2
	{
	font-size: 18px;	
	font-family: 'Georgia',Times, serif;	
	margin: 0 0 10px 0;
	line-height:125%;
	font-weight: bold;
	}
		
.gallery .entryone
	{
	float: left;
	margin: 0 40px 40px 0;
	clear:both;
	padding:0;
	width: 270px;
	text-align: left;	
	}

.gallery .entrytwo
	{
	float: left;
	margin: 0 0 40px 0;
	padding: 0;
	width: 270px;	
	text-align: left;	
	}

.photo-credit
	{
	font-size: 90%;
	margin: 0;
	padding: 0;
	font-style:italic;
	}

/*** slide view **********/

.slide
	{
	padding: 25px 0 0 0;
	margin: 0 0 35px 0;
	clear: both;
	}	

.slide p, p.caption
	{
	padding: 12px 5px 10px 5px;
	margin-bottom: 0;	
	}
	
.toggle-blurb
	{
	padding: 12px 5px 10px 5px;
	background-color: #E9E9DD;	
	}

.slide .price 
	{font-weight: bold; margin: 0 10px;}
.slide .regular-price 
	{font-weight: bold; text-decoration: line-through;  margin: 0 10px;}	
.slide .sale-price 
	{font-weight: bold; color: #d08e21; margin-right: 20px;}
.slide .price-comment
	{font-style: italic; margin-right: 20px;}

.pagination
	{
	clear: left;
	margin: 25px 0;
	}	
	
.band
	{
	clear:both;
	padding: 10px;
	margin: 0 0 15px 0;	
	background-color: #E9E9DD;
	}
	
.color-band
	{
	padding: 10px;
	margin: 0 0 15px 0;	
	background-color: #8e754c;
	}

.form-band
	{
	padding: 25px;
	margin: 0 0 15px 0;	
	background-color: #E9E9DD;
	}
	

/*** form  **********/

#content form
{
}

label.form-field
	{
	display:block;
	font-weight:bold;
	margin-top: 10px;
	font-size: 110%;
	}

input.form-field, textarea.form-field
	{
	border: 1px solid #888888;
	color: #888888;
	font: 12px arial, san-serif;	
	margin-bottom: 5px;
	padding: 3px;
	}
		
input.form-field:focus, textarea.form-field:focus
	{
	border: 1px solid #d08e21;
	color: #d08e21;
	}

/*** sidebar **********/
	
#sidebar .sidebox
	{
	padding: 10px;
	border-top: 1px solid #E9E9DD;
	border-bottom: 1px solid #E9E9DD;
	margin: 25px 0 20px 0;
	}

/*** accordion menu  ***/

#sidebar dl.accordion-menu 
	{ 
	margin: 10px 0; 
	}

#sidebar dt 
	{ 
	padding: 7px 10px;
	border-top: 1px solid #f3f3ed;	
	background-color: #d2cabc;
	}
	
#sidebar dt a
	{
	border: none;
	text-decoration: none;
	}
	
#sidebar dt a:hover
	{	
	border-bottom: 1px solid #8e754c;
	color: #8e754c;
	background: none;
	}		
	
#sidebar dd 
	{ 
	padding: 20px 10px 20px 10px;
	margin: 0;
	background-color: #E9E9DD;
	}

#sidebar dd p
	{ 
	margin: 0 0 10px 0;
	}

#sidebar dd:focus
	{border:none;}

/*** sidebar form ***/

input.sidebar-field, textarea.sidebar-field
	{
	border: 1px solid #888888;
	color: #888888;
	width: 200px;
	font: 12px arial, san-serif;	
	margin-bottom: 5px;
	padding: 3px;
	}
		
input.sidebar-field:focus, textarea.sidebar-field:focus
	{
	border: 1px solid #d08e21;
	color: #d08e21;
	}

input.submit-button
	{
	background-color: #d08e21;
	color: #f3f3ed;
	border: none;
	padding: 3px;
	}

input.submit-button:hover
	{
	background-color: #8e754c;
	}
		
.label 
	{ 
	position: relative; 
	float: left; 
	margin-right: 3px; 
	clear: left; }

label.over 
	{ 
	color: #888888; 
	position: absolute; 
	top: 5px; left: 5px;
	}	


/*** footer **********/

#footer
	{
	clear: both;
	background: #E9E9DD;
	padding: 20px 40px 30px 40px;
	}
	
#footer p
	{
	padding: 0;
	margin: 0;
	}

/*** misc classes **********/

.clear {clear: both;}
.hide {display: none; }
.highlighted {background: #ffc;}
.color-text {color: #d08e21;}
.bigger {font-size: 120%;}
a.color-link
	{
	color: #d08e21;
	font-weight: bold;		
	}
.float-left {float:left;}
.float-right {float:right;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.uppercase {text-transform: uppercase;}
.centered {text-align: center;}
.strike {text-decoration:line-through;}
.borderless {border:none;}

.addthis
	{
	margin: 13px 0 0 0;
	border: none;
	clear:both;
	}	
	
.addthis img, .addthis a, .addthis a:hover {border:0;text-decoration:none;}	

.drop-down
	{
	border: 1px solid #E9E9DD;
	padding: 1px;
	margin: 18px 0 3px 0;
	width: 260px;
	color: #8e754c;
	font-size: 110%;
	}	
	
a.button
	{
	padding: 3px;
	background-color: #2a1c06;
	border: none;
	}

a.button:hover
	{
	padding: 3px;
	background: #8e754c;
	}
 
a.color-button
	{
	padding: 3px;
	background-color: #d08e21;
	color: #f3f3ed;
	border: none;
	}

a.color-button:hover
	{
	background-color: #8e754c;
	} 
	
a.edit-button
	{
	margin: 0 10px;
	font-family: Arial;
	font-size: 12px;
	padding: 1px 3px;
	background-color: #E9E9DD;
	border: none;
	text-transform: uppercase;
	}

a.edit-button:hover
	{
	padding: 1px 3px;
	background: #8e754c;
	border: 1px solid #8e754c;
	text-decoration: none;
	}	

/* Highslide
----------------------------- */

.highslide {
	cursor: url(/assets/scripts/highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	border: 0px solid gray;
}
.highslide:hover img {
	border: 0px solid white;
}
.highslide-wrapper {
	background: white;
}
.highslide-image {
	border: 10px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 5px solid white;
    border-top: none;
    padding: 5px 5px 15px 5px;
    background-color: white;
}

.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(/assets/scripts/highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: white;
    text-decoration: none;
	font-size: 5px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
}

a.highslide-full-expand {
	background: url(/assets/scripts/highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}

/* These must always be last */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}


/*** div slider ***/

#slider 
{
    width: 580px;
    margin: 0 auto;
    position: relative;
}

.scroll 
{
    width: 580px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}

.scrollContainer div.panel 
{
    padding: 20px 0;
    width: 580px;
}

ul.navigation 
{
    list-style: none;
    margin: 5px 0 0 0;
    padding: 10px;
    background: #E9E9DD;
}
 
ul.navigation li 
{
    display: inline;
    margin: 0 10px 0 0;
}

ul.navigation a.selected 
{
    border:none; outline:none;
    font-weight:bold;
}
 
ul.navigation a:focus 
{
    border-bottom: 1px solid {lightgreen};
}

ul.navigation li.thumb
{
    display: inline;
    margin: 0;
}

ul.navigation li.thumb a 
{border: none; text-decoration:none;}

ul.navigation li.thumb a img 
{
    margin: 0;
    border: 3px solid #E9E9DD;
}

ul.navigation li.thumb a.selected
{
    border:none; outline:none;
}

ul.navigation li.thumb a.selected img
{
    border: 3px solid #8e754c;
}

ul.navigation li.thumb a:focus
{
    border:none; outline:none;
}

ul.navigation li.thumb a:focus img 
{
    border: 3px solid #d08e21;
}

.scrollButtons {
	position: absolute;
	top: 433px;
	cursor: pointer;
}

.scrollButtons.left {
    left: -25px;
    border: none;
    padding: 0;
}

.scrollButtons.right {
    right: -25px;
    border: none;
    padding: 0;
}

.hide 
{
    display: none;
}