/*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:#ce1700;color:#e9e9e4;font:bold 11px Arial,verdana,sans-serif;padding:1px 5px;text-align:center;cursor:pointer; display:inline; margin-top:10px;}
*/

/* primary tags and styles */
body  { margin: 0; background-color: #fbeec0; }
body, td, p, ol, ul, li, div, span, form, textarea, h1, h2, h3, h4, h5, h6 { font-size: 11px; color: #333333; font-family: verdana, arial, helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6, form, ol, ul, li { padding: 0; margin: 0; }
h1, h2, h3, h4, h5, h6 { color: #7b4417; font-weight: bold; }
h1 { font-size: 18px; font-weight: normal; font-family: verdana, arial, helvetica, sans-serif; }
h2 { font-size: 12px; }
ol, ul, li { list-style-type: none; }
ul { margin: 0.5em 0 0 0.5em; padding: 0; }
li { background-image:url(http://pastrysmart.com.p11.hostingprod.com/graphics/bullet.gif); background-position:0 0.6em; background-repeat:no-repeat; padding: 2px 0 2px 10px; }
img { border: none; display: block; }
big { font-size: 14px; font-family: arial, verdana, helvetica, sans-serif; }

/* text classes */
.headline { color: #333333; font-weight: bold; font-size: 14px; font-family: arial, verdana, helvetica, sans-serif; }
.copyright { color: #b9a372; font-size: 9px; font-weight: normal; }
.footer { color: #a98173; font-size: 9px; font-weight: bold; }
.fineprint { color: #666666; font-weight: normal; font-size: 9px; font-style: italic; }
.padding10 { padding: 10px }
.padding5 { padding: 5px }
.padding6 { padding: 6px }
.padding7 { padding: 7px }
.leading14 { line-height: 14px }
.leading16 { line-height: 16px }
.leading18 { line-height: 18px }
.emph1 { font-size: 10px; font-weight: bold; color: #333333 }

/* ecommerce classes */
.price { color: #333333; font-size: 11px; font-weight: normal;  }
.price-bold { color: #333333; font-size: 14px; font-weight: bold;  }
.sale-price-bold { color: #cc0000; font-size: 14px; font-weight: bold;  }

#layouthd { background-color: #652300; height: 5px; }
#layoutbody { background-image:url(http://pastrysmart.com.p11.hostingprod.com/graphics/bg-orgfade.jpg); background-repeat: repeat-x; background-position: top center; height: 122px; }
#info-div { text-align: left; padding: 10px 18px 10px 18px; }
#contentarea { text-align: left; padding: 10px 18px 10px 18px; }

#contents .name { padding-top: 10px; padding-bottom: 30px; }
#contents .price { color: #004d00; font-size: 11px; font-weight: normal;  }
#contents .price-bold { color: #004d00; font-size: 11px; font-weight: normal; }
#contents .sale-price-bold { color: #cc0000; font-size: 11px; font-weight: normal; }
#contents a { color: #663e27; font-size: 10px; font-weight: normal; text-decoration: none; }
#contents a:visited { color: #663e27; font-size: 10px; font-weight: normal; text-decoration: none; }
#contents a:hover { color: #de7730; font-size: 10px; font-weight: normal; text-decoration: underline; }
#contents a:active { color: #663e27; font-size: 10px; font-weight: normal; text-decoration: none; }

/* tables */
table.outline1 { border-collapse: collapse; }
td.outline1 { border: solid 1px #cccccc; padding: 6px; }
td.whitecell { background-color: #ffffff; }
td.paginate { padding: 4px; }
.leftnav { background-color: #de7730; }
.header { background-color: #fccc85; height: 107px; padding-right: 21px; }
.topnav { padding-right: 22px; }
.pagebody { background-color: #fffbe7; }
.footercell { background-color: #fffbe7; padding: 22px; }
.innercontent { background-color: #ffffff; border: solid 1px #f4f1e4; height: 381px; border-right: none; }

/* image control */
img.inline { display: inline; }
img.contentsthumb { margin: 5px 0 5px 0; }

/* lists */
#leftnav ol { list-style-type: none; margin: 0; padding: 0; }
#leftnav ul { list-style-type: none; margin: 10px 0 8px 1.2em; padding: 0; }
#leftnav li { background-image:url(http://pastrysmart.com.p11.hostingprod.com/graphics/bullet.gif); background-position:0 0.5em; background-repeat:no-repeat; padding: 0 0 5px 12px; }

/* form elements */
input { color: #333333; font-size: 10px; font-family: verdana, sans-serif; }
textarea { background-color: #ffffff; border: solid 1px #A2A29E; color: #333333; font-size: 9px; font-weight: normal; } 
select  { background-color: #ffffff; border: solid 1px #A2A29E; color: #333333; font-size: 9px; font-weight: normal; } 
.button1 { background-color: #ffffff; border: solid 1px #A2A29E; color: #333333; font-size: 9px; font-weight: bold; } 
.textfield1 { background-color: #ffffff; border: solid 1px #A2A29E; color: #333333; font-size: 9px; } 
.textfield2 { background-color: #ffffff; border: solid 1px #A2A29E; color: #333333; font-size: 9px; width: 200px; } 
.searchfield { background-color: #ffffff; border: solid 1px #714800; color: #333333; font-size: 9px; width: 100px; }
.searchbtn { margin-left: 6px; }
.qtyfield { background-color: #ffffff; border: solid 1px #c4c4c4; color: #333333; font-size: 9px; width: 15px; }

/* links */
a { color: #652300; text-decoration: none }
a:visited { color: #652300; text-decoration: none }
a:hover { color: #de7730; text-decoration: underline }
a:active { color: #652300; text-decoration: none }

a.leftnav { color: #330000; font-size: 10px; font-weight: normal; text-decoration: none; }
a.leftnav:visited { color: #330000; font-size: 10px; font-weight: normal; text-decoration: none; }
a.leftnav:hover { color: #fb755c; font-size: 10px; font-weight: normal; text-decoration: underline; }
a.leftnav:active { color: #330000; font-size: 10px; font-weight: normal; text-decoration: none; }

a.footer { color: #a98173; font-size: 9px; font-weight: bold; text-decoration: none; }
a.footer:visited { color: #a98173; font-size: 9px; font-weight: bold; text-decoration: none; }
a.footer:hover { color: #652300; font-size: 9px; font-weight: bold; text-decoration: underline; }
a.footer:active { color: #a98173; font-size: 9px; font-weight: bold; text-decoration: none; }

a.copyright { color: #b9a372; font-size: 9px; font-weight: normal; text-decoration: none; }
a.copyright:visited { color: #b9a372; font-size: 9px; font-weight: normal; text-decoration: none; }
a.copyright:hover { color: #652300; font-size: 9px; font-weight: normal; text-decoration: underline; }
a.copyright:active { color: #b9a372; font-size: 9px; font-weight: normal; text-decoration: none; }





/* banner1*/

.nav {float:left; position:relative; margin-top: 10px; margin-left: 10px; margin-bottom: 10px; height:160px; background:#de7730; border:0px solid #de7730;}
.menu {padding:0; margin:0; list-style:none; font-family:arial, sans-serif; clear:left; float:left;}
.menu li a {display:block; width:155px; line-height:45px; float:left; font-weight:bold; font-size:12px; color:#2f180f; text-decoration:none; padding:0px 10px 0px -20px;}

.menu ul {padding:0; margin-left: 10px; list-style:none;}
.menu ul li.sub {width:155px; float:left;}
.menu ul li h4 {padding:0 0 0 0px; margin:0; line-height:20px; height:20px; color:#5d4219; font-size:12px; width:140px; float:left;}
.menu ul li a {line-height:11px; padding:5px 0px; margin-left:-18px; font-size:12px; font-weight:normal; float:left;width:155px;}
.menu li a:hover {background:transparent url(pointer.gif) no-repeat right center; text-decoration:underline;}
.menu li ul li a {text-decoration:none !important;}
.menu li:hover > a {background:transparent url(pointer.gif) no-repeat right center;}
.menu ul li.sub ul li a:hover {background:#fff1b4;}

.menu li.close {display:none; position:absolute;}

.menu ul.sub {z-index:1000; position:absolute; background:#de7730 url(divide.gif); left:-9999px; top:-5px; height:215px; border:0px solid #000; border-width:0px 0px 0px 0;
-webkit-transition: background-color 1s;
-moz-transition: background-color 1s;
-o-transition: background-color 1s;
transition: background-color 1s;
transition-delay: 0.25s;
-o-transition-delay: 0.25s;
-moz-transition-delay: 0.25s;
-ms-transition-delay: 0.25s;
-webkit-transition-delay: 0.25s;
}
.menu ul.sub1 {width:338px;}
.menu ul.sub2 {width:338px;}
.menu ul.sub3 {width:338px;}

.menu li.top-li:hover {direction:ltr;}
.menu li.top-li:hover ul.sub {left:155px; background-color:#fccc85;}
.menu li.top-li ul.sub li.sub {height:275px;}

/* .menu ul li.bottomLine {clear:left; width:100%; background:#de7730; height:40px;}
.menu ul li.bottomLine p {padding:0 10px; margin:0; line-height:20px; color:#2f180f; font-size:12px;}
.menu ul li.bottomLine p a {display:inline; width:auto; float:none; padding:0; margin:0; background:none; color:#d3450d;line-height:11px; }
.menu ul li.bottomLine p a:hover {background:#000;} */

.clear {clear:left;}

/* for IE6 */
.menu table {border-collapse:collapse; margin-bottom:-1px;}
.menu li.top-li a:hover {direction:ltr;}
.menu li.top-li a:hover ul.sub {left:155px; background-color:#fccc85;}
.menu li.top-li a:hover ul li {float:left;}
.menu li.top-li a:hover ul li a {font-weight:normal; float:left; line-height:11px;}
.menu li.top-li a:hover ul li.bottomLine p {font-weight:normal;}
.menu li.top-li a:hover ul li.bottomLine p a {float:none;}

/* for iPhone, iPod Touch and iPad */
.menu li.p1:hover + li.close {display:block; left:288px; top:-20px; opacity:1; z-index:100;}
.menu li.p2:hover + li.close {display:block; left:438px; top:-20px; opacity:1; z-index:100;}
.menu li.p3:hover + li.close {display:block; left:588px; top:-20px; opacity:1; z-index:100;}

.menu li:hover + li.close a {display:block; width:30px; height:30px; background:url(close.png); padding:0; margin:0;}

.item-desc {float:right; width:250px;}
.item-desc * {font-family:Arial !important; color:#000;}

.breadcrumbs {padding-left:20px; padding-top:10px; font:bold 12px Arial;}