﻿body{
	background: url(/lib/yhst-65995116280851/bg.gif);
	font: 70% Tahoma, Arial, sans-serif;
	padding: 0;
	margin: 0 auto;
	text-align: center;
}

/*Common Classes*/
.clear {
	clear: both;
}

#header .links,
#footer .links{
	margin:0;
	text-align: center;
	vertical-align: middle;
	list-style: none;
}

#header .links {
	margin: 8px 0 0 25px;
	padding: 5px 0 0 5px;
	width: 355px;
	float: left;
}


#footer .links {
	text-align: center;
	padding: 10px 0 5px 0;
}


#header h1 {font-size:120%}

.links a,
.links li{
	display: inline;
	margin:0;
	padding: 0 2px;
	color: #FFF;
}

.links a:hover {
	color: #FFCC4C;
}
.links li {border-right:1px solid #374E8B;}
.links li.last {border-right:none}

H2#section-contenttitle{
	font: bold 1.6em Arial, Helvetica, sans-serif;	
}
/*End Common Classes*/

/*Main Structure Style*/

.caption {
	margin: -17px 0 0 10px;
}

*:first-child+html .caption {
	margin: 0 0 0 10px;
}

*html .caption {
	margin: 0 0 0 10px;
}

#captionText {
	padding: 5px 20px 0 0;
	width: 310px;
	float: left;
}

#captionText p {color:#153491;}

#captionPhone {
	width: 310px;
	margin: 0 auto;
	text-align: center;
}

#featuredItem {
	width: 234px;
	float: left;
	background: #385596;
	text-align: center;
	padding: 0 0 10px 0;
}

#featuredItem p {
	margin: 5px;
}

#featuredItem a {
	color: #FFF;
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
}

#featuredItem a:hover {text-decoration:none;}

#featuredItem span {
	color: #FFCD4A;
	font-weight: bold;
}

#featuredArtists {
	background-color: #F9B200;
	width: 574px;
	margin: 0 0 20px 0;
}

.tableHead {
	width: 173px;
	padding: 5px;
}

#featuredArtists td {
	padding: 2px !important;
}

#featuredArt {
	background-color: #F9B200;
	width: 574px;
}

* html #featuredArt {padding:7px;}

#featuredArt td {
	background-color: #fff;
}

#container {
	font: 1em Tahoma, Arial, sans-serif;
	width: 760px;
	margin: 0 auto;
	text-align: left;
}

#containerForBorder {
	float: left;
	border-right: #5C77BE 1px solid;
	margin: 0 0 15px 0;
}

*:first-child+html #containerForBorder {
	margin: 0;
}

*html #containerForBorder {
	margin: 0;
}

#header { 
	background-color: #F9B200; 
	position: relative;
	height: 120px;
	width: 760px;
}

#headerTop {
	width: 594px;
	padding: 0 0 0 166px;
	height: 77px;
}

* html #headerTop {width:760px;}

#headerLogo {
	width: 404px;
	height: 76px;
	margin: 0 0 -25px 0;
	padding: 0;
	float: left;
}

#headerTopRight {
	float: left;
	text-align: center;
	width: 160px;
	margin: 21px 0 0 5px;
}

#headerTopRight img {
	padding: 5px 0;
}

#headerTopRight span {
	padding: 0 0 0 7px;
}

#headerBottom {
	width: 760px;
	clear: both;
	height: 57px;
}

#headerBottomLeft {
	width: 166px;
	height: 57px;
	float: left;
}

#headerBottomRight {
	width: 594px;
	height: 57px;
	background: url(/lib/yhst-65995116280851/purplebgtop.gif) no-repeat;
	float: left;
}

#headerBottom ul li a {
	color: #FFFFFF;
}

#headerBottom ul li a:hover {
	color: #FFCC4C;
}
#bodyshell {
	background:url(/lib/yhst-65995116280851/wrapper-bg.gif) repeat-y top left;
	float: left;
	margin: 0;
	width: 760px;
}

#nav-product {
	float: left;
	margin: -130px 0 0 0px;
	/*overflow: hidden;*/
	position: relative;
	width: 166px;
	z-index: 100;
}

*:first-child+html #nav-product {
	margin: -130px 0 0 -166px;
}

#footer{
	width: 760px;
	float: left;
	background: url(/lib/yhst-65995116280851/footerbg.gif) no-repeat;
	clear: both;
	height: 35px;
}

#header:after,
#bodyshell:after,
#footer:after,
#text:after{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
/*End Main Structure Style*/

