/* A BIT OF GREER RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* END THAT GREER RESET */



/* SOME GREER BASE STYLES */

br {
	clear: both;
}

strong {
	font-weight: bold;
}

ul
  {
  margin-left: 0;
  padding-left: 1em;
  list-style-position: inside;
  }
li
  {
  margin: 0;
  padding: 0;
  }
  
  p {
  	margin-bottom: 12px;
  }

/* Clearing */

	/* Clearing floats without extra markup
	Based on How To Clear Floats Without Structural Markup by PiE
	[http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: block;}

.clear { clear:both; }

/* Makes clearfix actually work in IE */ 
* html .clearfix {display: inline-block; height: 1%;}

/* END THOSE GREER BASE STYLES */




/* GENERIC STYLES */

body {
	text-align: center;
	font-family: Verdana, Helvetica, "Helvetica Neue", sans-serif;
	font-size: 75%;
}

a:link {
	color: black;
	text-decoration: underline;
}
a:visited {
	color: #333;
	text-decoration: underline;
}
a:hover {
	color: black;
	text-decoration: none;
}
a:active {
	color: #ffc734;
	text-decoration: none;
}

.column {
	float: left;
}

td {
	vertical-align: bottom;
}

/* Headings */

h1,h2,h3,h4,h5,h6 { 
	font-weight: normal; 
}

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}

/* Columns */

.column {
	float: left;
}

/* LAYOUT AND HIDING THOSE PESKY NAVS */



#top {
	width: 930px;
	margin: 0px auto;
	text-align: left;
	margin-top: 5px;
	overflow: visible;
}
#toolbarContainer {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
}
#middle {
	width: 930px;
	margin: 0px auto;
	padding: 0;
	text-align: left;
	/* background-color: green; */
	margin-top: 5px;
}
#middle #middleContainer {
	width: auto;
}
#middle #left {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}
#mainContent {
	margin: 0;
	width: 100%;
	margin-bottom: 10px;
	font-size: 11px;
}
#bottom {
	width: 930px;
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
}
#footerContainer{
	width: 930px;
	margin: 0px auto;
	text-align: left;
}


/* HEADER */

#custom_header h1#ampersand_logo {
	margin: 0;
}

#custom_header h1#ampersand_logo a {
	background: transparent url('https://www.ampersandshops.com/graphics/ampersand_logo_large_new.gif') no-repeat left top;
	width: 434px;
	height: 88px;
	display: block;
	overflow: hidden;
	text-indent: -999px;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
}

#custom_header #header_functions {
	float: right;
	width: 490px;
	height: 88px;
	text-align: right;
}

#header_functions ul.row_1 {
	list-style: none;
	margin-top: 30px;
}

#header_functions .row_2 {
	width: 100%;
}

#header_functions .row_2 input {
	display: inline;
}

#header_functions .row_2 form {
	display: inline;
}

#custom_header #header_functions .row {
	clear: both;
	float: right;
	margin-bottom: 5px;
}

#header_functions .row_1 li {
	display: block;
	float: left;
	padding: 5px 0;
}

#header_functions .row_1 li a {
	border-right: 1px solid black;
	padding: 0 5px;
}
#header_functions .row_1 li.last a {
	border-right: none;
}

#custom_nav {
	clear: both;
	list-style: none;
	width: 100%;
	background-color: black;
	padding: 0;
}

#custom_nav li {
	float: left;
	display: block;
	background-color: black;
	color: white;
	padding: 2px 0;
}
#custom_nav li.first {
	padding-left: 2px;
}
#custom_nav li.last {
	padding-right: 2px;
}

#custom_nav li a {
	display: block;
	text-decoration: none;
	 padding: 10px 16px; 
	/* height: 32px; 
	line-height: 32px;*/
	border-left: 1px solid white;
}
#custom_nav li.first a {
	border-left: none;
}
#custom_nav li a:link {
	background-color: black;
	color: white;
}
#custom_nav li a:visited {
	background-color: black;
	color: white;
}
#custom_nav li a:hover {
	background-color: white;
	color: black;
}
#custom_nav li a:active {
	background-color: white;
	color: #ffc834;
}
#custom_nav li a.current {
	background-color: white;
	color: black;
}


/* #t */

