/*** RESET ***/
html, body, div, span, 
h1, h2, h3, h4, h5, h6, p, 
a, img, ul, li, fieldset, form, label, legend,
table, tr, td {
	margin: 0;
	padding: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

a img {
	border: 0;
}

/*** DEBUG ***/
.debug { 
	font-family: monaco; 
	font-size: 9px; 
	color: #ffffff; 
	padding: 10px; 
	background: #000000; 
	overflow: auto; 
	width: 500px; 
	margin: 10px auto; 
	line-height: 140%; 
}

/*** GLOBAL ***/
body {
	color: #000;
	background-color: #ffa500;
	font: normal 12px Georgia, Times, serif;
}

#wrapper {
	width: 900px;
	margin: 0 auto;
	padding-top: 35px;
	position: relative;
}

#container {
	background-color: #fff;
}

#cartHeaderTab {
	background: #b12325;
	color: #ffffff;
	padding: 5px;
	position: absolute;
	top: 12px;
	left: 0px;
	width: 450px;
	text-align: center;
	font-family: arial;
	font-size: 10px;
}

#cartHeaderTab a {
	background: none;
	color: #ffffff;
	font-weight: bold;
}

/*** MASTHEAD (215 + 685) x 167 ***/
#masthead {
	/* background: transparent url('/assets/gfx/bannerimage-hacienda.jpg') no-repeat scroll 215px 0; */
	background-color: transparent;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 215px 0;
	height: 167px;
}

/* for the random masthead banner images */
.banner1 { background-image: url('/assets/gfx/banners/1.jpg'); }
.banner2 { background-image: url('/assets/gfx/banners/2.jpg'); }
.banner3 { background-image: url('/assets/gfx/banners/3.jpg'); }
.banner4 { background-image: url('/assets/gfx/banners/4.jpg'); }
.banner5 { background-image: url('/assets/gfx/banners/5.jpg'); }
.banner6 { background-image: url('/assets/gfx/banners/6.jpg'); }
.banner7 { background-image: url('/assets/gfx/banners/7.jpg'); }
.banner8 { background-image: url('/assets/gfx/banners/8.jpg'); }
.banner9 { background-image: url('/assets/gfx/banners/9.jpg'); }
.banner10 { background-image: url('/assets/gfx/banners/10.jpg'); }

#masthead h1 {
	width: 215px;
	height: 167px;
	color: #B12325;
	/* text-indent: -999em; */
	/* background: transparent url('/gfx/logo-yart.gif') no-repeat scroll 0 0; */
}

#masthead h1 a {
	background-color: transparent;
	padding: 0;
}

/*** INFORMATION STRIPS: Date/Weather (above), and Address/Phone (below) ***/
.infoStrip {
	font: normal 11px arial, sans-serif;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 1px;
}

#dateStrip {
	position: absolute;
	top: 18px;
	right: 0;
}

#addressStrip {
	float: right;
	margin-top: 5px;
	clear: both;
	padding-bottom: 25px;
}

#logo-alt {
	font: bold 14px georgia, times, serif;
	color: #B12325;
	text-transform: lowercase;
	letter-spacing: normal;
}

/*** ICONS ***/
#icon-sunflower {
	position: absolute;
	top: 185px;
	left: 12px;
	z-index: 999;
}

#icon-lovechip {
	position: absolute;
	bottom: 3px;
	left: 564px;
}

/*** CONTENT ***/
/**
35 left content padding + 
525 left column width + 
50 right padding on right column + 
265 right column max image size + (right padding will be greater if image size is smaller)
25 right content padding = 
900 total content width
**/

#content {
	width: 840px;
	padding: 0 25px 0 35px;
	position: relative;
	text-align: left;
}

.column {
	float: left;
}

#leftCol {
	width: 525px;
}

#rightCol {
	width: 265px;
	padding-left: 50px;
}

#rightCol img {
	float: right;
}

#oneCol {
	width: 100%;
}