#bodycontent{
	position: relative;
	width: 594px;
	float: right;
}

#bodycontent .bodypad{ padding: 10px; width:574px;}
* html #bodycontent .bodypad {width:594px;}

#text{ margin: 25px 0 20px 0; text-align: center; color: #FFF; clear: both;}

#text .designby{ color: #FFF; }

.designby a{ color: #FFF; }

#text .copyright{ color: #FFF;}

.bottomIcons {
	text-align: center;
}

/*Nav Area*/
#searcharea {
	width: 200px;
	float: left;
}

#searcharea fieldset{
	margin: 0;
	padding: 0;
	border: 0;
}

#searcharea input{ 
	font-size: 1em;
	vertical-align: middle; 
}

#searcharea span{
	font: bold 1.2em Arial, Helvetica, sans-serif;
	display: block;
}

#emailSignup fieldset{
	margin: 0;
	padding: 0;
	border: 0;
}

#emailSignup input{ 
	font-size: 1em;
	vertical-align: middle; 
}

#emailSignup span{
	font: bold 1.2em Arial, Helvetica, sans-serif;
	display: block;
}

#query { width: 127px; padding: 2px; }

#navquery {
	padding: 2px;
	width: 95px;
}

#htmltop {
	padding: 0;
	background: url(/lib/yhst-65995116280851/logoimage2.jpg) no-repeat;
	height: 275px;
	width: 166px;
}

#htmlbottom{
	padding: 5px;
	margin: 10px 0 30px 6px;
	background: #385596;
	color: #FFF;
}

#htmlbottom form {
	padding: 0 0 5px 0;
}

#htmlbottom span {
	color: #BEBEBE;
	font-size: .9em;
}

#htmlbottom span a {
	color: #BEBEBE;
}

#nav-product li{
	list-style-type: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #183079;
}
	
#nav-product li a{
	display: block;
	padding: 13px 10px 5px 6px;
	color: #FFF;
	font-size: 10pt;
	font-family: Arial, sans-serif;
}

#nav-product li a:hover {
	color: #FBB200;
	background-color: #000;
	text-decoration: none;
}
/*End Nav Area*/


/*fixing the table */
#browseTable {
	text-align: center;
}
.browseTD {
	margin: 0 !important;
	padding: 0 !important;
	border: #F9B200 solid 6px;
	border-right: none;
	width: 183px;
}

.browseLast {
	border-right: #F9B200 solid 6px;
}

/*end table fix */

/* Section and Item shared */

#breadcrumbs {
	color: #8F169F;
	margin: 0 0 0 12px;
}

*:first-child+html #breadcrumbs {
	margin: 10px 0 0 12px;
}

*html #breadcrumbs {
	margin: 10px 0 0 12px;
}

#breadcrumbs a {
	color: #000;
}

#breadcrumbs span {
	color: #000;
}



/* SECTON PAGE STYLES */
#section-title-top {margin-top:18px; height:9px; margin-left:9px; background:url(/lib/yhst-65995116280851/section-title-top.gif) no-repeat bottom left;}
* html #section-title-top  {height:0px;}
#section-title-bottom {height:11px; margin-left:9px; background:url(/lib/yhst-65995116280851/section-title-bottom.gif) no-repeat top left;}

.sectionHead {
	background: url(/lib/yhst-65995116280851/section-title-bg.gif) repeat-y top left;
	xwidth: 350px;
	padding: 0px 1px 0 18px;
	color: #fff;
	margin: 0px 0 0 9px;
}

*:first-child+html .sectionHead h2 {
	font-size: 12pt;
}

*html .sectionHead h2 {
	font-size: 12pt;
}

#sectionCaption {
	float: left;
	margin: 0 0 10px 0;
	width: 570px;
}

#sectionCaptionLeft {
	width: 360px;
	float: left;
	color:#000000;
}

#sectionCaptionLeft p {
	color:#000000;
	font-size:12px;
}

*html #sectionCaptionLeft {
	margin: 0 -15px 0 1px;
}

#sectionCaptionLeft p {
	padding: 0 0 0 28px;
}

#sectionCaptionRight {
	width: 182px;
	float: left;
	margin: 21px 0 0 26px;
}

.whiteStripe {
	height: 5px;
	background: #F7F6F4;
	width: 90%;
	margin: 5px auto;
}

.sectionBottom {
	margin: 0 0 50px 0;
}

/*dynamic paging */

