/*
Project: Kadbanoo Foods
File: css/style.css
*/

/*  Main  */
body {
 font-family:Georgia, "Times New Roman", Times, serif;
 font-size: 12px;
 background: #000000 url(../images/page-bg.jpg) repeat-x center top;
 color:#7d5739;
 padding-top:6px;
}

#wrapper {
 margin:0 auto;
 width:960px; /*  Change to desired width :)  */
}

/*  Page Header  */
#page-header { height:147px; background:url(../images/bg-header.png) no-repeat center 55px;}
#page-header a.logo{ display:block; width:477px; height:147px; background:url(../images/img-logo.png) no-repeat left top; margin-left:242px; position:absolute;}
#page-header .work-hours { width:156px; height:55px; float:left; margin-left:72px; text-align:right; margin-top:65px;}
#page-header .call-us { width:156px; height:55px; float:right; margin-right:72px; text-align:left; margin-top:65px;}
#page-header h2 { color:#f23a00; font-size:20px; margin-bottom:4px;}
#page-header .cnt { color:#dfc68f; font-family:"Times New Roman", Times, serif !important; font-size:16px;}

/*  Home Page Navigation  */
#home-page-navigation { height:370px; margin:0 0 10px 0;}
#home-page-navigation a { display:block; width:231px; height:368px; float:left; margin:0 3px; background:url(../images/home-nav.png) no-repeat left top; text-indent:-9999px;}
#home-page-navigation a.products { background-position:left top;}
#home-page-navigation a.products:hover { background-position:left -368px;}
#home-page-navigation a.where-to-buy { background-position:-231px top;}
#home-page-navigation a.where-to-buy:hover { background-position:-231px -368px;}
#home-page-navigation a.why-kadbanoo { background-position:-462px top;}
#home-page-navigation a.why-kadbanoo:hover { background-position:-462px -368px;}
#home-page-navigation a.get-in-touch { background-position:-693px top;}
#home-page-navigation a.get-in-touch:hover { background-position:-693px -368px;}

/*  Navigation  */
#page-navigation { height:60px; margin:0px auto 6px auto; background:url(../images/nav-bg.png) no-repeat center top; padding-top:20px; padding-left:140px;}
#page-navigation a{ display:block; height:27px; float:left; background:url(../images/sub-nav.png) no-repeat left top; text-indent:-9999px;}
#page-navigation .divider{ float:left; background:url(../images/nav-divider.png) no-repeat center top; width:14px; height:14px; margin:6px 6px 0 6px;}
#page-navigation a.products { background-position:left top; width:141px;}
#page-navigation a.products:hover { background-position:left -27px;}
#page-navigation a.products:active, #page-navigation a.products.active { background-position:left -54px;}
#page-navigation a.where-to-buy { background-position:-141px top; width:152px;}
#page-navigation a.where-to-buy:hover { background-position:-141px -27px;}
#page-navigation a.where-to-buy:active, #page-navigation a.where-to-buy.active { background-position:-141px -54px;}
#page-navigation a.why-kadbanoo { background-position:-292px top; width:173px;}
#page-navigation a.why-kadbanoo:hover { background-position:-292px -27px;}
#page-navigation a.why-kadbanoo:active, #page-navigation a.why-kadbanoo.active { background-position:-292px -54px;}
#page-navigation a.get-in-touch { background-position:-464px top; width:124px;}
#page-navigation a.get-in-touch:hover { background-position:-464px -27px;}
#page-navigation a.get-in-touch:active, #page-navigation a.get-in-touch.active { background-position:-464px -54px;}

/*  Page Title  */
#page-title { height:96px; background:url(../images/page-title-divider.png) no-repeat center bottom; padding-top:4px; margin-bottom:26px;}
#page-title h1 { display:block; margin:4px auto 0 auto; background:url(../images/page-title.png) no-repeat center top; height:59px; padding:0; text-indent:-9999px;}
#page-title h1.our-products { background-position:center top;}
#page-title h1.where-to-buy { background-position:center -59px;}
#page-title h1.why-kadbanoo { background-position:center -118px;}
#page-title h1.get-in-touch { background-position:center -177px;}

/*  Homepage Content  */
#home-page-content .page-left-column { width:242px; float:left; margin-right:20px; background:url(../images/home-lbox-bg.png) no-repeat left top; height:194px; padding:24px 18px 20px 18px;}
#home-page-content .page-left-column .home-locate { background:url(../images/icon-locate.png) no-repeat left top; padding-left:36px; margin-bottom:30px;}
#home-page-content .page-left-column h2 { color:#d7c684; font-size:24px; margin-bottom:4px; }
#home-page-content .page-left-column p a{ font-weight:bold; font-size:12px; color:#b37c33; line-height:16px;}
#home-page-content .page-left-column .ph-number { font-size:24px; color:#b37c33; font-family:"Times New Roman", Times, serif;}
#home-page-content .page-left-column .home-talk-to-us { background:url(../images/icon-phone.png) no-repeat left 3px; padding-left:36px;}

#home-page-content .page-right-column { float:right; width:650px; }
#home-page-content .page-right-column h1 { color:#dfc68f; font-size:40px; margin:10px 0;}
#home-page-content .page-right-column p { color:#644023; font-size:12px; margin:10px 0; line-height:16px; width:420px;}
#home-page-content .page-right-column p.highlight { color:#a7441a; font-size:20px; margin:10px 0; line-height:22px;}
#home-page-content .page-right-column .chef { width:172px; height:250px; background:url(../images/img-chef.png) no-repeat left top; float:right; margin-top:-10px;}
#home-page-content .page-right-column a.read-more { display:block; width:118px; height:31px; background:url(../images/btn-home-readmore.png) no-repeat left top; text-indent:-9999px; margin:18px 0;}
#home-page-content .page-right-column a.read-more:hover { background-position:left -31px;}
#home-page-content .page-right-column a.read-more:active { background-position:left -62px;}

