body{
    margin:0px;
    padding:0px;
    color:#fff;
    font-family: 'Century Gothic', Helvetica, Arial, sans-serif;
    font-size:13px;
    line-height:1.5em;
    text-align: center;
    background:  #193504;
}

html, body{ 
    height: 100%;
}

.clr{
    clear: both;
}

* {
    margin:0;
    padding:0;
}

img { 
    border: 0;
}
.lightgreentext {
    color: #598A27;
}
.darkgreentext {
    color: #091200;
}
.yellowtext {
    color: #FEC500;
}
.textcenter {
    text-align:center;
}
.textleft {
    text-align:left;
}
.textright {
    text-align:right;
}
.note_left, .note_right{
    width:100%;
    font-style: italic;
    font-size: 80%;
}
.note_left{
    float:left;
    text-align:left;    
}
.note_right{
    float:right;
    text-align:right;
}
.register.myform p,
.m_login myform,
.feature_product,
.articles_view{/*same as .nav_cat in cart.css*/
    background: url(images/title_leave_icon.png) no-repeat right top;
}
.feature_product {
    padding-bottom: 5px;/*hack*/
}
h1{
    font-size:18px;
}
h2,
h2 a{/*same as nav_cat a in cart.css*/
    font-size:22px;
    font-weight:bold;
    color:#598a27;
    margin-bottom:30px;
    text-decoration: none;
}
h2 a:hover {
    color:#fff;
}
/**
* Layout Specific
*/

.global_wrap{
    width:950px;
    height: auto;
    margin:0 auto;
    text-align:left;
}
/**
* Header with Logo and Search
*/
#header{
    height:118px;/*138-10-10=118*/
    background: url(images/header_bg.jpg) repeat-x left bottom white; /*#124710; */
    padding:10px 0;
}
#header_left{
    width:75%;
    height:118px;
    float:left;
    display:inline;
}

#header_right1{
    width:17%;/*205-50=155/950=17%*/
    height:30px;
    background: url(images/icons/header_phone.png) no-repeat left center;
    margin-bottom:10px;
    padding-left:50px;
    float:right;
    display:inline;
    font-size:12px;
    font-weight:bold;
    line-height:1.2em;
}
#header_right2{
    width:13%;/*205-70-20=115/950=13%*/
    height:44px;/*68-12-12=44%*/
    background: url(images/top_shoppingcart_bg.png) no-repeat left top;
    padding:12px 20px 12px 70px;
    font-size: 11px;
    line-height: 13px;
    float:right;
    display:inline;
}
#header_right2 a,
#header_right2 a span{
    color:#8dc63f;
    text-decoration: none;
}
#header_right2 a:hover,
#header_right2 a span:hover{
    color:#fff;
    text-decoration:underline;
}
/**
* Main Menu (check ../menu/style.css for full css)
*/
#navigation{
    height:60px; /*60-25=35px*/
    background: url(images/menu_bg.png) no-repeat left top;
    text-align: center;
    font-size:15px;
    margin-bottom:15px;
}

