body {
	background: #fff;
	color: #eee;
	margin-top: 18px;
}


body #content {
		color: #111;
}

p { text-align: left; }

blockquote, p.quiet, .alt { color: #ccc; }
h1,h2,h3,h4,h5,h6 { color:#fff; }
a { color: #ccc; text-decoration: none; }
a:hover { color: #fff; }

#content h1,#content h2,#content h3,#content h4,#content h5,#content h6 { color:#000; }
#content a { color: #333; }
#content a:hover { color: #000; }

/*#header { background: url(../images/logo_disc.png) no-repeat center top; }*/

#sidebarRight h1,#sidebarRight h2, #sidebarRight h3,
#sidebarLeft h1, #sidebarLeft h2,  #sidebarLeft h3,
#mainContent h2, #mainContent h3,
#loginForm label,
#content #mainNav,
#categories li, #categories li a {
	text-transform: uppercase;
}

#sidebarRight h1,#sidebarRight h2, #sidebarRight h3,
#sidebarLeft h1, #sidebarLeft h2,  #sidebarLeft h3 {
	font-weight: bold;
}

#sidebarRight h1,#sidebarRight h2, #sidebarRight h3,
#sidebarLeft h1, #sidebarLeft h2,  #sidebarLeft h3,
#loginForm, #searchForm,
#categories li, #categories li a,
#shoppingCart li, #shoppingCart li a {
	font-size: 11px;
}

#sidebarRight h1,#sidebarRight h2, #sidebarRight h3,
#sidebarLeft h1, #sidebarLeft h2,  #sidebarLeft h3,
#sidebarRight p, #sidebarLeft p,
#loginForm, #searchForm, #shoppingCart {
	background-color: #1a1a1a;
}

#sidebarRight h1,#sidebarRight h2, #sidebarRight h3,
#sidebarLeft h1, #sidebarLeft h2,  #sidebarLeft h3,
#sidebarRight p, #sidebarLeft p {
	background-color: #1a1a1a;
	padding-left: 1em;
	padding-right: 1em;
}

#sidebarRight h1,#sidebarRight h2, #sidebarRight h3,
#sidebarLeft h1, #sidebarLeft h2,  #sidebarLeft h3 {
	line-height: 16px;
	border-bottom: 2px solid #000;
}

#categories h2, #categories h3,
#categories li, #categories li a,
#shoppingCart li, #shoppingCart li a {
	line-height: 18px;
	border: 0;
}

#loginForm {
	line-height: 18px;
	border-top: 0;
	margin-bottom: 18px;
	padding-top: 4px;
	padding-bottom: 4px;
}

#loginForm p, #loginForm form {
	margin-bottom: 0;
}

#categories li, #categories li a,
#content #breadcrumb, #content #mainNav, #footer #services, #footer #copy,
#content #breadcrumb a, #content #mainNav a, #footer #services a, #footer #copy a {
	color: #58595b;
	text-decoration: none;
}

#content #breadcrumb a:hover, #content #mainNav a:hover, #footer #services a:hover, #footer #copy a:hover {
	color: #000;
}

#shoppingCart {
	padding-top: 4px;
	padding-bottom: 4px;
}

#shoppingCart p {
	margin: 1px 0 7px 0;
}

#shoppingCart hr {
	background: #fff;
	color: #fff;
	border-left: 1em solid #1a1a1a;
	border-right: 1em solid #1a1a1a;
	margin: 0.7em 0 0.7em 0;
}

#shoppingCart p, #newsletter p,
#shoppingCart a, #newsletter a {
	line-height: 18px;
	font-size: 11px;
	text-decoration: none;
}

#shoppingCart ul {
	margin: 0;
	padding: 0 1em;
}

.hr {
	border-top: 1px solid #fff;
	width: 100%;
	clear: both;
	float: none;
	margin: 5px 0;
	padding: 0;
	height: 1px;
	line-height: 1px;
}
	
hr {
	background: #000;
	color: #000;
	clear: both;
	float: none;
	width: 100%;
	height: 1px;
	margin: 0 0 1.4em 0;
	border: none;
}

hr.sectionHR {
	clear: both;
	float: none;
	text-align: center;
	width: 100%;
	height: 1px;
	color: #221e1f;
	border: none;
} /* For Internet Explorer */
	html>body hr.sectionHR {
	margin-right: 0;
	width: 100%;
	height: 1px;
	background-color: #221e1f;
	border: none;
} /* For Gecko-based browsers */
	html>body hr.sectionHR {
	margin-right: 0;
	width: 100%;
	height: 1px;
	background-color: #221e1f;
	border: 0px solid #221e1f;
	margin: 19px 0 17px 0;
} /* For Opera and Gecko-based browsers */

