/*======================================
      WELCOME TO THE STYLESHEET
--------------------------------------      
     Copyright Quantum Dynamix
      Author: Brad Wilkie
======================================*/

/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
|                                      |
|  Maroon:                   311800    |
|  Body Copy (Grey):         333333    |
|  Light Grey:               666666    |
|  Image Border (Dark Blue): 0c3e60    |
|  Link (Purple):            78468c    |
|  Link Over (Dark Blue):    03375a    |
|                                      |
\**************************************/


/**************************************/
/*              GLOBALS               */
/**************************************/

html, body {
    font-family: Verdana, Helvetica, Arial, Sans-Serif;
    color: #333;
}
html {
    min-height: 100%;
    height: 100%;
    height: auto;
    background: url(../images/design/backgrounds/body.png) top repeat-x #c7cecd;
}

br[clear] {
    height: 0;
    line-height: 0;
}

.clear {
    clear: both;
    line-height: 0px;
    height: 0px;
}

#TopAnchor {
    display: block;
    height: 0;
    width: 0;
    visibility: hidden;
    line-height: 0;
}

a, a:link, a:active, a:visited {
    color: #78468c;
}
a:hover {
    color: #03375a;
}

.floatRight {
    float: right;
}
.floatLeft {
    float: left;
}
.validation {
    padding: 3px 5px 2px 20px;
    font-size: .8em;
    border: solid 1px #cc0000;
    background-image: url(../images/design/icons/validation.png);
    background-repeat: no-repeat;
    background-position: 5px center;
    background-color: #ffeded;
    color: #000000;
    vertical-align: text-top;
}
.feedback {
    padding: 3px 5px 2px 30px;
    font-size: .9em;
    border: solid 1px #ccc;
    background-image: url(../images/design/icons/information.png);
    background-repeat: no-repeat;
    background-position: 5px center;
    background-color: #fff;
    vertical-align: text-top;
    display: inline-block;
    margin: 50px 0 10px 35px;
}
.formfield {
    /*I'M USING THIS CLASS TO HIDE A FORM FIELD THAT I WILL USE TO PREVENT BOTS FROM FILLING OUT MY FORM*/
    display: none;
}

/**/
/**************************************/
/*              HEADER                */
/**************************************/

#HeaderContainer {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    background: url(../images/design/backgrounds/header.png) center repeat-x;
}
#Header {
    width: 950px;
    height: 187px;
    position: relative;
    margin: 0 auto;
}

#Search {
    position: absolute;
    top: 50px;
    right: 0px;
    display: block;
    width: auto;
}
#Search h6 {
    text-indent: -9999px;
    width: 109px;
    height: 27px;
    padding: 0;
    margin: 0;
    background: url(../images/design/siteSearch/siteSearch.png) top left no-repeat;
    float: left;
}
#Search h6 + input[type=text] {
    border: 1px solid #89857c;
    padding: 4px 3px;
    float: left;
}
#Search .overTxtLabel {
    padding-top: 3px;
}
#Search input[type=submit] {
    text-indent: -9999px;
    float: left;
    background: url(../images/design/siteSearch/searchSubmit.png) top left no-repeat;
    height: 27px;
    width: 45px;
    border: none;
}
#Search input[type=submit]:hover, #Search input[type=submit]:focus, #Search input[type=submit]:active {
    background-position: 0 -27px;
}


/**/
/**************************************/
/*             NAVIGATION             */
/**************************************/

#Logo {
    display: block;
    position: absolute;
    top: 13px;
    left: 15px;
    height: 163px;
    width: 165px;
    text-indent: -9999px;
    background: url(../images/design/logo.png) center no-repeat;
}