#footer {
	font-size: 100%;
	border-bottom: none;
	border-top: 1px solid #ffc734;
	padding: 10px 0;
	margin: 10px 0;
}

#custom_footer {
	color: #555555;
}

#custom_footer a:link {
	color: #555555;
	text-decoration: underline;
}
#custom_footer a:visited {
	color: #666666;
	text-decoration: underline;
}
#custom_footer a:hover {
	color: #555555;
	text-decoration: none;
}
#custom_footer a:active {
	color: #ffc734;
	text-decoration: none;
}


#custom_footer ul {
	list-style: none;
}
#custom_footer ul.left_column li {
	display: block;
	float: left;
	padding: 0;
}

#custom_footer ul.left_column  li a {
	border-right: 1px solid #555555;
	padding: 0 5px;
}
#custom_footer ul.left_column  li.last a {
	border-right: none;
}

#custom_footer .left_column {
	width: 50%;
	padding: 0;
}

#custom_footer .middle_column {
	text-align: left;
	width: 40%;
}

#custom_footer .right_column {
	text-align: right;
	width: 50%;
}







/* HOMEPAGE */

#homepage_images .left_column {
	float: left;
	margin-right: 4px;
}
#homepage_images .right_column {
	float: left;
	width: 472px;
}

#homepage_images .right_column a {
	clear: both;
	margin-bottom: 5px;
	display: block;
}



/* CATEGORY PAGES */

.catpage {
	/* We've got a min-height hack going on here. */
	min-height: 700px;
	height:auto !important;
	height:700px;
	font-size: 12px;
	background-color: black;
}

.catpage .catinner {
	/* background: transparent url(http://web.greerftp.com/ampersand/images/bgfade.png) no-repeat left bottom; */
	padding: 20px 40px 40px 40px;
	color: white;
}

.catpage .column {
	float: left;
	width: 140px;
	margin-right: 100px;
}

.catpage .column-narrow {
	float: left;
	width: 110px;
	margin-right: 30px;
}

.catpage .column-very-narrow {
	float: left;
	width: 110px;
	margin-right: 10px;
}


.catpage .column a {
	/* text-transform: lowercase; */
	line-height: 18px;
}
.catpage a:link {
	color: white;
	text-decoration: none;
}
.catpage a:visited {
	color: #ddd;
	text-decoration: none;
}
.catpage a:hover {
	color: white;
	text-decoration: underline;
}
.catpage a:active {
	color: #ffc734;
	text-decoration: underline;
}


.catpage .catinner h1, .catpage .catinner h2, 
.catpage .catinner h3, .catpage .catinner h4, 
.catpage .catinner h5, .catpage .catinner h6 {
	color: white;
}

.catpage h3 {
	text-decoration: underline;
	font-size: 14px;
	line-height: 17px;
	margin-bottom: 7px;
}

.catpage h4 {
	font-size: 14px;
	line-height: 17px;
	margin-bottom: 2px;
	font-style: italic;
}

.catpage h3.long_header {
	text-decoration: none;
	border-bottom: 1px solid white;
}

.catpage h3:hover {
	/* text-decoration: none; */
}

.catpage h3 a:link {
	text-decoration: underline;
}
.catpage h3 a:visited {
	text-decoration: underline;
}
.catpage h3 a:hover {
	text-decoration: none;
}
.catpage h3 a:active {
	text-decoration: none;
}

.catpage ul {
	list-style: none;
	padding: 0;
	list-style-position: outside;
	margin-bottom: 10px;
}

li.seeAll {
	margin-bottom: 10px;
}

#tableware_page {
	background: black url(http://web.greerftp.com/ampersand/images/tableware_bg_dark.jpg) no-repeat left bottom;
}

#apothecary_page {
	background: black url(http://web.greerftp.com/ampersand/images/apothecary_bg_dark.jpg) no-repeat left bottom;
}

#homedecor_page {
	background: black url(http://web.greerftp.com/ampersand/images/homedecor_bg_dark.jpg) no-repeat left bottom;
}

#artists_page {
	background: black url(http://web.greerftp.com/ampersand/images/artists_bg_dark.jpg) no-repeat left bottom;
}

#johnderian_page {
	background: black url(http://web.greerftp.com/ampersand/images/johnderian_bg_faded.jpg) no-repeat left bottom;
}