.container h1 {
	
}

/* hr height fix */
/*#header, #sidebarLeft, #sidebarRight, #content { margin-top: -10px; }*/



#content #mainNav, #footer #services, #footer #copy {
	text-align: center;
}

#footer #services, #footer #copy { font-size: 0.9em; }

#footer #copy { margin-bottom: 0; }

#siteTitle {
	position:absolute;
	left: 100px;
	height: 1em;
	line-height: 1em;
	font-size: 24px;
	font-weight: bold;
	overflow: hidden;
	padding: 1px 3px;
	text-transform: uppercase;
}

.firstRow { top: 44px; }
.secondRow { top: 73px; }
.blackOnGrey { background-color: #1a1a1a; color: #000; }
.whiteOnGrey { background-color: #1a1a1a; color: #fff; }

#sidebarRight input, #sidebarLeft input, #currencyForm select {
	width: 110px;
}

form {
	margin-bottom: 18px;
}

form p {
	margin: 0;
}

form a {
	text-decoration: none;
}

form input {
/*
	font-size: 12px;
	height: 1.25em;
*/
}

form select {
	margin: 0;
	height: 19px;
	font-size: 11px;
}

form legend {
	font-size: 12px;
	line-height: 1.5em;
}

#searchForm {
	padding-bottom: 7px;
	padding-top: 8px;
}

#loginForm legend, #searchForm legend, #searchForm label, #currencyForm legend, .item legend,
#paymentForm legend, #shippingForm legend {
	display: none;
}

#loginForm input.submitButton, #searchForm input.submitButton {
	background-color: #1a1a1a;
	color: #ddd;
	border: 0;
	height: 18px;
	font-size: 11px;
	width: 12px;
	padding: 0;
	font-family: "Comic Sans", "Comic Sans MS", cursive, Verdana, Helvetica, Arial, sans-serif;
	position: relative;
	top: -0.5em;
	left: -1px;
}

/* For browsers with better pseudo-class support (as in, not ie) */
#loginForm input.submitButton:hover, #searchForm input.submitButton:hover {
	color: #fff;
}

/* Hide from ie */
html>/**/body #loginForm  input.submitButton { top: 0; }
html>/**/body #searchForm input.submitButton { top: 0; }

#paymentForm, #shippingForm {
	margin-bottom: 8px;
}

#paymentForm .option, #shippingForm .option {
	margin-bottom: 5px;
	overflow: hidden;
	font-size: 11px;
	line-height: 18px;
	padding: 9px 0;
	background: #f9f9f9;
}

#paymentForm .option input, #paymentForm .option img,
#shippingForm .option input, #shippingForm .option img {
	position: relative;
	top: 9px;
}

#shippingForm .upsExpress { border-left: 5px solid #fc5529; padding-bottom: 2px; }
#shippingForm .upsExpedited { border-left: 5px solid #2a6eed; padding-bottom: 2px; }
#shippingForm .upsStandard { border-left: 5px solid #882027; padding-bottom: 2px; }
#shippingForm .upsOther { border-left: 5px solid #8e8e8e; padding-bottom: 2px; }
#shippingForm .cp { border-left: 5px solid #ff0000; padding-bottom: 2px; }


.gotoArrow {
	float: right;
	margin-top: -1.55em;
	margin-right: 4px;
	font-family: "Comic Sans", "Comic Sans MS", cursive, Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
}

h1 {
	margin: 0;
	height: 54px;
}

p#quote {
	font-size:1.5em;
	line-height:36px;
	font-family: Georgia, serif;
}

span.bp {
	color:#369;
	font-weight:bold;
}

.note {
	background: #e5effa;
	color: #000;
	padding: 1.5em 10px;
	margin-bottom: 1.5em;
}

.note h2, .note h3, .note h4, .note h5, .note h6 {
	color: #069;
}

p.notice {
	padding: 16px;
	background: #E6EFC2;
	color: #529214;
	border: 2px solid #C6D880;
}

p.notice a {
	color: #529214;
	text-decoration: underline;
}

p.error {
	padding:16px;
	background: #FBE3E4;
	color: darkred;
	border: 2px solid #FBC2C4;
}

p.error a {
	color: darkred;
	text-decoration: underline;
}

/* Span 2.5; Breaks the grid a bit so we can have 3 equal-width columns in mainContent... oh well :o */
.span-25 { width: 155px; }
.span-35 { width: 225px; }