h1, h1.cms {
	color: #362063;
	font-size: 18px;
	font-style: italic;
	letter-spacing: .5px;
	margin-bottom: 5px;
	text-transform: lowercase;
}

h2, h2.cms {
	color: #366;
	font-size: 14px;
	letter-spacing: .25px;
	margin-bottom: 5px;
	text-transform: lowercase;
}

p, p.cms {
	margin: 0 0 15px 0;
	line-height: 16px;
	clear: left;
	
}

ul {
	margin: 0 0 15px 15px;
}

a {
	text-decoration: none;
	background-color: #ffa500;
	padding: 1px 2px;
}

a:link {
	color: #000;
}

a:visited {
	color: #000;
}

a:hover {
	color: #fff;
}

a:active {
	/* empty */
}

#content p img {
	padding: 5px 5px 5px 0;
}

/*** for FCK ***/
img.pagephoto {
	float: right;
	margin: 0 0 50px 20px;
	padding: 0;
}

.no-margin {
	margin: 0;
	padding: 0;
}

img.left {
	float: left; 
	padding: 5px 5px 5px 0;
}

img.right {
	float: right; 
	padding: 5px 0 5px 5px;
}


/*** SPECIFIC TO HOME PAGE ***/
body#home #leftCol {
	width: 435px;
	padding-top: 25px;
}

body#home #rightCol {
	width: 355px;
}

div.hpFeature img {
	float: left;
	margin: 0 20px 60px 0;
}

div.hpFeature {
 	clear: left;
}

div.hpFeature p {
	clear: none;
	margin-bottom: 0;
}

div.hpFeature h2 {
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
}

div.hpFeature a {
	background-color: transparent;
}

div#feature1 h2 {
	color: #362063;
}

div#feature1 form {
	margin: 0;
	padding: 0;
	display: inline;
}

div#feature1 div.item_options {
	display: none;
}

div#feature1 div.price {
	float: left;
	font-weight: bold;
	padding: 5px 5px 0 0;	
}

div#feature1 div.cartbutton {
	padding: 2px 0 0 0;
}

div.hpFeature a {
	color: #ffa500;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	padding: 0 0 0 3px;
	margin: 0;
	display: inline;
	white-space: nowrap;
}

div#feature2 a:link {
	color: #B12325;
}

div#feature2 a:visited {
	color: #B12325;
}

div#feature2 a:hover {
	color: #fff;
}

div#feature2 a:active {
	color: #B12325;
}

div#feature2 {
	margin-top: 20px;
}

div.hpFeature a:link {
	background-color: transparent;
}

div.hpFeature a:visited {
	background-color: transparent;
}

div.hpFeature a:hover {
	color: #fff;
	background-color: #ffa500;
}

div.hpFeature a:active {
	/* empty */
}

div#goldFrame {
	background: #333 url('/assets/gfx/hp-goldframe-bg.gif') no-repeat 0 0;
	width: 345px;
	height: 345px;
	border: solid 0px red;
	float: left;
}

div#goldFrame img {
	margin: 28px 24px 0 0;
}

img#logo-yart-flickr {
	position: absolute;
	top: 347px;
	right: 0;
}

body#home div#menu2 li.item4 {
	display: none;
}

body#home img#icon-lovechip {
	left: 440px;
}

body#home #menu {
	padding-bottom: 20px;
}

body#home #menu2 {
	padding-top: 10px;
}

/*** SPECIFIC TO ARTISTS PAGE ***/
/**
180 + 20 + 180 + 20 + 180
**/

div#sortWrapper {
	position: absolute;
	top: 2px;
	left: 140px;
	font: normal 11px Verdana, Arial, sans-serif;
	text-transform: uppercase;
}

ul.listCol {
	margin: 10px 10px 0 -2px;
	padding: 0;
	list-style: none;
	float: left;
}

ul.listCol li {
	width: 160px;
	padding: 2px 2px;
	white-space: nowrap;
}

