/*Merchants--Use this file to make any edits that you wish to override styles in the main stylesheets. By making edits to this CSS file, your styles applied here will cascade and overwrite styles in the main CSS files. This will allow you to replace the entire contents of the main stylesheets should it become necessary to update those to fix styling issues with the themes without losing any of your custom styles.*/


/* Huge resets of Yahoo default styles */
#maincontents div {
  margin: 0;
  padding: 0;
  border: none;
  color: #6c6f70;
  font: 11px/16px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#contentarea #caption {
  margin: 0;
}


.image-l {padding:0px;}
.inset-l {padding:0px;}
/*#contents td {margin:0; padding:0;}*/



/*#info-div:after {*/  /*clear:both; content:"."; display:block; height:0; visibility:hidden;}*/
/*  display: none;
}

#bodyshell:after {  /*{clear:both; content:"."; display:block; height:0; visibility:hidden;}*/
/*  display: none;
}

#caption:after {  /*clear:both; content:"."; display:block; height:0; visibility:hidden;}*/
/*  display: none;
}

#header:after {  /*clear:both; content:"."; display:block; height:0; visibility:hidden;}*/
/*  display: none;
}

#itemarea:after {  /*{clear:both; content:"."; display:block; height:0; visibility:hidden;}*/
/*  display: none;
}

*:first-child+html #messagearea {  /*{ width:590px; }*/
/*  width: auto;
}

*:first-child+html #itemarea {  /*{ width:570px; }*/
/*  width: auto;
}

/*#contentarea #hack {
  height: 0;
}*/






body {
  margin: 0;
  padding: 0;
  text-align: center;
  background-color: #d6d6d6;
}

a, a:visited {
  color: #5684b0;
}

a:hover {
  color: #386aa0;
}

form {
  margin: 0;
}

h1 {
  margin: 0;
  color: #386aa0;
  font: bold 18px/18px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

h2 {
  margin: 15px 0 15px 0;
  color: #386aa0;
  font: normal 16px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

iframe {
  border: none;
}

p {
  margin: 15px 0 0 0;
}

#headermain {
  height: 80px;
  background: #5886b2 url(/lib/asyouwish54935/background-header.gif) repeat-x scroll top left;
}

#logo {
  position: relative;
  width: 910px;
  margin: 0 auto 0 auto;
  text-align: left;
}

#logo img {
  display: block;
  border: none;
}

#logo p {
  position: absolute;
  top: 25px;
  right: 20px;
  margin: 0;
  color: white;
  font: bold 11px Trebuchet, "Trebuchet MS", sans-serif;
  text-align: right;
}

#logo p a {
  color: white;
  text-decoration: none;
}

#logo p a:hover {
  text-decoration: underline;
}

#logo p img.facebook {
  display: inline;
  margin-left: 3px;
  vertical-align: -4px;
}

#logo p .facebook {
  padding-top: 3px;
}

#headerbar {
  height: 40px;
  padding: 0;
  background: url(/lib/asyouwish54935/background-headerbar.gif) repeat-x scroll top left;
}

#middlebar {
  background-color: white;
  height: 100%;
}

#middlebar .clear {
  clear: both;
  width: 165px;
  background-color: #f3f3f3;
}

#containertop, #container2 {
  width: 910px;
  margin: 0 auto 0 auto;
  text-align: left;
}

#searchform {
  float: left;
  width: 165px;
  height: 40px;
  margin: 0;
  padding: 0;
  background: #e8af32 url(/lib/asyouwish54935/background-searchbar.gif) repeat-x scroll top left;
}

#searchform fieldset {
  display: inline;
  margin: 0;
  padding: 0;
  border: none;
}

#searchform input.text {
  width: 93px;
  height: 18px;
  margin: 7px 0 0 15px;
  padding: 3px 0 0 7px;
  color: #969696;
  border: 1px solid #ca9729;
  font: 10px Trebuchet, "Trebuchet MS", sans-serif;
  float: left;
}

#searchform input.ys_primary {
  text-align:center;
  cursor:pointer;
  margin: 7px 0 0 0;
  color: white;
  background-color: transparent;
  border: none;
  font: bold 14px Trebuchet, "Trebuchet MS", sans-serif;
}

#navtop {
  height: 40px;
  margin: 0;
  padding: 0;
  float: right;
}

#navtop li {
  display: inline;
  margin: 0;
  padding: 0;
}

#navtop a {
  display: block;
  float: left;
  height: 32px;
  margin: 0 2px 0 2px;
  padding: 8px 18px 0 18px;
  color: #575a5d;
  font: bold 16px Trebuchet, "Trebuchet MS", sans-serif;
  text-decoration: none;
}

#navtop a:hover, #navtop a.currentpage {
  color: #191c1f;
  background: #b2b2b2 url(/lib/asyouwish54935/background-topnav.gif) repeat-x scroll top left;
}

#leftbar {
  /*position: relative;
  z-index: 100;*/
  float: left;
  width: 165px;
  padding: 75px 0 25px 0;
  background: #f3f3f3 url(/lib/asyouwish54935/background-leftbar.gif) repeat-x scroll top left;
}

#leftbar ul {
  margin: 0 15px 0 15px;
  padding: 20px 0 20px 0;
  list-style: none;
  border-top: 1px solid #b5b7b4;
  border-bottom: 1px solid #b5b7b4;
}

