/*** Sam Sake CSS ***/

/*** Colours 
Sam blue = #1C2674;
brown = #5A0000;
cyan blue = #6CCFF6;
khaki = #D8C4A4;
orange = #D8920E;

***/
body {
margin: 0;
padding: 0;
background-image: url(/images/bg.png);
background-attachment: fixed;
background-position: top center;
background-repeat: repeat-y;
background-color: #5A0000;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.75em;
}
img {
border: 0;
}
.small {
font-size: 90%;
color: #999;
background-color: transparent;
}
.small span {
margin: 0 25px 0 0;
padding: 0;
}
#wrapper {
margin: 0 auto;
width: 960px;
background-color: #fff;
}
#banner {
margin: 0;
padding: 0;
position: relative;
height: 200px;
background-image: url(/images/banner-bg.jpg);
background-position: center center;
background-repeat: no-repeat
}
#banner img.logo {
margin: 50px 30px 0 735px;
padding: 0;
border: 0;
}
#banner p.strapline {
position: absolute;
left: 20px;
bottom: 10px;
margin: 0;
padding: 0;
font-size: 175%;
line-height: 100%;
font-weight: normal;
color: #000066;
background-color: transparent;
}
#firstContact p {
position: absolute;
top: 8px;
left: 10px;
margin: 0;
padding: 0;
font-size:90%;
line-height: 100%;
width: 430px;
color: #fff;
}
#firstContact p  a:link, #firstContact p  a:visited, #firstContact p  span {
color: orange;
font-weight: bold;
text-decoration: none;
}
#firstContact p  a:hover, #firstContact p  a:active {
text-decoration: underline;
}
#topnav {
position: absolute;
right: 10px;
top: 5px;
font-size: 90%;
width: 480px;
text-align: right;
float: right;
}
#topnav ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#topnav li {
margin: 0 1px 0 0;
padding: 0;
display: inline;
}
#topnav li a:link, #topnav li a:visited {
color: orange;
text-decoration: none;
}
#topnav li a:hover, #topnav li a:active {
text-decoration: underline;
}
#gallery {
margin: 0;
padding: 0;
border-top: 1px solid #999;
height: 350px;
}
#gallery img {
display: block;
}
#gallery .panel-wrapper p {
margin: 0;
padding: 8px 10px;
position: absolute;
top: 315px;
left:0;
height: 20px;
background-image: url(/images/gallery-p-bg.png);
background-position: center center;
background-repeat: repeat-x;
width: 940px;
font-size: 150%;
line-height: 100%;
color: #fff;
font-weight: normal;
}
#gallery p a {
color: #fff;
text-decoration: none;
}
#searcher {
margin: 0 0 30px 0;
padding: 4px 0;
width: 960px;
height: 42px;
background-image: url(/images/japanese-search.jpg);
background-position: 580px center;
background-repeat: no-repeat;
background-color: #CC7301;
border-bottom: 1px solid #999;
}
#searcher p {
margin: 0 0 0 590px;
padding: 2px 0 0 80px;
color: #fff;
background-color: transparent;
}
#searcher input {
margin: 0 0 12px 0;
padding: 2px 0;
width: 150px;
}
#searcher input.btn {
margin: 0 0 0 3px;
padding: 2px 5px;
width: 45px;
color: #fff;
background-color: #5A0000;
border: 1px solid #fff;
}
h3.entry-title {
margin: 20px 0 5px 0;
padding: 5px 0 0 0;
border-top: 1px solid #6CCFF6;
}
h3.entry-title a:link, h3.entry-title a:visited {
color: #1C2674;
text-decoration: none;
}
h3.entry-title a:hover, h3.entry-title a:active {
text-decoration: underline;
}
/*** Lefter ***/
#lefter {
margin: 0;
padding: 0;
float: left;
width: 200px;
}
#conNumbers {
margin: 20px 0;
padding: 0 0 0 10px;
}
#conNumbers h4 {
margin: 0 0 8px 0;
padding: 0;
font-size: 120%;
line-height: 100%;
color: #1C2674;
background-color: transparent;
}
#conNumbers p {
margin: 0 0 8px 0;
padding: 0;
font-size: 150%;
line-height: 100%;
color: #666;
font-weight: normal;
}
#conNumbers p span {
color: #000;
}
#conNumbers a:link, #conNumbers a:visited {
color: #1C2674;
background-color: transparent;
text-decoration: none;
}
#conNumbers a:hover, #conNumbers a:active {
text-decoration: underline;
}
/*** Righter ***/
#righter {
padding: 0;
float: right;
}
p.rightOrder {
margin: 0 0 20px 0;
padding: 0;
width: 220px;
}
p.rightOrder a:link, p.rightOrder a:visited {
margin: 0;
padding: 5px 8px;
display: block;
font-size: 120%;
color: #fff;
background-color: #1C2674;
text-decoration: none;
}
p.rightOrder a:hover, p.rightOrder a:active {
background-color: #D8920E;
}
/*** Content ***/
#content {
margin: 0 150px 0 230px;
padding: 0;
width: 400px;
}
#content.wide {
margin-right: 0;
padding: 0;
width: 720px;
}
#content h1 {
margin: 0 0 40px 0;
padding: 0;
font-family: Georgia, Utopia, Palatino, "Palatino Linotype", serif;
font-size: 180%;
line-height: 100%;
color: #1C2674;
background-color: transparent;
font-weight: normal;
}
#content h1 span {
color: #999;
}
#content h2.sakeName {
margin: -30px 0 30px 0;
padding: 0;
color: #999;
background-color: transparent;
}
#content p {
color: #808080;
background-color: transparent;
line-height: 1.3em;
}
#content p strong {
color: #000;
}
#content p a:link, #content p a:visited {
color: #1C2674;
}
#content p a:hover, #content p a:active {
color: #D8920E;
}
/*** Clearone ***/
#clearone {
height: 1px;
clear: both;
}
/*** Footer ***/
#footer {
margin: 30px 0 0 0;
padding: 0;
height: 150px;
background-image: url(/images/footer-bg.jpg);
background-position: center center;
background-repeat: no-repeat;
position: relative;
}
#contacts {
position: absolute;
right: 20px;
bottom: 10px;
text-align: right;
width: 400px;
font-size: 90%;
color: #fff;
background-color: transparent;
float: right;
}
#contacts a:link, #contacts a:visited {
color: #fff;
background-color: transparent;
text-decoration: none;
}
#contacts a:hover, #contacts a:active {
text-decoration: underline;
}
#redpig {
position: absolute;
right: 20px;
top: 10px;
text-align: left;
width: 300px;
color: #fff;
background-color: transparent;
}
#redpig h4 {
margin: 0 0 5px 0;
padding: 0;
font-size: 125%;
line-height: 100%;
font-weight: normal;
color: #D8920E;
}
#redpig p {
margin: 0;
padding: 0;
}
#redpig p a {
color: #fff;
}
#redpig img {
margin: 0 20px 20px 0;
float: left;
}
/***Footer navigation ***/
#footNav {
position: absolute;
left: 160px;
top: 20px;
font-size: 90%;
}
#footNav ul.outer {
margin: 0;
padding: 0;
list-style-type: none;
}
#footNav ul.outer li {
margin: 0 10px 0 0;
padding: 0;
float: left;
width: 110px;
}
#footNav ul.outer ul.inner {
margin: 0;
padding: 0;
list-style-type: none;
list-style-position: inside;
width: 110px;
}
#footNav ul.outer ul.inner a:link, #footNav ul.outer ul.inner a:visited {
color: #fff;
background-color: transparent;
text-decoration: none;
}
#footNav ul.outer ul.inner a:hover, #footNav ul.outer ul.inner a:active {
text-decoration: underline;
}
/*** Primary navigation ***/
#nav01  {

}
#nav01 ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#nav01 li {
margin: 0 0 1px 0;
padding: 0;
width: 200px;
}
#nav01 li a:link, #nav01 a:visited {
margin: 0;
padding: 8px 0 8px 10px;
font-family: Georgia, Utopia, Palatino, "Palatino Linotype", serif;
font-size: 150%;
font-weight: normal;
color: #fff;
background-image: url(/images/nav01-bg-01.jpg);
background-color: #5F0000;
height: 24px;
display: block;
text-decoration: none;
}
#nav01 a:hover, #nav01 a:active {
background-image: url(/images/nav01-bg-02.jpg);
}
/*** Product Gallery on Home Page ***/
#prodGallery {
}
#prodGallery ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#prodGallery li {
margin: 0 30px 30px 0;
padding: 0;
width: 200px;
min-height: 275px;
height: auto !important;
height: 275px;
display: inline;
float: left;
}
h4.prodSort {
margin: 0 0 8px 0;
line-height: 100%;
}
p.prodSort {
margin: 0 20px 2px 0;
padding: 0;
width: 220px;
line-height: 100%;
}
p.prodSort a:link, p.prodSort a:visited {
margin: 0;
padding: 5px 8px;
color: #fff;
background-color: #6CCFF6;
text-decoration: none;
display: block;
}
p.prodSort a:hover, p.prodSort a:active {
color: #fff;
background-color: #D8920E;
text-decoration: none;
display: block;
}
.product {
width: 200px;
}
.sweet {
background-image: url(/images/sweet-icon.png);
background-position: bottom right;
background-repeat: no-repeat;
}
.medium {
background-image: url(/images/medium-icon.png);
background-position: bottom right;
background-repeat: no-repeat;
}
.dry {
background-image: url(/images/dry-icon.png);
background-position: bottom right;
background-repeat: no-repeat;
}
.product img {
margin: 0;
padding: 0;
border: 1px solid #ccc;
}
.product h3 {
margin: 5px 0;
padding: 0 0 0 3px;
font-size: 100%;
line-height: 100%
}
.product h3 a:link, .product h3 a:visited {
color: #1C2674;
background-color: transparent;
text-decoration: none;
}
.product h3 a:hover, .product h3 a:active {
text-decoration: underline;
}
.product p {
margin: 0;
padding: 0 0 0 3px;
line-height: 100%;
font-size: 90%;
}
#content .product p.pricer {
color: #5A0000;
}
#content .product p.pricer span {
color: #454545;
}
img.prodBig {
margin: 0 20px 0 0;
border: 1px solid #ccc;
}
#content p.intro {
margin: 0 0 20px 0;
padding: 0;
font-size: 150%;
line-height: 1.4em;
color: #333;
font-weight: normal;
background-color: transparent;
}
#content p.specs {
margin: 0 0 20px 0;
padding: 0;
font-size: 130%;
line-height: 1.4em;
color: #D8920E;
font-weight: normal;
background-color: transparent;
}
#content p.specs span {
color: #999;
}
#content p.specs a:link, #content p.specs a:visited {
color: #D8920E;
text-decoration: underline;
}
#content p.specs a:hover, #content p.specs a:active {
color: #5A0000;
}
#prodSpecs {
margin: 0 0 20px 0;
padding: 0 10px;
}
#prodSpecs h4 {
margin: 10px 0 0 0;
padding: 0;
color: #1C2674;
background-color: transparent;
}
#prodSpecs h4.japanese {
margin: 5px 0 12px 0;
color: #999;
}
#prodSpecs ul {
margin: 0 0 12px 0;
padding: 0;
list-style-type: none;
font-size: 90%
}
#prodSpecs li {
margin: 0 0 3px 0;
padding: 0;
color: #5A0000;
}
#prodSpecs li  span {
color: #666;
}
#prodSpecs li a {
color: #5A0000;
}
a.backSake:link, a.backSake:visited {
margin: 0 20px 0 0;
padding: 2px 10px;
font-size: 90%;
color: #fff;
background-color: #999;
display: block;
text-decoration: none;
}
a.backSake:hover, a.backSake:active {
background-color: #878787;
}
/*** Word of the Month and News section on the home page ***/
#newSection {
margin: 0;
padding: 0;
clear: right;
}
#newSection ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#newSection li {
margin: 0;
float: left;
display: inline;
width: 305px;
}
#newSection li.first {
margin-right: 50px;
}
#newSection p.readMore {
margin: 0;
padding: 0;
line-height: 100%;
position: absolute;
left: 20px;
bottom: 6px;
font-size: 90%
}
#newSection p.readMore a:link, #newSection p.readMore a:visited {
margin: 0;
padding: 5px 5px;
text-decoration: none;
color: #fff;
background-color: #1C2674;
display: block;
}
#newSection p.readMore a:hover, #newSection p.readMore a:active {
background-color: #D8920E;
}
#wordMonth {
margin: 0;
padding: 50px 0 0 0;
height: 180px;
background-image: url(/images/word-of-the-month.png);
background-position: top center;
background-repeat: no-repeat;
background-color: #efefef;
position: relative;
}
#wordMonth h4 {
margin: 30px 0 10px 20px;
padding: 0;
font-size: 250%;
color: #333;
background-color: transparent;
font-weight: normal;
}
#wordMonth p {
margin: 0 0 10px 20px;
padding: 0;
font-size: 120%;
line-height: 1.2em;
color: #666;
background-color: transparent;
}
#wordMonth p.moreDef {
position: absolute;
left: 20px;
bottom: 10px;
margin: 20px 20px 0 0;
padding: 8px 0 0 0;
font-size: 90%;
border-top: 1px solid #666;
text-align: right;
width: 265px;
}
#wordMonth p a {
color: #666;
background-color: transparent;
text-decoration: none;
}
#newsEvents {
margin: 0;
padding: 50px 0 0 0;
height: 180px;
background-image: url(/images/latest-news.png);
background-position: top center;
background-repeat: no-repeat;
background-color: #efefef;
position: relative;
}
#newsEvents h4 {
margin: 30px 0 10px 20px;
padding: 0;
font-size: 180%;
font-weight: normal;
}
#newsEvents h4 a {
color: #333;
background-color: transparent;
text-decoration: none;
}
#newsEvents p {
margin: 0 10px 10px 20px;
padding: 0;
font-size: 120%;
line-height: 1.2em;
color: #666;
background-color: transparent;
}
#newsEvents  p.moreDef {
position: absolute;
left: 20px;
bottom: 10px;
margin: 20px 20px 0 0;
padding: 8px 0 0 0;
font-size: 90%;
border-top: 1px solid #666;
text-align: right;
width: 265px;
}
#newsEvents p.moreDef a {
padding: 0 0 0 25px;
color: #666;
background-color: transparent;
text-decoration: none;
background-image: url(/images/rss.gif);
background-position: left center;
background-repeat: no-repeat;
}
#socMedia {
margin: 10px;
}
#socMedia h4 {
margin: 0 0 8px 0;
padding: 0;
color: #1C2674;
background-color: transparent;
}
#socMedia p {
margin: 0 0 5px 0;
padding: 5px 0 5px 25px;
font-size: 90%;
}
#socMedia p.twitter {
background-image: url(../images/twitter.png);
background-position: left center;
background-repeat: no-repeat;
}
#socMedia p.facebook {
background-image: url(../images/facebook.png);
background-position: left center;
background-repeat: no-repeat;
}
#socMedia p.youtube {
background-image: url(../images/youtube.png);
background-position: left center;
background-repeat: no-repeat;
}
#socMedia p a:link, #socMedia p a:visited {
color: #666;
background-color: transparent;
text-decoration: none;
}
#socMedia p a:hover, #socMedia p a:active {
text-decoration: underline;
}
/*** Glossary control ***/
.definition {
margin: 0 0 20px 0;
padding: 12px 0 0 0;
border-top: 1px solid #6CCFF6;
min-height: 40px;
height: auto !important;
height: 40px;
}
.definition label {
float: left;
color: #5A0000;
background-color: transparent;
font-weight: bold;
}
.definition label span {
color: #999;
}
.definition p {
margin: 0 0 8px 0;
padding: 0 0 0 150px;
color: #454545;
background-color: transparent;
}
#glossHigh {
margin: 0 0 20px 0;
padding: 0;
width: 220px;
}
#glossHigh h4 {
margin: 0 0 8px 0;
padding: 0;
font-size: 90%;
color: #1C2674;
background-color: transparent;
font-weight: bold;
}
#glossHigh p {
margin: 0;
padding: 0;
font-size: 90%;
color: #999;
}
/*** Stockists ***/
.takeaway {
margin: 0 0 20px 0;
padding: 12px 0 0 0;
border-top: 1px solid #6CCFF6;
background-image: url(/images/bottle-icon.gif);
background-position: left 8px;
background-repeat: no-repeat;
}
.drinkin { 
margin: 0 0 20px 0;
padding: 12px 0 0 0;
border-top: 1px solid #6CCFF6;
background-image: url(/images/cup-icon.png);
background-position: left 8px;
background-repeat: no-repeat;
}
.takeaway h3, .drinkin h3{
margin: 0 0 10px 0;
padding: 0 0 0 25px;
font-size: 150%;
font-weight: normal;
line-height: 100%;
}
.takeaway h3 a:link, .takeaway h3 a:visited, .drinkin h3 a:link, .drinkin h3 a:visited {
color: #000;
text-decoration: none;
}
.takeaway h3 a:hover, .takeaway h3 a:active, .drinkin h3:hover, .drinkin h3 a:active {
text-decoration: underline;
}
.takeaway img, .drinkin img {
margin: 0 20px 12px 0;
padding: 0;
border: 1px solid #ccc;
float: left;
}
.takeaway p, .drinkin p {
margin: 0 0 15px 0;
}
img.stockist {
margin: 0 20px 12px 0;
padding: 0;
border: 1px solid #ccc;
float: left;
}
p.catDrinkin {
margin: 0 20px 2px 0;
padding: 0 8px 0 50px;
background-image: url(/images/drinkin-icon.png);
background-position: left center;
background-repeat: no-repeat;
background-color: #5A0000;
height: 40px;
width: 165px;
}
p.catDrinkin a {
margin: 0;
padding: 12px 0 0 0;
color: #D8920E;
text-decoration: none;
display: block;
}
p.catDrinkin a span {
color: #fff;
font-weight: bold;
}
p.catTakeaway {
margin: 0 20px 2px 0;
padding: 0 8px 0 50px;
background-image: url(/images/takeaway-icon.png);
background-position: left center;
background-repeat: no-repeat;
background-color: #5A0000;
height: 40px;
width: 165px;
}
p.catTakeaway a {
margin: 0;
padding: 12px 0 0 0;
color: #D8920E;
text-decoration: none;
display: block;
}
p.catTakeaway a span {
color: #fff;
font-weight: bold;
}
/*** Breweries ***/
.brewery {
margin: 0 0 30px 0;
padding: 12px 0 0 0;
border-top: 1px solid #6CCFF6;
}
.brewery h3 {
margin: 0 0 10px 0;
padding: 0;
font-size: 150%;
font-weight: normal;
line-height: 100%;
}
.brewery h3 span {
color: #999;
}
.brewery h3 a:link, .brewery h3 a:visited {
color: #000;
text-decoration: none;
}
.brewery h3 a:hover, .brewery h3 a:active {
text-decoration: underline;
}
.brewery img {
margin: 0 20px 20px 0;
padding: 0;
border: 1px solid #ccc;
float: left;
}
.brewery p {
margin: 0 0 8px 0;
}
p.caption {
margin: 5px 0 20px 0;
font-weight: bold;
font-size: 90%;
}
p.caption span {
color: #999;
font-weight: normal;
}
/*** News + Events section ***/
.mainNews {
margin: 0 0 20px 0;
padding: 5px;
background-color: #D8C4A4;
}
.mainNews h2 {
margin: 0 0 10px 0;
padding: 0;
font-size: 150%;
line-height: 100%;
font-weight: normal;
font-family: Georgia, Utopia, Palatino, "Palatino Linotype", serif;
}
.mainNews h2  a:link, .mainNews h2  a:visited {
color: #5A0000;
background-color: transparent;
text-decoration: none;
}
.mainNews h2  a:hover, .mainNews h2  a:active {
text-decoration: underline;
}
.mainNews img {
margin: 0 20px 40px 0;
padding: 0;
float: left;
border: 1px solid #ccc;
}
.mainNews p {
margin: 0 0 12px 0;
padding: 0;
font-size: 125%;
line-height: 1.4em;
color: #333;
background-color: transparent;
}
#content .mainNews p.date {
margin: 0 0 8px 0;
padding: 0;
color: #fff;
font-size: 90%;
line-height: 100%;
}
.otherNews {
margin: 0 0 20px 0;
padding: 15px 5px 5px 5px;
border-top: 1px solid #6CCFF6;
}
.otherNews h3 {
margin: 0 0 10px 0;
padding: 0;
font-size: 125%;
line-height: 100%;
font-weight: normal;
font-family: Georgia, Utopia, Palatino, "Palatino Linotype", serif;
}
.otherNews h3  a:link, .otherNews h3  a:visited {
color: #D8920E;
background-color: transparent;
text-decoration: none;
}
.otherNews h3  a:hover, .otherNews h3  a:active {
text-decoration: underline;
}
.otherNews img {
margin: 0 20px 40px 0;
padding: 0;
float: left;
border: 1px solid #ccc;
}
.otherNews p {
margin: 0 0 12px 0;
padding: 0;
font-size: 100%;
line-height: 1.2em;
color: #666;
background-color: transparent;
}
.otherNews p.date {
margin: 0 0 8px 0;
padding: 0;
color: #999;
font-size: 90%;
line-height: 100%;
}
img.newsPic {
margin: 0 0 20px 20px;
padding: 0;
float: right;
}
#newsList {
margin: 0 20px 0 0;
padding: 0;
width: 220px;
}
#newsList h2 {
margin: 0 0 8px 0;
padding: 0;
font-size: 150%;
font-weight: normal;
font-variant: small-caps;
}
#newsList p  {
margin: 0 0 12px 0;
font-size: 110%;
line-height: 100%;
}
#newsList p.date  {
margin: 0 0 5px 0;
padding: 8px 0 0 0;
font-size: 90%;
line-height: 100%;
color: #999;
border-top: 1px solid #6CCFF6;
}
#newsList p.moreDef  {
margin: 20px 0 0 0;
padding: 8px 0;
font-size: 90%;
background-color: transparent;
background-image: url(/images/rss.gif);
background-position: center left;
background-repeat: no-repeat;
border-top: 1px solid #ccc;
}
#newsList p.moreDef a:link, #newsList p.moreDef a:visited {
margin: 0;
padding: 5px 0 5px 25px;
color: #666;
text-decoration: none;
}
#newsList p a:link, #newsList p a:visited {
color: #1C2674;
text-decoration: none;
}
#newsList p a:hover, #newsList p a:active {
color: #D8920E;
text-decoration: underline;
}
#extraNews {
margin: 0 20px 0 0;
width: 260px;
}
#extraNews h4 {
margin: 0 0 8px 0;
padding: 0;
font-size: 120%;
font-family: Georgia, Utopia, Palatino, "Palatino Linotype", serif;
}
#extraNews h4 a:link, #extraNews h4 a:visited {
color: #000;
text-decoration: none;
}
#extraNews h4 a:hover, #extraNews h4 a:active {
text-decoration: underline;
}
#extraNews img {
margin: 0 20px 20px 0;
padding: 0;
float: left;
border: 1px solid #ccc;
}
#extraNews p {
margin: 0 0 10px 0;
font-size: 120%;
font-weight: normal;
color: #333;
background-color: transparent;
}
#extraNews p.date {
margin: 0 0 3px 0;
padding: 0;
color: #999;
font-size: 90%
}
/*** Cookie Crumb Navigation ***/
#crumb-nav {
margin: 0 0 20px 0;
padding: 0;
}
#crumb-nav ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#crumb-nav li {
margin: 0;
padding: 0;
display: inline;
font-size: 90%;
color: #666;
background-color: transparent;
}
#crumb-nav li.last {
color: #000;
background-color: transparent;
}
#crumb-nav a {
color: #666;
background-color: transparent;
}
/*** Contact form control ***/
form.zemContactForm {
margin: 0;
}
form.zemContactForm div  {
margin: 0 0 15px 0;
}
form.zemContactForm fieldset {
padding: 0 0 0 10px;
border: 1px solid #ccc;
}
form.zemContactForm label {
width: 100px;
float: left;
}
form legend {
margin: 0 0 8px 0;
font-size: 120%;
color: #5A0000;
background-color: transparent;
}
form.zemContactForm div  input {
font-size: 100%;
color: #333;
background-color: transparent;
border: 1px solid #ccc;
width: 170px;
}
div textarea {
border: 1px solid #ccc;
}
form.zemContactForm input.zemSubmit {
margin: 0 0 5px 0;
padding: 0 0 0.5em 0.3em;
width: 85px;
height: 30px;
background-color: #6CCFF6;
border: 1px solid #ccc;
cursor: pointer;
color: #454545;
font-size: 1.0em;
}
/*** Sake listing on the order page ***/
#sakeCat {
margin: 0 20px 0 0;
padding: 0;
width: 220px;
}
#sakeCat p {
margin: 0 0 5px 0;
padding: 0;
color: #999;
font-size: 90%;
}
#sakeCat div {
margin: 0 0 5px 0;
}
#sakeCat p a:link, #sakeCat p a:visited {
color: #5A0000;
background-color: transparent;
text-decoration: none;
}
#sakeCat p a:hover, #sakeCat p a:active {
color: #D8920E;
text-decoration: underline;
}
/*** The back-to link ***/
#content p.return {
margin: 50px 0 0 0;
padding: 8px 0 0 0;
border-top: 1px solid #ccc;
font-size: 90%;
}
#content p.return a:link, #content p.return a:visited {
color: #6CCFF6;
text-decoration: none;
}
#content  p.return a:hover, #content  p.return a:active {
color: #1C2674;
text-decoration: underline;
}
/*** Left column big buttons ***/
img.nextTaste {
margin: 0;
display: block;
}
img.orderButton {
margin: 1px 0;
display: block;
}
p.rssFeed, #extraNews p.rssFeed {
padding: 8px 0 0 0;
text-align: left;
font-size: 90%;
border-top: 1px solid #ccc;
}
p.rssFeed a {
padding: 0 0 0 25px;
color: #666;
background-color: transparent;
text-decoration: none;
background-image: url(/images/rss.gif);
background-position: left center;
background-repeat: no-repeat;
}