ul.listCol li:hover {
	background-color: #ffa500;
}

ul.listCol a {
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	background: none;
}

ul.listCol a:link {
	color: #333;
}

ul.listCol a:visited {
	color: #333;
}

ul.listCol a:hover {
	color: #fff;
	background-color: #ffa500;
}

ul.listCol a:active {
	/* empty */
}

#artists p#filter-help {
	margin-left: 105px;
}

/*** SPECIFIC TO SHOP ***/
h1.shoph1 {
	color: #366;
	font-size: 14px;
	font-style: normal;
	letter-spacing: .25px;
	border-right: solid 1px #366;
	padding: 2px 10px 0 0;
	margin-right: 10px;
	float: left;
}

h1.no-border {
	border-right: 0;
}

h2.shoph2 {
	color: #362063;
	font-size: 18px;
	font-style: italic;
	letter-spacing: .5px;
	float: left;
}

div.subnav {
	float: left;
	padding: 2px 0 0 15px;
}

div.subnav a {
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
	color: #333;
	padding: 2px;
	margin-right: 10px;
}

div#categoryCopy {
	clear: both;
	padding: 10px 0 0 0;
	margin: 0 0 30px 0;
}

div.productSlot {
	float: left;
	width: 115px;
	height: 175px;
	margin: 0 25px 30px 0;
}

div.productSlot h3,
div.productSlot div.price,
div.productSlot a {
	padding-left: 2px;
}

div.productSlot h3, 
h3.shoph3 {
	color: #B12325;
	font-size: 14px;
	margin-bottom: 5px;
	text-transform: lowercase;
	clear: both;
}

div.productSlot div.price,
div#productDetail div.price {
	color: #000;
	font-family: Arial, sans-serif;
	font-size: 12px;
}

div.productSlot a {
	color: #362063;
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding: 2px;
}

div.productSlot a.imgLink {
	padding: 0;
}

div.productSlot a.imgLink img {
	border: solid 1px #fff;
	padding: 1px;
}

div.productSlot a.imgLink:link {
	background-color: transparent;
}

div.productSlot a.imgLink:visited {
	background-color: transparent;
}

div.productSlot a.imgLink:hover {
	background-color: transparent;
}

div.productSlot a.imgLink:active {
	/* empty */
}

div#productDetail {
	padding-top: 25px;
	clear: both;
}

div#productDetail div#detailLeft,
div#productDetail div#detailRight {
	float: left;
}

div#productDetail div#detailLeft {
	width: 330px;
}

div#productDetail div#detailRight {
	width: 510px;
	padding-top: 20px;
}

div#productDetail h3 {
	float: left;
	margin: 0 15px 0 0;
}

div#productDetail div.price {
	float: left;
	margin: 1px 0 0 0;
}

div#productDetail img#largeImage {
	display: block;
	clear: left;
	padding: 10px 0 0 0;
}

div#productDetail div.artistLinks {
	margin-bottom: 15px;
}

div#productDetail div.artistLinks a.first {
	border-right: solid 1px #362063;
	padding-left: 0;
}

div#productDetail div.artistLinks a {
	color: #362063;
	font-weight: bold;
	font-size: 12px;
	padding: 0 6px 0 5px;
	margin: 0;
}

div#productDetail a#shippingInfo {
	color: #000;
	font-weight: bold;
	font-size: 10px;
	font-style: italic;
	clear: both;
	display: block;
	float: left;
	padding: 2px;
	margin-top: 5px;
}

div#productDetail #cart_msg {
	clear: left;
	display: block;
	padding: 35px 0 0 0;
	font-weight: normal;
}

div#productDetail #addCart {
	display: block;
	clear: left;
	padding: 25px 0 70px 0;
}

div#productDetail #addCart a {
	background: none;
	border: none;
	padding: 0;
	margin: 0;
}