/*
 Main Content
*/
#mega_wrapper {
    background-color: #E0D6CA;/*#111111; */
    
    padding:0 0 15px;
    overflow: auto;
}
#banner{
    width:100%;
    height:300px;
    background: url(images/rotator_bg.png) no-repeat left top;
    padding:10px;
    display:block;
}
#sub_banner1, #sub_banner2 {
    height:135px;
    background:#4b6302;
    margin-bottom:15px;    
    float:left;
    display:inline;
    color:#fff;
    font-size:12px;
    font-weight:normal;
    text-align:left;
    line-height:14px;
    overflow:hidden;
}
#sub_banner1 {
    width:605px;   
    margin-right:15px;
}
#sub_banner2 {
    width:330px;    
}
#sub_banner1 p, #sub_banner2 p {
    color:#fff;
    padding:0;
}
#sub_banner1 h1, #sub_banner2 h1{
    margin-bottom:14px;
    font-size:21px;
    font-weight:bold;
    color:#fff;
}
#sub_banner1 h2, #sub_banner2 h2{
    margin-bottom:15px;
    font-size:17px;
    font-weight:bold;
    text-transform:uppercase;
    color:#534741;
}
#sub_banner1 .one_stop_food {
    background: url(images/sub_banner1_bg.jpg) no-repeat left top #0f1d00;
}
#wrapper_content {
    background:#193504;
    margin-bottom:15px;
    padding:30px 25px 30px 30px;    
}
#wrapper_content a {
    color:#fff;
    text-decoration:none;
}
#wrapper_content a:hover {
    text-decoration:underline;
}
/**
* Home
**/
#left, #home_component{
    float:left;
    display: inline;    
}
#left{
    width:260px;    
    margin-right: 20px;
}
#left .widget{
    margin-bottom:15px;
}
#left p{
    padding: 0;
    line-height: 1.2em;
}
#left .featured_box{
    width:220px;/*260-20-20=220*/
    background: url(images/left_featuredbox_footer.jpg) no-repeat left bottom #091200;
    padding:175px 20px 20px;
    position:relative;
}
#left .featured_box img{
    padding-bottom:20px;
    position:absolute;
    top:0;
    left:0;
}
.hack_padbot40{
    padding-bottom: 40px;
}
/**
* Home REGISTER Widget
*/
.home_register {
    width:150px; /*260-20-90=150*/
    height:90px; /*120-15-15=90*/
    background:url(images/home_registerbg.jpg) no-repeat left top;
    padding:15px 20px 15px 90px;
}
/**
* Home LOGIN Widget
*/
.home_login {
    width:240px; /*260-20-0=240*/
    height:160px; /*190-15-15=160*/
    background:url(images/home_loginbg-260px.jpg) no-repeat left top;
    padding:15px 20px 15px 0;
}
.home_login h3 {
    display:none;
}
/****/
#home_component{
    width:615px;
    min-height:100px;
}
#component{
    width:100%;
    min-height:100px;
    overflow: visible;
}
#component p {
    color:#fff;
    padding: 0 0 20px 0;
    line-height: 1.5em;
    overflow: hidden;
}


#logo_bar{
    width:100%;
    padding:18px 0;
    background: url(images/inner_footerbg.jpg) repeat left top;
    display:block;
    text-align: center;
}
#logo_bar img{
    padding-right:35px;
}
#logo_bar img.last-child{
    padding-right:0;
}
/**
* Footer
*/
#footer {
    background-color:#193504;
    padding:20px 30px;
}
#footer a{
    color: #fff;
    font-weight: normal;
    text-decoration: underline;
}

#footer a:hover {
    color: #33ccff;
    text-decoration: none;
}
#footer_left, #footer_right {
    height:35px;
    display:inline;
}
#footer_left{
    
    float:left;
}
#footer_right{
    
}
#footer_right h3{
    display:none;
}
#footer_right, #footer_copyright{
    width:300px;
    float:right;
    text-align:right;
}
#footer_copyright{    
    margin-top:100px;        
}
/**
* Widget
**/
.widget h3,
.widget h3 a{
    margin: 0;
    padding: 0 0 5px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    color:#fff;    
}
.widget h3 a:hover{
    text-decoration: underline;
}
.widget .widget_title{
    margin:20px 0 0 8px;
    padding: 4px 10px;
    display: block;
    color: #333;
    font-size: 20px;
}
.widget .side_row{
    margin:0 0 0 15px;
    padding:0px;
}
.side_row li {
    list-style: none;
}
.widget .side_row ul li label{
    display:block;
}
.widget .side_row form{
    width:inherit;
}

.widget .side_row input.search{
    width: 134px;
    padding: 4px;
    border: 1px solid #BBBBBB;
    color: #5D5D5D;
    font: 100% arial,sans-serif;
}

.widget .side_row .search_btn{
    width: 33px;
    height: 33px;
    background: url(images/search.png);
}

