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

BODY {

	margin-top: 50px;
	background-color: #000;

}

DIV {

	font: normal 11px "Helvetica", "Arial";
	color: #333333;

}

FORM {

margin: 0;

}

IMG {

	border: none;

}

/*A {

	color: purple;
	text-decoration: none;

}

A:hover {

	text-decoration: underline;

}*/

div.clearer {

	clear: both; 
	line-height: 0px; 
	height: 0px;
	font: normal 0px Arial; 
	margin: 0px;
	padding: 0px;
	border: 0px solid black;

}

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

#main {

	width: 900px;
	margin-left: auto; 
	margin-right: auto; 

}

#header {

	height: 45px; 
	background: url('../images/header.png') no-repeat;

}

*html #header {

	background: url('../images/header.gif') no-repeat;

}

#husk-black {

	background: url('../images/side_tile.gif') repeat-y;
	background-color: #000;

}

#husk-white {

	background: url('../images/side_tile.gif') repeat-y;
	background-color: #FFF;

}

#content {

	background: url('../images/top_arch.png') no-repeat;
	padding: 0px 10px 0px 10px;
	min-height: 500px;

}

*html #content {

	background: url('../images/top_arch.gif') no-repeat;
	height: 500px;

}

#footer {

	height: 25px;
	background: url('../images/footer.png') no-repeat;

}

*html #footer {

	background: url('../images/footer.gif') no-repeat;

}

#left-col {

	float: left; 
	width: 580px;

}

#right-col {

	background: url('../images/vert.gif') repeat-y;
	width: 290px;
	padding-left: 10px; 
	margin-left: 580px; 
	min-height: 506px;

}

*html #right-col {

	padding-left: 5px;

}

#stack-nugget {

	background: url('../images/horix.gif') repeat-x;
	background-position: center bottom;
	padding-bottom: 10px; 
	/*height: 160px;*/

}

/* //// */

#mainNav ul { 

	width: 486px;
	height: 36px;
	border: 1px solid red;

}
		
#mainNav li { 

	line-height: 0; /* fixes "stair-step" effect in IE */ 
	display: block; 
	height: 36px; 
	margin-right: 0px; 
	float: left; 
	text-indent: -9999px; 
	padding-left: 0;

} 

#mainNav li a { 

	display: block; 
	outline: none; 
	width: 100%; 
	height: 100%; 

}

#mainNav li.active { 

	background-position: 0 -36px; 

}
			
#mainNav li:hover { 

	background-position: 0 -36px; 

}
			
#home { 

	width: 71px; 
	background: url(../images/menu/home.gif) no-repeat; 

}
			
#store { 

	width: 81px; 
	background: url(../images/menu/store.gif) no-repeat; 

}
			
#stockists { 

	width: 82px; 
	background: url(../images/menu/stockists.gif) no-repeat; 

}
			
#photos { 

	width: 82px; 
	background: url(../images/menu/photos.gif) no-repeat; 

}
			
#friends { 

	width: 81px; 
	background: url(../images/menu/friends.gif) no-repeat; 

}
			
#contact { 

	width: 93px; 
	background: url(../images/menu/contact.gif) no-repeat; 

}

/* //// */

/*STORE GALLERY STYLES*/

#masthead-container {

height: 30px; 
margin: 0px 20px 0px 20px; 
border-bottom: 2px solid #d7d7d7;

}

#masthead-float {

float: left; 
width: 716px;

}

#masthead-breadcrumb {

padding-top: 13px; 
float: left; 
width: 100px;
font-weight: bold;
color: #9966cc;

}

#masthead-breadcrumb A {

text-decoration: none;
color: #9966cc;

}

#masthead-breadcrumb A:hover {

text-decoration: underline;
color: #9966cc;

}

#submenu {

padding-top: 8px; 
margin-left: 100px; 
text-align: center; 
font: bold 14px "Helvetica";
color: #9a9a9a;

}

#submenu A {

color: #9a9a9a;
text-decoration: none;

}

#submenu A:hover {

color: #9966cc;

}

#submenu A.active {

color: #9966cc;

}

#cart-button-container {

padding-top: 6px; 
margin-left: 716px; 
text-align: right;

}

#gallery {

width: 100%; 
height: 473px;
margin: auto; 
text-align: center; 
padding-bottom: 0px;
overflow: auto;

}

#gallery-inner {

width: 760px; 
margin: auto; 
text-align: center; 
padding: 20px;
margin-bottom: 50px;

}

.gallery-thumb {

float: left; 
margin-right: 40px;
margin-top: 10px;
border-bottom: 5px solid #d7d7d7; 

}

.gallery-thumb-wrap {

float: left; 
margin-top: 10px;
border-bottom: 5px solid #d7d7d7; 

}

.gallery-thumb:hover {

border-bottom: 5px solid #9966cc; 

}

.gallery-thumb-wrap:hover {

border-bottom: 5px solid #9966cc; 

}

/* DETAIL PAGE SPECIFIC STYLES */

#detail-container {

margin: 0px 20px 0px 20px;
min-height: 463px;
padding-bottom: 10px;

}

*html #detail-container {

height: 463px;

}

#detail-left-column {

float: left; 
width: 450px;

}

.mini-gallery-container {

width: 361px; 
margin: auto;

}

#info-panel-container {