#Nav {
    height: 53px;
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    bottom: 45px;
    right: 0;
}
#Nav li {
    height: 53px;
    padding: 0;
    margin: 0;
    float: left;
    margin-left: 6px;
}
#Nav li.active {
    background: url(../images/design/nav/active.png) bottom center no-repeat;
}
#Nav li h5 {
    padding: 0;
    margin: 0;
}
#Nav li a {
    display: block;
    height: 42px;
    background: top left no-repeat;
    text-indent: -9999px;
}
#Nav li:hover a, #Nav li.active a {
    background-position: 0 -42px;
}
#Nav li.askMrSteve a {
    background-image: url(../images/design/nav/askMrSteve.png);
    width: 104px;
}
#Nav li.aboutMrSteves a {
    background-image: url(../images/design/nav/aboutMrSteves.png);
    width: 119px;
}
#Nav li.storeLocations a {
    background-image: url(../images/design/nav/storeLocations.png);
    width: 112px;
}
#Nav li.brewNews a {
    background-image: url(../images/design/nav/brewNews.png);
    width: 69px;
}
#Nav li.upcomingEvents a {
    background-image: url(../images/design/nav/upcomingEvents.png);
    width: 93px;
}
#Nav li.brewingInstructions a {
    background-image: url(../images/design/nav/brewingInstructions.png);
    width: 141px;
}
#Nav li.beerWineRecipes a {
    background-image: url(../images/design/nav/beerWineRecipes.png);
    width: 101px;
}
#Nav li.contactUs a {
    background-image: url(../images/design/nav/contactUs.png);
    width: 82px;
}

/**/
/**************************************/
/*              SIDEBAR               */
/**************************************/

#SideBar {
    width: 224px;
    height: 799px;
    background: url(../images/design/backgrounds/side.png) center no-repeat;
    position: absolute;
    top: 153px;
    left: 0;
}
#SideBar div {
    margin: 25px 0 0 8px;
    padding-top: 47px;
    position: relative;
}
#SideBar div h3 {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    display: block;
    background: 0 0 no-repeat;
    height: 55px;
    width: 100%;
    text-indent: -9999px;
}
#SideBar div img {
    padding: 6px 20px 8px 5px;
    background: url(../images/design/backgrounds/featured.png) 0 0 no-repeat;
}
#SideBar #FeaturedProduct {
    margin-top: 30px;
}
#SideBar #FeaturedProduct h3 {
    background-image: url(../images/design/headers/featuredProductH3.png);
}
#SideBar #FeaturedRecipe {
}
#SideBar #FeaturedRecipe h3 {
    background-image: url(../images/design/headers/featuredRecipeH3.png);
}
#SideBar #askMrSteve {
    padding-top: 76px;
}
#SideBar #askMrSteve h3 {
    background-image: url(../images/design/headers/askMrSteveH3.png);
    height: 76px;
    cursor: pointer;
}
#SideBar #eNewsletter {
    padding-top: 81px;
}
#SideBar #eNewsletter h3 {
    background-image: url(../images/design/headers/eNewsletterH3.png);
    height: 81px;
    cursor: pointer;
}
#SideBar #SocialNetworking {
    padding-top: 50px;
}
#SideBar #SocialNetworking h3 {
    background-image: url(../images/design/headers/stayInTouchH3.png);
    height: 50px;
}
#SideBar #SocialNetworking a {
    width: 51px;
    height: 54px;
    padding: 0;
    margin: 4px 0 0;
    text-indent: -9999px;
    background: 0 0 no-repeat;
    display: inline-block;
}
#SideBar #SocialNetworking a + a {
    margin-left: 14px;
}
#SideBar #SocialNetworking a.facebook {
    background-image: url(../images/design/icons/facebook.png);
}
#SideBar #SocialNetworking a.youTube {
    background-image: url(../images/design/icons/youTube.png);
}
#SideBar #SocialNetworking a.twitter {
    background-image: url(../images/design/icons/twitter.png);
}

/**/
/**************************************/
/*            MAIN CONTENT            */
/**************************************/

#MainContainer {
    width: 100%;
    position: relative;
    z-index: 500;
    background: url(../images/design/backgrounds/content.png) center repeat-y;
}
#Main {
    width: 950px;
    margin: 0 auto;
    padding-top: 153px;
    position: relative;
}

#Content {
    padding: 1px 0 50px 224px;
    margin-top: -1px;
    min-height: 761px;
    height: auto;
}
#Content h1 {
    margin: 54px 0 20px 35px;
    padding: 0;
    text-indent: -9999px;
    height: 47px;
    background: 0 0 no-repeat;
    width: 555px;
}
#Content p {
    width: 340px;
    margin: 20px 0 0 35px;
    font-size: 0.9em;
    line-height: 1.4em;
}