.widget .side_row .search label{
    display: none;
}
.home_login a.button, .home_login button,
.home_login ul.side_row li,
.widget form.login .email,
.widget form.login .password {
    margin:0 0 5px 75px;
}
.home_login ul.side_row li div.logout{ /*hack*/
    margin-left:-75px;
}
.home_login a.button, .home_login button {
    width: 65px;
    height: 23px;
    padding:3px;
    color:#fff;
    text-shadow: none;
    text-align: center;
    background: url(images/home_login-button.jpg);
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    vertical-align: middle;
    cursor:pointer;
}
.widget form.login input{
    width: 150px;
}
a.button,button,
input{
    font-family: 'Century Gothic', Helvetica, Arial, sans-serif;
}
/**
* Home Search Widget
*/
a.button,button { /*to overwrite css3buttons.css*/
    text-shadow:none;
    background:none;
    border:none;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    vertical-align:middle;
}
input#search_keyword[type="text"] {
    width:190px;
    height:20px;
    -webkit-appearance: textfield;
    padding:4px;
    border: solid 1px #6d7e60;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: text;
    cursor:text;
    float:left;
}
.search_product a.button,
.search_product button{    
    width:80px;
    height:30px;
    display:inline !important;
    float:left;
    position:relative;
    top:0;
    margin:0; 
    background-color:#0f1d00;   
    color:#fff;
    text-align:center;
}
.search_product button span.icon{
    background-image : none;
    display:none;
}
/**
* Pagination
*/
.pagination {
    height:30px;
}
.pagination a,
.pagination strong,
.pagination a:active{
    padding:5px 10px;
    background-repeat: no-repeat; 
    background-position: 2px 0;
}
.pagination a{    
    text-decoration:none;
    color:#fff;
    background-image: url("images/button_pagination.png");
}
.pagination a:hover {    
    text-decoration:underline;
}
.pagination a:active,
.pagination strong {
    color:#111111;
    background-image: url("images/button_pagination_strong.png");    
}
/**
* Login Form
**/
.register.myform {
    width: 100% !important;
}
.m_login.myform,
.register.myform{
    padding: 0 !important;
}
.m_login.myform h1, #maincol h1,
.register.myform h1, #maincol h1 {
    font-size: 22px !important;
    font-weight: bold;
    margin-bottom: 8px;
    color:#598A27 !important;
}
.m_login.myform label,
.register.myform label{
    color:#fff !important;
}
.m_login.myform button, .m_login.myform .submit,
.register.myform button, .register.myform .submit {
    background-color:#091200 !important;
}
.register.myform input, .ddlstyle, .register.myform textarea {
    width: 420px !important;
}
.register.myform p, p.desc {
    border-bottom: 0 !important;
    font-size: 90% !important;
}
/**
* Contact Form Validation
**/
.success, .validation {
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    border: none;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.success {
    color: #091200;
    background-color: #7a985d;
    background-image:url('images/success.png');
}
.validation {
    color: #ef4699;
    background-color: #537039;
    background-image: url('images/error.png');

}
.validation li {
    list-style:disc;
    list-style-position:inside;
    line-height: normal;
}

/**
* Banner Rotator
*/
#banner{
    text-align: left;
}
#slider {
    position:relative;
}

#slider img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slider img.active {
    z-index:10;
}

#slider img.last-active {
    z-index:9;
}
.slider_div{
    position: relative;
    left: 10px;
    top: -50px;
    z-index: 99;
}
.slide_nav{
    font-size: 16px;
    float:left;
    margin:1px; 
    width:10px;
    padding:3px;
    background: #EFEFEF;
    border: 1px solid #BEBEBE;
}
.active-nav {
    background: #BEBEBE;
    color: #FFFFFF;
}

/**
* Contact Info
*/
.row.email
{
    display:none !important;
}
.email span{
    width: 16px;
    height:16px;
    margin-right:5px;
    display: inline-block; 
    background-image: url('images/con_email.png');
    background-repeat: no-repeat;
}
.mobile span{
    width: 16px;
    height:16px;
    margin-right:5px;
    display: inline-block; 
    background-image: url('images/con_mobile.png');
    background-repeat: no-repeat;
}
.phone span{
    width: 16px;
    height:16px;
    margin-right:5px;
    display: inline-block; 
    background-image: url('images/con_tel.png'); 
    background-repeat: no-repeat;
}
.fax span{
    width: 16px;
    height:16px;
    margin-right:5px;
    display: inline-block; 
    background-image: url('images/con_fax.png'); 
    background-repeat: no-repeat;
}
.address{
    padding-left:28px; 
    display: inline-block; 
    background-image: url('images/con_address.png');
    background-repeat: no-repeat;
    font-weight: bolder;
}
.website span{
    width: 16px;
    height:16px;
    margin-right:5px;
    display: inline-block; 
    background-image: url('images/con_website.png');
    background-repeat: no-repeat;
}
.city span{
    padding-left:23px;
}
.state span{
    padding-left:21px;
}

.contact_desc
{
    margin-top:-40px;
}
.contact_desc span{
    padding-left:21px;
  
}
.contact_form{
    padding: 10px 0 10px 0;
    clear:both;
    font-weight:bold;
}

.each_child
{
    width: 180px !important;
    border: none !important;
    min-height: 180px;
    overflow: hidden !important;
}

.each_child img 
{
    height: 90px !important;
    width: 150px !important;
}

.article_title_area
{
    background-color: transparent !important;
    margin: 10px 0 15px 0 !important;
}

.article_title
{
    margin: -10px 0 15px 0 !important;
}

.article_title h4
{
    color: white !important;
}