#leftarrowdiv,
#rightarrowdiv      {width: 15px;}

#contents 			{width:550px; padding:15px 0pt;}
#contents A         {font: bold 11px tahoma, arial; color: #000;}
#contents td		{padding:5px 1px;}
#rotateTable1 td	{width:182px;}
#rotateTable1 td.vert-sep {background:#F9B200;}
#rotateTable1 td#rotateName a {color:#153491; font-size:12px; font-weight:normal;}
#rotateTable1 td#rotatePrice {color:#153491; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
#rotateTable1 td#rotateSaleprice {color:#153491; font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}

#paging A:hover     {text-decoration:underline;}


#paging {
	width: 540px;
	text-align: center;
	margin: 0 auto;
}
#paging TD          {padding: 2px;}
#paging .price      {font: bold 11px tahoma, arial; color: #8B169A;}
#paging .saleprice  {font: bold 11px tahoma, arial; color: #8B169A;}
#paging .saleprice2 {font: bold 11px tahoma, arial; color: #8B169A;}
#paging .abstract   {font: normal 11px arial; color: #555;}
#paging .qtybox     {font: normal 11px arial; width: 25px; text-align: right}
#paging .qtytext    {font: bold 11px arial; color: #000;}

.pagelinks          {font: normal 11px arial; color: #484746;}
.pagelinks a        {font: normal 11px arial; color: #484746;}
.pagelinks .chosen  {font: bold 11px arial; color: #484746;}

.itemof             {font: normal 11px arial; color: #484746;}
.pageof             {font: normal 11px arial; color: #484746;}
.pageof a {
	color: #9317A7;
}

a.viewall {color:#8B169A; text-decoration:underline;}
a.viewall:hover {text-decoration:none;}

#modes              {font: normal 11px arial; color: #000; text-decoration:none; }
#modes a            {font: normal 11px arial; color: #000; text-decoration:none; }
#modes .chosen      {font: bold 11px arial; color: #000; text-decoration:none; }

.sortlinks          {font: normal 11px arial; color: #484746; text-decoration:none; }
.sortlinks a        {font: normal 11px arial; color: #484746; text-decoration:none; }
.sortlinks .chosen  {font: bold 11px arial; color: #8B169A; text-decoration:none; }
.sortlinks img {
	vertical-align: middle;
}

#paging FORM        {margin:0px;}

.listheader         {background-color: #333333; font: bold 11px arial; color: #FFFFFF;}

.vcell              {background-color: #FFF;}
.vcell-on           {background-color: #FFF;}

.ecell              {background-color: #FFF;}
.ecell-on           {background-color: #FFF;}

.wcell              {background-color: #FFF;}
.wcell-on           {background-color: #FFF;}

/*dynamic paging*/

/*rounded corners */

.sectionRound {
	text-align: center;
}

.sectionRoundTop {
	background: url(/lib/yhst-65995116280851/sectionroundtop.gif) no-repeat;
	width: 552px;
	height: 11px;
}

*html .sectionRoundTop {
	margin-bottom: -2px;
}

.sectionRoundMiddle {
	background-color: #FBC643;
	width: 548px;
	margin: 0 0 0 2px;
}

.sectionRoundBottom {
	background: url(/lib/yhst-65995116280851/sectionroundbottom.gif) no-repeat;
	width: 552px;
	height: 11px;
}


/* ITEM PAGE STYLES */
*html .bodypad {
	padding-right: 0 !important;
	width: 594px !important;
}

.itemHead {
	background: url(/lib/yhst-65995116280851/itempurple.gif) no-repeat;
	color: #FFF;
	height: 36px;
	margin: 18px 0 0 9px;
	padding: 9px 1px 0 18px;
	width: 552px;
}

.itemHead h2 {
	font-size: 1.3em;
}

*:first-child+html .itemHead h2 {
	font-size: 1.2em;
}

*html .itemHead h2 {
	font-size: 1.2em;
}

#itemCaption {
	float: left;
	width: 557px;
	margin: 0 0 30px 0;
}

#itemCaptionLeft {
	float: left;
	width: 275px;
	margin: 0 0 0 15px;
}

*html #itemCaptionLeft {
	margin: 0 -15px 0 10px;
}

#itemCaptionRight {
	float: left;
	width: 240px;
	text-align: center;
	margin: 9px 0 0 25px;
}

.itemTable {
	color: #3A5395;
	padding-left: 2px;
}

*:first-child+html .itemTable {
	padding-left: 4px;
}

*html .itemTable {
	padding-left: 4px;
}

#itemTable {
	width: 266px;
}

.itemFormLeft {
	background: #F9CE5B;
	width: 65px;
	border-right: #FEE8B7 solid 1px;
	border-top: #FEE8B7 solid 1px;
	height: 20px;
	padding: 3px;
	text-align: right;
}

.itemFormRight {
	background: #FDDE8C;
	width: 140px;
	border-top: #FEE8B7 solid 1px;
	height: 20px;
	padding: 3px;
}

.itemFormTop {
	border-top: none;
}

#productInfo {
	margin: 10px;
}

#productInfoHeader {
	width: 525px;
	border-bottom: #E4C9E8 solid 1px;
	color: #78137D;
	padding: 5px 0;
}

#productInfoHeader h3 {
	font-size: 1.3em;
}

*:first-child+html #productInfoHeader h3 {
	font-size: 1.2em;
}

*html #productInfoHeader h3 {
	font-size: 1.2em;
}

#AlsoLike {
	width: 552px;
	padding: 5px;
	margin: 0;
}

#alsoLikeHeader {
	color: #FFF;
	margin: 0 0 10px 0;

	padding: 9px 0 0 15px;
	background: url(/lib/yhst-65995116280851/itempurple.gif) no-repeat;
	width: 552px;
	height: 36px;
}

#alsoLikeHeader h3 {
	font-size: 1.3em;
}

*:first-child+html #alsoLikeHeader h3 {
	font-size: 1.2em;
}

*html #alsoLikeHeader h3 {
	font-size: 1.2em;
}

#alsoLike-table {
	background: #F7B401;
}

