/*Border around images*/
#contents-table img {border: 2px solid black; !important}
#itemarea img.image-l {border: 2px solid black; !important}
.image-c img {border: 2px solid black; !important}
.image-r img {border: 2px solid black; !important} 

/*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.*/

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

/*Fixed width at 900px*/
/*#itemarea .code {font-style:normal; margin:10px 0; display:none; !important}*/
/*#itemarea .code em {font-style:normal; margin:10px 0; display:none; !important}*/

#bodycontent {float:right; width:750px; !important} /* 150 + 750 = 900 */

*:first-child+html #bodyshell { width:750px; !important}

#container {margin:0 auto; text-align:left; width:900px; border:solid 1px #754a30;  

background-color: #ffffff; !important}

*:first-child+html #messagearea { width:730px; !important} *:first-child+html #itemarea { 
width:700px; !important}


/*Contracts Global Nav Buttons*/
#nav-general li a {color:#ffffff; display:block;
font-size:10px; font-weight:bold; padding:4px 5px 6px;
text-align:center; text-decoration:none; white-space:nowrap; !important}


/*Transparent Background of Top Nav Buttons*/
#nav-general li {
background: transparent;
border: none;
}
#nav-general li a:hover {
background: d2d2d2;
}

#nav-product ul li a {

height:15px;
margin:0;
min-height:15px;
padding:2px 1px 2px 10px;
!important
}

/*Aligning the Option Drop-Downs*/
.itemoption {
width: 130px;
float: left;
text-aline: right;
display: block !important;
}


/*Transparent Background of Global Nav Buttons*/
#nav-general li {
background: transparent;
border: none; !important;
}

/*Transparent HOVER Background of Global Nav Buttons*/
#nav-general li a:hover {
background: transparent; !important;
}

#bodyshell
{
border-right: 150px solid #ece9e9; /* Note 150px should be size you want column to be */
}

#bodycontent
{
width: 600px; /* This value must add up to total width of site so a 960px wide site with 2 column of 150px wide would be 660px for center column */
}

#secondary-column
{
width: 150px;
margin-right:-150px;
float:right;
}

#information-box
{
  float:right;
  height:130px;
}

ys_social_top_hr {border-top:1px solid #CFCECE; margin-bottom:5px; margin-top:5px; clear:both; }
ys_social_media {height:26px;display:inline-block;vertical-align:middle;margin-left:10px; }
ys_social_fblike {float:left;}
ys_social_tweet {float:left;}

ys_social_bottom_hr {border-top:1px solid #CFCECE; margin-top:5px;}