/** BASIC */

body {
	margin: 0px;
	padding: 0px;
	background: url(../images/bkgrd_gradient.jpg) repeat-x center bottom;
	background-attachment:fixed;
	background-color: #971B1E;
	color: #497808;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	font-weight:normal;
	text-align: center;
}

/** TEXTS */

td, input, textarea, select {
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	font-weight: bold;
}

td.news {
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-size: 9px;
	color: #497808;
	border-bottom: 0px dashed;
	border-color: #497808;
}

td.footer {
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	border-bottom: 0px dashed;
	border-color: #497808;
}

th {
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-size: 10px;
	color: #497808;
	font-weight:bold;
	margin-top: 0px;
	margin-bottom: 1em;
	border-bottom: 1px solid;
	border-color: #497808;
}

th.content {
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-size: 10px;
	color: #497808;
	font-weight:bold;
	margin-top: 0px;
	margin-bottom: 1em;
	border-bottom: 0px solid;
	border-color: #497808;
}

/** LINKS **/

a {
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	color: #369;
	font-weight:bold;
	text-decoration: none;
}

a:hover {
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	color: #369;
	font-weight:bold;
	text-decoration: underline overline;
}

a.login {
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight:bold;
	text-decoration: none;
}

a.login:hover {
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight:bold;
	text-decoration: none;
}

a.nav {
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFF00;
	font-weight:bold;
	text-decoration: none;
}

a.nav:hover {
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFF00;
	font-weight:bold;
	text-decoration: underline overline;
}


a.footer {
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight:bold;
	text-decoration: none;
}

a.footer:hover {
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight:bold;
	text-decoration: none;
}

.hr {
	color: #497808;
	height: 1px;
}

div.siteLayout-hdr {
	position:absolute;
	background:url(../images/topHdr.png) center no-repeat;
	left:6px;
	top:0px;
	width:987px;
	height:140px;
	border-right: 0px solid;
	border-color: #497808;
	text-align: left;
	padding-top: 0px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	font-weight:bold;
}

div.siteLayout-qualSeal {
	position:absolute;
	background:url(../images/qualSeal.png) center no-repeat;
	left:30px;
	top:6px;
	width:127px;
	height:130px;
	border-right: 0px solid;
	border-color: #497808;
	text-align: left;
	padding-top: 0px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	font-weight:bold;
}

div.siteLayout-logo {
	position:absolute;
	background:url(../images/panolaLogo2.png) center no-repeat;
	left:150px;
	top:0px;
	width:300px;
	height:128px;
	border-right: 0px solid;
	border-color: #497808;
	text-align: left;
	padding-top: 0px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	font-weight:bold;
        cursor:pointer;
}

div.siteLayout-pepperCorp {
	position:absolute;
	background:url(../images/pepperCorp.png) center no-repeat;
	left:180px;
	top:106px;
	width:242px;
	height:16px;
	border-right: 0px solid;
	border-color: #497808;
	text-align: left;
	padding-top: 0px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	font-weight:bold;
}

div.siteLayout-custBG {
	position:absolute;
	background:url(../images/custBG.png) center no-repeat;
	left:600px;
	top:4px;
	width:361px;
	height:35px;
	border-right: 0px solid;
	border-color: #497808;
	text-align: left;
	padding-top: 0px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	font-weight:bold;
}

div.siteLayout-custBG a {
	display: block;
        height: 100%;
        width: 100%;
        text-decoration: none;
}

div.siteLayout-testimonial {
	position:absolute;
	left:600px;
	top:45px;
	width:361px;
	height:95px;
	border-right: 0px solid;
	border-color: #497808;
	text-align: left;
	padding-top: 0px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	font-weight:bold;
        color:#ffffff;
}

div.siteLayout-content {
	position:absolute;
        background: url(../images/brickBG2.png) no-repeat center bottom;
	/*background-attachment:fixed;*/
        background-color: #FFFFFF;
	left:7px;
	top:139px;
	width:985px;
	height:560px;
	border: 0px solid;
	border-color: #497808;
	text-align: center;
	padding-top: 0px;
}

div.siteLayout-contentSm {
	position:absolute;
        background: url(../images/panolabrickbkgrdstrip.png) no-repeat right bottom;
	/*background-attachment:fixed;*/
        background-color: #FFFFFF;
	left:7px;
	top:139px;
	width:985px;
	height:560px;
	border: 0px solid;
	border-color: #497808;
	text-align: center;
	padding-top: 0px;
}

div.siteLayout-contentPL {
	position:absolute;
        background: url(../images/panolaprivateheader.jpg) no-repeat right top;
	/*background-attachment:fixed;*/
        background-color: #FFFFFF;
	left:0px;
	top:40px;
	width:985px;
	height:200px;
	border: 0px solid;
	border-color: #497808;
	text-align: center;
	padding-top: 0px;
}

div.siteLayout-contentOT {
	position:absolute;
        background: url(../images/panolatraditionheader.jpg) no-repeat right top;
	/*background-attachment:fixed;*/
        background-color: #FFFFFF;
	left:0px;
	top:40px;
	width:985px;
	height:300px;
	border: 0px solid;
	border-color: #497808;
	text-align: center;
	padding-top: 0px;
}

