/*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: #fef1ee; }
body, td, p, ol, ul, li, div, span, form, input, textarea, h1, h2, h3, h4, h5, h6 { font-size: 10px; color: #000000; 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: #eb4526; font-weight: bold; }
h1 { font-size: 12px; }
h2 { font-size: 11px; }
ol { list-style-type: none; }
ul { list-style-type: none; margin: 0 0 0 0.5em; padding: 0; }
li { background-image:url(http://site.cosmeticskitchen.com/graphics/bullet.gif); background-position:0 0.5em; background-repeat:no-repeat; padding:1px 0 1px 10px; }
/* ul ul { list-style-type: none; margin: 0 0 0 0em; padding: 0; } */
/* li { background-image:url(http://site.cosmeticskitchen.com/graphics/bullet.gif); background-position:0 0.5em; background-repeat:no-repeat; padding:1px 0 1px 10px; } */
/* ul ul li { background-image:url(http://site.cosmeticskitchen.com/graphics/dash.gif); background-position:0 0.5em; background-repeat:no-repeat; padding:1px 0 1px 10px; } */
img { display: block; }

/* text classes */
.layoutborder { background-color: #330000; }
.copyright { color: #84605f; font-size: 9px; font-weight: normal; }
.footerxt { color: #663300; font-size: 9px; font-weight: normal; }
.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 }

/* yahoo store */
.price { color: #333333; font-size: 10px; font-weight: normal; font-family: verdana, arial, helvetica, sans-serif; }
.price-bold { color: #333333; font-size: 10px; font-weight: bold; font-family: verdana, arial, helvetica, sans-serif; }
.sale-price-bold { color: #cc0000; font-size: 10px; font-weight: bold; font-family: verdana, arial, helvetica, sans-serif; }
 
#contents .price { color: #000000; font-size: 10px; font-weight: normal; font-family: verdana, arial, helvetica, sans-serif; }
#contents .price-bold { color: #000000; font-size: 10px; font-weight: normal; font-family: verdana, arial, helvetica, sans-serif; }
#contents .sale-price-bold { color: #cc0000; font-size: 10px; font-weight: normal; font-family: verdana, arial, helvetica, sans-serif; }
#contents a { color: #330000; font-weight: normal; text-decoration: none }
#contents a:visited { color: #330000; font-weight: normal; text-decoration: none }
#contents a:hover { color: #fb755c; font-weight: normal; text-decoration: underline }
#contents a:active { color: #330000; font-weight: normal; text-decoration: none }

#info-div { text-align: left; }
#contentarea { text-align: left; }

#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://site.cosmeticskitchen.com/graphics/bullet.gif); background-position:0 0.5em; background-repeat:no-repeat; padding: 0 0 5px 12px; }

#homemidfeaturetxt { font-size: 11px; width: 178px; padding: 35px 10px 5px 0; text-align: left; }
#homefeaturetxt { font-size: 10px; padding: 40px 5px 5px 80px; text-align: left; }

/* tables */
table.outline1 { border-collapse: collapse; }
td.outline1 { border: solid 1px #cccccc; padding: 6px; }
table.homefeatures { border-collapse: collapse; }
td.homefeaturecell { border: solid 1px #cccccc; padding: 4px; }
td.whitecell { background-color: #ffffff; }
td.header { background-image:url(http://site.cosmeticskitchen.com/graphics/bg-header.gif); background-repeat: repeat-x; height: 93px; }
td.headernavcell { padding: 17px 14px 0 0; }
td.logocell { padding-left: 17px; height: 93px; }
td.searchcell { background-image:url(http://site.cosmeticskitchen.com/graphics/bg-search.gif); background-repeat: repeat; }
td.footercell { background-image:url(http://site.cosmeticskitchen.com/graphics/bg-footer.gif); background-repeat: repeat-x; height: 36px; }
td.leftnavcell { background-image:url(http://site.cosmeticskitchen.com/graphics/bg-leftnav.gif); background-repeat: repeat; }
td.leftnavleafcell { background-image:url(http://site.cosmeticskitchen.com/graphics/bg-leftnav-leaf.gif); background-repeat: no-repeat; background-position: center bottom; }
td.orderformcell { padding: 3px; }
table.cstable { border: solid 1px #edeae8; border-top: 0px }
td.cslinkcell { padding: 0 5px 10px 5px }
td.csbglt { background-image:url(http://site.cosmeticskitchen.com/graphics/cross-sell-left.gif); background-repeat: repeat-y; }
td.csbgrt { background-image:url(http://site.cosmeticskitchen.com/graphics/cross-sell-right.gif); background-repeat: repeat-y; }
td.csbgbtm { background-image:url(http://site.cosmeticskitchen.com/graphics/cross-sell-btm.gif); background-repeat: repeat-x; }
.hometext { border: solid 1px #cccccc; padding: 5px; background-image:url(http://site.cosmeticskitchen.com/graphics/hm-textbox-bg.gif); background-repeat: repeat-x; background-position: center top; }
.homewelcometxt { font-size: 11px; border: solid 1px #cccc99; padding-right: 245px; padding-left: 12px; background-image:url(http://site.cosmeticskitchen.com/graphics/hm-welcomemsg-bg.jpg); background-repeat: no-repeat; background-position: center top; height: 77px; }

/* image control */
img.inline { display: inline; }
img.shopbagimg { margin: 0 14px 16px 0; }
img.leftnavhd { margin-bottom: 1px; }
img.csimg { margin-bottom: 8px }

/* 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 #A2A29E; color: #333333; font-size: 9px; width: 105px; margin-left: 5px; }
.searchbutton { margin-left: 6px; }
.qtyfield { background-color: #ffffff; border: solid 1px #A2A29E; color: #333333; font-size: 9px; width: 15px; } 

/* links */
a { color: #fb755c; font-weight: bold; text-decoration: none }
a:visited { color: #fb755c; font-weight: bold; text-decoration: none }
a:hover { color: #663300; font-weight: bold; text-decoration: underline }
a:active { color: #fb755c; font-weight: bold; text-decoration: none }

a.textlink { color: #000000; font-weight: normal; text-decoration: none }
a.textlink:visited { color: #000000; font-weight: normal; text-decoration: none }
a.textlink:hover { color: #fb755c; font-weight: normal; text-decoration: underline }
a.textlink:active { color: #000000; font-weight: normal; 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.cslink { color: #330000; font-weight: normal; text-decoration: none }
a.cslink:visited { color: #330000; font-weight: normal; text-decoration: none }
a.cslink:hover { color: #fb755c; font-weight: normal; text-decoration: underline }
a.cslink:active { color: #330000; font-weight: normal; text-decoration: none }

a.footer { color: #663300; font-size: 9px; font-weight: normal; text-decoration: none; }
a.footer:visited { color: #663300; font-size: 9px; font-weight: normal; text-decoration: none; }
a.footer:hover { color: #ffffff; font-size: 9px; font-weight: normal; text-decoration: underline; }
a.footer:active { color: #663300; font-size: 9px; font-weight: normal; text-decoration: none; }

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