html { font-family: Verdana, Arial, Helvetica, clean, sans-serif; font-size: 85%; }
body { font-family: Verdana, Arial, Helvetica, clean, sans-serif; font-size: 85%; }
input { font-family: Verdana, Arial, Helvetica, clean, sans-serif; font-size: 100%;}
textarea { font-family: Verdana, Arial, Helvetica, clean, sans-serif; font-size: 100%; }
a { text-decoration: none; color: black; }
a:hover { color: #bfbfbf; text-decoration: underline; color: black; }
h1 { font-size: 138.5%; font-weight: bold; padding: 0 0 1em 0; }
h2 { font-size: 123.1%; font-weight: bold; padding: 0.7em 0; }
h3 { font-size: 108%; font-weight: bold; padding: 0.5em 0; }
img { vertical-align: middle; }

.articleBody ul { list-style-type: disc; }

#bodyContainer { background: #fff; width: 960px; }
#rightColumn { width:170px; overflow: hidden; float: right; margin: 0; }
#leftColumn { width:170px; overflow: hidden; float: left; margin: 0;}
#mainBody { margin-left: 180px; width: 600px; height: 1%; }
#footer { clear: both; }
#topFooter { background: #ffd500; color: #000; margin: 1em 0 0 0; padding: 4px; }
#topFooter a { color: red; }
#topFooter li { display: inline; padding: .25em 1em .25em 1em; }
#topFooter li:first-child { border: none; }
#siteDesign { width:960px; padding: .5em 0; font-size: 93%; text-align: center; }
#siteDesign a { color: #9f9f9f; }
#mainContent { border-style: solid; border-color: #ffd500; border-width: 0 1px; padding: 10px; }
#mainContent p { margin-bottom: .75em; }
#breadcrumb { margin-bottom: 0; border-style: solid; border-color: #ffd500; border-width: 0 1px; padding: .5em; }
span.priceTag { color: #000000; line-height: 1.5; }
span.productPrice { line-height: 1.5; font-weight: normal; }

.header { background: #000; }

.center { text-align: center; }
.clear { clear: both; }

/* styles for the star rater */
.star-rating { width: 85px; height: 25px; position: relative; background: url(images/stars.png) left center repeat-x; }
.star-rating li{ }
.star-rating li a{ display: block; width: 17px; height: 25px; z-index: 20; position: absolute; }
.star-rating li a:hover{ background: url(images/stars.png) left top; z-index: 1; left: 0px; }
.star-rating a.one-star{ left: 0px; }
.star-rating a.one-star:hover{ width:17px; }
.star-rating a.two-stars{ left:17px; }
.star-rating a.two-stars:hover{ width: 34px; }
.star-rating a.three-stars{ left: 34px; }
.star-rating a.three-stars:hover{ width: 51px; }
.star-rating a.four-stars{ left: 51px; }
.star-rating a.four-stars:hover{ width: 68px; }
.star-rating a.five-stars{ left: 68px; }
.star-rating a.five-stars:hover{ width: 85px; }

#headerNavigation { background: #ffd500 url(images/pixel_heading2.png) repeat-x scroll center center; color: #000; text-align: left; border: #f2c000 solid; padding: 4px; border-width: 1px 0; margin-bottom: 1em;}
#headerNavigation a { color: #000; padding: 4px 0; }
#headerNavigation a:hover { }
#headerNavigation li { display: inline; border-left: solid 1px; padding: 0 1em 0 1em;}
#headerNavigation li:first-child { border: none; }

.headerError { background: #ff0000; color: #ffffff; font-weight : bold; text-align : center; }
.headerInfo { background: #00ff00; color: #5e6177; font-weight: bold; text-align: center; }

#locationInfo { background: #e1e1e1; color: #000000; border: solid #bfbfbf; border-width: 0 1px; }
#locationInfo a { color: #000000; }
#locationInfo a:hover { color: #000000; }
#locationInfo img { vertical-align: middle; padding: .25em; }

.yui-skin-sam .yuimenuitemlabel { padding: 0 20px 0 10px; margin-bottom: .25em; }
.yui-skin-sam .yuimenu .bd { border: 0; }
.yui-skin-sam .yuimenuitem-selected { background-color: black; color: white; }
.yui-skin-sam .yuimenuitem-selected a:hover { color: white; }
.yui-skin-sam .yuimenuitem-selected yuimenuitemlabel-hassubmenu-selected { color: white; }
.yui-skin-sam .yuimenuitem-selected yuimenuitemlabel-hassubmenu-selected a { color: white; }
.yui-skin-sam .yuimenu { font-size: 100%; }
#categoriesBox { border: none; }
#categoriesBox h2 { background: none; color: black; font-size: 100%; font-weight: bold; padding: .5em .5em; margin: 0; margin: .5em 0; cursor: pointer; }
#categoriesBox h2.collapsed:hover { background: black url(images/expand.png) no-repeat center right; color: white; }
#categoriesBox h2.expanded:hover { background: black url(images/collapse.png) no-repeat center right; color: white; }
.categoryContents { background: none; color: black; font-size: 100%; font-weight: normal; padding: 0; margin: .5em 0; margin-left: .5em; overflow: hidden; height: 0; }
.categoryContents li { margin-bottom: .5em; padding-left: 1em; }
#categoriesBox a { color: black; }
#searchBox { border: none; }

#loginBox p { text-align: left; margin-bottom: .5em; }
#loginBox label { text-align: left; }
#loginBox a { font-size: 93%; }

.new_product_pricetag { font-weight: bold; }

#article h1 { margin: 0; padding: 0; font-size: 153.9%; }
#article h2 { margin: 0; padding: 0; padding-bottom: .3em; }
#article cite { color: gray; }
#article .articleBody { margin: 1.5em 0; }
#article legend { font-weight: normal; }

div.comment { border-top: 1px dashed #ffd500; padding: .5em; margin-bottom: 1em; }
.comment cite { font-style: italic; }
.comment div { margin-top: .5em; }

/* input[type="submit"], input[type="button"] { border: 1px outset #ffd500; background: #ffd500 url(images/pixel_heading2.png) repeat-x scroll center center; padding:2px 5px; font-size:100%; } */
input[type="submit"], input[type="button"] { background: #ffd500; border: 0px; border: 1px outset #ffd500; padding:2px 5px; font-size:100%; font-weight: bold; }
input[type="button"]:hover, input[type="submit"]:hover { background:black; border-color: black; cursor:pointer; text-decoration:underline; color:white; }

fieldset { border: none; border-top: 1px solid #ffd500; padding: .5em; margin-bottom: 1em; }
legend { border: none; margin: 0; padding: 0 .5em; font-weight: bold; }
fieldset ul { margin-top: .75em; }
fieldset p { margin-top: .75em; margin-bottom: 0; }
fieldset p label { display: block; margin-bottom: .2em; }
fieldset p input[type="text"] { width: 45%; border: 1px solid red; }
fieldset p textarea { border: 1px solid red; }
fieldset p input[type="password"] { width: 45%; border: 1px solid red; }
fieldset input[type="radio"] { margin-right: .5em; }
fieldset p textarea { width: 70%; }
fieldset p select { width: 45%; }
fieldset.validation p input[type="text"] { width: 5em; }
input[type="text"].validation { width: 5em; border: 1px solid red; }
fieldset.validation p img { vertical-align: middle; }
fieldset input.inputError { background-color: #ffdddd; }
fieldset p.inputError { color: red; margin: 0; padding: 0; }

ul.formButtons { border-top: 1px solid #ffd500; margin-top: .5em; padding: .5em; }
ul.formButtons li { display: inline; margin-right: 1em; }
ul.formButtons li a { }

ol.checkoutProgressBar { margin-top: .5em;}
ol.checkoutProgressBar li { display: inline; }
ol.checkoutProgressBar li.checkoutBarFrom { }
ol.checkoutProgressBar li.checkoutBarTo { color: gray; }
ol.checkoutProgressBar li.current { font-weight: bold; }

.infoBox { margin-bottom: 10px; border: 1px solid red; }
.infoBox input[type="text"] { width: 100%; border: 1px solid red; }
.infoBox input[type="password"] { width: 100%; border: 1px solid red; }
.infoBox select { width: 100%; }
.infoBox h3 { background: #ffd500; text-align: left; color: red; padding: .25em; font-weight: bold; font-size: 100%; }
.infoBox h3 a { color: red; }
.infoBox h3 a:hover { color: red; }
.infoBox div { padding: 10px; }
#categoriesBox.infoBox { }
#categoriesBox.infoBox div { padding: 0; }
.infoBoxContents { padding: 10px; }
.infoBoxContentsLeft { }
.infoBoxLeft h3 { text-align: center; font-weight: bold; background: #BFBFBF; padding: .25em; }
.infoBoxNotice { }
.infoBoxNoticeContents { background: #FFE6E6; }

.profileBoxContents { background: #f8f8f9; }
.specialProducts { background: #FDF9DB; }
.specialOffers { background: #FDF9DB; }
.specialOffers h3 { text-align: center; }
.orderEdit { font-weight: normal; font-size: 85%; }