/**/
/**************************************/
/*               FOOTER               */
/**************************************/

#FooterContainer {
    width: 100%;
    position: relative;
    z-index: 501;
    background: url(../images/design/backgrounds/footer.png) center no-repeat;
    height: 22px;
    margin: -1px 0 5px;
    padding-top: 1px;
}
#Footer {
    position: relative;
    margin: -50px auto 0;
    padding-left: 224px;
    text-align: center;
    font-size: 0.8em;
}

#Footer .phoneNumber {
    margin: 0 5px;
}
#Footer .phoneNumber + .phoneNumber {
    margin-left: 0;
}

/**/
/**************************************/
/*              INTERIORS             */
/*            HOME (default)          */
/**************************************/

#default #Content div.welcome {
    margin: 13px 0 0 32px;
    padding: 1px 0 30px 0px;
}
#default #Content h1 {
    background-image: url(../images/design/headers/welcomeToMrStevesH1.png);
    height: 49px;
    margin-top: 49px;
    margin-left: 0;
}
#default #Content div.welcome p {
    margin-left: 0;
}

#default #Content div.moreLinks {
    margin: 0 0 10px 22px;
    padding: 0;
    color: #311800;
}
#default #Content div.moreLinks div.newsEvents, #Content div.moreLinks div.askMrSteve {
    width: 322px;
    background: url(../images/design/backgrounds/heading.png) 0 0 no-repeat;
    padding-left: 8px;
    float: left;
}
#default #Content div.moreLinks div.newsEvents h2, #Content div.moreLinks div.askMrSteve h2 {
    padding: 0;
    margin: 0 0 -15px 0;
    height: 91px;
    background: 0 0 no-repeat;
    text-indent: -9999px;
    font-weight: bold;
}
#default #Content div.moreLinks div.newsEvents h2 {
    background-image: url(../images/design/headers/whatsBrewingH2.png);
}
#default #Content div.moreLinks div.askMrSteve h2 {
    background-image: url(../images/design/headers/askMrSteveH2.png);
}
#default #Content div.moreLinks div h4 {
    margin: 5px 0 3px 0;
    padding: 0;
    font-size: 1em;
    line-height: 1em;
    font-weight: bold;
    text-transform: uppercase;
}
#default #Content div.moreLinks div a {
    text-decoration: none;
    font-size: 0.9em;
    line-height: 1.4em;
    color: #311800;
    display: block;
}
#default #Content div.moreLinks div.askMrSteve a {
    line-height: 1.7em;
}
#default #Content div.moreLinks div a:hover {
    text-decoration: underline;
}
#default #Content div.moreLinks div a span.date, #Content div.moreLinks div a span.leadIn {
    font-weight: bold;
}

/**/
/**************************************/
/*       ASK MR. STEVE (askmrsteve)   */
/**************************************/

#askmrsteve #Content h1 {
    background-image: url(../images/design/headers/pages/AskMrSteve.gif);
}
#askmrsteve #Content p {
    width: 355px;
}
#askmrsteve #Content p a[name] {
    display: block;
    margin-bottom: 10px;
    text-decoration: none;
    font-weight: bold;
    color: #333333;
}
#askmrsteve #Content p a[name]:hover {
    color: #333333;
}
#askmrsteve #Content p.links a {
    text-decoration: none;
    font-size: 1.05em;
    line-height: 1.6em;
    color: #311800;
    display: block;
}
#askmrsteve #Content p.links a:hover {
    text-decoration: underline;
}
#askmrsteve #Content p.links a span {
    font-weight: bold;
}

