/****************************************
    Website Coded by Gelo Factory LLC
           All Rights Reserved
           (c)  Copyright 2007
         http://gelofactory.com/
****************************************/

@import url(global.css);
@import url(navbar.css);

/* GENERAL */

h2, h3 {
	font-size: 1.1em;
	text-transform: uppercase;
}

#col_right h2 {
	margin: 4px 0 8px 0;
	letter-spacing: .1em;
}

/* GALLERY */
.b_gallery h2 {
	margin: 0 30px 0 0;
	padding: 10px 0 10px 0;
	font-size: 2em;
	text-align: center;
	letter-spacing: .1em;
}

.b_gallery h2 span {
	display: block;
	padding: 14px 0 10px 0;
	font: .8em Times, serif;
	text-align: center;
	text-transform: none;
	letter-spacing: .1em;
}

.b_gallery #main p {
	padding: 10px 30px 10px 0;
}

.b_gallery #col_left #hats li {
	width:55px;
	margin:0px 3px 10px 0px;	
}
#hats .right{
	float:right;
}
img.full {
	padding-right: 40px;
	display: block;
	float: left;
}

img.thumb {
	margin: 10px 30px 10px 18px;
	padding: 14px 30px;
	border-top: 1px solid #78756f;
	border-bottom: 1px solid #78756f;
}

 
#col_left ul {
	list-style-type: none;
	text-align: center;
	
}

#col_left li {
	padding: 4px 0 5px 0;
}

#col_left ul .sub_col_left {
    padding-left:15px;
}
	
.b_gallery #galleries,.b_gallery #hats {
	padding: 14px 0px 0px 10px;
}

#galleries li {
    font-size:1.1em;
    padding:4px 0;
}
#galleries .subcategories {
    font-size:0.9em;
    padding:3px 0;
}
#galleries .subsubcategories {
    font-size:0.8em;
    padding:3px 0;
}

#galleriesOuter {
	width: 100%;
	height: 100px;
	border-bottom: 1px solid #78756f;
}
#galleriesHolder {
	position: relative;
	overflow: hidden;
	width: 171px;
	height: 100px;
	z-index: 100;
	float: left;
}
#galleriesContainer {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 171px;
	height: 100px;
	clip: rect(0px, 171px, 106px, 0px);
	overflow: hidden;
	z-index: 1;
}

#galleriesScrollDiv {
	position: absolute;
/*	visibility: hidden;*/
	left: 0px;
	top: 0px;
	width: 171px;
	z-index: 1;
	
}

#galleriesScrollBar {
	position: relative;
	width: 11px;
	height: 100px;
	float: right;
}
#galleriesTrack {
	height: 80px;
}

#hatsOuter {
	width: 100%;
	height: 259px;
}
#hatsHolder {
	position: relative;
	overflow: hidden;
	width: 171px;
	height: 259px;
	z-index: 100;
	float: left;
}
#hatsContainer {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 171px;
	height: 259px;
	clip: rect(0px, 171px, 253px, 0px);
	overflow: hidden;
	z-index: 1;
	
}
#hatsScrollDiv {
	position: absolute;
/*	visibility: hidden;*/
	left: 0px;
	top: 0px;
	width: 171px;
	z-index: 1;
}

.b_gallery #hatsOuter #hatsHolder #hatsContainer #hatsScrollDiv #hats li{
	margin-right:20px;
}
#hats .galleryclear{
	float:left;
	clear:left;	
}
#hats .galleryright{
	float:left;
}
#hatsScrollBar {
	position: relative;
	width: 11px;
	height: 259px;
	float: right;
}
#hatsTrack {
	height: 239px;
}

/* related */

#related li {
    list-style-type:none;
    margin:0 16px 0;
    text-align:center;
    width:75px;
}

#related .right{
	float:right;
}

.b_store #related .storeclear{
	float:left;
	clear:left;	
}
.b_store #related .storeright{
	float:left;
}

#relatedOuter {
	width: 100%;
	height: 255px;
	border-bottom: 1px solid #78756f;
}
#relatedHolder {
	position: relative;
	overflow: hidden;
	width: 220px;
	height: 250px;
	z-index: 100;
	float: left;
}
#relatedContainer {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 220px;
	height: 250px; 
	clip: rect(0px, 210px, 250px, 0px);
	overflow: hidden;
	z-index: 1;
}
#relatedScrollDiv {
	position: absolute;