#leftbar li {
  margin: 0;
  padding: 0;
}

#leftbar li a {
  display: block;
  height: 22px;
  margin: 0 -15px 0 -15px;
  padding: 8px 15px 0 15px;
  color: #6c6f70;
  font: 11px/14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  text-decoration: none;
}

#leftbar li a:hover, #leftbar li a.currentpage {
  color: #386aa0;
  background-color: white;
}

#leftbar li a.currentpage {
  font-weight: bold;
}

#leftbar div div {
  margin: 0 15px 0 15px;
  padding: 20px 0 20px 0;
  border-bottom: 1px solid #b5b7b4;
}

#leftbar h2 {
  margin: 0;
  color: #386aa0;
  font: bold 12px/16px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#leftbar p, #leftbar address {
  margin: 0;
  color: #6c6f70;
  font: normal 10px/16px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

/* Where did these font tags come from? Bah! */
#leftbar h2 font {
  font: bold 12px/16px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

/* Where did these font tags come from? Bah! */
#leftbar p font, #leftbar address font {
  font: normal 10px/16px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#leftbar iframe {
  width: 124px;
  height: 160px;
}



#maincontents {
  /*margin: 0 0 0 165px;*/  /* The left border is set to 165px to fake a left column background color, but that huge border acts like a margin */
  /*position: relative;
  z-index: 50;*/
  float: right;
  width: 720px;             /* No border because the width would have to be set to 545 and the relative positioning uncommented */
  margin: 0;
  padding: 30px 0 30px 25px;
  color: #6c6f70;
  font: 11px/16px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  /*border-left: 165px solid #f3f3f3;*/
}

#maincontents .breadcrumbs {
  margin: 0 0 20px 0;
  padding: 0 0 27px 0;
  border-bottom: 1px solid #d0cfcb;
  font: 14px/18px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#maincontents .breadcrumbs a {
  color: #386aa0;
  text-decoration: none;
}

#maincontents .breadcrumbs a:hover {
  text-decoration: underline;
}

#contents .name {
  margin: 0;
  padding: 0 0 15px 0;
}

#contents .name, #contents .name a, #contents .name a:visited {
  color: #5684b0;
  font: bold 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#contents .name a:hover {
  color: #386aa0;
}

#contents .price-bold {
  color: #6c6f70;
  font: bold 11px/16px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#contents .thumbnail-cell {
  width: 106px;
  padding: 0;
}

#contents .thumbnail-cell img, .image-l img {
  border: 1px solid #bbbdba;
}

#contents .horizontal-seperator {
  border-bottom-width: 20px;
}

#contents .description-cell {
  padding-left: 10px;
}

#item-contenttitle {
  margin: 20px 0 15px 295px;    /* 25 + 270 */
  width: 265px;
  padding: 0;
  color: #5684b0; 
  background: none;
  font: normal 16px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#itemarea form {
  margin-left: 295px;
}

#caption #itempage-captiontitle {
  color: #5684b0; 
  font: bold 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}


#footerbar {
  clear: both;
  height: 32px;
  background: #d6d6d6 url(/lib/asyouwish54935/background-footerbar.gif) repeat-x scroll top left;
}

#footer-links {
  display: block;
  padding: 10px 0 0 0;
  color: #6c6f70;
  font: 11px/14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  text-align: center;
}

#footer-links a {
  color: #6c6f70;
  text-decoration: none;
  text-transform: capitalize;
  font: 11px/14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#footer-links a:hover {
  text-decoration: underline;
}

#copyright {
  display: block;
  padding: 5px 0 10px 0;
  color: #6c6f70;
  font: 11px/14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  text-align: center;
}

/* Where did these font tags come from? Bah! */
#copyright font {
  font: 11px/14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}


#header-homepage {
  margin: -6px 0 23px 0;
  text-align: center;
}

#header-homepage img {
  display: block;
  width: 441px;
  margin: 0 auto 0 auto;
}

#mainbox-homepage {
  margin-bottom: 20px;
}

#mainbox-homepage img {
  display: block;
}

#homepage-fivecell {
  width: 100%;
  margin-top: 20px;
}

#homepage-fivecell td {
  width: 20%;
  text-align: center;
}

#homepage-fivecell td img {
  display: block;
  width: 125px;
  height: 125px;
  margin: 0 auto 5px auto;
}

#homepage-fivecell td a {
  color: #5684b0;
  font: 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  text-decoration: none;
}

#homepage-fivecell td a:hover {
  text-decoration: underline;
}

#homepage-twocell {
  width: 630px;
  margin: 20px auto 0 auto;
  border-top: 1px solid #d0cfcb;
}

#homepage-twocell td {
  color: #6c6f70;
  font: 11px/16px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#homepage-twocell td h2 {
  margin: 0 0 12px 0;
  color: #5684b0;
  font: 16px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#homepage-twocell td p {
  margin: 12px 0 15px 0;
}

#homepage-twocell td.left {
  width: 314px;
  padding: 15px 60px 0 15px;
}

#homepage-twocell td.center {
  width: 1px;
  padding: 10px 0 0 0;
}

#homepage-twocell td.right {
  width: 315px;
  padding: 15px 15px 0 60px;
}

#homepage-twocell td iframe {
  width: 200px;
  height: 160px;
}