#askmrsteve #Content #contactForm {
    width: 340px;
    margin: 50px 0 10px 35px;
    font-size: 0.9em;
    line-height: 1.4em;
}
#askmrsteve #Content #contactForm label, #askmrsteve #Content #contactForm input, #askmrsteve #Content #contactForm textarea {
    height: 14px;
    line-height: 14px;
    margin-top: 15px;
    padding: 3px;
    float: right;
}
#askmrsteve #Content #contactForm label {
    padding-left: 0;
    float: left;
    display: block;
}
#askmrsteve #Content #contactForm input {
    width: 272px;
}
#askmrsteve #Content #contactForm input:focus, #askmrsteve #Content #contactForm textarea:focus {
    border: 1px solid #03375a;
}
#askmrsteve #Content #contactForm textarea {
    width: 249px;
    height: 100px;
}
#askmrsteve #Content #contactForm input[type=submit] {
    padding: 0;
    border: 0;
    width: 82px;
    height: 30px;
    text-indent: -9999px;
    background: url(../images/design/buttons/submit.png) 0 0 no-repeat;
}
#askmrsteve #Content #contactForm input[type=submit]:hover {
    background-position: 0 -30px;
}
#askmrsteve #Content #contactForm div {
    position: relative;
    clear: both;
}
#askmrsteve #Content #contactForm .validation {
    position: absolute;
    top: 15px;
    left: 350px;
    white-space: nowrap;
}
ctForm .feedback {
    position: absolute;
    top: 4px;
    left: 350px;
    width: 175px;
}
#askmrsteve #Content img {
    padding: 3px;
    border: 1px solid #0c3e60;
    margin: 0 20px 20px 0;
}

/**/
/**************************************/
/*  ABOUT MR. STEVE'S (aboutmrsteves) */
/**************************************/

#aboutmrsteves #Content h1 {
    background-image: url(../images/design/headers/pages/AboutMrSteves.gif);
}
#aboutmrsteves #Content img {
    padding: 3px;
    border: 1px solid #0c3e60;
    margin: 0 20px 20px 0;
}

/**/
/**************************************/
/*   STORE LOCATIONS (storelocations) */
/**************************************/

#storelocations #Content h1 {
    background-image: url(../images/design/headers/pages/StoreLocations.gif);
}
#storelocations #Content p {
    width: 660px;
}
#storelocations #Content p.floatLeft {
    width: 295px;
    padding-right: 50px;
}
#storelocations #Content p.floatLeft + p.floatLeft {
    margin-left: 0;
}
#storelocations #Content div.map {
    display: block;
    width: 663px;
    height: 543px;
    margin: 30px 0 20px 35px;
    border: 1px solid #0c3e60;
}
#storelocations #Content div.infoWindowText {
    font-size: 10px;
    line-height: 13px;
    margin: -4px 0 0;
    padding: 0 10px 0 6px;
}

/**/
/**************************************/
/*         BREW NEWS (brewnews)       */
/**************************************/

#brewnews #Content h1 {
    background-image: url(../images/design/headers/pages/BrewNews.gif);
}
#brewnews #Content img.floatRight {
    margin-right: 35px;
}

#brewnews #Content div.newsItem {
    display: block;
    width: 465px;
    padding-top: 10px;
    margin: 0 0 35px 35px;
}
#brewnews #Content div.newsItem + div.newsItem {
    border-top: 1px solid #03375a;
}
#brewnews #Content div.newsItem div.date {
    float: left;
    width: 70px;
    font-size: 0.9em;
    line-height: 1.4em;
}
#brewnews #Content div.newsItem div.newsText p {
    width: 390px;
    margin: 0 0 0 75px;
}
#brewnews #Content div.newsItem div.newsText ul {
    width: 350px;
    margin: 0 0 0 85px;
    padding: 10px;
    font-size: 0.9em;
    line-height: 1.4em;
}

/**/
/**************************************/
/*   UPCOMING EVENTS (upcomingevents) */
/**************************************/

#upcomingevents #Content h1 {
    background-image: url(../images/design/headers/pages/UpcomingEvents.gif);
}

#upcomingevents #Content div.eventItem {
    display: block;
    width: 550px;
    padding-top: 10px;
    margin: 0 0 35px 35px;
}
#upcomingevents #Content div.eventItem + div.eventItem {
    border-top: 1px solid #03375a;
}
#upcomingevents #Content div.eventItem div.date, #upcomingevents #Content div.eventItem div.location {
    float: left;
    width: 155px;
    font-size: 0.9em;
    line-height: 1.4em;
}
#upcomingevents #Content div.eventItem div.location {
    clear: left;
    margin-top: 15px;
}
#upcomingevents #Content div.eventItem div.eventText p {
    width: 380px;
    margin: 0 0 0 160px;
}

