/*Single Stylesheet for Johnsonville Canada*/

body 
{
    font: 76% Helvetica, Arial, sans-serif;
    background: #FFFFFF url("../img/bg/bodyBackground.jpg") top center repeat-x;
    color: #000;
    margin: 0px;
    padding: 0px;
}

div, h1, h2, td, ul, li, p, a 
{
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 1em;
    text-decoration: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

h1 {
    font-size: 1.5em;
    }
    
h2 {
    font-size: 1.2em;
    }
    
h3 {
    font-size: 1em;
    }
    
p {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    }
.right{
    float: right;
}
.left{
    float: left;
}
.clear 
{
    clear: both;
}

img {
    display: block;
    border: 0px solid #000000;
    }

img.flag {
    left: 1px;
    position: absolute;
    top: 0;
}
.english
{
    color: #626262;
}

#container 
{
    font-size: 1em;
    width: 730px;
    margin-left: -365px;
    position: relative;
    left: 50%;
    margin-top: 13px;
}

#utilityMenu
{
    font-size: 1em;
}

#header,
#utilityMenu/*,
#productMenu*/ 
{
    border-bottom: 1px solid #CCCCCC;
}

#utilityMenu a 
{
    padding: 0 10px;
}

#utilityMenu,
#productMenu,
#secondaryProductMenu
{
    float: right;
    width: 548px;
}

a#home 
{
    background: url("../img/header/logo-sausage.gif") center center no-repeat;
    width: 147px;
    height: 84px;
    display: block;
    float: left;
}

div#topnavHome 
{
    float: left;
    margin: 0 0 7px 0;
}
    
div#topnavEC 
{
    float: right;
}










div.productMenu
{
    height: 70px;
    display: block;
    position: relative;
    float: left;
    z-index: 64;
}

div#productMenu a
{
    float: left;
    height: 70px;
}

#productMenu {
    height: 70px;
    margin: 10px 0 0 0;
    }

div#productMenu #smoked,
div#productMenu #brats,
div#productMenu #italian,
div#productMenu #breakfast
{
    background-repeat: no-repeat;
    background-color: transparent;
    height: 70px;
}

div#productMenu #brats {
    background-image: url("../img/nav/navBrats.gif");
    width: 101px;
}
    
div#productMenu #italian {
    background-image: url("../img/nav/navItalian.gif");
    width: 145px;
}
    
div#productMenu #breakfast {
    background-image: url("../img/nav/navBreakfast.gif");
    width: 159px;
}

div#productMenu #smoked {
    background-image: url('../img/nav/navSmoked.gif');
    width: 142px;
}

div#productMenu #smoked:hover,
div#productMenu #brats:hover,
div#productMenu #italian:hover,
div#productMenu #breakfast:hover
{
    background-position: 0 -70px;
}

div#productMenu #smoked:active,
div#productMenu #brats:active,
div#productMenu #italian:active,
div#productMenu #breakfast:active
{
    background-position: 0 -140px;
}






#breadNewsContainer
{
    padding: 10px 0;
}

#miniFlag
{
    padding: 10px 0px;
    float: left;
}

#miniFlag img
{
    float: left;
    margin-right: 5px;
}

#miniFlag p
{
    font-size: 0.87em;
    font-family: Helvetica, Arial, sans-serif;
    display: inline;
}

#miniFlag a:visited,
#miniFlag a:active,
#miniFlag a:link
{
    font-size: 0.87em;
    font-family: Helvetica, Arial, sans-serif;
    color: #2E3092;
    background: url("../img/arrow.gif");
    background-repeat: no-repeat;
    background-position: right;
    margin-right: 2px;
    padding-right: 12px;
    text-decoration: none;
}

#miniFlag a:hover
{
    font-size: 0.87em;
    font-family: Helvetica, Arial, sans-serif;
    color: #2E3092;
    background: url("../img/arrow.gif");
    background-repeat: no-repeat;
    background-position: right;
    margin-right: 2px;
    padding-right: 12px;
    text-decoration: underline;
}

#smallFormContainer {
    float: right;
    width: 324px;
}

#fieldStyle
{
    background-color: #f5f5f5;
    float: left;
    width: 192px;
}

