/* --------- /stylesheets/stylesheet.css --------- */ 
/*
pacific home StyleSheet
Copyright (c) 2007, logicspin. All rights reserved.

http://logicspin.com
version: 1.0
*
*
*
	TEMPLATES:
	
	
	COLOR PALETTE:

		turquoise: 009999
		khaki green: 999966
	
		green: 336633
		purple: 663366
		blue: 66cccc
		pukeGreen: 666633
	
		grey: 666666
	
		orange: ff6633
		yellow: ffc386
	
	FONT PALETTE:
	
		lightGrey: 979797
		grey: 8b8b8b
		darkGrey: 666666

		darkRed: 330000
	
*/

/*---- Global Page Elements ----*/

html,body{
  text-align:left;
  font-family: arial, helvetica, sans-serif;
  color:#555;
  background: #333333;
}
img { border: 0px; }
hr{
	clear:both;
	border:0px;
	border-top: 1px solid #66cccc;
}
p{
	padding:5px 0px 5px 0px;
}
a:link, a:visited	{ 
  text-decoration: none; color:#669999; outline: none; 
}
a:hover{
/*font-weight:bold;*/
text-decoration:underline;
}
strong{
font-weight:bold;
}
/*---- Headings ----*/
h1{
  font-size: 200%;
  color: #66cccc;
}
h2{
  padding:5px 5px 5px 0;
  font-size: 150%;
  color: #ff6633;
  margin: 0;
} 
h3{
  font-size: 130%;
  color: #336633;
  margin-top: 10px;
}
h4{
padding:5px;
font-weight:bold;
font-size:90%;
color:#333;
}
h5{}
h6{}

/*---- YUI Elements ----*/
#doc_cust {
margin:auto;text-align:left;
width:56.15em;
*width:54.80em;
min-width:730px;
}
#wrapper{
	width:100%;
	padding-bottom: 50px;
}
#wrap_bd{
	background:#FFF;
	padding:20px;
}
#hd{
padding-top:24px;
height:71px;
}
#bd{
}
#ft{
	font-size:80%;
	color:#FFF;
}
#yui-t1{}
#yui-t2{}
#yui-t3{}
#yui-t4{}
#yui-t5{}
#yui-t6{}
#yui-t7{}
#yui-main{
}
.yui-g{}
.yui-gb{}
.yui-gc{}
.yui-gd{}
.yui-ge{}
.yui-gf{}
.yui-u{}
.yui-c{}
.yui-b{
position:static;
}

/*---- Navigation ----*/


ul.navigation{
/*  width:145px;*/
  margin-left: 0;
	list-style: none;
}
#storenav {
/*  min-height:300px;*/
/*  position:relative;*/
margin-bottom: 10px;
	}	
#storenav li {
	display:block;
	width:105%;
	color:#ff6633;
	padding: 1px 0px;
	}

#storenav .subnav { left:5px; }

#storenav .current-page, #storenav .current-page a { color:#ff6633; }
#storenav .current-page:after { color:#66cccc; content: " \2192"; }
#storenav .has-current-page, #storenav .subnav .has-current-page, #storenav .subnav .has-current-page a { color:#ff6633; }
#storenav .has-current-page:after { color:#66cccc; content: " \2192"; }

#sitenav .current-page { color:#ff6633; }
#sitenav .current-page:after  { color:#66cccc; content: " \2192"; }

/* arrows
http://htmlhelp.com/reference/html40/entities/symbols.html
Character  	Entity  	Decimal  	Hex
rightwards arrow  	→  	→  	→
http://archivist.incutio.com/viewlist/css-discuss/60074
use hex:  \2192
*/

#storenav li a {
	color: #666; 
	text-decoration: none;
}
#storenav a:hover {
	text-decoration: underline;
}

#sitenav {
	position:relative;
	list-style: none;
	margin:10px 0px;
	}
#sitenav li {
	display:block;
	width:100%;
	color:#ff6633;
	padding: 1px 0px;
	}
#sitenav li a {
	color: #666; 
	text-decoration: none;
	}
