/*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.*/
#info-info {padding-left:5px;
width:535px;}
.image-x {border: 1px solid black;}

.ys_primary{ background:#4f4c33;color:#4f4c33;font:bold 11px Arial,verdana,sans-serif;padding:1px 5px;text-align:center;cursor:pointer; display:inline; margin-top:10px;}

#htmlbottom {}

#imagearea {width:250px; float:left; margin: 0;}

#left-nav-home {border-top:1px dotted #D3D7BD; border-bottom:1px dotted #D3D7BD;}

#altimages {
display:block;
float:left;
height:auto;
margin-top:15px;
width:250px;}

.head-info {background:#FFFFFF url(/lib/yhst-87781727580468/header.gif) no-repeat scroll 0 0;
display:block;
float:right;
height:82px;
margin-right:5px;
width:540px;}

.ul-top {
list-style-type:upper-alpha;
margin-left:auto;
width:auto;
vertical-align:middle;
padding-top:23px;}

.ul-top li {color:#FFFFFF;display:inline;font-size:11px;text-align:center;}

.ul-top li a{
color:#FFFFFF;
display:inline;
padding:0 .8em;
text-decoration:none;}

.ul-top a:hover {
color:#630;
text-decoration:underline;
vertical-align:middle;}

#location-info {display:block;
float:left;
height:60px;}

#mainimage {display:block; height:250px; width:250px; float: left;}

#searchbox {background: #504c33 url('http://ep.yimg.com/ca/I/yhst-87781727580468_2170_158632803'); display:block; margin:0 5px 0px; height: 30px;}

#otherimagebox {display:inline-table; height:auto; width:auto;float:none;background-color:#fff;}

#itemcontents {clear:right;_display:inline;float:right;
height:auto;
width:335px;}

#addtocartbox {height:auto; width:250px;float:left;border:1px dotted #D3D7BD;;padding:4px;}

#dropdown {color:#FFFFFF;
font-size:0.85em;
font-weight:bold;text-align:left;
text-transform:uppercase;padding-left:5px;}

#sales {color: #4f4c33;}
#shop {padding-top:5px;}
#drop {padding-top:2px;}
#search {padding-top:2px;}
#cart {padding-top:0;}

.brand {font-size:10px;font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#7d7042;}

.collection {font-size:10px;font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-style:italic; color:#504c33;}

.item-name {font-size:10px;font-family:Verdana, Arial, Helvetica, sans-serif; font-style:inherit; color:#504c33;}

#signup {width:570px; height:60px; background:#d3d7be;text-align:left;}
#signup-text {float:right;
padding:5px;}
#searchsubmit2 {
-x-system-font:none;
background:#FFFFFF url() repeat scroll 0 0;
color:#575757;
cursor:pointer;
display:inline;
font-family:Arial,verdana,sans-serif;
font-size:10px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
margin:0;
padding:1px 5px;
text-align:center;
}

#left-info {_display:inline;
float:right;
margin-left:-250px;
overflow:hidden;
width:250px;
_z-index:100;}

#bodyshell-info {background-color:#FFFFFF;
border-left:250px solid #FFFFFF;
float:left;
margin:0;}

#bodycontent-info {border-left:1px dotted #D3D7BD;
width:549px;position: relative;
float:right;
min-height:300px;}

.man {color:#7D7042;font-family:"Times New Roman", Times, serif;font-size:24px;}

.coll {font-family:"Times New Roman", Times, serif;font-style:italic;color:#7d7042; font-size:24px;}

.item-name2 {font-size:14px;font-family:Verdana, Arial, Helvetica, sans-serif; font-style:inherit; color:#0003;}

#name-title {border-bottom:1px dotted #D3D7BD;padding-bottom:10px;}

#sec-nav {padding:0 0 0 10px;}
#sec-nav a{text-decoration:none;}
#sec-nav a:hover{text-decoration: underline;}
#sale-item {font-weight:bold;padding:2px 0 0 10px;}
#sale-item a{color:red;text-decoration:none;}
#sale-item a:hover {color:red;text-decoration: underline;} 
/***********new*nav********/

.arrowlistmenu{
width: 150px; /*width of accordion menu*/
padding-top:10px;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 11px Verdana;
color: 33332a;
background: #fff;
margin-bottom: 5px; /*bottom spacing between header and rest of content*/
text-transform: capitalize;
padding: 0px 0 0px 10px; /*header text is indented 10px*/
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 5px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
padding-left:10px;
}

.arrowlistmenu ul li a{
color: #7d7042;
display: block;
padding: 0;
padding-left: 10px; /*link text is indented 10px*/
text-decoration: none;
text-align:left;
border-bottom: 0px;
font-size: 11px;
}

.arrowlistmenu ul li a:visited{
color: #7d7042;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #7d7042;
text-decoration: underline;
background-color: #F3F3F3;
}

.shop-by {font-size: 11px; padding-left: 17px; font-weight:bold;}
.shop-by-style {font-size: 11px; padding-left: 17px;font-weight:bold; }

.other-nav {font-size: 11px;padding-left:10px;}

.other-nav a{text-decoration: none;}

.other-nav ul li a{text-decoration: none;}

.other-nav ul li{padding-bottom: 2px;padding-top:1px;}

.other-nav ul li a:hover{color: #7d7042;
text-decoration: underline;
background-color: #F3F3F3;}



a.attach, a.attach:visited, div.attach
{
  display: block;
  width:   100px;
  border:  1px solid black;
  padding: 2px 5px;
  background: #FFFFEE;
  text-decoration: none;
  font-family: Verdana, Sans-Sherif;
  font-weight: 900;
  font-size: 1.0em;
  color:   #008000;
}

a.attach, a.attach:visited { border-bottom: none; }
div#attach-menu-child { border-bottom: 1px solid black; }

form.attach {
  position: absolute;
  visibility: hidden;
  border:  1px solid black;
  padding: 0px 5px 2px 5px;
  background: #FFFFEE;
}

form.attach b {
  font-family: Verdana, Sans-Sherif;
  font-weight: 900;
  font-size: 1.1em; }

input.attach { margin: 1px 0px; width: 170px; }

#images { clear:both;display:block;}
.image { width:215px;height:200px; float:left; margin:10px 10px 10px 5px; background:#FFF;}
.image img {border: 1px groove white; margin:10px 0 0 0;}