/*	visibility: hidden;*/
	left: 0px;
	top: 0px;
	width: 220px;
	z-index: 1;
	
}

#relatedScrollBar {
	position: relative;
	width: 11px;
	height: 250px;
	float: right;  
}
#relatedTrack {
	height: 230px;
}

.scrollbar {
	position: relative;
	left: 0;
	top: 0;
	width: 11px;
	font-size: 1px;
	z-index: 1;
}
.track {
	position: absolute;
	left: 0;
	top: 10px;
	width: 11px;
	background: url("../_img/scrollbar_track.gif") repeat-y;
	z-index: 1;
}
.dragger {
	position: absolute;
	left: 0;
	top: 0;
	width: 11px;
	height: 14px;
	background: url("../_img/scrollbar_dragger.gif") no-repeat;
	z-index: 1;
}

/* LOCATIONS */

.b_locations h3 {
	text-transform: none;
	padding: 20px 0 4px 0;
}

.multicolumn {
	float: left;
	width: 200px;
	margin: 0 12px;
	text-align: justify;
}

/* CONTACT */

.b_contact #main {
	text-align: center;
}

.b_contact #main #content {
	height: 375px;
	margin-left: 260px;
	border-left: 1px solid #78756f;
}

.b_contact #main #content #address {
	height: 340px;
	margin-bottom: 10px;
	text-align: center;
	overflow: hidden;
}

.b_contact #main #content #mailingList {
	height: 25px;
	text-align: center;
	font-weight: bold;
}

.b_contact #main #content #mailingList input {
	background-color: #eeedec;
	text-align: center;

}

/* BIO */

.b_bio #main {
}

.b_bio #bio {
	height: 325px;
	padding: 25px 0 25px 0;
	margin-left: 260px;
	border-left: 1px solid #78756f;
}

.b_bio #bio h2 {
	font-weight: bold;
	margin: 0 30px 20px 30px;
}

.b_bio #bio p {
	margin: 0 30px 0 30px;
}

/* STORE (TEMP) */

.b_store #mainTemp {
	text-align: center;
}
.b_store #col_left #hats li {
	width:82px;
	margin:0px 3px 0px 0px;	
}

.b_store #comingsoon {
	height: 325px;
	padding: 25px 0 25px 0;
	margin-left: 260px;
	border-left: 1px solid #78756f;
}

.b_store #comingsoon h2 {
	font-weight: bold;
	margin: 30px 30px 0 30px;
}
.b_store #hats .storeclear{
	float:left;
	clear:left;	
}
.b_store #hats .storeright{
	float:left;
}
.b_store #comingsoon h2 {
	font-weight: bold;
	margin: 30px 30px 0 30px;
}

.title {
	border-bottom: 1px solid #78756f;
}

.title h2 {
	float: left;
	margin: 0;
	padding-bottom: 10px;
}

.title p {
	text-align: right;
}

.title img {
	padding-left: 6px;
}

.b_store #main #main_footer {
	border-top: 1px solid #78756f;
	margin-top: 25px;
	padding-top: 4px;
	font-size: 0.9em;
	text-align: center;
}

.b_store #main #main_footer a {
	color: #777;
}

.cartContentsTitle {
	border-bottom: 1px solid #78756f;
}

.cartContentsTitle p {
	text-align: center;
	text-transform: uppercase;
}

#list_price {
    text-decoration: line-through;
}

/* STORE */

TABLE.productForm {
	border: none;
	width: 100%;
	margin-top: 25px;
}

TABLE.productForm TD {
	padding: 0 0 14px 0;
}

TABLE.productForm TD SELECT {
	min-width: 80px;
}

TABLE.productForm TD.leftCol {
	padding-right: 10px;
	text-align: right;
	width: 50%;
}

TABLE.productForm TD.rightCol {
	padding-left: 10px;
	width: 50%;
}

TABLE.productForm TD.centered {
	text-align: center;
	width: 100%;
}

TABLE.productForm TD.relatedItems {
	border-top: 1px solid #78756f;
	text-align: center;
	padding: 14px 0;
	width: 100%;
}

TABLE.productForm TD.relatedItems #related_items {
	padding: 14px 0;
	border-bottom: none;
	width: 238px;
}