div#productDetail div.thumbSlot {
	width: 110px;
	float: left;
	margin: 0 25px 0 0;
}

div#productDetail div.thumbSlot a.textLink {
	font: normal 10px Arial, sans-serif;
	text-transform: uppercase;
	background-color: transparent;
	padding: 1px;
	margin-left: 2px;
}

div#productDetail div.thumbSlot a.imgLink {
	background-color: transparent;
}

div.productSlot a.imgLink:link img,
div#productDetail div.thumbSlot a.imgLink:link img {
	border: solid 1px #fff;
}

div.productSlot a.imgLink:visited img,
div#productDetail div.thumbSlot a.imgLink:visited img {
	border: solid 1px #fff;
}

div.productSlot a.imgLink:hover img,
div#productDetail div.thumbSlot a.imgLink:hover img {
	border: solid 1px #ffa500;
}

div.productSlot a.imgLink:active img,
div#productDetail div.thumbSlot a.imgLink:active img {
	/* empty */
}

div#productDetail img {
	padding: 1px;
}

div.subnav a:link,
div.productSlot a:link,
div#productDetail div.artistLinks a:link,
div#productDetail a#shippingInfo:link,
div#productDetail div.thumbSlot a.textLink:link {
	background-color: transparent;
}

div.subnav a:visited,
div.productSlot a:visited,
div#productDetail div.artistLinks a:visited,
div#productDetail a#shippingInfo:visited,
div#productDetail div.thumbSlot a.textLink:visited {
	background-color: transparent;
}

div.subnav a:hover,
div.productSlot a:hover,
div#productDetail div.artistLinks a:hover,
div#productDetail a#shippingInfo:hover,
div#productDetail div.thumbSlot a.textLink:hover {
	background-color: #ffa500;
}

div.subnav a:active,
div.productSlot a:active,
div#productDetail div.artistLinks a:active,
div#productDetail a#shippingInfo:active,
div#productDetail div.thumbSlot a.textLink:active {
	/* empty */
}

/* hiding product name and price in the left column of the detail page */
#productDetail #detailLeft h3.shoph3 { display: none; }
#productDetail #detailLeft .price { display: none; }

/* news styles */
#news-listings .listing {
	margin: 15px 0 30px 0;
}

#news-listings .listing h2 {
	margin-bottom: 0;
}

#news-listings .listing p {
	margin-bottom: 5px;
}

#hidden-slideshow-container {
	display: none;
}

/* related links styles */
#related-links h2 {
	margin-top: 15px;
}

#related-links h3, #related-links p {
	margin-left: 5px;
}

#related-links h3 a:link { color: #B12325; }
#related-links h3 a:visited { color: #B12325; }
#related-links h3 a:hover { color: #ffa500; }
#related-links h3 a:active { /* empty */ }

#related-links a:link { color: #362063; }
#related-links a:visited { color: #362063; }
#related-links a:hover { color: #ffa500; }
#related-links a:active { /* empty */ }


/* newsletter archive link on newsletter page */
#nl-archive-link {
	padding: 0 0 20px 0;
	position: absolute;
	top: 5px;
	left: 250px;
}

/* newsletter tables generated via fck */
#page table td {
	vertical-align: top;
	padding: 10px;
}

#page table {
	text-align: left;
}


/*** UTILITY STYLES ***/
.clear {
	clear: both;
}

.block {
	display: block;
}

a.anchor {
	background-color: transparent;
	margin: 0;
	padding: 0;
}

/* back to top link */
div.backTop {
	display: none;
	position: absolute;
	bottom: 15px;
	right: 80px;
}

div.backTop a {
	color: #B12325;
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	padding: 2px;
}

div.backTop a:link {
	background-color: transparent;
}

div.backTop a:visited {
	background-color: transparent;
}

div.backTop a:hover {
	color: #fff;
	background-color: #FFA500;
}

div.backTop a:active {
	/* empty */
}

div.backTop img {
	padding-left: 3px;
}