width: 361px; 
margin-left: auto; 
padding-top: 20px;

}

#product-title {

height: 30px; 
background: url(../images/detail_header.gif) no-repeat; 
padding: 5px 5px 0px 20px; 
font: bold 15px "Helvetica"; 
color: #FFF;

}

.magic-style {

background: url(../images/detail_header.gif) no-repeat; 
padding: 15px 15px 10px 20px; 
font: bold 12px "Helvetica"; 
color: #FFF;
background-color: #6b478e;
margin: 0;

}

.graybar {

color: #FFF; 
padding: 3px 20px 3px 18px; 
background-color: #CCC; 
margin-top: 4px;

}

.purchase-lockup-container {

border-bottom: 1px solid #d7d7d7; 
padding-bottom: 0px; 
margin-bottom: 0px;

}

.purchase-selection {

float: left; 
width: 240px;

}

.purchase-price {

margin-left: 241px; 
text-align: right;

}

.callout {

font: bold 18px "Helvetica"; 
color: #b4b4b4;

}

.detail-select {

width: 170px; 
border: 1px solid purple;

}


.mini-gallery-thumb {

float: left; 
margin-right: 20px;
margin-top: 10px;
border-bottom: 5px solid #d7d7d7; 

}

.mini-gallery-thumb-wrap {

float: left; 
margin-top: 10px;
border-bottom: 5px solid #d7d7d7; 

}

.mini-gallery-thumb:hover {

border-bottom: 5px solid #9966cc; 

}

.mini-gallery-thumb-wrap:hover {

border-bottom: 5px solid #9966cc; 

}

.mini-gallery-thumb-active {

float: left; 
margin-right: 20px;
margin-top: 10px;
border-bottom: 5px solid #9966cc; 

}

.mini-gallery-thumb-wrap-active {

float: left; 
margin-top: 10px;
border-bottom: 5px solid #9966cc; 

}

#detail-left-column A {

color: #9a9a9a;
text-decoration: none;

}

#detail-left-column A:hover {

color: #9966cc;

}

#detail-left-column A.active {

color: #9966cc;

}

/* HOMEPAGE SPECIFIC STYLES */

A.blog {

	color: #9966cc;
	text-decoration: none;

}

A.blog:hover {

	color: #9966cc;
	text-decoration: underline;

}

#main-scroll {

height: 506px; 
overflow: auto;

}

#main-scroll-inner {

padding: 20px; 
color: #FFF;

}

.copy-block {

color: #CCC;

}

.dateline {

font-style: italic;
color: #ccc;

}

.blog-title {

font-weight: bold;
font-size: 12px;
color: #FFF;

}

.blog-float {

float: left; 
margin: 0px 10px 10px 0px;

}

#stone {

height: 120px;
background: url('../images/stone_bg.jpg') no-repeat;

}

.nimnim {

float: left; 
margin-right: 15px; 
margin-top: 5px; 
margin-left: 3px;

}

#signup-container {

padding-left: 12px;
padding-top: 5px;

}

.signup-input {

width: 180px; 
margin-right: 12px; 
float: left;

}

#updates-scroll {

height: 108px;
overflow: auto;

}

#updates-scroll-inner {

padding: 10px; 
color: #FFF;

}

A.friends:visited {

	color: white;
	text-decoration: none;

}

A.friends {

	color: white;
	text-decoration: none;

}

A.friends:hover {

	color: #9966cc;
	text-decoration: none;

}

#stockists-container {

width: 880px; 
height: 506px;
margin: auto; 
padding-bottom: 0px;
overflow: auto;
border: 0px solid white;

}

#stockists-inner {

/*width: 760px; */
margin: auto; 
padding: 20px;
margin-bottom: 50px;

}

.photos-thumb {

float: left; 
margin-right: 15px;
margin-bottom: 15px;

}

.photos-thumb-wrap {

float: left; 
margin-bottom: 15px; 

}

#feature-banner {

height: 150px; 
width: 420px; 

}

#feature-banner a { 

	display: block; 
	outline: none; 
	width: 100%; 
	height: 100%; 
	color: #EEE;
	text-decoration: none;
	text-indent: -9999px;

}

#previous-features {

position: absolute; 
margin-top: -17px; 
height: 17px; 
color: #FFF; 
width: 160px;
text-indent: 0px;
background: url('../images/prev_features.gif') no-repeat;
background-color: #000; 

}

#previous-features a { 

	display: block; 
	outline: none; 
	width: 100%; 
	height: 100%; 
	color: #EEE;
	text-decoration: none;

}

#updates-scroll-inner A {

	color: #9966cc;
	text-decoration: none;

}

 #updates-scroll-inner A:hover {

	text-decoration: underline;

}

#storeBadge {

	width: 149px;
	height: 86px;
	text-indent: -999999px;
	background: url(../images/store_badge.png) no-repeat;
	float: left;

}

#storeBadge:hover {

	background-position: 0px -86px;

}

#twitterBadge {

	width: 132px;
	height: 86px;
	text-indent: -999999px;
	background: url(../images/twitter_badge.png) no-repeat;
	float: left;

}

#twitterBadge:hover {

	background-position: 0px -90px;

}

#storeBadge A, #twitterBadge A {

width: 100%;
height: 100%;
display: block;
outline: none;

}