#sitenav a:hover {
	text-decoration: underline;
}
  
	#subnav2 {
		position:relative;
		left:10px;
		clear:both;
		list-style: none;
		}
		
	#subnav ul {
	  margin-left: 5px;
  	list-style: none;
	}
  ul.subnav{
    margin-left: 10px;
  	list-style: none;
  }
		
#sitenav .subnav li {
  width:100%;
  padding: 1px 10px;
  background:url(/images/plus.gif) no-repeat center left;
}
	.subnav li a {
		color: #666; 
		text-decoration: none;
		}
	.subnav a:hover {
  	text-decoration: underline;
		}

#storenav .subnav li {
		width:100%;
		padding: 3px 10px;
		background:url(/images/star.gif) no-repeat center left;
}


#signup {
  margin-top:10px;
}
		
#crumbs{
  font-size:85%;
/*width:100%;
float:left;*/
padding-bottom:0px;
}
#crumbs ul{
padding-top:2px;
height:20px;
margin-left: 0;
list-style: none;
}
#crumbs li{
	display:block;
float:left;
/*padding-left:1em;*/
/*background: url(/images/carret.gif) no-repeat 95% center;
*/}
#crumbs li.current{
/*background:url() no-repeat;*/
}
#crumbs a{
  color: #666; 
	text-decoration: none;
}
#crumbs a:hover{
  text-decoration: underline;
}

/*---- Search ----*/
#search {
  margin-top: 50px;
  margin-bottom: 10px;
  font-family: arial, helvetica, sans-serif;  
  color: #666;
}
#search input {
  color: #666;
}

/*---- Misc ----*/

#main_links li{
position:relative;
float:right;
top:-12px;
background:#cacc2c;
line-height:26px;
color:#FFF;
padding: 0px 5px;
list-style: none;
}

.fineprint{
line-height:15px;
font-size:80%;
padding-bottom:5px;
}
.current{
color:#66cccc;
}

/*---- Category & Vendor Product Pages ----*/
.prod-row {
clear:both;
width: 100%;
margin: 0 0 20px 0;
padding: 0;
float: left;
display: inline;
}
.prod-item {
text-align:center;
width: 150px;
height: 170px;
margin: 10px 0 10px 0;
padding: 2px;
float: left;
display: inline;
border-right: 1px solid #ffc386; 
}
.prod-item p {
margin: 0;
padding: 0;
}
.prod-image {
margin: 5px;
}
.prod-details {
font-size: 85%;
text-align: center;
padding:5px;
}
.prod-details a {
  color: #555;
}
.prod-details .sale {
    color:red;
}

#vendor-intro {
  padding-top:10px;
  font-size:85%
}
#vendor-intro-logo {
   float:left;
   padding:10px;
}
#vendor-intro-description {
  float:right;
  width:485px;
  border-left:1px solid #66cccc;
  padding:10px;
}

/* Collection Pages */
#collectionpage h1 {
}

.collection{
  margin-top: 20px;
}

.description h3 {
padding:0px;
margin:0px;
	}

#pagination {
	float:right;
	font-size: 85%;
  padding:0px;
  margin:0px;
	}
#pagination a {
	text-decoration: none;
	color: #666;
	}
#pagination a:hover {
	text-decoration: underline;
	color: #000;
	}
#pagination .current{
color:#ff6633;
}

/*--------- Home Page ---------*/

#logo{
  float:left;
  width: 280px;
  height: 60px;
  background: url(/images/ph_logo_web.gif) no-repeat;
  display: block;
}
#logo img{
    display: none
}

#studio_logo{
  float:right;
  margin-top: 5px;
  margin-right: -5px;
  width: 260px;
  height: 60px;
  background: url(/images/studio_logo_web.gif) no-repeat;
}
#studio_logo img{
    display: none
}

/*
#home_content {
}
#home_main {
  width: 510px;
  float: left;
}
#home_sidebar {
  float:right;
  width: 210px;
}
#home_vendor_logos {
}
.home_vendor_logo {
  padding-bottom: 10px;
}
*/
/* Hides from IE-Mac \*/
* html #home_content {
  height: 1%;
}
/* End hides from IE-Mac \*/

/*--------- Vendor Page ---------*/

.vendor_logos_container {
    width: 40%;
    float: left;
}
.vendor_logo {
    margin: 20px;
}

