* { padding: 0em; margin: 0em; }

body {
    background: #4b3c30 url(images/footer-all-bg.jpg) bottom center repeat-x;
    padding: 0 auto;
    margin: 0 auto;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 11px;
    color: #000000;
}

.clr {
    clear: both;
}



h2 {
    font-size: 12px;
}

#container {
    width: 820px;
    margin: 0 auto;

}

.clock-link {
    color: #ffcc99;
    height: 20px;
    margin: 10px 0 0 15px;
}

.clock {
    float: left;
    width: 500px;
}

.link {
    float: right;
    text-align: right;
    margin-right: 15px;
    width: 200px;
}

.link a, .link a:hover, .link a:visited {
    color: #ffcc99;
    text-decoration: none;
}



#header {
    clear: both;
    width: 820px;
    background: url(images/header-bg.jpg) no-repeat;
}

#nav { background: url(images/menu-bg.jpg) top center no-repeat; height: 36px; margin: 5px 0 5px 0;}
#nav img { border: none; }
#nav ul { margin-left: 0px;}
#nav li { display: inline; list-style:none; }
#nav li a { float: left; display:block; height: 36px; }
#nav li a img { border:none; vertical-align:bottom; /* for IE6 */}
#nav li a:hover { visibility:visible; /* for IE6 */ }
#nav li a:hover img { visibility:visible; /* for IE6 */ }
#nav li a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}



/* menu items */
#m-home, #m-home a:hover, #m-home a:active, #m-home a:visited { background:url(images/menu-home-active.jpg) no-repeat left bottom; }
#m-about { background:url(images/menu-about-active.jpg) no-repeat left bottom; }
#m-egg-product { background:url(images/menu-egg-products-active.jpg) no-repeat left bottom; }
#m-ordernow { background:url(images/menu-order-active.jpg) no-repeat left bottom; }
#m-recipes { background:url(images/menu-recipes-active.jpg) no-repeat left bottom; }
#m-kids { background:url(images/menu-kids-active.jpg) no-repeat left bottom; }
#m-faq, #m-faq a:hover, #m-faq a:active, #m-faq a:visited { background:url(images/menu-faq-active.jpg) no-repeat left bottom; margin-left: 159px!important; margin-left: 160px; }
#m-contact { background:url(images/menu-contact-active.jpg) no-repeat left bottom; }





#content {
    clear: both;
    padding: 0px 15px 0px 15px;
    background: url(images/content-bg.jpg) repeat-y;
}

.flash {
    padding:15px 0px 15px 0;
}

.top-content {
    font-size: 13px;
    padding: 10px;
    height: 110px;
    border-top: 1px solid #cfccc6;
    background: #FFFFFF url(images/header-content.jpg) top center no-repeat;
    margin-bottom: 20px;
}

.top-content p {
    margin: 10px 0 10px 0;
    line-height: 15px;
}

#content hr {
    background: transparent url(images/hr-img.jpg) no-repeat;
    height: 5px;
    border: none;
    clear: both;
}



/* section block */
.content-section {
    margin-top: 20px;
    margin-bottom: 20px;
}

.content-section p {
    margin-bottom: 5px;
}

.left-section {
    width: 260px;
    float: left;
    padding: 0 5px 0 0px;
    background: url(images/vertical-line.jpg) right bottom repeat-y;
}

.center-section {
    width: 250px;
    float: left;
    padding: 0 5px 0 10px;
    background: url(images/vertical-line.jpg) right bottom repeat-y;
}

.right-section {
    width: 250px;
    float: right;
}

.left-section img, .center-section img, .right-section img {
    margin-bottom: 10px;
}

.left-section span, .center-section span, .right-section span {
    float: right;
    margin-right: 10px;
}



/* footer section */
.footer-section {
    display: block;
    clear: both;
    height: 238px;
    background: url(images/footer-content.jpg) bottom center no-repeat;
    margin-top: 20px;
}

.footer-left {
    float: left;
    padding: 51px 0px 20px 30px;
    width: 480px;
}

.footer-left span {
    float: right;
    margin-right: 10px;
}

.footer-left img {
    margin-right: 10px;
}

.footer-left p {
    margin-bottom: 5px;
}



.footer-right {
    float: right;
    width: 227px;
    margin: 60px 0 0 0px;
	padding-right:40px;
    font-size: 12px;
}

.footer-right input {
    border: 1px solid #c1a87e;
    background: #f4eac6;
    width: 200px;
    color: ;
    padding: 2px;
    margin-top: 10px;
}

input.submit {
    background: #c1a87e;
    border: 1px solid #997f55;
    color: #FFFFFF;
    width: 68px;
    float: right;
    margin-right: 45px;
}



/* the footer */
#footer {
    background: url(images/footer-bg.gif) top center no-repeat;
    height: 59px;
}

.f-left {
    float: left;
    padding: 15px 0 0 15px;
}

.f-left ul {
    list-style: none;
}

.f-left li {
    display: inline;
    margin-right: 10px;
}

.f-left li a {
    color: #666666;
    font-weight: bold;
    text-decoration: none;
}



.f-right {
    float: right;
    color: #666666;
    padding: 15px 15px 0 0px;
}





/* the sub content style */
.sub-contentA {
    font-size: 12px;
    width: 780px;
}
.sub-content {
    font-size: 12px;
    float: left;
    width: 480px;
}
.body-content {
    font-size: 12px;
    float: left;
    width: 790px;
}

.sub-content h1 {
    color: #0099ff;
    font-size: 16px;
}

.sub-content h2 {
    color: #0099ff;
    font-size: 16px;
    margin-bottom: 10px;
}