/**/
/**************************************/
/*FEATURED PRODUCTS (featuredproducts)*/
/**************************************/

#featuredproducts #Content h1 {
    background-image: url(../images/design/headers/pages/FeaturedProducts.gif);
}

#featuredproducts #Content div.featuredItem {
    display: block;
    width: 550px;
    padding-top: 10px;
    margin: 0 0 35px 35px;
    position: relative;
}
#featuredproducts #Content div.featuredItem + div.featuredItem {
    border-top: 1px solid #03375a;
}
#featuredproducts #Content div.featuredItem div.image {
    float: left;
    width: 180px;
    font-size: 0.9em;
    line-height: 1.4em;
}
#featuredproducts #Content div.featuredItem div.image a {
    padding: 0 0 3px 20px;
    background: url(../images/design/icons/enlarge.png) 0 0 no-repeat;
    font-size: 9px;
}
#featuredproducts #Content div.featuredItem div.featuredText {
    width: 360px;
    float: left;
    /*margin: 0 0 0 180px;*/
}
#featuredproducts #Content div.featuredItem div.featuredText p {
    margin:0;
}
#featuredproducts #Content div.featuredItem div.featuredText .backToTop {
    position: absolute; 
    font-size: 10px;
    right: -277px;
    bottom: -32px;
}


/**/
/**************************************/
/*              RATINGS               */
/**************************************/

div.rating {
    display: block;
    margin: 0 auto;
    overflow: hidden;
    width: 74px;
}
div.rating span {
    display: block;
    height: 16px;
    float: right;
    background: 0 0 no-repeat;
    position: relative;
    width: 14px;
}
div.rating.beer span {
    background-image: url(../images/design/icons/ratingBeerNone.png);
}
div.rating.beer span > span {
    padding-right: 15px;
}
div.rating.beer span.rate, div.rating.beer span.rate span {
    background-image: url(../images/design/icons/ratingBeerOne.png);
}
div.rating.beer span.rate.half {
    background-image: url(../images/design/icons/ratingBeerHalf.png);
}
div.rating.wine span {
    background-image: url(../images/design/icons/ratingWineNone.png);
}
div.rating.wine span > span {
    padding-right: 15px;
}
div.rating.wine span.rate, div.rating.wine span.rate span {
    background-image: url(../images/design/icons/ratingWineOne.png);
}
div.rating.wine span.rate.half {
    background-image: url(../images/design/icons/ratingWineHalf.png);
}


div.rating a {
    display: none;
}
div.rating.rateMe a {
    display: block;
    height: 16px;
    width: 15px;
    position: absolute;
    top: 0;
    left: 0;
    background: 0 0 no-repeat;
    z-index: 10;
}
div.rating.rateMe.beer span:hover {
    background-image: url(../images/design/icons/ratingBeerNone.png);
}
div.rating.rateMe.wine span:hover {
    background-image: url(../images/design/icons/ratingWineNone.png);
}
div.rating.rateMe.beer a:hover, div.rating.rateMe.beer a:hover + span, div.rating.rateMe.beer a:hover + span span {
    background-image: url(../images/design/icons/ratingBeerOne.png) !important;
}
div.rating.rateMe.wine a:hover, div.rating.rateMe.wine a:hover + span, div.rating.rateMe.wine a:hover + span span {
    background-image: url(../images/design/icons/ratingWineOne.png) !important;
}

/**/
/**************************************/
/*BREWING INSTRUCTIONS (brewinginstructions)*/
/**************************************/