/* Breadcrumb (also used for the footer's services list) based on Listmatics' Fat Erik's breadcrumbs: http://css.maxdesign.com.au/listamatic/horizontal33.htm */
/*Fat Erik's Breadcrumbs*/
.navlist {
	list-style: none;
	padding: 0;
	margin: 0 0 1.5em 0;
}

.navlist li {
	display: inline;
	padding: 0;
	margin: 0;
}

#content #mainNav li {
	padding: 0 2em;
}

/* Width is actually 610px but we add 20px for an additional gutter space so we don't have to worry about the item margins */
#mainContent {
	width: 630px;
}

#mainContent .productList h2 {
	display: none;
}

#mainContent h2 {
	font-weight: bold;
	font-size: 16px;
	line-height: 18px;
	padding-bottom: 18px;
}

#mainContent h3, #mainContent h4 {
	font-weight: bold;
	font-size: 11px;
	line-height: 18px;
}

#mainContent h3 {
	display: inline;
}

#mainContent address {
	margin: 18px 0;
	font-style: normal;
}

#mainContent address p {
	margin: 0;
}

.item {
	float: left;
    position: relative;
	margin-bottom: 18px;
	margin-left: 0;
}

.item .action {
	text-transform: none;
}

.productList .item {
	width: 190px;
	margin-right: 20px;
    height:340px;
}

.productList .item img {
	margin: 0;
	margin-bottom: -0.5em;
    width: 150px;
	padding: 20px;
	border-bottom: 4px solid transparent;
    height: 146px;
}

.productList .item a img { background: transparent url(../images/morePlusSign.gif) no-repeat bottom right; }
.productList .item a:hover img { background: transparent url(../images/morePlusSignHover.gif) no-repeat bottom right; }

.productList .item .description {
	border-top: none;
	margin: 0;
	padding: 4px 1em;
}

.productFav .item {
    width: 190px;
    margin-right: 20px;
    height:280px;
}

.productFav .item img {
    margin: 0;
    margin-bottom: -0.5em;
    width: 150px;
    padding: 20px;
    border-bottom: 4px solid transparent;
    height: 146px;
}

.productFav .item a img { background: transparent url(../images/morePlusSign.gif) no-repeat bottom right; }
.productFav .item a:hover img { background: transparent url(../images/morePlusSignHover.gif) no-repeat bottom right; }

.productFav .item .description {
    margin: 0;
    padding: 0px 1em;
    border-top: none;
    margin: 0;
    padding: 4px 1em;
}

.item p {
	clear: both;
}

.item p, .item h3, .item select, .item form {
	/*
	font-size: 11px;
	line-height: 18px;
	*/
	padding: 0;
	margin: 0;
}

.productList .item p, .productList .item h3, .productList .item select, .productList .item form {
    font-size: 11px;
    line-height: 18px;
    padding: 0;
    margin: 0;
}

.productList .item .action {
    position: absolute;
    right: 0px;
    top: 127px;
}

.productFav .item p, .productFav .item h3, .productFav .item select, .productFav .item form {
    font-size: 11px;
    line-height: 18px;
    padding: 0;
    margin: 0;
}

.item .description p {
	margin-top: 4px;
}

.item h3 {
	font-weight: bold;
	text-transform: uppercase;
}

.item img {
	margin: 0;
}

.item .productImages {
	width: 430px;
	background-color: #fff;
	margin: 0;
	border: 20px solid transparent;
	overflow: hidden;
	position: relative;
	height: 1%;
}

.item .productImages .productThumbnails {
	width: 120px;
	position: absolute;
	top: 5px;
	right: 5px;
}

.item .productImages .productThumbnails img {
	float: right;
	border: 1px solid #1a1a1a;
	margin-bottom: 5px;
	clear: both;
}