.alsoLikeTD {
	width: 170px;
	background: #fff;
	border-top: #FCB004 solid 9px;
	border-bottom: #FCB004 solid 9px;

	border-left: #FCB004 solid 9px;
	padding: 20px;
}
.alsoLikeLast {
	border-right:  #FCB004 solid 9px;
}

#relatedItems {
	width: 552px;
	padding: 5px;
	margin: 0 0 30px;
	float: left;
}

#relatedItemsHeader {
	color: #FFF;
	margin: 0 0 10px 0;
	padding: 9px 0 0 15px;
	background: url(/lib/yhst-65995116280851/itempurple.gif) no-repeat;
	width: 552px;
	height: 36px;
}

#relatedItemsHeader h3 {
	font-size: 1.3em;
}

*:first-child+html #relatedItemsHeader h3 {
	font-size: 1.2em;
}

*html #relatedItemsHeader h3 {
	font-size: 1.2em;
}

#relatedItemsList {
	padding: 0 0 0 30px;
}

#relatedItemsList ul li {
	padding: 3px 0 3px 12px;
	background: url(/lib/yhst-65995116280851/listbullet.gif) no-repeat left;
	display: block;
}

#relatedItemsList a {
	color: #000;
}

#relatedItemsList a:hover {
	color: #80148C;
	text-decoration: underline;
}

#relatedItemsLeft {
	float: left;
	width: 235px;
}

#relatedItemsRight {
	float: left;
	width: 235px;
}

.purple a {
	color: #80148C !important;
}

/* Rounded Corners */			

.atcRound {
	text-align: center;
}

.itemRoundTop {
	background: url(/lib/yhst-65995116280851/itematcroundtop.gif) no-repeat;
	width: 268px;
	height: 8px;
}

*html .itemRoundTop {
	margin-bottom: -5px;
}

.itemRoundMiddle {
	background-color: #FDDC8D;
	width: 265px;
	margin: 0 0 0 2px;
}

*:first-child+html .itemRoundMiddle {
	margin: 0;
}

*html .itemRoundMiddle {
	margin: 0;
}

.itemRoundBottom {
	background: url(/lib/yhst-65995116280851/itematcroundbottom.gif) no-repeat;
	width: 268px;
	height: 8px;
}

.itemTableTop {
	background: url(/lib/yhst-65995116280851/itemformtop.gif) no-repeat;
	width: 268px;
	height: 7px;
}

*html .itemTableTop {
	margin-bottom: -7px;
}

.itemTableBottom {
	background: url(/lib/yhst-65995116280851/itemformbottom.gif) no-repeat;
	width: 268px;
	height: 7px;
}


