/*
  $Id: stylesheet.css. v 1.1 07/08/2007
*/
html, body, form, fieldset {
	margin: 0;
	padding: 0;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #333;
	margin: 0;
	background-color: #FFFFFF;
}
.container {
	width: 960px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#white {
	background-color: #FFF;
	padding-bottom: 20px;
	background-image: url(img/bkg_grad.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#maincontainer {
	background-image: url(images/mainbkg.gif);
	background-repeat: repeat-y;
	background-position: 238px 0px;
	margin-bottom: 10px;
}
#infobarouter {
	clear: both;
	width: 100%;
	background-color: #808080;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #575757;
	border-bottom-color: #575757;
	background-image: url(img/bar.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
#infobar {
	clear: both;
	text-align: right;
	height: 37px;
	line-height: 35px;
	padding-right: 0px;
	font-size: 1.2em;
	color: #FFF;
}
#infobar a:link, #infobar a:visited {
	color: #FFF;
	text-decoration: none;
}
#infobar a:hover {
	color: #666;
	text-decoration: none;
	background-color: #FFF;
}
#content {
	padding: 0;
	margin-left: 260px;
}
#content p {
	font-size: 12px;
	line-height: 150%;
}
#sidebar {
	float: left;
	margin: 0;
	padding: 0;
	width: 220px;
}
#curcontainer {
	float: left;
	width: 160px;
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	height: 31px;
}
#curtext {
	float: left;
	width: 165px;
	padding: 0;
	text-align: right;
	margin-right: 10px;
}
.sidecontent, .helpcontent {
	margin-top: 30px;
	background-color: #fff;
	padding: 10px;
	border: 1px solid #ccc;
	background-image: url(img/grad.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.helpcontent {
	background-image: url(img/help.jpg);
}
/* Footer Styles Start */
#footer {
	width: 100%;
	background-image: url(img/footer_bkg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 82px;
	margin: 0;
}
#footercontent {
	width: 960px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}
#footerleft {
	float: left;
	margin: 0;
	padding: 0;
	width: 220px;
}
#footermain {
	padding: 0;
	margin-left: 260px;
}	
#footermain a:hover {
	color: #fff;
	text-decoration: none;
}	

/* Footer Styles End */
/* Navigation Start */

/*change the menu hover color below*/
#thecategories a:hover {
	background-color: #d3d3d3;
	color: #000000;
	text-decoration: none;
}
.catwithsubs, .catwithnosubs {
	padding-right: 5px;
}
#thecategories {
	position: relative;
	top: 0;
	margin-bottom: 0;
	width: 220px;
}
.activelink {
	display: block;
	font-weight: bold;
}
#thecategories a {
	display: block;
	padding-bottom: 3px;
	padding-top: 3px;
	width: 100%;
	text-decoration: none;
	font-size: 1.2em;
}
/*mozilla fix*/
html>body #thecategories a {
	width: auto;
}
/*end of mozilla fix*/

