/* Restore original Sunrise Foodstuff layout */
* { margin: 0; padding: 0; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; background: #fff; line-height: 1.6; }
a { color: #333; text-decoration: none; }
a:hover { color: #ff6600; text-decoration: underline; }
img { border: 0; }
.clear { clear: both; height: 0; overflow: hidden; }

/* Header */
#top { width: 100%; background: #f8f8f8; border-bottom: 1px solid #e0e0e0; }
#topMain { width: 1005px; height: 80px; margin: 0 auto; position: relative; }
#logo { float: left; padding-top: 10px; }
#companyName { float: left; font-size: 24px; font-weight: bold; color: #0a7b0a; padding: 28px 0 0 15px; }
#companyName .green { color: #d21e1e; }
#search { float: right; padding-top: 25px; }
#search input[type="text"] { width: 180px; height: 22px; line-height: 22px; border: 1px solid #ccc; padding: 0 5px; color: #999; }
#search input[type="image"] { vertical-align: middle; margin-left: 5px; }

/* Navigation */
#nav { width: 100%; background: #f0f0f0; border-bottom: 3px solid #2e8b57; }
#navMain { width: 1005px; margin: 0 auto; height: 40px; }
#navMain ul { list-style: none; }
#navMain ul li { float: left; }
#navMain ul li a { display: block; padding: 0 35px; height: 40px; line-height: 40px; font-size: 14px; font-weight: bold; color: #333; }
#navMain ul li a:hover { color: #2e8b57; text-decoration: none; }

/* Banner */
#banner { width: 100%; text-align: center; background: #fff; }
#bannerMain { width: 1005px; margin: 0 auto; }
#bannerMain img { display: block; width: 100%; }

/* Page Body */
#pageBody { width: 1005px; margin: 15px auto 0; }
#pageBody > img { display: block; margin-bottom: 10px; }

/* Left Sidebar */
#lefter { float: left; width: 210px; }
#leftNav { border: 1px solid #ddd; margin-bottom: 15px; }
.leftNavTitle { height: 42px; overflow: hidden; }
#leftNav ul { list-style: none; padding: 5px 0; }
#leftNav ul li { height: 30px; line-height: 30px; padding: 0 15px; border-bottom: 1px dashed #eee; list-style: disc inside; }
#leftNav ul li a { padding-left: 15px; color: #555; font-size: 13px; }
#leftNav ul li a:hover { color: #ff6600; }
#leftContact { border: 1px solid #ddd; padding: 10px; }
#leftContact h3 { margin-bottom: 10px; }
#leftContact ul { list-style: none; }
#leftContact ul li { line-height: 24px; color: #666; }
#leftContact ul li a { color: #666; }

/* Main Content */
#mainBody { float: right; width: 775px; }
.cp_title { background: #f5f5f5; border-left: 4px solid #2e8b57; padding: 8px 15px; margin-bottom: 15px; }
.cp_title h1 { font-size: 16px; color: #333; }
.titleBar { height: 32px; line-height: 32px; background: #2e8b57; color: #fff; padding: 0 15px; font-size: 14px; font-weight: bold; margin-bottom: 10px; }

/* Product grid */
.productsList { width: 100%; }
.productsList .row { overflow: hidden; margin-bottom: 15px; }
.productsBox2 { float: left; width: 170px; margin: 0 12px 15px 0; text-align: center; }
.productsBox2 .proImg { width: 150px; height: 150px; margin: 0 auto 8px; border: 1px solid #eee; padding: 4px; overflow: hidden; }
.productsBox2 .proImg img { max-width: 150px; max-height: 150px; }
.productsBox2 h4 { font-size: 12px; font-weight: normal; margin-bottom: 5px; }
.productsBox2 h4 a { color: #333; }
.productsBox2 .price { color: #999; font-size: 11px; }

/* News */
.newsList { width: 100%; }
.newsBox { border-bottom: 1px dashed #ddd; padding: 10px 0; }
.newsBox .newsDate { float: right; color: #999; }
.newsBox h4 { font-size: 13px; margin-bottom: 5px; }
.newsBox h4 a { color: #333; }
.newsBox h4 a:hover { color: #ff6600; }
.newsBox p { color: #666; }
.newsDetail h2 { font-size: 18px; margin-bottom: 10px; }
.newsDetail .newsInfo { color: #999; margin-bottom: 15px; }
.newsDetail .newsContent { line-height: 1.8; }
.backLink { margin-top: 20px; }

/* About */
.aboutContent { line-height: 1.8; color: #555; }
.aboutContent img { max-width: 100%; }

/* Inquiry */
.inquiryForm { padding: 15px; }
.inquiryProduct { background: #f5f5f5; padding: 10px; margin-bottom: 15px; }
.inquiryTable { width: 100%; }
.inquiryTable td { padding: 8px 5px; vertical-align: top; }
.inputText { width: 300px; height: 24px; line-height: 24px; border: 1px solid #ccc; padding: 0 5px; }
.inputTextarea { width: 400px; height: 100px; border: 1px solid #ccc; padding: 5px; }
.btnSubmit, .btnReset { padding: 5px 20px; border: 1px solid #2e8b57; background: #2e8b57; color: #fff; cursor: pointer; margin-right: 10px; }
.btnReset { background: #999; border-color: #999; }
.btnInquiry { display: inline-block; padding: 8px 20px; background: #ff6600; color: #fff; font-weight: bold; border-radius: 3px; }
.btnInquiry:hover { background: #e55a00; color: #fff; text-decoration: none; }

/* Page bar */
.pageBar { text-align: center; padding: 15px 0; }
.pageBar a, .pageBar span { display: inline-block; padding: 3px 8px; border: 1px solid #ddd; margin: 0 3px; color: #333; }
.pageBar a:hover, .pageBar .current { background: #2e8b57; color: #fff; border-color: #2e8b57; }

/* Footer */
#footer { width: 100%; background: #f8f8f8; border-top: 3px solid #2e8b57; margin-top: 20px; padding: 20px 0; text-align: center; }
#footerMain { width: 1005px; margin: 0 auto; }
#footerMain p { color: #666; line-height: 22px; }