form#enthusiastsClubSmall input
{
    color:#898989;
    font-size: .95em;
    padding: 0px;
    margin: 8px 10px;
    width: 171px;
}
     
form#enthusiastsClubSmall input#subscribe
{
    background: url("../img/getOurNewsletter.gif") center 0px no-repeat;
    width: 124px;
    height: 34px;
    margin: 0px;
    padding: 0px;
}

form#enthusiastsClubSmall input#subscribe:hover
{
    background: url("../img/getOurNewsletter.gif") center -34px no-repeat;
    width: 124px;
    height: 34px;
}










#mainContent
{
    border-top: 1px solid #cccccc;
    float: left;
    width: 517px;
}







#enthusiastClub div.clear,
#enthusiastClub div.fieldset
{
     background-color: #ebebeb;
}
 
body#contactus #mainContent h2 .french,
body#contactus .sidebar h3
{
    color: #960502;
}

#enthusiastClub h2, 
body#contactus #mainContent h2,
body#contactus #mainContent h3 {
    color: #ce570f;
    font-weight: bold;
    font-size: 1.3em;
    margin: 0 0 0 0;
}

#enthusiastClub .fieldset 
{
    padding: 10px;
    margin: 13px 0 13px 0;
}

#enthusiastClub p {
    margin: 0 0 0 0;
    padding: 5px 0 10px 0;
}

#enthusiastClub .french {
    color: #626262;
    }







.btn {
    /*background: transparent url(../img/bg/bttn_blue_Lside.gif) 0 0 no-repeat;*/
    background-image: url(../img/bg/bttn_brown_Lside.gif);
    background-repeat: no-repeat;
    display: block;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 5px 0 8px 20px;
}
.btn span
{
    /*background: transparent url(../img/bg/bttn_blue_Rside.gif) top right no-repeat;*/
    background-image: url(../img/bg/bttn_brown_Rside.gif);
    background-position: top right;
    background-repeat: no-repeat;
    padding: 5px 15px 8px 0;
    color: #ffffff;
}

.btn span.french1 {
    color: #fff799;
    background: none;
    padding: 0 0 0 0;
    }
    
a.btn:link,
a.btn:visited {
    color: #ffffff;
    text-decoration: none;
}
a.btn:hover{
    color: #FFFF00;
    text-decoration: none;
    cursor: pointer;
}
a.btn:active {
    color: #ffffff;
    text-decoration: none;
}







/************************************/
/*Right Sidebar Styles*/
/************************************/
.sidebar
{
    float: right;
    width: 201px;
    margin-top: -30px;
}

.sideBorder
{
    background: url("../img/sidebar/border.jpg") top center repeat-y;
}

/* Set these widths explicitly to prevent IE6 peekaboo-like bug. */
.sidebar h2,
.sidebar h2 a,
.sidebar p
{
    width: 175px;
}

.sidebar .bottomBG
{
    background: url("../img/sidebar/bottomBG.jpg") center no-repeat;
    height: 12px;
    /* NEGATIVE VALUE SET BECAUSE THERE WAS A ONE PIXEL ISSUE FOR THE BOTTOM AREA for IE 6*/
    margin-top: -14px;
    margin-bottom: 13px;
}

.sidebar .topBG{
    background: url("../img/sidebar/topBG.gif") top center no-repeat;
    height: 20px;
    padding: 0 0 0 0;
}

.sidebar img{
    padding: 0px 13px 0px 13px;
}

.sidebar h1, .sidebar h2, .sidebar h2 a {
    color: #d56932;
    }

.sidebar h1
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-size: 1.2em;
}

.sidebar h2,
.sidebar h2 a
{
    font-weight: bold;
    margin-bottom: 1px;
    margin-top: 0px;
}

.sidebar h3 {
    font-weight: bold;
    margin: 0 0 0 0;
    color: #000000;
    }

.sidebar p
{
    font-weight: normal;
    color: #000000;
    margin: 0 0 0 0;
}

a.quickLink:link,
a.quickLink:active,
a.quickLink:visited
{
    background: url("../img/nav_arrow.gif") left center no-repeat;
    color: #3b7dc3;
    font-weight: bold;
    text-decoration: none;
    cursor: hand;
}
a.quickLink:hover{
    color: #5CBEF5;
}
.sidebar h1,
.sidebar h2,
.sidebar h3,
.sidebar p,
.sidebar img{
    padding: 0 13px 0 13px;
    margin: 0 0 0 0;
}