.topcat a {
	padding-left: 5px;
}
.secondcat a {
	padding-left: 20px;
}
.thirdcat a {
	padding-left: 35px;
}
.fourthcat a {
	padding-left: 50px;
}
.fifthcat a {
	padding-left: 65px;
}
#cart {
	height: 37px;
	padding: 0;
	margin: 0;
	float: right;
}
#cartimg {
	float: right;
	margin-right: 10px;
	height: 37px;
}
#cartimg img {
	margin-top: 10px;
}
#breadcrumbs {
	font-size: 1em;
	clear: both;
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
	padding-bottom: 10px;
	padding-top: 10px;
}
#breadcrumbs a:link, #breadcrumbs a:visited {
	color: #333;
	text-decoration: none;
}
#breadcrumbs a:hover {
	color: #333333;
	text-decoration: underline;
}
.floatright {
	float: right;
}
.floatleft {
	float: left;
}
.btnbdr {
	background-color: #ccc;
}
.btnbar {
	background-color: #faf8f4;
}
#productimg {
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
.fullwidth {
	background-color: #fff;
	background-image: url(img/top_bkg.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	border-top-width: 5px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #575757;
	border-bottom-color: #FFFFFF;
}
/* Top Navigation Start */
#outer {
	padding-top:1px;
	margin-bottom:0px; /* margin for this demo only */
}
#point {
	display:table;
	padding:0;
	list-style:none;
	white-space:nowrap;
	background-color: #575757;
	background-image: url(img/right2.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	float: right;
}
#point li {
	display:table-cell;
	margin:0;
	padding:0;
}
#point li.first {
	background-image: url(img/left2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#point li a {
	float:left;
	font-family:arial;
	font-size:11px;
	letter-spacing:1px;
	padding:5px 15px;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
}
#point li a:hover, #point li a.current {
	color:#000000;
	background-image: url(img/down_arrow.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
/* Top Navigation End */

/* Heading Tags Start */

h1, h6 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 2.2em;
	font-weight: bold;
	margin: 0;
	padding: 0;
	color: #575757;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: normal;
	margin-bottom: 5px;
	padding-bottom: 0;
	margin-top: 5px;
}
h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #575757;
	font-size: 1.4em;
	font-weight: normal;
	margin-bottom: 5px;
	padding-bottom: 0;
	margin-top: 0;
}
h4 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: #575757;
	font-weight: normal;
	margin-bottom: 0;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eee;
}
.sidecontent h6, .helpcontent h6 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: normal;
	margin-bottom: 4px;
	padding-bottom: 3px;
	margin-top: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	color: #333333;
}
td.pageHeading, div.pageHeading {
	font-size: 2.2em;
	font-weight: bold;
	color: #575757;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
/* Heading Tags End */


.boxText {
	font-size: 1.1em;
}
.errorBox {
	font-size : 1.1em;
	background: #ffb3b5;
	font-weight: bold;
}
.stockWarning {
	font-size : 1.1em;
	color: #cc0000;
}
.productsNotifications {
	background: #f2fff7;
}
.orderEdit {
	font-size: 1.1em;
	color: #70d250;
	text-decoration: underline;
}
/* Link Styling Start */

a {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #a40802;
	text-decoration: underline;
}
a.pageResults {
	color: #0000FF;
}
a.pageResults:hover {
	color: #0000FF;
	background: #FFFF33;
}
/* Link Styling End */

/* Form Styling Start */

form {
	display: inline;
}
/* input requirement */

.inputRequirement {
	font-size: 1.1em;
	color: #ff0000;
}
checkbox, input, radio, select {
	font-size: 1.1em;
}
textarea {
	width: 100%;
	font-size: 1.1em;
}
table.formArea {
	background-color: #faf8f4;
	border: 1px solid #ccc;
}
td.formAreaTitle {
	font-weight: bold;
}
/* Form Styling End */


/* Other styling */


.infoBox {
}
.infoBoxContents {
	font-size: 1.0em;
}
.infoBoxNotice {
	background: #FF8E90;
}
.infoBoxNoticeContents {
	background: #FFE6E6;
	font-size: 1.1em;
}
td.infoBoxHeading {
	font-size: 1.1em;
	font-weight: bold;
	color: #333;
	background-color: #FFFFFF;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ccc;
}
td.infoBox, span.infoBox {
	font-size: 1.1em;
}
tr.accountHistory-odd, tr.addressBook-odd, tr.alsoPurchased-odd, tr.payment-odd, tr.productListing-odd, tr.productReviews-odd, tr.upcomingProducts-odd, tr.shippingOptions-odd {
	background-color: #f6f6f6;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	padding: 5px;
}
tr.accountHistory-even, tr.addressBook-even, tr.alsoPurchased-even, tr.payment-even, tr.productListing-even, tr.productReviews-even, tr.upcomingProducts-even, tr.shippingOptions-even {
	background: #fff;
	padding: 5px;
}
table.productListing {
	border: 1px solid #ccc;
	border-spacing: 1px;
}
.productListing-heading {
	font-size: 1.2em;
	color: #333;
	font-weight: normal;
	padding: 3px;
	background-color: #ccc;
}
td.productListing-data {
	font-size: 1.1em;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
td.productListing-data a {
	font-weight: bold;
	font-size: 1.1em;
}
tr.subBar {
	background: #f4f7fd;
}
td.subBar {
	font-size: 1.1em;
	color: #333;
}
td.main, p.main {
	font-size: 1.2em;
	line-height: 150%;
}
td.mainborder, .mainborder, .loginborder {
	font-size: 1.2em;
	line-height: 150%;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ccc;
}
.loginborder {
	font-size: 1.1em;
	line-height: 120%;
}
td.smallText, span.smallText, p.smallText {
	font-size: 12px;
}
td.accountCategory {
	color: #aabbdd;
}
td.fieldKey {
	font-weight: bold;
}
td.tableHeading {
	font-weight: bold;
}
span.newItemInCart {
	font-size: 1.1em;
	color: #ff0000;
}
span.greetUser {
	color: #f0a480;
	font-weight: normal;
}
span.markProductOutOfStock {
	color: #a40802;
	font-weight: normal;
	font-size: 1.0em;
}
span.productSpecialPrice {
	color: #a40802;
}
span.errorText {
	color: #a40802;
}
/* Checkout Styling Start */

.moduleRowOver {
	background-color: #eee;
	cursor: pointer;
	cursor: hand;
}
.moduleRowSelected {
	background-color: #ccc;
}
.checkoutBarFrom, .checkoutBarTo {
	font-size: 1.1em;
	color: #8c8c8c;
}
.checkoutBarCurrent {
	font-size: 1.1em;
	color: #333;
}
/* message box */

.messageBox {
	font-size: 1.1em;
}
.messageStackError, .messageStackWarning {
	font-size: 1.1em;
	background-color: #ffb3b5;
}
.messageStackSuccess {
	font-size: 1.1em;
	background-color: #99ff00;
}
/* Navigation End */
TD.headerCart {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-repeat: repeat;
	background-position: center;
}
TD.productDesc, .productdescription {
	color: #333;
	padding-top: 10px;
	padding-right: 7px;
	padding-bottom: 2px;
	padding-left: 20px;
	font-size: 1em;
	line-height: 125%;
}
.productdescription {
	font-size: 1.1em;
	padding-bottom: 10px;
}
TD.productheadDesc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}
/* Obsolete */

tr.header {
	background-color: #fff;
}
tr.headerNavigation {
}
td.headerNavigation {
	font-size: 1.1em;
	color: #fff;
	font-weight: bold;
}
a.headerNavigation {
	color: #fff;
}
a.headerNavigation:hover {
	color: #fff;
}
tr.headerError {
	background: #ff0000;
}
td.headerError {
	background: #ff0000;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
tr.headerInfo {
	background: #00ff00;
}
td.headerInfo {
	background: #00ff00;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
tr.footer {
	background: #bbc3d3;
}
td.footer {
	font-size: 1.1em;
	background: #bbc3d3;
	color: #fff;
	font-weight: bold;
}
#logo {
	position: absolute;
	height: 6px;
	width: 285px;
	top: 0;
	left: 50%;
	margin-left:-480px;
}
#creditcards {
	width: 200px;
	margin-top: 20px;
	padding: 10px;
	margin-bottom: 20px;
}

#intro {
	margin-bottom: 20px;
	height: 464px;
}
#intrographic {
	float: left;
	width: 350px;
	height: 464px;
}
#introanim {
	float: right;
	width: 350px;
	background-color: #1a1b1e;
	height: 464px;
}