.sub-content-right {
    float: right;
    width: 260px;
}

.sub-content-right img {
    margin-bottom: 20px;
}



.sub-content p {
    margin: 0px 0 10px 0;
    line-height: 15px;
}

.sub-content dt {
    background: #e7e0d3;
    color: #0066cc;
    padding: 5px;
    font-weight: bold;
}

.sub-content dd {
    background: #f7f1e9;
    border: 1px solid #EADBC6;
    padding: 5px;
    margin-bottom: 10px;
}

.sub-content table {
    margin-bottom: 30px;
}



/* newsletter block on the right 
.newsletter {
    background: #eee2ba;
    padding: 7px;
    border: 1px solid #dbca8f;
    font-size: 12px;
}
*/

.newsletter input {
    border: 1px solid #c1a87e;
    background: #f4eac6;
    width: 220px;
    color: ;
    padding: 2px;
    margin-top: 10px;
}

.newsletter input.submit {
    background: #c1a87e;
    border: 1px solid #997f55;
    color: #FFFFFF;
    width: 68px;
    margin-right: 3px;
}



/* the order form style */

.sub-content td {
    padding: 2px;
}

.sub-content tr.head {
    background: #e7e0d3;
    margin-top: 4px;
}

.sub-content tr.content {
    background: #f7f1e9;
    border: 1px solid #DBC09D;
}

.sub-content td.order-header {
    padding: 8px;
    color: #996600;
    font-weight: bold;
    font-size: 12px;
    border-bottom: 1px solid #DBC09D;
}

.sub-content td.order-content {
    padding: 4px;
    border-bottom: 1px solid #FCFAF8;
}

td.order-content input, .first-table input {
    border: 1px solid #c1a87e;
    background: #f4eac6;
    width: 60px;
    color: ;
    padding: 2px;
}

td.order-content textarea {
    border: 1px solid #c1a87e;
    background: #f4eac6;
    width: 470px;
    color: ;
    padding: 2px;
}

.first-table {
    margin-bottom: 10px;
    background: #f7f1e9;
    border: 1px solid #D7C6AA;
    padding: 4px;
}

.first-table td {
    padding: 4px;
}

.first-table input {
    border: 1px solid #c1a87e;
    background: #f4eac6;
    width: 140px;
    color: ;
    padding: 2px;
}



/* logo bottom */

#bottom {
    margin-bottom:30px!important;
    margin-bottom:40px;
    background: url(images/bottom-bg.gif); height:86px;padding-left:10px;
}



.bottom-logo {
    float:left;
}

.develop {
    float: right;
    color: #715B48;
    padding-right: 17px;
}

.dev-logo {
    margin-right: 94px;
}



.develop a, .develop a:hover, .develop a:visited {
    color: #816852;
    font-weight: bold;
    text-decoration: none;
}



/* recipes style */

.recipes-image {
    float:left;
}

.recipes-image img {
    border: 4px solid #D7CCB0;
    margin-top: 6px;
}

.recipes-ingredients {
    float:right;
    text-align:left;
    width:280px;
}

.recipes-category {
    background: #e9e3d4;
    padding: 10px;
    margin-bottom: 16px;
    border: 1px solid #E2DBC7;
    font-size: 12px;
	
}

.recipes-category h2 {
    color: #0099ff;
    font-size: 14px;
    margin-bottom: 5px;
}



.recipes-category ul {
    list-style:none;
}

.recipes-category li {
    margin-bottom: 1px!important;
    margin-bottom: -12px;
}

.recipes-category li a {
    background: #D7CCB0;
    display:block;
    padding: 5px;
    text-decoration: none;
    color: #333333;
}

.recipes-category li a:hover {
    color: #0033FF;
    background: #DED6BE;
}

.recipes-category li a:visited {
    color: #666666;
}

.recipes-rate {
    background: #e9e3d4;
    padding: 6px;
    font-size: 11px;
    height: 30px;
    margin-top: 20px;
    border: 1px solid #E2DBC7;
}

.recipes-rate a {
    color: #0033FF;
    text-decoration: none;
}



.recipes-review {
    float: left;
    width: 120px;
    text-align: center;
}

.recipes-more {
    float: right;
    padding-top: 8px;
    padding-right: 10px;
}



/* contact us style */
.address-letter {
    background: #f7f1e9;
    padding: 10px;
}

.address-letter a {
    text-decoration: none;
}



#contact-area {
	width: 480px;
	padding-top: 40px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px dotted #c2b69a;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 350px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
    background: #c1a87e;
    border: 1px solid #997f55;
    color: #FFFFFF;
	float: right;
    margin-right: 30px;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 75px;
	padding-top: 5px;
	font-size: 12px;
}



/* form download */
.form-download {
    padding: 2px;
    border:1px solid #dacc8d;
    background:#eddbc7;
    height:48px;
    margin-bottom:20px;
    font-size: 14px;
	padding-left: 35px;
	width: 180px;
}

.form-download img {
    margin-right: 5px;
}

.form-download a {
    text-decoration: none;
    color: #333333;
    font-weight: bold;
}

.form-download p {
    padding-top: 5px;
    padding-right: 10px;
}



.LightBrowntextlink A:link {color:#807267; text-decoration : none;}
.LightBrowntextlink A:visited {color:#807267; text-decoration: none;}
.LightBrowntextlink A:active {color:#807267; text-decoration: none;}
.LightBrowntextlink A:hover {color:#807267; text-decoration: underline;}
/* right side */
.newsletterformbox {
	float:right;
	width: 157px;
}
.kinrosspicsbox {
	float:left;
	width: 85px;
}
