/* Admin */
.Admin {
display: block;
height: 50px;
width: 50px;
position: absolute;
top: 0px;
right: 0px;
}
.Admin span {
display: none;
}


/* ::::::: Genereal Elements ::::::: */

* { /* Global Reset */
margin: 0px;
padding: 0px;
}

html {
background: transparent url(../img/wood-panel.jpg) center 0px repeat;
}

body {
background: transparent url(../img/gourmet-mom.gif) center 10px no-repeat fixed;
}


h1 {
font: bold 38px budbird;
color: #8e7bb4;
padding: 20px 0px 10px 0px;
}

h2 {
font: bold 30px budbird;
color: #3F3F3F;
padding: 10px 0px;
}

h3 {
font: normal 14px/18px Arial, Helvetica, sans-serif;
color: #000000;
}

p {
font: normal 12px/18px Arial, Helvetica, sans-serif;
color: #000000;
padding: 5px 0px 10px 0px;
}

ul {
list-style-position: inside;
padding: 15px 0px;
}

li {
font: normal 12px/18px Arial, Helvetica, sans-serif;
color: #000000;
}

a:link, a:active, a:visited {
font: normal 12px Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: underline;
}
a:hover {
font: normal 12px Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: none;
}

hr {
color: #BE2F01;
margin: 0px 0px 10px 0px;
}

img {
margin: 0px;
padding: 0px;
border: 0px;
}

img.right {
float: right;
margin: 0px 0px 20px 10px;
}

table {
}

tr {
}

th {
font: bold 14px/18px Arial, Helvetica, sans-serif;
color: #000000;
}

td, input, textarea {
font: normal 12px/18px Arial, Helvetica, sans-serif;
color: #000000;
}

fieldset {
font: bold 12px/18px Arial, Helvetica, sans-serif;

}

.clear {
clear: both;
}

.BodyWrap {
background: transparent url(../img/book-rpt-sub.png) 247px 6px repeat-y;
width: 871px;
}

.CenteredWrap {
margin: 0px auto;
width: 1130px;
}

.LeftMargin {
width: 313px;
float: left;
}

.Home, .CTA1, .CTA2 {
float: left;
}

.Home span, .CTA1 span, .CTA2 span {
display: none;
}

a.Home:link, a.Home:active, a.Home:visited {
background: url(../img/gourmet-moms-sauce-logo-sub.gif) right top no-repeat;
width: 313px;
height: 294px;
}

a.Home:hover {
background: url(../img/gourmet-moms-sauce-logo-sub.gif) right bottom no-repeat;
width: 313px;
height: 294px;
}

a.CTA1:link, a.CTA1:active, a.CTA1:visited {
background: url(../img/cta1-sub.gif) right top no-repeat;
width: 313px;
height: 196px;
}


a.CTA1:hover {
background: url(../img/cta1-sub.gif) right bottom no-repeat;
width: 313px;
height: 196px;
}

a.CTA2:link, a.CTA2:active, a.CTA2:visited {
background: url(../img/cta2-sub.gif) right top no-repeat;
width: 313px;
height: 268px;
}

a.CTA2:hover {
background: url(../img/cta2-sub.gif) right bottom no-repeat;
width: 313px;
height: 268px;
}


.MainContent {
background: transparent url(../img/sub-page-whole.png) left top no-repeat;
width: 473px;
height: 100%;
min-height: 655px;
float: left;
margin: 0px 0px 0px 0px;
padding: 40px 30px 40px 20px;
}



.Navigation {
background: transparent url(../img/nav-sub.gif) left 0px no-repeat;
width: 35px;
float: left;
margin: 0px 0px 0px 0px;
padding: 47px 0px 0px 0px;
height: 711px;
}

.Navigation ul {
padding: 0px;
}

.Navigation ul li {
list-style-type: none;
}

.Navigation ul li a span {
display: none;
}

.Navigation ul li a {
display: block;
width: 35px;
height: 111px;
margin: 0px;
}

.Navigation ul li a.Sauces:link, .Navigation ul li a.Sauces:active, .Navigation ul li a.Sauces:visited {
background: url(../img/links-sub.png) 0px 0px no-repeat;
}
.Navigation ul li a.Sauces:hover {
background: url(../img/links-sub.png) -35px 0px no-repeat;
}

.Navigation ul li a.Recipes:link, .Navigation ul li a.Recipes:active, .Navigation ul li a.Recipes:visited {
background: url(../img/links-sub.png) 0px -111px no-repeat;
}
.Navigation ul li a.Recipes:hover {
background: url(../img/links-sub.png) -35px -111px no-repeat;
}

