body {font-family: 'Raleway', sans-serif;font-weight: 300; width:90%;}
h1 {font-family: 'Raleway' , sans-serif;font-weight: 300}
h2 {font-family: 'Raleway' , sans-serif;font-weight: 300}
h3 {font-family: 'Raleway' , sans-serif;font-weight: 300}
td {font-family: 'Raleway' , sans-serif;font-weight: 300}
* {font-family: 'Raleway' , sans-serif;font-weight: 300}
select {autofocus;
    font-size: 16px;
} 

.sidebar {
color: black;
width: 30%;
float: right;
margin: 10px;
background-color: rgb(250,235,199);
padding: 10px 20px;
border: 1px dotted rgb (252,101,18);
border-top: 20px solid rgb(252, 101, 18);
border-radius: 10px;
box-shadow: 5px 5px 10px rgba(0,0,0,.5);
}
.sidebar h3 {
font-weight: 500;
color: red;
}

#bodycontent {float:right; width:810px;}
#container {margin:0 auto; text-align:left; width:980px; 
    
        #nav-general {clear:both; float:right; display:block; list-style:none; margin:0 5px 0 0;}
#nav-general li {background: transparent; color:#fff; border:1px solid #d29d58; border-top:0; float:left; margin:0 2px;} /* General Link Colors */
#nav-general li a {background:transparent; color:#ffffff; display:block; font-size:14px; font-weight:bold; padding:4px 68px 6px; text-align:center; text-decoration:none; white-space:nowrap;}
#nav-general li a:hover {background:transparent; color:#d29d58;}

#nav-product ul li a {
      background:transparent url('') 10px 50% no-repeat;
     border-bottom:1px dotted #d4a84b;         color:#d4a84b;
      display:block;
      font-weight:bold;       font-size:17px;
      height:auto;
      margin:0 0;
      min-height:22px;
      padding:12px 4px 6px 18px;
      text-decoration:none;
width:321px;
}



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

/*CSS for the Social Media Sharing feature -- Copy the styles below and paste them into your store's css-edits file. For instructions on how to do so, please see the help document at http://help.yahoo.com/l/us/yahoo/smallbusiness/store/edit/social/social-03.html*/

/*#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_v_separator {margin-left:10px;margin-right:10px;float:left;}
#ys_social_bottom_hr {border-top:1px solid #CFCECE; margin-top:5px;}*/