/*--------- Product Pages ---------*/
#productpage {
  margin-top:10px;
}
#productpage hr{
border-top: 1px solid #ffc386;
}
#productimages {
  padding-right: 5px;
  padding-bottom: 15px;
  border-right: 1px solid #ffc386;
}
#productimages-top{
text-align: center;
padding-bottom: 10px;
}
#productimages-bottom{
  padding-bottom: 10px;
  width: 100%;
  text-align: center;
}
a.productimage {
	text-align: center;
	}
a.productimage-small {
	width: 90px;
	margin: 5px 0px 5px 10px;
	padding: 10px 0;
	text-align: center;
	float: left;
	}
a.productimage:hover, a.productimage-small:hover {
	}
	
#productdetails {
  font-size:85%;
}
#productdetails h2 {
  color: #330000;
}
#productdetails .vendor{
  padding: 5px 0px 5px 0px;
}
#productdetails a {
  color:#555;
}

.description {
}

#green_product{
  font-size:135%;
  padding: 0 0 5px 5px;  
  color: green;
}

p.print a{
line-height:15px;
/*font-size:85%;*/
padding-bottom:2px;
padding-left:15px;
background:url(/images/page.gif) no-repeat center left;
color: #666666;
}
	
.product_item {
  padding: 0px;
  font-size: 85%;
/*  margin-bottom: 10px;*/
  margin-top:0px;
	border-bottom: 1px solid #ddd;
}
#productpage h4 {
  margin-top: 10px;
  font-size:110%;
/*  border-bottom: 1px solid #ddd;*/
}

#product_items h4 {
  border-bottom: 1px solid #ddd;
}
	
ul.hlist {
	list-style: none;
	margin: 0;
	padding: 0;
	}
.hlist li {
	display: inline;
	}
ul#details {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
ul#details li {
	margin-right: 5px;
	font-style: italic;
	}
#productcontrols { border-top: 1px solid #ffc386;  padding: 0px; margin: 10px 0; }
ul#variants { list-style: none; margin: 5px; padding: 0; }
ul#variants li { display: inline; font-size:85%;}
ul#variants li input, ul#variants li label { vertical-align: middle; }

/*--------- MISC Styles ---------*/

th {
  background-color: #ddd;
}

.even {
  background-color: #eee;
}

.clear {
  clear:both;
}

.fl { float: left; }
.fr { float: right; }
.hide { display: none;}

.product_image {
  list-style-type: none;
  text-align: center;
  font-size: 80%;
  float: left;
  padding: 10px;
  margin:  10px;
  background-color:  #eee;
  border: 1px #ffc386;
}

.input_width {
    width: 200px;
}

.option_type {
  padding: 10px;
  margin:  10px;
/*  background-color:  #eee;*/
  border: 1px solid #ccc;
}



fieldset {
	border: 1px solid #ddd;
	margin: 1em 0;
	padding: 10px;
/*  font-size: 90%;*/
} * html fieldset { padding-top: 0; }

legend {
	font-size: 135%;
	color: #195c90;
	padding: 0em 0.5em; /* Top and Bottom for IE7 */
} * html legend { margin-bottom: 5px; padding: 0 0.5em; }


.item_table {
  width:100%; 
}
.item_table th{
  padding: 5px;
}
.item_table tr{
  padding: 10px;
}
.item_table td{
  padding-top: 10px;
}

/*---- Article/News Styles ----*/

/*.news_index h2 {
  color: #ff6633;
}*/
.article-list-item {
  padding: 5px 0 5px 0;
}
.article-list-item p {
 margin:  0px;
 padding: 0px;
}
.article-list-item img {
  padding: 0 10px 5px 0;
  float: left
}

.printonly {
  display:none;
  clear: both;
  padding-top: 20px;
	text-align: center;  
}

#press_release p {
  margin: 0;
  padding-left: 0;
}
.news_title {
  font-size: 110%;
  font-weight:bold;
  color: #66cccc	  
}
.news_date {
  font-size: 90%;
  font-weight:bold;
  color: #666	  
}
.more_link {
  font-size:90%;
  color: #666	  
}
#event h4{
  margin: 0;
  padding: 10px 0 0 0;
  color: #66cccc;
}
#event p{
  margin: 0 0 10px 0;
  padding: 0px;
}
#event_image {
  float: left;
  margin: 0px 10px 5px 0;
}