/* EVENTS PAGE */
#eventspage .pageinner {
	/*
	width: 500px;
	margin: 20px 40px 40px 40px;
	*/
}
#eventspage .left_column {
	float: left;
	width: 300px;
	padding-top: 40px;
}
#eventspage .right_column {
	float: left;
	width: 500px;
}
#eventspage .left_column p, #eventspage .left_column table {
	margin-bottom: 20px;
}
.event {
	margin-bottom: 20px;
}
.event_title {
	margin-bottom: 0;
}
.event_date {
	margin-bottom: 10px;
}

table#hours td.date-range {
	width: 100px;
}


/* CONTACT PAGE */
#contactpage p, #contactpage table {
	margin-bottom: 20px;
}

#contactpage .pageinner {
	margin-bottom: 20px;
}


/* CAT AND ITEM PAGES */

.categoryCatLinks {
	display: none;
}
div.tiledItem {
	/* margin: 10px; */
}
div.tiledItemImage {
	height: 75px;
	width: 180px;
	overflow: hidden;
	text-align: center;
}
div.tiledItemName {
	overflow: hidden;
	height: auto !important;
}
td.bodyTextSmall {
	
}


/* NOT IN STORE PAGE */
#notfoundpage {
	font-size: 12px;
}
#notfoundpage .holder {
	margin: 10px auto;
	width: 660px;
	
	
}
#notfoundpage .left_column {
	width: 330px;
}
#notfoundpage .right_column {
	width: 325px;
}

#notfoundpage #ampImage {
	display: block;
	float: left;
}
#notfoundpage #bagImage {
	display: block;
	clear: both;
	margin: 10px auto;
}
#notfoundpage .notfoundtext {
	display: block;
	margin-bottom: 20px;
}

/* TRYING TO TARGET SEARCH */

#middleContainer #mainContent p table {
	background-color: white !important;
}


/* NAV DROPDOWN */

#custom_nav li.artists_nav {
	width: 72px;
	
}
#custom_nav li.artists_nav a {
	width: 72px;
}


#custom_nav li.artists_nav li a {
	padding: 3px 5px;
	margin: 0px;
	border-left: none;
	width: auto;
	border-top: 1px solid #555;
}

#custom_nav li #artists_nav_columns {
	position: absolute;
	left: -1999px;
	padding-left: 0;
	margin-left: 0;
	background-color: black;
	border-top: 5px solid #FFC734;
	margin-top: 2px;
	padding-bottom: 20px;
		
}

/* ONLY FOR IE HACKS */
* html #custom_nav li #artists_nav_columns {
	width: 740px;
}
*:first-child+html #custom_nav li #artists_nav_columns {
	width: 740px;
}

/*

#custom_nav li:hover #artists_nav_columns, 
#custom_nav li.sfhover #artists_nav_columns {
	left: auto;
}
*/



#custom_nav li.artists_nav #artists_nav_columns .column {
	float: left;
	width: auto;
	margin: 20px 30px 0px 0px;
	
}

#custom_nav li.artists_nav #artists_nav_columns .column .first a {
	border-top: none;
}

#custom_nav li.artists_nav #artists_nav_columns .column ul, 
#custom_nav li.artists_nav #artists_nav_columns .column li {
	width: 140px;
}
#custom_nav li.artists_nav #artists_nav_columns .column a {
	width: auto;
}



.bodyTextSmall {
	font-size: 11px;
}

/* FREE SHIPPING AD */

#homepage_shipping_ad {
	background-color: #FFC734;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 5px;
	padding: 10px;
}

#homepage_shipping_ad a:link, 
#homepage_shipping_ad a:visited {
	text-decoration: none;
}
#homepage_shipping_ad a:hover, 
#homepage_shipping_ad a:active {
	text-decoration: underline;
}
#homepage_shipping_ad a:active {
	color: #ffffff;
}


/* TRYING TO TARGET IMAGE SIZES ON SUBCATEGORY LISTING PAGES */
/* We've got a max-width hack going on here. */
#mainContent table tbody tr td font b a img {
	max-width: 225px;
	/* Resize the image for IE6 */
	width: expression(this.width > 225 ? 225: true);

	
}

/* GOOGLE FORM STYLES */


.ss-textarea {
	max-width:99%
}

.ss-choice-item {
	margin:0;
	line-height:1.3em;
	padding-bottom:.5em
}