.item .productImages .productThumbnails a img { border: 1px solid #1a1a1a; }
.item .productImages .productThumbnails a:hover img { border: 1px solid #a1a1a1; }

.item hr {
	clear: both;
	display: none;
}

.item .description {
	margin: 0;
	padding: 10px 1em;
	position: relative;
	border-top: 4px solid transparent;
	height: 1%; /* Holly hack. See http://www.satzansatz.de/cssd/onhavinglayout.html on hasLayout */
}

.item .description select {
	position: absolute;
	left: 70px;
}

.men .description { border-left: 5px solid #3e4723; }
.women .description { border-left: 5px solid #f2548a; }
.accessories .description { border-left: 5px solid #0092c7; }
.artist .description { border-left: 5px solid #ff0008; }
.collectors .description { border-left: 5px solid #ff0; }

#relatedItems {
	clear: both;
}

#relatedItems .item {
	height: 72px;
	overflow: hidden;
	margin-right: 20px;
}

#relatedItems .item img {
	float: left;
	display: inline;
	height: 54px;
	padding: 9px;
	border: none;
	border-right: 5px solid #000;
}

#relatedItems .item .description {
	border: none;
	position: static;
	padding: 9px;
	margin-left: 77px;
	width: 130px;
}

#relatedItems .item .description p {
	clear: none;
	font-size: 11px;
	line-height: 18px;
}

.action {
	text-transform: uppercase;
	display: inline;
	border: 0;
	color: #6e6e6e;
	padding: 3px 6px;
}

.action:hover {
	display: inline;
	border: 0;
	color: #000;
}

#contactInfo p, #addressBook p, #orderHistory p, #visitLog p, #affiliateProgram p {
	margin: 0;
}

form#contactInfo fieldset, form#AddressForm fieldset,
form#contactInfo fieldset p, form#AddressForm fieldset p { 
	margin-bottom: 18px;
	position: relative;
	height: 1%;
}

form#contactInfo legend, form#AddressForm legend, form#register legend {
	font-weight: bold;
	font-size: 11px;
	line-height: 18px;
	display: inline;
}

form#register legend {
	padding: 2px 0 2px 20px;
	width: 100%;
}

form#contactInfo label, form#AddressForm label {
	width: 170px;
}

form#contactInfo em, form#AddressForm em {
	font-weight: bold;
	color: #f00;
}

form#contactInfo input.text, form#AddressForm input.text {
	position: absolute;
	left: 170px;
	width: 170px;
}

form#contactInfo textarea.text, form#AddressForm textarea.text {
	position: absolute;
	left: 170px;
	width: 220px;
}

form#contactInfo select.text, form#AddressForm select.text {
	position: absolute;
	left: 170px;
	width: 220px;
}

form#AddressForm textarea#address {
	height: 108px;
}

form#AddressForm p.textarea {
	height: 108px;
}

.orderHistory th {
	vertical-align: baseline;
}

.orderHistory td {
	vertical-align: top;
}

/*
.cart td img {
	padding: 0;
	margin: 0;
	height: auto;
}
*/

.cart table   { margin-bottom: 0em; border-top:1px solid #ddd; border-left:1px solid #ddd; }
.cart th,td   { height: auto; padding: 0; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
.cart th      { font-weight:bold; }

.print {
	padding: 18px 10px 0 50px;
	height: 54px;
	background: transparent url(../images/printer.png) no-repeat 10px center;
}

.separate {
	padding-top: 18px;
}

.left { float: left; text-align: left; }
.right { float: right; }

/* Grid testing */
/*
body { background: url(blueprint/lib/img/baseline.png); }
#mainContent { background: url(blueprint/lib/img/grid.png); }
.container { background: url(blueprint/lib/img/grid.png); }
*/


table,tr,td,th{
	border:none;
}

.xcart {
	float: left;
	background-color: #1a1a1a;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 6px;
	height: 70px;
}

.xcart.title {
	text-transform:uppercase;
	height: 20px;
}

.xpicture { width: 55px; }
.xproductName { width: 300px; }
.xquantity { width: 65px; }
.xcost { width: 85px; }
.xclear { width: 45px; }
.xtotalTitle { 
	height: 20px; 
	margin-left: 381px; 
	width: 65px; 
}
.xtotal { 
	height: 20px;
	width: 85px; 
	}
.xupdate {
	height: 20px; 
	margin-left: 458px; 
	width: 85px; 
}
.xback2shop {
	clear:left;
	height: 20px; 
	width: 150x; 
}
.xcheckout { 
	height: 20px; 
	width: 163px; 
	margin-left: 275px; 
}

table#cart{
	display:table;
	width:600px;
	border:none;
}

table#cart tr{
	border:none;	
}
	
table#cart td,table#cart th{
	border:solid;
	border-color:#ededed;
	border-width:1px;
	vertical-align:top;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:8px;
	padding-right:8px;
	margin:0px;
}

table#cart th#picture{
	text-align:center;
}

table#cart td#picture{
	text-align:center;
	padding: 10px;
}

table#cart td#picture img {
	margin: 0;
}

table#cart th#name{
	width:300px;
}

table#cart th#cost{
	width:100px;
}

table#cart td#checkout{
	text-align:right;
}

table#cart td.vide{
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
}

.button{
	height:20px; 
}

table#feedback, table#feedback, td{
	border:none;
}

table#feedback textarea{
	width:500px;
}

textarea.addr{
	height:100px;
	width:300px;
}

textarea.comment{
	height:70px;
	width:550px;
}