@import url("reset.css");
html {/*background: url(../images/bg_home01.jpg) repeat-x #000 center 0; height: 100%;*/ margin: 0; padding: 0;}
body {background: url('../images/bg_home01.jpg') repeat-x #000 center 0; height: 100%;}
body#interior {background: url('../images/bg_interior01.jpg') repeat-x #737373 center 0; height: 100%;}
#wrapper {margin: 0 auto; position: relative; width: 998px;}

/*---------------------- Header (Begin) */
h1#branding a {background: url('../images/header-home.png') 0 0 no-repeat; display: block; height: 148px; margin: 0px 0 0 -20px; position: absolute; text-indent:-9999px; width: 681px;}

/*---------------------- Navigation (Begin) */
ul#nav-home {display: block; float: left; height: /*374px*/434px; margin: 161px 0 0 0; padding: 0; width:163px;}

/*ul#nav-home li a {background: url('../images/nav/nav.png') 0 0 no-repeat; display: block; line-height: normal; text-indent:-9999px; }*/

ul#nav-home li a {background: url('../images/nav/nav-edits111809.png') 0 0 no-repeat; display: block; line-height: normal;/*width: 326px;*/ text-indent:-9999px; }

ul#nav-home li#artforsalenav a {height:81px;}
ul#nav-home li#artforsalenav a:hover {background-position: -163px 0;}

ul#nav-home li#flake a {background-position: 0 -81px; height: 51px;}
ul#nav-home li#flake a:hover {background-position: -163px -81px;}

ul#nav-home li#clothing a {background-position: 0 -132px; height: 49px;}
ul#nav-home li#clothing a:hover {background-position: -163px -132px;}

ul#nav-home li#accessories a {background-position: 0 -181px; height: 48px;}
ul#nav-home li#accessories a:hover {background-position: -163px -181px;}

ul#nav-home li#artgallerynav a {background-position: 0 -229px; height: 49px;}
ul#nav-home li#artgallerynav a:hover {background-position: -163px -229px;}

ul#nav-home li#about a {background-position: 0 -278px; height: 52px;}
ul#nav-home li#about a:hover {background-position: -163px -278px;}

ul#nav-home li#contact a {background-position: 0 -330px; height: 51px;}
ul#nav-home li#contact a:hover {background-position: -163px -330px;}

ul#nav-home li#links a {background-position: 0 -381px; height: 50px;}
ul#nav-home li#links a:hover {background-position: -163px -381px;}

ul#nav-home li#home-link a {background-position: 0 -431px; height: 54px;}
ul#nav-home li#home-link a:hover {background-position: -163px -431px;}

/*---------------------- Content (Begin) */
#content {background: #000; float: left; margin: 165px 0 0 0; padding: 14px; width: 474px;}
#interior #wrapper #content {background: #000; float: left; margin: 180px 0 0 0; min-height: 680px; height:auto !important; height: 680px; padding: 14px; width: 539px;}

#left-col-thmbs {float: left; padding: 5px 4px 0 0; width: 266px;}

#right-col-thmbs {float: left; padding: 5px 0px 0 3px; width: 266px;}

a.thmb {border: 6px solid #333; display: block; margin: 0 0 7px 0;}
a.thmb:hover {border: 6px solid #f00;}
#home_changecontent_control a.active, #left-col-thmbs a.active, #right-col-thmbs a.active {border: 6px solid #f00; display: block; margin: 0 0 7px 0;}

#interior #wrapper #content ul.gallery-thmbs li {display: inline; float: left; margin: 24px 24px 0 0; padding: 0;}
#interior #wrapper #content ul.gallery-thmbs li.last {margin: 24px 0 0 0;}
a.smlthmb {border: 3px solid #333; display: block; height: 81px; width: 81px;}
a.smlthmb:hover {border: 3px solid #f00;}
a.smlthmb-active {border: 3px solid #f00; display: block; height: 81px; width: 81px;}

h2.date {background: url('../images/tab-content-date.png') no-repeat; color: #fff; display: block; font: 15px bold Arial, Helvetica, sans-serif; height: 17px; margin: -35px 0 14px 0; overflow: visible; padding: 4px 0 0 14px; position: relative; width: 68px; z-index: 999;}
h2.interior-heading {background: url('../images/header-interior.png') no-repeat; color: #fff; display: block; font: 18px bold Arial, Helvetica, sans-serif; height: 29px; margin: -54px 0 14px 0; overflow: visible; padding: 11px 0 0 20px; position: relative; width: 525px; z-index: 2;}
h2.heading-short {background: url('../images/header-interior.png') no-repeat; color: #fff; display: block; font: 18px bold Arial, Helvetica, sans-serif; height: 29px; margin: -54px 0 14px 0; overflow: visible; padding: 11px 0 0 20px; position: relative; width: 454px; z-index: 2;}

#sub-categories {display: block; float: right; height: 25px; margin: -40px 10px 0 0; padding: 0 0 0 0; position: relative; z-index: 3;}
#sub-categories a {background: #333333; color: #fff; display: block; float: left; font: normal 12px Arial, Helvetica, sans-serif; height: 15px; margin: 0 10px 0 0; padding: 5px 10px 5px 10px; text-decoration: none;}
#sub-categories a:hover {background: url('../images/btn-subcat-bg.jpg') repeat-x; text-decoration: none;}
#sub-categories a.active {background: url('../images/btn-subcat-bg.jpg') repeat-x;}

img#content-pic {height: 267px; width: 475px;}

a img#feature-pic {height: 270px; width: 540px; margin: 0; padding: 0; clear: both;}
a:hover img#feature-pic {outline: 2px solid #f00;}
h3 {color: #fff; font: 24px bold Arial, Helvetica, sans-serif; margin: 14px 0 14px 0; text-transform: lowercase;}

p {color: #fff; font: 12px normal Arial, Helvetica, sans-serif; line-height: 24px;}

#content ul.generic-list {margin: 0 0 10px 0; padding: 0 0 0 30px;}
#content ul.generic-list li {color: #fff; font: 12px normal Arial, Helvetica, sans-serif; line-height: 24px; list-style: disc;}

a {color: #f00; text-decoration: none;}
a:hover {color: #a1130f; text-decoration: underline;}

ul#more-pages {clear: both; display: block; float: left; height: 28px; margin: -15px 0 0px 505px; width:180px;}
#interior #wrapper ul#more-pages {clear: both; display: block; float: left; height: 28px; margin: 15px 0 0px 461px; /*width:180px;*/ width: 780px;}

ul#more-pages li {float: left;}
ul#more-pages li a {background: url('../images/nav/nav-more-pages.png') 0 0 no-repeat; display: block; height: 28px; /*text-indent:-9999px;*/}
ul#more-pages li#left-arrow a {background-position: 0 0; text-indent:-9999px; width: 28px;}
ul#more-pages li#left-arrow a:hover {background-position: 0 -28px;}

ul#more-pages li.page-number a {background-position: -28px 0px; color: #fff; display: block; font: 13px normal Arial, Helvetica, sans-serif; height: 20px; padding: 8px 0 0 0; text-align: center; width: 25px;}
ul#more-pages li.page-number a:hover {color: #f00; text-decoration: none;}

ul#more-pages li.pagination-divider {background: url('../images/nav/nav-more-pages.png') -53px 0 no-repeat; display: block; height: 28px; text-indent:-9999px; width: 12px;}

ul#more-pages li#right-arrow a {background-position: -127px 0; text-indent:-9999px; width: 31px;}
ul#more-pages li#right-arrow a:hover {background-position: -127px -28px;}

/*---------------------- Right Column (Begin) */
#right-col-home {float: left; margin: 70px 0 0 0; padding: 0; width: 279px;}
#right-col-interior {background: #000; float: left; margin: 110px 0 0 7px; padding: 14px; width: 181px;}
#right-col-interior h3 {background: url('../images/header-rightcol.png') no-repeat; color: #7c6220; display: block; font: bold 27px "Times New Roman", Times, serif; height: 40px; letter-spacing: -2px; margin: -54px 0 0 0; overflow: visible; padding: 10px 0 0 12px; position: relative; text-transform: lowercase; width: 163px; z-index: 999;}
#right-col-interior h4 {color: #fff; font: bold 18px Arial, Helvetica, sans-serif; margin: 0; padding: 0 0 4px 0; text-transform: none;}
#right-col-interior h5 {border-bottom: 2px dotted #fff; color: #fff; font: normal 15px Arial, Helvetica, sans-serif; padding: 0 0 20px 0;}
#right-col-interior h6, #right-col-interior form#item-purchase fieldset ul#form-items li label {color: #7c6220; font: normal 18px "Times New Roman", Times, serif; letter-spacing: 1px; padding: 10px 0 5px 0; text-transform: lowercase;}
#right-col-interior p {line-height: 18px; padding: 0 0 20px 0;}
p#price-tag {background: url('../images/price-tag.png') no-repeat; color: #fff; display: block; font: bold 20px Arial, Helvetica, sans-serif; height: 27px; padding: 6px 0 0 10px; width: 56px;}

a#promo-callout {background: url('../images/callout-intheshop.png') 0 0 no-repeat; border: none; display: block; height: 359px; margin: 0; padding: 0; width: 279px;}

#upcoming-dates {background: #000; margin: 0 0 0 11px; padding: 0 14px 14px 14px; width: 240px;}
h4 {color: #7c6220; font: 29px bold "Times New Roman", Times, serif; margin: 0 0 0 0; padding: 0; text-transform: lowercase;}
div.teaser {border-bottom: 1px dotted #fff; color: #fff; font: 12px Arial, Helvetica, sans-serif; line-height: 18px; padding: 7px 0 7px 0;}
div.teaser h5 {float: left; font-weight: bold; margin: 0 3px 0 0; padding: 0;}
div.teaser a {}
div.teaser a:hover {}

a#right-col-special {background: url('../images/callout-wholesaleknobs.png') no-repeat; border: none; display: block; height: 193px; margin: 10px 0 0 10px; padding: 0; text-indent: -9999px; width: 267px;}

	/*------------------------ Form Styles (Begin) */
	form#item-purchase {}
	form#item-purchase fieldset {border: none;}
	
	form#item-purchase fieldset ul#form-items {}
	form#item-purchase fieldset ul#form-items li {}
	form#item-purchase fieldset ul#form-items li.price-section, form#item-purchase fieldset ul#form-items li.quantity-section {float: left;}
	form#item-purchase fieldset ul#form-items li.price-section {margin: 0 30px 20px 0;}
	form#item-purchase fieldset ul#form-items li.price-section label, form#item-purchase fieldset ul#form-items li.quantity-section label {display: block; padding: 0 0 10px 0;}
	
	form#item-purchase fieldset ul#form-items li.size-section {border-bottom: 2px dotted #fff; border-top: 2px dotted #fff; clear: both; display: block; margin: 10px 0 10px 0; padding: 10px 0 10px 0;}
	#right-col-interior form#item-purchase fieldset ul#form-items li.size-section label {display: block; float: left; margin: 0; padding: 0;}
	form#item-purchase fieldset ul#form-items li.size-section select#size-selector {background: #333; border: none; color: #fff; float: left; font: normal 11px Arial, Helvetica, sans-serif; margin: 0px 0 0 10px; padding: 5px 5px 5px 0; width: 125px;}
	
	form#item-purchase input#quantity-field {background: #333; color: #fff; font: normal 14px Arial, Helvetica, sans-serif; height: 25px; padding: 5px 0 0 10px; width: 75px;}
	
	form#item-purchase fieldset ul#form-items li.checkout-options {clear: both; margin: 10px 0 0 0;}
	
	input#btn-submit {background: url('../images/btn-addcart.png') no-repeat 0 0; clear: both; display: block; float: left; font-size: 1px; height: 35px; margin: 0 0 12px 0; text-indent: -9999px; width: 141px;}
	input#btn-submit:hover {background-position: 0 -35px; cursor: pointer;}
	
	input#btn-checkout {background: url('../images/btn-checkout.png') no-repeat 0 0; clear: both; display: block; float: left; font-size: 1px; height: 35px; margin: 0 0 12px 0; text-indent: -9999px; width: 141px;}
	input#btn-checkout:hover {background-position: 0 -35px; cursor: pointer;}

/*---------------------- Footer (Begin) */
#footer {background: url('../images/bg-footer.png') repeat-x; clear: both; color: #fff; font: 10px normal Arial, Helvetica, sans-serif; min-height: 126px; padding: /*90px*/0px 0 0 0; width: 100%;}
#site-credits {margin: 0 auto; position: relative; width: 1020px;}

ul li#footer-pinstripe {background: url('../images/footer-stripe.png') no-repeat; display: block; float: left; height: 48px; margin: 60px 0 0 0; text-indent:-9999px; width: 50px;}

ul#operator-info {float: left; padding: 60px 32px 0 0;}
ul#operator-info li {margin: 0 0 6px 0;}

ul#footer-nav {float: left; padding: 60px 32px 0 0;}
ul#footer-nav li {float: left;}
ul#footer-nav li.divider {background: url('../images/bullet-footer-star.png') center no-repeat; display: block; text-indent:-9999px; width: 20px;}

ul#designer-credit {float: left; padding: 60px 0 0 0;}


/*---------------------- Various Styles */

a.rollover-pic {background: url('../images/rollover-pic-wholesaleknobs1.jpg') 0 0 no-repeat; border: none; display: block; height: 267px; text-indent: -9999px; width: 537px;}
a.rollover-pic:hover {background-position: 0 -267px;}

#social-media-callouts {clear: both; margin: 0px 0 0 0; padding: 0px 0 0 150px; width: 928px;}

a#callout-myspace {background: url('../images/callout-myspace.png') 0 0 no-repeat; display: block; float: left; height: 125px; text-indent:-9999px; width: 272px;}
a:hover#callout-myspace {background-position: 0 -129px;}

a#callout-facebook {background: url('../images/callout-facebook.png') 0 -129px no-repeat; display: block; float: left; height: 125px; text-indent:-9999px; width: 272px;}
a:hover#callout-facebook {background-position: -1px -3px;}

a#callout-twitter {background: url('../images/callout-twitter.png') 0 0 no-repeat; display: block; float: left; height: 125px; text-indent:-9999px; width: 272px;}
a:hover#callout-twitter {background-position: 0 -129px;}

a#callout-photobucket {background: url('../images/callout-photobucket.png') 0 0 no-repeat; display: block; float: left; height: 125px; text-indent:-9999px; width: 292px;}
a:hover#callout-photobucket {background-position: 0 -132px;}

a#callout-flickr {background: url('../images/callout-flickr.png') 0 -127px no-repeat; display: block; float: left; height: 127px; text-indent:-9999px; width: 292px;}
a:hover#callout-flickr {background-position: 0 0px;}

a#contact-artist {background: url('../images/btn-contact.png') 0 0 no-repeat; display: block; float: left; height: 35px; text-indent:-9999px; width: 141px;}
a:hover#contact-artist {background-position: 0 -35px;}

.float-left {float: left;}
.clear-both {clear: both;}

p.dotted-border {display: block; border-bottom: 1px dotted #7c6220; padding: 0 0 10px 0; width: 100%;}

.thumbnail-filler {display: block; height: 103px; width: 254px;}