.sidebar span.french,
body#contactus #mainContent h3 .french {
    color: #664827;
    }
    
.sidebar .sidebarHead {
    position: relative;
    top: 28px;
    }
    
.sidebar .divider {
    border-bottom: 1px solid #CCCCCC;
    margin: 0 0 0 13px;
    width: 176px;
    }
    
    
    
    
    
    
    
    
/*********************************************/
/*Global Footer Styles*/
/*********************************************/    
#footer {
    margin: 0 0 0 0;
    paddin: 0 0 0 0;
    width: 725px;
}

#footerNav
{
    background-color:#900028;
    color:#FFFFFF;
    padding: 5px;
}

#footerNav a
{
    color: #fff;
    padding: 0px 8px 0px 0px;
    margin: 0px;
    text-align: middle;
}

#footerNav a:hover
{
    color: #ff0;
}

div#footerContact
{
    padding: 5px 10px;
    margin-bottom:20px;
}

#address {
    float: left;
    color: #898989;
    padding-bottom: 20px;
    }

#copyright {
    float: right;
    color: #898989;
    padding-bottom: 20px;
    }
    
#footerNav a#otherWebSites
{
    color: #ff0;
    float: right;
}

#footerNav a#otherWebSites:hover
{
    color: #fff;
}









/***************************************/
/* Products Template Styles */
/***************************************/
    
body#brats #mainContent,
body#italian #mainContent,
body#breakfast #mainContent {
    width: 725px;
    float: none;
    background: none;
    border: 0px solid;
    padding: 0 0 20px 0;
    }

body#brats #mainContent h2 {
    color: #9D0A0E;
    }    
    
body#italian #mainContent h2 {
    color: #00A650;
    }
    
body#breakfast #mainContent h2 {
    color: #A0410D;
    }
    
#mainContent .contentStacker {
    border-bottom: 1px solid #CCCCCC;
    margin: 15px 15px 0 15px;
    padding-bottom: 20px;
    position: relative;
    }
    
#mainContent .contentStacker .productShot{
    float: left;
    margin-right: 20px;
}

#mainContent .contentStacker .productDetails{
    width: 352px;
    float: left;
    margin: 0 10px 0 10px;
}

#mainContent .contentStacker .productDetails h2{
    color: #a0410d;
}

#mainContent .contentStacker .productDetails p{
    padding: 0 0 10px 0;
}

#mainContent .contentStacker .moreinfoLinks img {
    margin: 0 0 5px 0;
    }

#mainContent .contentStacker .moreinfoLinks a {
    background-repeat: repeat;
    background-color: transparent;
    width: 135px;
    height: 30px;
    display: block;
    float: left;
    margin: 0 0 10px 0;
    }

#mainContent .contentStacker .moreinfoLinks a.nutritionFacts {
    background-image: url(../img/products/nutritionFacts.gif);
    }
    
#mainContent .contentStacker .moreinfoLinks a.frontLabel {
    background-image: url(../img/products/frontLabel.gif);
    }

#mainContent .contentStacker .moreinfoLinks a.backLabel {
    background-image: url(../img/products/backLabel.gif);
    }    
    
#mainContent .contentStacker .moreinfoLinks a.nutritionFacts:hover,
#mainContent .contentStacker .moreinfoLinks a.frontLabel:hover,
#mainContent .contentStacker .moreinfoLinks a.backLabel:hover {
    background-position: 0 -30px;
    } 
    
    
    
    
    
    
    
    
/****************************************/
/*Contact Us Template Styles
/****************************************/
body#contactus #mainContent {
    border: 0px solid;
    }
    
body#contactus #breadNewsContainer {
    border-bottom: 1px solid #CCCCCC;
    margin: 0 0 10px 0;
    }
    
form fieldset{
    background-color: #ebebeb;
    padding: 15px;
    margin: 15px 0px;
}

form fieldset input {
    width: 200px;
    }
    
body#contactus #mainContent h3 {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    font-size: 1em;
    }