#brewinginstructions #Content h1 {
    background-image: url(../images/design/headers/pages/brewingInstructions.gif);
}
#brewinginstructions #Content p {
    width: 555px;
}
#brewinginstructions #Content table {
    width: 555px;
    margin: 35px 0 0 35px;
    font-size: 0.9em;
    line-height: 1.4em;
}
#brewinginstructions #Content table, #brewinginstructions #Content table th, #brewinginstructions #Content table td {
    border: none;
    padding: 0;
}
#brewinginstructions .content th, #brewinginstructions .content td {
    border: none;
}
#brewinginstructions #Content table th {
    border: none;
    border-bottom: 1px solid #03375a;
    padding: 2px 3px;
}
#brewinginstructions #Content table td {
    padding: 3px 3px;
}
#brewinginstructions #Content table tr td {
    background-color: #f7f9fa;
}
#brewinginstructions #Content table tr:nth-child(odd) td {
    background-color: #eff3f5;
}
#brewinginstructions #Content table th.download, #brewinginstructions #Content table td.download {
    text-align: center;
    width: 100px;
}
#brewinginstructions #Content table td.download a[href$=".pdf"] {
    display: block;
    height: 16px;
    width: 16px;
    text-indent: -9999px;
    background: url(../images/design/icons/pdf.png) 0 0 no-repeat;
    margin: 0 auto;
}
#brewinginstructions #Content table td.download a[href$=".doc"], #brewinginstructions #Content table td.download a[href$=".docx"] {
    display: block;
    height: 16px;
    width: 16px;
    text-indent: -9999px;
    background: url(../images/design/icons/doc.png) 0 0 no-repeat;
    margin: 0 auto;
}
#brewinginstructions #Content table th.added, #brewinginstructions #Content table td.added {
    text-align: center;
    width: 80px;
}
#brewinginstructions #Content table th.instructionTitle, #brewinginstructions #Content table td.instructionTitle {
    text-align: left;
}
#brewinginstructions #Content table td.instructionTitle a[href$=".pdf"] {
    padding: 0 0 3px 20px;
    background: url(../images/design/icons/pdf.png) 0 0 no-repeat;
}
#brewinginstructions #Content table td.instructionTitle a[href$=".doc"], #brewinginstructions #Content table td.instructionTitle a[href$=".docx"] {
    padding: 0 0 3px 20px;
    background: url(../images/design/icons/doc.png) 0 0 no-repeat;
}
#brewinginstructions #Content table .pager > td {
    padding: 0;
}
#brewinginstructions #Content table .pager table {
    margin: 0 auto;
    width: auto;
}


/**/
/**************************************/
/*BEER & WINE RECIPES (beerwinerecipes)*/
/**************************************/

#beerwinerecipes #Content h1 {
    background-image: url(../images/design/headers/pages/BeerWineRecipes.gif);
}
#beerwinerecipes #Content p {
    width: 555px;
}
#beerwinerecipes #Content table {
    width: 555px;
    margin: 35px 0 0 35px;
    font-size: 0.9em;
    line-height: 1.4em;
}
#beerwinerecipes #Content table, #beerwinerecipes #Content table th, #beerwinerecipes #Content table td {
    border: none;
    padding: 0;
}
#beerwinerecipes .content th, #beerwinerecipes .content td {
    border: none;
}
#beerwinerecipes #Content table th {
    border: none;
    border-bottom: 1px solid #03375a;
    padding: 2px 3px;
}
#beerwinerecipes #Content table td {
    padding: 3px 3px;
}
#beerwinerecipes #Content table tr td {
    background-color: #f7f9fa;
}
#beerwinerecipes #Content table tr:nth-child(odd) td {
    background-color: #eff3f5;
}
#beerwinerecipes #Content table th.rating, #beerwinerecipes #Content table td.rating {
    text-align: center;
    width: 100px;
}
#beerwinerecipes #Content table th.added, #beerwinerecipes #Content table td.added {
    text-align: center;
    width: 80px;
}
#beerwinerecipes #Content table th.classification, #beerwinerecipes #Content table td.classification {
    text-align: left;
    width: 120px;
}
#beerwinerecipes #Content table th.recipeName, #beerwinerecipes #Content table td.recipeName {
    text-align: left;
}
#beerwinerecipes #Content table .pager > td {
    padding: 0;
}
#beerwinerecipes #Content table .pager table {
    margin: 0 auto;
    width: auto;
}

/**/
/**************************************/
/*     RECIPE DETAIL (recipedetails)   */
/**************************************/