.Navigation ul li a.Store:link, .Navigation ul li a.Store:active, .Navigation ul li a.Store:visited {
background: url(../img/links-sub.png) 0px -222px no-repeat;
}
.Navigation ul li a.Store:hover {
background: url(../img/links-sub.png) -35px -222px no-repeat;
}

.Navigation ul li a.Cook:link, .Navigation ul li a.Cook:active, .Navigation ul li a.Cook:visited {
background: url(../img/links-sub.png) 0px -333px no-repeat;
}
.Navigation ul li a.Cook:hover {
background: url(../img/links-sub.png) -35px -333px no-repeat;
}

.Navigation ul li a.News:link, .Navigation ul li a.News:active, .Navigation ul li a.News:visited {
background: url(../img/links-sub.png) 0px -444px no-repeat;
}
.Navigation ul li a.News:hover {
background: url(../img/links-sub.png) -35px -444px no-repeat;
}

.Navigation ul li a.Contact:link, .Navigation ul li a.Contact:active, .Navigation ul li a.Contact:visited {
background: url(../img/links-sub.png) 0px -555px no-repeat;
}
.Navigation ul li a.Contact:hover {
background: url(../img/links-sub.png) -35px -555px no-repeat;
}

.RightMargin {
width: 137px;
float: left;
}

.Footer {
padding: 0px 0px 0px 278px;
display: block;
float:left;
}

.Footer img {
float: left;
clear: both;
}

.FinePrint {
width: 1130px;
margin: 0px auto;
padding: 10px 0px 0px 20px;
}

.FinePrint h4 {
font: bold 14px/25px arial;
background: transparent url(../img/green-all-natural.png) 290px center no-repeat;
height: 25px;
text-align: center;
}

.FinePrint p {
text-align: center;
color: #5a3d17;
padding: 5px 30px 30px 0px;
}

.FinePrint p a:link, .FinePrint p a:active, .FinePrint p a:visited {
text-decoration: none;
color: #5a3d17;
padding: 5px 0px;
}


.FinePrint p a:hover {
text-decoration: underline;
color: #5a3d17;
padding: 5px 0px;
}

p.StoreLocation {
display: block;
font: normal 11px/18px arial;

width: 220px;
margin: 0px 5px 5px 0px;
padding: 5px;
}

p.StoreLocation strong a {
font: bold 13px arial;
color:#C10000;
}

p.StoreLocation a {
font: normal 12px arial;
}

.SauceDescription {
background: #ffffff;
border: dotted 0px #cccccc;
padding: 20px 20px 20px 170px;
margin: 10px 0px
}

.SauceDescription p {
font: normal 14px/22px georgia, arial;
color: #4F4F4F;
}

.Bayou {
background: url(../img/bayou-creole-sauce-sm.png) left 20px no-repeat;
}

.Maui {
background: url(../img/maui-sunset-sauce-sm.png) left 20px no-repeat;
}

.Milano {
background: url(../img/milano-marinara-sauce-sm.png) left 20px no-repeat;
}

.Bayou h2 {
color: #6E599F;
}

.Maui h2 {
color: #CF9B00;
}

.Milano h2 {
color: #CC0311;
}

.LearnMore span, .SeeRecipes span {
display: none;
}

a.LearnMore:link, a.LearnMore:active, a.LearnMore:visited {
background: url(../img/buttons.png) left top no-repeat;
width: 127px;
height: 31px;
display: block;
float: left;
}

a.LearnMore:hover {
background: url(../img/buttons.png) left bottom no-repeat;
width: 127px;
height: 31px;
display: block;
float: left;
}

a.SeeRecipes:link, a.SeeRecipes:active, a.SeeRecipes:visited {
background: url(../img/buttons.png) right top no-repeat;
width: 127px;
height: 31px;
display: block;
float: left;
}

a.SeeRecipes:hover {
background: url(../img/buttons.png) right bottom no-repeat;
width: 127px;
height: 31px;
display: block;
float: left;
}

.SauceNav {
background: #ffffff;
padding: 10px;
margin: 0px;
}

.SauceNav p {
font: normal 13px georgia;
color: #555555;
padding: 0px;
margin: 0px;

}

/* :::::: buttons :::::: */

a.redbutton:link, a.redbutton:active, a.redbutton:visited {
font: normal 14px/22px georgia, arial;
border: 0px solid #888888;
background: #F83028 url(../img/button.png) left top no-repeat;
padding: 5px 10px 5px 20px;
margin: 0px;
color: #7F150F;
text-decoration: none;
}