/*  Page Content */
#page-content { clear:both;}
ul.product-list { margin:0 0 0 92px; list-style:none;}
ul.product-list li { margin:12px 0; clear:both; border-bottom:solid 1px #48210f; height:176px; width:760px;}
ul.product-list li.last { border-bottom:none;}
ul.product-list li a.thumb { display:block; background:url(../images/photo-bg.png) no-repeat left top; width:240px; height:167px; padding:8px 17px 17px 10px; float:left;}
ul.product-list li a.thumb img{ width:214px; height:142px;}
ul.product-list li .info { line-height:22px; padding-top:12px;}
ul.product-list li .info h2{ color:#e1ca98; font-size:28px; font-weight:normal; line-height:30px;}
ul.product-list li .info h3{ color:#6ba829; font-size:28px; line-height:40px; font-weight:normal;}
ul.product-list li .info p{}
ul.product-list li .info .ings{ color:#a7441a; font-size:16px;}
ul.product-list li .info .weight{ color:#a7441a; font-size:16px; font-family:"Times New Roman", Times, serif;}
ul.product-list li .info .ings strong, ul.product-list li .info .weight strong{ color:#b78628; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;}

#page-content.short { width:760px; margin:0 auto;}
#page-content p { font-size:16px; color:#a7441a; line-height:20px; margin:12px 0;}
#page-content p.big {color:#e1ca98; font-size:28px; font-weight:normal; line-height:30px; margin-top:0;}
#page-content img.about-us { width:336px; height:252px; padding:8px 17px 17px 9px; float:right; background:url(../images/about-us-pic.png) no-repeat left top; margin-left:20px;}

#page-content .right-column { width:280px; float:right; margin-left:20px;}
#page-content .contact-panel { width:232px; height:221px; background:url(../images/rcol-bg.png) no-repeat left top; padding:24px;}
#page-content .contact-panel .locate{ padding-left:36px; margin-bottom:26px; background:url(../images/icon-locate2.png) no-repeat left top;}
#page-content .contact-panel .talk-to-us{ padding-left:36px; margin-bottom:26px; background:url(../images/icon-phone2.png) no-repeat left top;}
#page-content .contact-panel .email-us{ padding-left:36px; background:url(../images/icon-email.png) no-repeat left top;}
#page-content .contact-panel h2 { color:#d7c684; font-size:24px; margin-bottom:4px;}
#page-content .contact-panel p { margin:0;}
#page-content .contact-panel p a{ font-weight:bold; font-size:12px; color:#b37c33; line-height:16px;}
#page-content .contact-panel .ph-number { font-size:24px; color:#b37c33; font-family:"Times New Roman", Times, serif;}
#page-content .contact-panel a.email { font-size:16px; color:#b37c33;}

table.contact-form {margin:30px 0;}
table.contact-form td{ color:#a7441a; font-size:16px; padding:4px 0; position:relative; }
table.contact-form input[type=text], table.contact-form select, table.contact-form textarea{ background-color:#f8f5dc; border:solid 2px #caaa64; font:italic 14px Georgia, "Times New Roman", Times, serif; color:#754c27; padding:6px 4px;}
table.contact-form .short { width:268px;}
table.contact-form .label { font-style:italic; color:#5b3b1f; font-size:12px; line-height:18px;}
table.contact-form select.short { width:278px;}
table.contact-form .wide { width:574px;}
table.contact-form textarea { resize:none;}
table.contact-form input[type=submit] { border:none; background:url(../images/btn-send-message.png) no-repeat left top; width:197px; height:56px; cursor:pointer;}
table.contact-form input[type=submit]:hover { background-position:left -56px;}
table.contact-form input[type=submit]:active { background-position:left -112px;}

/* Store Location Filter */
#stores-nav { color:#cb0800; font-size:16px; text-align:center;}
#stores-nav a {  color:#896e4c; cursor:pointer;}
#stores-nav a.current { font-weight:bold; color:#e1ca98;}
#stores-group { margin-top:24px;}
#stores-group .location { text-align:center; float:left; width:294px; height:290px; margin:10px;}
#stores-group .location .map { width:266px; height:180px; background:url(../images/map-bg.png) no-repeat left top; padding:9px 18px 18px 10px}
#stores-group .location .shop-name { font-size:24px; font-weight:bold; color:#e1ca98; margin-bottom:6px;}
#stores-group .location .address { font-size:16px; color:#a7441a; font-family:"Times New Roman", Times, serif;}

/*  Page Footer  */
#page-footer { padding-top:46px; padding-bottom:20px; text-align:center; clear:both; background:url(../images/page-footer-divider.png) no-repeat center top; margin-top:20px;}
#page-footer.home { background:none; border-top:solid 1px #230e03; padding-top:20px; padding-bottom:20px; text-align:center; clear:both;}
#page-footer .links { color:#846f44; }
#page-footer .links a { color:#8f0e09; padding:0 4px;}
#page-footer .links a:hover { text-decoration:underline; color:#bf1710;}
#page-footer .copy { color:#453514; margin:10px;}
#page-footer .copy a {color:#8f0e09; text-decoration:none;}
#page-footer .copy a:hover { color:#bf1710; text-decoration:underline;}

/* Error Handling */
table.contact-form span.error { color:white; float:left; position:relative; background-color:#CC0000; padding:4px 2px; font-size:11px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;   }
table.contact-form input.error, table.contact-form select.error, table.contact-form textarea.error { border:2px solid #CC0000; background:#FFE7E7 !important; }