#recipedetails #Content h1 {
    background-image: url(../images/design/headers/pages/BeerWineRecipes.gif);
}
#recipedetails #Content p {
    width: 555px;
}
#recipedetails #Content p.title {
    width: 275px;
    float: left;
    line-height: 1.6em;
    margin-top: 0;
}
#recipedetails #Content a.print {
    color: #1E7BAC;
    text-decoration: none;
    background: url(../images/design/buttons/printIcon.png) 0 0 no-repeat;
    padding-left: 20px;
}
#recipedetails #Content a.print:hover {
    text-decoration: underline;
}
#recipedetails #Content div.printDiv {
    margin: 54px 0 20px 35px;
    width: 555px;
    float: left;
    font-size: 0.8em;
    line-height: 1.6em;
    text-align: right;
}
#recipedetails #Content div.classificationAndRating {
    width: 275px;
    float: left;
    font-size: 0.9em;
    line-height: 1.6em;
    text-align: right;
}
#recipedetails #Content div.classificationAndRating div.ratingWrapper {
    float: right;
}

#recipedetails #Content div.comment {
    display: block;
    width: 553px;
    margin: 15px 0 0 35px;
    border: 1px solid #03375a;
}
#recipedetails #Content div.comment div.header {
    padding: 3px;
    background-color: #edf1f3;
    position: relative;
    font-size: 0.9em;
    line-height: 1.4em;
}
#recipedetails #Content div.comment div.header div.ratingWrapper {
    position: absolute;
    top: 3px;
    right: 3px;
}
#recipedetails #Content div.comment p {
    width: 100%;
    margin: 5px 3px;
}
#recipedetails #Content div.comment p em.name {
    color: #666;
}

#recipedetails #Content #contactForm {
    width: 333px;
    margin: 25px 0 10px 35px;
    font-size: 0.9em;
    line-height: 1.4em;
}
#recipedetails #Content #contactForm div.ratingWrapper {
    float: left;
    margin: 15px 203px 2px 10px;
}
#recipedetails #Content #contactForm label, #recipedetails #Content #contactForm input, #recipedetails #Content #contactForm textarea {
    height: 14px;
    line-height: 14px;
    margin-top: 15px;
    padding: 3px;
    float: right;
}
#recipedetails #Content #contactForm label {
    padding-left: 0;
    float: left;
    display: block;
}
#recipedetails #Content #contactForm input {
    width: 272px;
}
#recipedetails #Content #contactForm input:focus, #recipedetails #Content #contactForm textarea:focus {
    border: 1px solid #03375a;
}
#recipedetails #Content #contactForm textarea {
    width: 247px;
    height: 100px;
}
#recipedetails #Content #contactForm input[type=submit] {
    padding: 0;
    border: 0;
    width: 82px;
    height: 30px;
    text-indent: -9999px;
    background: url(../images/design/buttons/submit.png) 0 0 no-repeat;
}
#recipedetails #Content #contactForm input[type=submit]:hover {
    background-position: 0 -30px;
}
#recipedetails #Content #contactForm div {
    position: relative;
    clear: both;
}
#recipedetails #Content #contactForm div.ratingWrapper {
    clear: none;
}
#recipedetails #Content #contactForm .validation {
    position: absolute;
    top: 15px;
    left: 340px;
    white-space: nowrap;
}
#recipedetails #Content #contactForm .feedback {
    position: absolute;
    top: 16px;
    left: 0;
    width: 175px;
}

/**/
/**************************************/
/*       CONTACT US (contactus)       */
/**************************************/

#contactus #Content h1 {
    background-image: url(../images/design/headers/pages/ContactUs.gif);
}
#contactus #Content img.floatRight {
    margin: 0 45px 0 0;
    padding: 3px;
    border: 1px solid #0c3e60;
}
#contactus #Content p {
    width: 330px;
}