a.redbutton:hover {
border: 0px solid #e1dac6;
background: #F83028 url(../img/button-hover.png) left top no-repeat;
padding: 5px 15px;
margin: 0px;
color: #ffffff;
text-decoration: none;
}

a.purplebutton:link, a.purplebutton:active, a.purplebutton:visited {
font: normal 14px/22px georgia, arial;
border: 0px solid #888888;
background: #A38DC3 url(../img/button.png) left top no-repeat;
padding: 5px 10px 5px 20px;
margin: 0px;
color: #291B3F;
text-decoration: none;
}

a.purplebutton:hover {
border: 0px solid #e1dac6;
background: #A38DC3 url(../img/button-hover.png) left top no-repeat;
padding: 5px 15px;
margin: 0px;
color: #ffffff;
text-decoration: none;
}

a.yellowbutton:link, a.yellowbutton:active, a.yellowbutton:visited {
font: normal 14px/22px georgia, arial;
border: 0px solid #888888;
background: #F9E513 url(../img/button.png) left top no-repeat;
padding: 5px 10px 5px 20px;
margin: 0px;
color: #AF8300;
text-decoration: none;
}

a.yellowbutton:hover {
border: 0px solid #e1dac6;
background: #F9E513 url(../img/button-hover.png) left top no-repeat;
padding: 5px 15px;
margin: 0px;
color: #ffffff;
text-decoration: none;
}
/* :::::::::::: */




span.PullQuote p {
color: #CC0311;
font: italic 18px/22px georgia;
}

span.PullQuote p em {
font: italic 12px/22px arial;
}

/* :::: FORMS :::: */

            .formline {
            background: #E9EAEA;
            display:block;
            float: left;
            clear: left;
            width: 410px;
            margin: 1px 0px;
            padding: 5px 20px;
            }
            .formline p {
            font: normal 12px/20px Arial, Helvetica, sans-serif;
            float: left;
            display: block;
            margin: 0px;
            padding: 0px;
            }
            .formline input, .formline select {
            float: right;
            display: block;
            margin: 0px;
            padding: 0px;
            width: 160px
            }
            .formline input {
            border: 1px solid #003C52;
padding: 3px
            }
            .formline input[type="submit"] {
            border:1px solid #003C52;
            float: right;
            background: #8E7BB4;
            height: 24px;
            font: bold 12px/24px Arial, Helvetica, sans-serif;
            color: #ffffff;
            }
            .formline input[type="submit"]:hover {
            border:1px solid #003C52;
            float: right;
            background: #ffffff;
            cursor: pointer;
            height: 24px;
            font: bold 12px/24px Arial, Helvetica, sans-serif;
            color: #003C52;
            }
            .formline input[type="hidden"] {
            display:none;
            }
            textarea, #CAT_Custom_869, .cat_listbox {
            width: 404px;
            height: 150px;
            margin: 0 0 6px;
            border: 1px solid #003C52;
padding: 3px;
            }

            input[type="checkbox"] {
            float: left;
            width: auto;
            margin: 0px 5px 0px 0px;
            }


/* ::: in the news ::::: */


div.announcement-list h2 {
font: bold 30px budbird;
height: 30px;
color: #3F3F3F;
text-decoration: none;
padding: 0px;
margin: 0px;
display: block;
}

div.announcement-details  h2 {
font: bold 30px budbird;
height: 30px;
color: #3F3F3F;
text-decoration: none;
padding: 0px 0px 10px 0px;
margin: 0px;
display: block;
}

div.announcement-details  h2 a, div.announcement-list h2 a {
font: bold 30px budbird;
height: 30px;
color: #3F3F3F;
text-decoration: none;
padding: 0px;
margin: 0px;
display: block;
}

div.announcement-list p.date {
font: normal 14px arial; 
color: #1f1f1f;
padding: 0px;
margin: 0px;
color: #AFAFAF;
}

div.announcement-details p.date {
font: normal 14px arial; 
color: #1f1f1f;
padding: 10px 0px 0px 0px;
margin: 0px;
color: #AFAFAF;
}

div.announcement-details hr {
height: 1px;
color: #8E7BB4;
}


div.goBack {
padding: 5px 0px;
text-align: center
}

div.goBack a:link, div.goBack a:active, div.goBack a:visited {
font: normal 14px/18px georgia, arial;
border: 1px solid #888888;
background: #ffffff;
padding: 0px 5px;
margin: 0px;
color: #3F3737;
text-decoration: none;
height: 18px;
}

div.goBack a:hover {
border: 1px solid #DFDFDF;
background: #ffffff;
padding: 0px 5px;
margin: 0px;
color: #C10000;
text-decoration: none;
}