TABLE.productForm TD.relatedItems #related_items .product {
	display: inline;
	float: left;
	clear: none;
	width: 112px;
	margin: 9px 3px 9px 3px;
}

TABLE#editOptions {
	border: none;
	width: 100%;
}

TABLE#editOptions TD {
	padding: 0 8px 14px 0;
	font-size: 0.7em;
}

TABLE#editOptions TD h1 {
	text-transform: uppercase;
	font-size: 1.1em;
}

TABLE#editOptions TD a {
	font-size: 1.0em;
}

TABLE#editOptions TD.Bottom {
	border-bottom: 1px solid #78756f;
}

.ProductTitle {
	color: #78756f;
        font-weight: bold;
        font-size: 12px;
}

A .FormButton {
	color: #78756f;
        font-weight: bold;
}

/* NEWS */
.newsEntry {
	margin-bottom: 30px;
}

.b_news #col_left h2 {
    margin-bottom:15px;
    margin-top:5px;
} 

.b_news #col_right h2 {
	margin-top: 8px;
}

.b_news #col_right h2#last {
	padding-bottom: 12px;
	margin-bottom: 12px;
	border-bottom: 1px solid #78756f;
}

.b_news #col_right a.url {
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	color: #78756f;
	display: block;
}

.b_news #col_right a.url:hover {
	color: #333;
}

.b_gallery #main {
	margin-top: -1px;
	border: 1px solid #eee;
	margin-bottom: 2px;
}

.b_gallery #main img { /* dirty hack... */
	float:left;
}

/* SLIDESHOW */

.b_slideshow #main {
	border-bottom: 1px solid #78756f;
	margin-bottom: 19px;
}

/* MISC */

.clear {
	clear: both;
}

.selected {
	font-weight: bold;
	color: #4C4A46;
}

.basicHidden {
	display: none;
}

/* PRESS */

.press h3 {
	font-size:12pt;
	font-weight:bold;
	margin-bottom:20px;
}

.press .date {
	font-size:10pt;
	font-weight:normal;
	margin-bottom:20px;
}

.press .desc {
	font-size:10pt;
	margin-bottom:40px;
	width:577px;
}

.b_press #press {
	padding: 15px 0 25px 0;
	margin-left: 10px;
	border: 1px solid #78756f;
	overflow: auto;
	height:377px;
		
}

.b_press #press h2 {
	font-weight: bold;
	margin: 0 30px 20px 30px;
}

.b_press #press a {
	font-weight: bold;
	margin: 0 30px 20px 30px;
}

.b_press #press p {
	margin: 0 30px 0 30px;
}

.b_press #press img{
	padding-left: 30px;
	display: block;	
	margin-bottom:10px;
}

.b_press ul li{
	margin-bottom:10px;
	list-style:none;
	
}

.b_press #hats {
	padding: 14px 0 0px 15px;
	
}

.b_press #hatsHolder {
	position: relative;
	overflow: visible;
	width: 191px;
	height: 360px;
	z-index: 100;
	float: left;
	clear: none;
	border:0px solid #78756F;
	padding:0px 10px 0px 10px;
}

.b_press #hatsContainer {
	clip:rect(0px, 171px, 360px, 0px);
	height:360px;
	left:0px;
	overflow:hidden;
	position:absolute;
	top:0px;
	width:191px;
	z-index:1;
}

.b_press #hatsTrack {
	height: 350px;
}

.b_press #hatsScrollDiv {
	position: absolute;
/*	visibility: hidden;*/
	left: 0px;
	top: 0px;
	width: 171px;
	z-index: 1;
}

#hats .pressclear{
	float:left;
	clear:left;	
}

#hats .pressright{
	float:right;
}

.b_press #col_left #hats li {
	margin:0px 3px 10px 0px;
}

.b_press #col_right ul {
	margin:180px 0px 0px 0px;
}

.b_press #col_right #details {
	bottom:26px;
	position:absolute;
	width:327px;
	text-align:justify;
}

.b_press #col_right #details h2 {
	font-size:1.1em;
	text-transform:uppercase;	
}

.b_press #col_left #previousNext {
	position: relative;
	width: 191px;
	height: 20px;
	padding: 10px 0 10px 0px;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	border-top: 1px solid #78756f;
	float:left;
	margin:10px 0px 0px 10px;
}

.b_press #col_right #details img { 
	margin-bottom: -2px;
}

#pdf_links a {
    font-weight: bold;
}