div.siteLayout-mainContent {
	position:absolute;
        background-color: transparent;
	left:177px;
	top:39px;
	width:795px;
	height:500px;
	border: 0px solid;
	border-color: #497808;
	text-align: center;
	padding-top: 0px;
        overflow: auto;
}

div.siteLayout-brickBG2 {
	position:absolute;
	background: url(../images/brickBG.png) center no-repeat;
	left:0px;
	top:50px;
	width:987px;
	height:280px;
	border: 0px solid;
	border-color: #497808;
	text-align: center;
	padding-top: 0px;
}

div.siteLayout-flavors {
	position:absolute;
	left:190px;
	top:30px;
	/*width:259px;*/
        width:269px;
	height:200px;
	border: 0px solid;
	border-color: #497808;
	text-align: center;
	padding-top: 0px;
}

div.siteLayout-shippingBG2 {
	position:absolute;
	/*background: url(../images/shippingBG2.png) center no-repeat;*/
	left:190px;
	/*top:308px;*/
        top:290px;
	width:258px;
	height:51px;
	border: 0px solid;
	border-color: #497808;
	text-align: center;
	padding-top: 0px;
}

div.shippingTxt {
	position:absolute;
	left:2px;
	top:2px;
	width:255px;
	height:50px;
	border: 1px solid;
	border-color: #497808;
	text-align: center;
	padding-top: 0px;
}

div.potatoStixTxt {
	position:absolute;
	left:2px;
	top:2px;
	width:255px;
	height:50px;
	border: 1px solid;
	border-color: #497808;
	text-align: center;
	padding-top: 0px;
}

div.siteLayout-upsdude2 {
	position:absolute;
	/*background: url(../images/upsdude2.png) center no-repeat;*/
	left:190px;
	top:308px;
	width:259px;
	height:245px;
	border: 0px solid;
	border-color: #497808;
	text-align: center;
	padding-top: 0px;
}

div.siteLayout-panolasauces {
	position:absolute;
	background: url(../images/panolasauces.png) center no-repeat;
	left:465px;
	top:36px;
	width:154px;
	height:273px;
	border: 0px solid;
	border-color: #497808;
	text-align: center;
	padding-top: 0px;
}

div.siteLayout-panolabbq {
	position:absolute;
	background: url(../images/panolabbq.png) center no-repeat;
	left:619px;
	top:36px;
	width:91px;
	height:273px;
	border: 0px solid;
	border-color: #497808;
	text-align: center;
	padding-top: 0px;
}

div.siteLayout-panolabottlepeppers {
	position:absolute;
	background: url(../images/panolabottlepeppers.png) center no-repeat;
	left:710px;
	top:36px;
	width:92px;
	height:273px;
	border: 0px solid;
	border-color: #497808;
	text-align: center;
	padding-top: 0px;
}

div.siteLayout-panolaseasonings {
	position:absolute;
	background: url(../images/panolaseasonings.png) center no-repeat;
	left:802px;
	top:36px;
	width:92px;
	height:273px;
	border: 0px solid;
	border-color: #497808;
	text-align: center;
	padding-top: 0px;
}

div.siteLayout-panolaoloves {
	position:absolute;
	background: url(../images/panolaoloves.png) center no-repeat;
	left:894px;
	top:36px;
	width:88px;
	height:273px;
	border: 0px solid;
	border-color: #497808;
	text-align: center;
	padding-top: 0px;
}

div.siteLayout-buyBG {
	position:absolute;
	background:url(../images/buyBG.png) center no-repeat;
	left:10px;
	top:36px;
	width:165px;
	height:512px;
	border-right: 0px solid;
	border-color: #497808;
	text-align: left;
	padding-top: 0px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	font-weight:bold;
}

div.siteLayout-buyBGWhite {
	position:absolute;
	background:url(../images/buyBGWhite.png) center no-repeat;
	left:18px;
	top:42px;
	width:149px;
	height:499px;
	border-right: 0px solid;
	border-color: #497808;
	text-align: left;
	padding-top: 0px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	font-weight:bold;
}

div.siteLayout-buyOnline {
	position:absolute;
	background:url(../images/buyOnline.png) center no-repeat;
	left:22px;
	top:46px;
	width:143px;
	height:37px;
	border-right: 0px solid;
	border-color: #497808;
	text-align: left;
	padding-top: 0px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	font-weight:bold;
}

div.siteLayout-buyOnlineBot {
	position:absolute;
	background:url(../images/buyOnlineBot.png) center no-repeat;
	left:22px;
	top:494px;
	width:147px;
	height:37px;
	border-right: 0px solid;
	border-color: #497808;
	text-align: left;
	padding-top: 0px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	font-weight:bold;
}

div.siteLayout-potatostixbox2 {
	position:absolute;
	background: url(../images/potatostixbox2.png) center no-repeat;
	left:467px;
	top:308px;
	width:262px;
	height:237px;
	border: 0px solid;
	border-color: #497808;
	text-align: center;
	padding-top: 0px;
}