ul.product {
	list-style-type:none;
	margin:0;
	padding:0;
	font-size: 1.2em;
}
ul.product li {
	display:inline;
	margin:0;
	padding:0;
}
ul.product li a.last {
	margin-right: 0;
}
ul.product li a {
	display:block;
	width:150px;
	height:235px;
	border: 1px solid #ccc;
	padding: 7px;
	float:left;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	margin-top: 0;
	margin-right: 11px;
	margin-bottom: 20px;
	margin-left: 0;
	background-image: url(img/list_bkg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-size: 11px;
}
ul.product li a:hover {
	color:#000;
	text-decoration: none;
	background-image: url(img/list_bkg_over.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
ul.product li a span {
	padding: 4px;
	display:block;
}
ul.product img {
	margin-bottom: 5px;

}
.productdescpara {
	width: 367px;
	float: right;
	margin-bottom: 15px;
}
.title {
	margin-bottom: 20px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
}
ul.sitemap {
    color: #333;
}

.newbdr {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
}
/* Product Info Page Styles */
#artist {
	padding: 10px;
	background-image: url(img/artist_pic_bkg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 15px;
}
#artist p, #featured p  {
	margin-top: 0;
	margin-left: 90px;
	font-size: 0.9em;
	line-height: 1.4em;
	margin-right: 10px;
}
#artist img {
	float: left;
}
#artist h5, #featured h5 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 90px;
}
/* Product Info Page Inserted Images */
#options {
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 105px;
}
.optionsfour {
	background-image: url(img/options4_bkg.jpg);
}
.optionsthree {
	background-image: url(img/options3_bkg.jpg);
}.optionstwo {
	background-image: url(img/options2_bkg.jpg);
}
.optionsone {
	background-image: url(img/options1_bkg.jpg);
}
.optionspic {
	float: left;
	margin-right: 10px;
}
.oplastpic {
	float: left;
	margin-right: 0px;
}

#featured {
	background-image: url(img/featured_bkg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
}

hr {
    height: 0;
    border: 0;
    border-top: 1px solid #ccc;
	margin-top: 10px;
	margin-bottom: 10px;
}
/* Boxes Start */
.infopic {
	padding-top: 5px;
	padding-bottom: 5px;
}
.loginBoxContents {
	font-size: 1.1em;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ccc;
	margin-top: 5px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#splitleft {
	float: left;
	width: 47%;
	margin-top: 20px;
	border: 1px solid #ccc;
	background-image: url(img/grad.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#splitright {
	float: right;
	width: 47%;
	margin-top: 20px;
}
#splitleft h4, #splitright h4 {
	margin-top: 10px;
	font-size: 1.7em;

}