div.backTop a.imglink {
	background-color: transparent;
}

body#category div.backTop,
body#detail div.backTop {
	display: block;
}

/* email signup form */
#signup-form {
	border: solid 1px #dcdcdc;
	padding: 5px 5px 15px 25px;
	background-color: #f8f8ff;
	width: 60%;
}

#signup-form .field {
	clear: left;
	height: 25px;
	padding-top: 10px;
}

#signup-form .radio {
	margin-bottom: 30px;
}

#signup-form .radio div {
	clear: left;
}

#signup-form .field label {
	padding-right: 5px;
	padding-top: 5px;
	width: 175px;
	float: left;
	text-align: right;
}

#signup-form .field input {
	float: left;
}

#signup-form .field p {
	margin-top: 10px;
	margin-bottom: 0;
}

#signup-form .field img  {
	vertical-align: middle;
	float: left;
	padding-left: 5px;
}

#signup-form .captcha {
	height: 35px;
}

#signup-form .captcha div {
	margin-top: 10px
}

#signup-form .describe input {	
	width: 20px;
}

#signup-form .field label.cFieldCheckboxGroup {
	clear: left;
	width: 100px;
	padding-top: 0;
	margin: 0 0 5px 125px;
}

#signup-form .subscribe {
	padding-top: 5px;
	height: 60px;
	margin-left: 50px;
}

#signup-form .subscribe div {
	clear: left;
	padding: 0 0 5px 0;
}

#signup-form .subscribe label {
	padding-top: 5px;
}

#signup-form #submit {
	clear: left;
	margin: 0 0 0 150px;;
}

/* taos area events calendar (on about taos page) */
#taos-calendar h3 {
	margin-bottom: 10px;
	font-weight: normal;
}
#taos-calendar p {
	margin-top: 25px;
}

/* utility navigation */
div.back {
	margin: 10px 0;
}

div.back a {
	padding: 2px;
}

a.plainlink:link { background-color: transparent; }
a.plainlink:visited { background-color: transparent; }
a.plainlink:hover { background-color: transparent; }
a.plainlink:active { /* empty */ }

a.h1link, a.h2link { background-color: transparent; }
a.h1link { color: #366; }
a.h2link { color: #336; }

a.h1link:link, a.h2link:link { text-decoration: none; }
a.h1link:visited, a.h2link:visited { text-decoration: none; }
a.h1link:hover, a.h2link:hover { text-decoration: underline; }
a.h1link:active, a.h2link:active { /* empty */ }


/* styles related to checkout process */
.item_options {
	padding: 14px 0 14px 0;
	clear: both;
}

.item_options .req { font-size: 15px; color: red; }

.item_options .option {
	clear: both;
	padding: 5px;
	text-align: left;
}


.checkout fieldset, fieldset.checkout {
	padding: 15px 0 15px 45px;;
	margin: 15px;
	border: 1px solid #cacaca;
}

.checkout fieldset legend {
	padding: 5px;
	font-size: 14px;
}

.checkout fieldset .field label {
	width: 190px;
	float: left;
	padding-top: 2px;
	text-align: right;
	margin-right: 5px;
}

.checkout fieldset .field {
	padding: 4px;
}

.checkout fieldset .field .req {
	color: #ff0000;
	font-weight: normal;
	font-size: 16px;
}

.checkout .cart-list th { background: #eaeaea; }
.checkout .cart-list td, .checkout .cart-list th { padding: 10px; border-bottom: 1px solid #cacaca; }
.cart_actions { padding: 15px 0 0 0; }
.cart_actions button { font-size: 13px; padding: 5px; background: #ffa500; font-family: georgia, times, arial; border: none; }

ul.options_description {
	margin: 4px 0 0 10px;
	padding: 0;
}

ul.options_description li {
	margin: 0;
	font-size: 10px;
	color: #454545;
	list-style: none;
	list-style-image: none;
	padding: 2px;
}