#flash {
  margin-top:12px;
  border:1px solid #CCCCCC;
  font-size:95%px;
  margin-bottom:12px;
  padding:5px 5px 5px 30px;
  text-align:left;
}
.notice {
  background: #E2F9E3 url(/images/alertgood_icon.gif) no-repeat scroll left center;
  border-color: #99CC99;
  color: #006600;
}
.error {
  background: #CC0000 url(/images/alertbad_icon.gif) no-repeat scroll left center;
  border-color: #CC9999;
  color: #FFFFFF;  
}
.alert {
  background: #CC0000 url(/images/exclamation.png) no-repeat scroll left center;
  border-color: #CC9999;
  color: #FFFFFF;  
}
.in_the_news_cover {
  float: left;
  padding: 5px;
} 


/* ADMIN STUFF */
#admin-bar {
  background-color: #aaa;
  font-size:85%;
  padding: 2px 5px 2px 5px;
  color: #333;
}
#admin-bar a {
  color: #333;
}
.admin-block {
  border: 1px dashed #ccf;
}
.admin-block-functions {
  background-color: #ccf;
  font-size:90%;
}
.admin-block-global {
  border: 1px dashed orange;
}
.admin-block-global-functions {
  background-color: orange;
  font-size:90%;
}
.hint {
	color: #777;
	font-size: 90%;
	font-style: italic;
	font-weight: normal;
}

/* YUI Customizations */
ul, ol {margin-left: 2em; }
ul li {list-style:disc; }
ol li {list-style:decimal;}
strong { font-weight: bold; }
em { font-style: italic; }


/* http://positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.al { text-align: left; }
.ac { text-align: center; }
.ar { text-align: right; }


/* Form Error Handling */
.fieldWithErrors {
  padding: 1px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 1px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-top: 10px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-top: 5px;
  padding: 5px;
}

#errorExplanation ul li {
  list-style: square;
}

/* cart/order styles */
.order_row {
/*  font-size:85%;*/
  padding-top:0;
  border-bottom:1px solid #DDDDDD;
}
.total_row {
  font-size:110%;
}

#cart-table { width: 100%; font-size: 85%; }
#cart-table th { background-color:#fff; border-bottom:1px solid #FFC386; padding-top:10px;}
#cart-table td { padding-top: 5px;}

.requiredField {
  color:#339900;  
	font-size: 85%;
	padding-left: 5px;
}

/* old studio css */
#studio_content {
/*  float: right;*/
  margin-left:50px;
  width: 555px;
  background-color: #FFF;
  padding-left: 5px;
}
#studio_detail {
  width: 80%;
  padding-left: 30px;
  background-color: #FFF;
}
#studio_content #photos img {
	border: 1px solid #000;
	margin: 5px;
}

/* Updated footer content */

#ft-container {
/*  background: #EEEEEE;*/
/*  color: #666;*/
  padding: 10px;
  font-size: 110%;
}
#ft h2 {
/*  color: #666;*/
  color: #FFF;
  font-size: 105%;
}
#ft img {
  margin-top: 5px;
}
#ft-about {
  float:left;
  width:63%;
}
.social {
  float: left;
  width: 30%;
}
#ft-addr {
  float:right;
  text-align:left;
}/* --------- /stylesheets/lightbox.css --------- */ 
/* lightbox settings */
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#imageContainer{
	padding: 10px;
}
#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
  width: 49%;
  height: 100%;
  background: transparent url(/images/blank.gif) no-repeat; /* Trick IE into showing hover */
  display: block;
}
/*#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }
make prev/next links always display
http://www.huddletogether.com/forum/comments.php?DiscussionID=36
*/
#prevLink { left: 0; float: left; background: url(/images/prevlabel.gif) left 100% no-repeat; }
#nextLink { right: 0; float: right; background: url(/images/nextlabel.gif) right 100% no-repeat; }

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #444;
}
	
/* end lightbox  */