.ss-form-entry input {
	vertical-align:middle;
	margin-top:0
}


.ss-q-title {
	display:block;
	font-weight:bold
}

.ss-q-long {
	max-width:90%
}

.ss-form-entry {
	margin-bottom:1.5em;
	zoom:1;
	
}

.ss-choices {
	list-style:none;
	margin:.5em 0 0 0;
	padding:0
}

.ss-powered-by {
	display:block;
	clear:left;
	color:#666;
	margin:1em 0.2em 0.2em
}

.ss-powered-by a:link,.ss-powered-by a:visited {
	color:#666
}

.ss-terms {
	display:block;
	clear:left;
	margin:1em 0.2em 0.2em
}

.ss-required-asterisk {
	color:#c43b1d
}

.ss-section-title {
	background-color:#eee;
	padding:0.4em;
	margin:2em -0.4em 0
}

.ss-section-description {
	margin-top:0.5em
}

.ss-page-number {
	color:#666;
	line-height:2em
}

.ss-page-title {
	margin:0;
	padding:0
}

.ss-scalenumbers {
	text-align:center
}

.ss-scalenumber {
	display:block;
	padding:0.5em 0 .5em
}

.ss-responses-header {
	background-color:#969696;
	color:#fff;
	padding:.2em .5em
}

.ss-form-container {
	width:45em;
	background-color:#fff;
	border:1px solid #ccc;
	margin:0 auto;
	padding:1em
}

.ss-old-form-response {
	background-color:#ffff3d;
	font-weight:bold
}

.errorbox-bad {
	border:2px solid #c43b1d;
	background-color:#ffe6cc;
	padding:2px
}

.errorheader {
	color:#c43b1d
}

.formpage {
	width: 900px;
}

.forminner {
	padding: 0px 550px 0px 20px;
	
}

/* END GOOGLE FORM STYLES */


/* HOMEPAGE REDESIGN STYLES */

#homepage_images #homepage_foursquare .left_column {
	width: 233px;
}
#homepage_images #homepage_foursquare .right_column {
	width: 233px;
}

.fadeBetween {
	position: relative;
}

.fadeBetween a {
	position: absolute; 
	top: 0; 
	left: 0;
}

#homepage_shipping_ad {
	position: relative;
	
	height: 37px;
	padding: 0;
	width: 454px;
}
#homepage_shipping_ad a {
	position: absolute; 
	top: 0;
	left: 0;
	
	background-color:#FFC734;
	padding: 10px;
	display: block;
	width: 434px;
	
}

/* HOMEPAGE REDESIGN 2 STYLES */

#homepage_images #homepage_foursquare a {
	display: block;
	margin: 0;
	padding: 0;
	clear: none;
	line-height: 0;
	vertical-align: bottom;
}

#homepage_images #homepage_foursquare a img {
	margin: 0;
	padding: 0;
}

#homepage_images #homepage_foursquare a.juliska, 
#homepage_images #homepage_foursquare a.catstudio,
#homepage_images #homepage_foursquare a.derian,
#homepage_images #homepage_foursquare a.juliaknight {
	width: 236px;
	float: left;
}

#homepage_images #homepage_foursquare a.derian {
	clear: left;
}

/* AVAILABLE & UNAVAILABLE & THE SPELLING MISTAKE unvailable */

div.unavailable, div.unvailable {
	margin-top: 20px;
}

.italic, em {
	font-style: italic;
}


/* THOSE STUPID CATEGORY HEADLINES THAT ARE IMPOSSIBLE TO HOOK */

/* HEADLINE */
#middlecontainer #mainContent table.subCategory td font,
#middlecontainer #mainContent p table tbody tr td font {
	font-size: 1.8em;
	padding-left: 20px;
}

/* DESCRIPTION */
#middlecontainer #mainContent table.subCategory td span div.categoryDescription,
#middlecontainer #mainContent p table tbody tr td span div.categoryDescription {
	font-size: 1.2em;
	padding-left: 20px;
}

/* VERTICAL ALIGN */

#middlecontainer #mainContent table.subCategory td, 
#middlecontainer #mainContent p table tbody tr td {
	vertical-align:middle;
}

/* PADDING */
#middlecontainer #mainContent table tbody tr td {
	padding: 5px;
}