div.siteLayout-spicySweetPeppers {
	position:absolute;
	background: url(../images/panolaSpicySweetPeppers.png) center no-repeat;
	left:467px;
	top:308px;
	width:262px;
	height:237px;
	border: 0px solid;
	border-color: #497808;
	text-align: center;
	padding-top: 0px;
}

div.siteLayout-panolaLSU2 {
	position:absolute;
	background: url(../images/panolaLSU2.png) center no-repeat;
	left:726px;
	top:308px;
	width:262px;
	height:237px;
	border: 0px solid;
	border-color: #497808;
	text-align: center;
	padding-top: 0px;
}

div.siteLayout-footer {
	position:absolute;
        background-color: #000000;
	left:0px;
	top:698px;
	width:1000px;
	height:70px;
	border: 0px dashed;
	border-color: #497808;
	text-align: center;
	padding-top: 0px;
	padding-right: 0px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:9px;
	font-weight:bold;
	color: #497808;
}

#navcontainer {
	position:absolute;
	left:240px;
}

#navcontainer ul { 
	padding: 0; 
}
#navcontainer ul li { 
	display: inline; 
}

#navcontainer ul {
	margin: 0;
	color: #FFFFFF;
	font-family: Verdana, tahoma, geneva, arial, helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
}

#navcontainer ul li a {
	background-color: #497808;
	color: #FFFFFF;
	text-decoration: none;
	float: left;
	padding: 0;
	border-right: 0px solid #94B473;
	height: 35px;
	background:url(../images/tab.png) center no-repeat;
	width:88px;
}

#navcontainer ul li a:hover {
	color: #FFFFFF;
}

#navlist li a:hover, #navlist li #current, #navlist li a:active {
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	font-size: 9px;
	font-weight: bold;
	height: 55px;
	background:url(../images/tab_.png) center no-repeat;
	width:88px;
}

#recipesnav {
        padding-top: 0px;
        text-align: center;
        line-height: 230%;
}

.recipesnav a {
        color: #369;
}

#recipephoto {
        background: #000;
        width: 277px;
}

#recipephoto p {
        margin: 10px;
}

.recipetitle {
        font-family: Georgia, serif;
        font-style: italic;
        color: #4b6597;
        font-size: 13px;
        font-weight: bold;
}

.recipesubhead {
        text-decoration: underline;
        font-style: italic;
}

.catalog {
	color: #000000;
	font-size:13px;
	font-weight:normal;
}

/* Contact us page */
.contactFiller {
    position: absolute;
    top:0px;
    left:0px;
    background:transparent url(../images/) no-repeat;
    float:left;
    padding-top:4px;
    margin:0;
    width:790px;
    height:496px;
    text-align:center;
    overflow: auto;
}

.contactFiller td {
    font:normal 12px Arial, Helvetica, sans-serif;
    color:#740816;
    letter-spacing:1px;
    text-align:justify;
}

.info_fieldset {
    -moz-border-radius: 7px;
    border: 1px #971B1E solid;
    background-color:#fee8af;
}

.info_fieldset legend {
    border: 1px #971B1E solid;
    color:#740816;
    font:bold 14px Helvetica, sans-serif, Arial;
    padding: 2px 5px 2px 5px;
    -moz-border-radius: 5px;
    background-color:#fee8af;
}

/* Label */
label  {
    width: 150px;
    padding-left: 20px;
    margin: 5px;
    float: left;
    text-align: left;
    font:bold 13px Arial, Helvetica, sans-serif;
    color:#740816;
    padding:3px 5px;
    margin:0;
    letter-spacing:1px;
    line-height: 120%;
    text-decoration:none;
}

.notification_error
{
    border: 1px solid #A25965;
    height: auto;
    width: 90%;
    padding: 4px;
    background: #F8F0F1;
    text-align: left;
    -moz-border-radius: 5px;
    font:bold 13px Arial, Helvetica, sans-serif; color:#6b6b6b; padding:3px 5px; margin:0; letter-spacing:1px; line-height: 120%;
}

.notification_ok
{
    border: 1px #567397 solid;
    height: auto;
    width: 400px;
    padding: 8px;
    background: #f5f9fd;
    text-align: center;
    -moz-border-radius: 5px;
    font:bold 13px Arial, Helvetica, sans-serif; color:#6b6b6b; padding:3px 5px; margin:0; letter-spacing:1px; line-height: 120%;
}

.button {
    border: 1px solid #999999;
    border-top-color: #CCCCCC;
    border-left-color: #CCCCCC;
    background: white;
    color: #333333;
    font: 11px Verdana, Helvetica, Arial, sans-serif;
    -moz-border-radius: 3px;
}

.textbox {
    border: 1px solid #999999;
    border-top-color: #CCCCCC;
    border-left-color: #CCCCCC;
    background: white;
    color: #333333;
    font: 11px Verdana, Helvetica, Arial, sans-serif;
    -moz-border-radius: 3px;
}

textarea {
    border: 1px solid #999999;
    border-top-color: #CCCCCC;
    border-left-color: #CCCCCC;
    background: white;
    color: #333333;
    font: 11px Verdana, Helvetica, Arial, sans-serif;
    -moz-border-radius: 3px;
}