#contactus #Content #contactForm {
    width: 325px;
    margin: 50px 0 10px 35px;
    font-size: 0.9em;
    line-height: 1.4em;
}
#contactus #Content #contactForm label, #contactus #Content #contactForm input, #contactus #Content #contactForm textarea {
    height: 14px;
    line-height: 14px;
    padding: 3px;
    margin-top: 15px;
    float: right;
}
#contactus #Content #contactForm label {
    padding-left: 0;
    float: left;
    display: block;
}
#contactus #Content #contactForm input {
    width: 272px;
}
#contactus #Content #contactForm input:focus, #contactus #Content #contactForm textarea:focus {
    border: 1px solid #03375a;
}
#contactus #Content #contactForm textarea {
    width: 247px;
    height: 100px;
}
#contactus #Content #contactForm input[type=submit] {
    padding: 0;
    border: 0;
    width: 82px;
    height: 30px;
    text-indent: -9999px;
    background: url(../images/design/buttons/submit.png) 0 0 no-repeat;
}
#contactus #Content #contactForm input[type=submit]:hover {
    background-position: 0 -30px;
}
#contactus #Content #contactForm div {
    position: relative;
    clear: both;
}
#contactus #Content #contactForm .validation {
    position: absolute;
    top: 15px;
    left: 330px;
    white-space: nowrap;
}
#contactus #Content #contactForm .feedback {
    position: absolute;
    top: 16px;
    left: 0;
    width: 175px;
}

/**/
/**************************************/
/*       SEARCH (searchresults)       */
/**************************************/

#searchresults #Content h1 {
    background-image: url(../images/design/headers/pages/SearchResults.gif);
}
#searchresults #Content p {
    width: 650px;
}
#searchresults #Content table.searchResults a {
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.4em;
}
#searchresults #Content table {
    border: none;
    margin: 0 0 0 35px;
    font-size: 0.9em;
    line-height: 1.4em;
}
#searchresults #Content table.searchAgain td {
    padding-left: 0;
}
#searchresults #Content table td {
    border: none;
}
#searchresults #Content table.searchResults td {
    padding: 15px 2px;
    border-bottom: 1px solid #03375a;
}
#searchresults #Content table.searchResults td span.page {
    color: #326008;
}
#searchresults #Content table.searchResults td span.relevance {
    color: #666;
    padding-left: 5px;
}
#searchresults #Content input[type=text] {
    height: 14px;
    line-height: 14px;
    padding: 3px;
}
#searchresults #Content select {
    padding: 2px;
}
#searchresults #Content table.searchResults .pager a {
    font-size: 1em;
    font-weight: normal;
}
#searchresults #Content table.searchResults .pager td {
    text-align: right;
    border: none;
    padding: 2px;
}

/**/
/**************************************/
/*           eNEWS (enews)            */
/**************************************/

#enews #Content h1 {
    background-image: url(../images/design/headers/pages/eNews.gif);
}
#enews #Content p {
    width: 650px;
}

#enews #Content #signupForm {
    float: left;
    width: 360px;
    margin: 10px 0 0 35px;
    font-size: 0.9em;
    line-height: 1.4em;
}
#enews #Content #signupForm label, #enews #Content #signupForm input {
    height: 14px;
    line-height: 14px;
    margin-top: 15px;
    padding: 3px;
    float: right;
}
#enews #Content #signupForm label {
    padding-left: 0;
    float: left;
    display: block;
}
#enews #Content #signupForm input {
    width: 272px;
}
#enews #Content #signupForm input:focus, #enews #Content #signupForm textarea:focus {
    border: 1px solid #03375a;
}
#enews #Content #signupForm input[type=submit] {
    padding: 0;
    border: 0;
    width: 82px;
    height: 30px;
    text-indent: -9999px;
    background: url(../images/design/buttons/submit.png) 0 0 no-repeat;
}
#enews #Content #signupForm input[type=submit]:hover {
    background-position: 0 -30px;
}
#enews #Content #signupForm div {
    position: relative;
    clear: both;
}
#enews #Content #signupForm .validation {
    position: absolute;
    top: 15px;
    left: 370px;
    white-space: nowrap;
}
#enews #Content #signupForm .feedback {
    position: absolute;
    top: 4px;
    left: 370px;
    width: 175px;
}

/**/
/**************************************/
/*     PRIVACY POLICY (privacy)       */
/**************************************/

#privacy #Content h1 {
    background-image: url(../images/design/headers/pages/PrivacyPolicy.gif);
}
#privacy #Content p {
    width: 450px;
}
#privacy #Content ul {
    list-style-position: inside;
    width: 450px;
    margin: 20px 0 0 35px;
    font-size: 0.9em;
    line-height: 1.4em;
}

/**/
/**************************************/
/*        CMS LOGIN (login)           */
/**************************************/

#login #Content #loginPanel {
    margin: 54px 0 20px 35px;
}

/**/