/* SITEMAP */
#bodycontent .bodypad #sitemap-body {padding-bottom:40px;}
.sitemap-header {
    font: bold 13px tahoma;
    color: #385596;
    display: block;
    padding-top:  15px;
	text-align:left;
	text-decoration:underline;
}
.sitemap-1      {
    font: bold 12px tahoma;
    color: #8A1A99;
    display: block;
    padding-left: 25px;
	text-align:left;
	text-decoration:underline;
}
.sitemap-2      {
    font: normal 11px tahoma;
    color: #385596;
    display: block;
    padding-left: 50px;
	text-align:left;
	text-decoration:underline;
}
.sitemap-3      {
    font: normal 10px tahoma;
    color: #8A1A99;
    display: block;
    padding-left: 75px;
	text-align:left;
	text-decoration:underline;
}
.sitemap-4      {
    font: normal 8px tahoma;
    color: #385596;
    display: block;
    padding-left: 100px;
	text-align:left;
	text-decoration:underline;
}
.sitemap-header:hover, .sitemap-1:hover, .sitemap-2:hover, .sitemap-3:hover, .sitemap-4:hover {text-decoration:none;}

p {color:#FFFFFF;}

#reg-contents {padding:20px;}
* html #reg-contents {width:554px;}
#reg-contents td.horizontal-seperator {padding:5px; padding-top:15px;}
#reg-contents td.horizontal-seperator1 {padding:5px; padding-bottom:15px;}
#reg-contents td.horizontal-seperator1 a {font-size:11px; font-weight:bold; color:#000000;}

.vertical-seperator {background:url(/lib/yhst-65995116280851/horizontal-sep.gif) repeat-y 50% 0;}
.horizontal-sep {background:url(/lib/yhst-65995116280851/horizontal-sep.gif) repeat-x 0 50%;}

#itemTable {width:265px; margin-left:1px;}
#itemTable th {padding:5px 0pt; padding-right:5px; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#3B5497; font-weight:bold; background:#FCCD59; width:66px; vertical-align:middle;}
#itemTable td {padding-left:5px; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#3B5497; background:#FDDE8C; vertical-align:middle;}
#itemTable td select {font-size:11px; width:125px; vertical-align:middle;}
#itemTable td input {font-size:11px; font-family:Arial, Helvetica, sans-serif; vertical-align:middle;}
#itemTable .code {border-top:none;}
.itemTable form {padding:0px;}
#productText {padding-top:10px; padding-bottom:15px;}
#productText p {color:#000000;}

#bodycontent .bodypad #seo-related-links {margin:0px; clear:both; padding:5px; padding-bottom:20px; width:552px; margin-top:15px;}
#bodycontent .bodypad #seo-related-links h3 {}
#relatedLinksHeader {
	color: #FFF;
	margin: 0 0 10px 0;
	padding: 9px 0 0 15px;
	background: url(/lib/yhst-65995116280851/itempurple.gif) no-repeat;
	width: 552px;
	height: 27px;
}
#bodycontent .bodypad #seo-related-links:after {clear: both;content: "."; display: block; height: 0; visibility: hidden;}
#bodycontent .bodypad #seo-related-links ul {margin:0; padding: 0; list-style: none; overflow:hidden; padding:5px 0pt;}
#bodycontent .bodypad #seo-related-links ul.seo-links li {width: 45%; float: left; display: inline; background: url(dot.gif) 38px center no-repeat; margin:0; padding:0;}
#bodycontent .bodypad #seo-related-links ul.seo-links li a {text-decoration: none; padding:3px 0pt; padding-left:50px; display: block; _width: 85%; color:#000000; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
#bodycontent .bodypad #seo-related-links ul.seo-links li a:hover {text-decoration: underline; color:#7E158B;}
#bodycontent .bodypad #seo-related-links ul.seo-links li.view-more a {font-weight:bold; color:#7E158B;}

#AlsoLike table {padding:7px; background:#F9B200;}
#AlsoLike table .horizontal-seperator {background:#FFFFFF; padding-top:15px;}
#AlsoLike table .horizontal-seperator1 {background:#FFFFFF; padding-bottom:15px; font-size:11px; color:#8A1796; font-weight:bold;}
#AlsoLike table .horizontal-seperator1 a {color:#000000; font-size:11px; font-weight:bold;}
#AlsoLike table .vertical-seperator {background:none;}

#scPage-insets a {margin:0pt 2px;}


#scratchCoupon {background:url(/lib/yhst-65995116280851/couponbg.jpg) no-repeat 0 0; width:290px; height:170px; margin:10px auto 10px auto;}
