@charset "utf-8";
/*
@media(max-width:767px){}  xs
@media(min-width:768px){}  sm
@media(min-width:992px){}  md
@media(min-width:1200px){} lg
@media (min-width: 768px) and (max-width: 991px){}  sm
@media (min-width: 992px) and (max-width: 1199px){} md
*/
body {
	font-family : Verdana, Arial, Helvetica, sans-serif !important;
    font-size: 12px;
	background: #fff;
	margin: 0;
	padding: 0;
	color: #6F6F6F;
    line-height: 1.4;
    text-align: justify;
}

/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color: #5E5E5E;
	text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
	color: #5E5E5E;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
}


/* ~~ The header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo. ~~ */
.header {
    height: 349px;
    background-image:url('../img/header-lg.jpg');
}

@media (min-width: 992px) and (max-width: 1199px){
    .header {
        background-image: url('../img/header-md.jpg');
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .header {
        background-image: url('../img/header-sm.jpg');
    }
}
@media(max-width:767px){
    .header {
        background-image: url('../img/header-xs.jpg');
        background-position: center center;
    }
}

.header #logo {
    width: 196px;
    height: 67px;
    margin-top: 25px;
    margin-left: 0;
    position: absolute;
}

.clearfix:after{clear: both;content: ".";display: block;height: 0;visibility: hidden;font-size: 0}

.navbar.subHeader{
    background-color: #F1F9EE;
    padding-bottom: 7px;
    margin: 0 -15px;
    border-width: 0;
    border-radius: 0;
}
.navbar .nav > li > a {
    padding: 0 10px 0 0;
    line-height: normal;
}
.navbar .navbar-nav {
    margin: 7px 0;
}

.navbar a{
    color: #73BF45 !important;
    font-size: 12px;
    margin-top: 10px;
    text-decoration: none;
    display: block;
    margin-left: 5px;
    padding-right: 10px;
    font-weight: bold;
}
.navbar a:hover, .navbar a:active{
    text-decoration: underline;
}

@media (min-width: 768px)  {
    .navbar-nav > li a {
        text-align: center;
        background: transparent url(../img/menu_item.png) no-repeat right top;
    }
}
.navbar a.lastMenuItem{
    background-image: none;
}

.category {
    font-size: 15px;
    /* background-image:url(../img/category_bck.png); */
    width:200px;
}

.item.list-group-item:before, .item.list-group-item:after  {
    display: table;
    content: " ";
}



.content {
	padding: 0;
    margin-bottom: 20px; 
}
@media(max-width:767px) {
    .content > .row,
    .content > .itemInfo .row {
        margin-right: -10px;
        margin-left: -10px;
    }
}

.content ol {
    padding: 0 15px 15px 40px;
    font-size: 12px;
}

.footer {
    background-color: #F1F9EE;
	padding: 10px 10px 10px 10px;
    color: #737373;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
}

.footer p {
    padding: 0;
    margin: 0;
    text-align: center;
    font-size: 10px;
}

.list-group {
    margin-bottom: 0;
}
.list-group-item{
    padding: 0;
}
.list-group-item, .thumbnail {
    border-width: 0;
    margin-bottom: 0;
    padding: 0;
}
@media (min-width: 768px) and (max-width: 991px) {
    .list-group-item, .thumbnail {
        min-height: 211px;
    }
}

.categoryItem{
    padding-left: 0;
    padding-right: 0;
    margin: 15px 0 0 0;
}

.thumbnail .caption {
    padding: 0;
}

@media (min-width: 768px) {
    .categoryItem.categorySpacer {
        padding-right: 15px;
    }
}

.categoryItem .title{
    font-size: 14px;
    /* background-image: url(../img/category_title.png);   */
    background-repeat: no-repeat;
    font-weight: bold;
    color: #73BF45;
    padding-left: 0;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-right: 165px;
    margin-bottom: 5px;
    margin-top: 0;
    border-top: 4px solid #F1F9EE;
    text-align:left;
}

.categoryItem .title a{
    text-decoration: none;
    color: #73BF45;
}

.categoryItem .title a:hover{
    text-decoration: underline;
}


.categoryItem .thumbnail img.list-group-image{
    margin: 10px 0 10px 15px;
    float: right;
    width: 150px;
    height: 150px;
}

.categoryItem p{
    margin: 0 5px 10px 0;
    font-size: 12px;
    padding: 0;
    text-align: left;
}

.categoryItem .price{
    font-size: 12px;
    padding-top: 5px;
    border-top: 1px dotted #73BF45;
    text-align: right;
}

.categoryItem .price .buttonBuy{
    width: 150px;
    font-size: 14px;
    display: inline-block;
    background: transparent url(../img/cart_on.png) no-repeat top left;
    cursor: pointer;
    height: 35px;
    line-height: 35px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    margin: 0 5px 0 0;
}

.categoryItem .price .value{
    margin-right: 15px;
}
.categoryItem .price .value b{
    color: #73BF45;
}
/*
.categoryItem .price .quantityLabel{
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 0;
    padding-right: 2px;
    margin-top: 6px;
    display: block;
    float: right;
}

.categoryItem .price .quantity{
    border: 1px solid #BFBFBF;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    margin-top: 7px;
    margin-left: 0;
    margin-right: 15px;
    float: right;
    width: 23px;
    font-size: 11px;
}  
*/
.categoryInfo p{
    font-size: 12px;
}
.categoryInfo h2, .cartInfo h2{
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 0;
    color: #73BF45;
    font-weight: bold;
}

.categoryInfo .itemDescription{
    width: 340px;
    float: left;
    
}
.categoryInfo .itemImage{
    width: 302px;
    height: 302px;
    margin: 10px 40px 30px 40px;
    border: 1px solid #73BF45;
    float: right;
}

.categoryInfo .itemTitle{
    margin-top: 20px;
    margin-bottom: 25px;
}
.categoryInfo .itemBootomBar{
    margin-top: 10px;
    padding-right: 90px;
    padding-bottom: 5px;
    text-align: right;
}

.itemBootomBar .price {
    display: block;
    margin-bottom: 0;
    width: 400px;
    
}

.itemBootomBar .buttonBuy{
    display: inline-block;
    background: transparent url(../img/cart_on.png) no-repeat top left;
    cursor: pointer;
    font-size: 14px;
    height: 35px;
    color: #ffffff;
    font-weight: bold;
    width: 150px;
    text-align: center;
    line-height: 35px;
}

.itemBootomBar .value{
    margin-right: 15px;
}
.itemBootomBar .value b{
    color: #73BF45;
}
/*
.itemBootomBar .price .quantityLabel{
    padding-top: 6px;
    padding-bottom: 2px;
    padding-left: 0;
    padding-right: 0;
    margin-top: 1px;
    display: block;
    float: left;
}

.itemBootomBar .price .quantity{
    border: 1px solid #BFBFBF;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    margin-top: 7px;
    margin-bottom: 2px;
    margin-left: 0;
    margin-right: 15px;
    float: left;
    width: 23px;
    font-size: 11px;
}
/**/

@media (min-width: 768px) and (max-width: 991px) {
    .itemInfo .img{
        float: right;
    }
}

.itemInfo .descr .caption {
    margin-right: 420px;
}
@media (min-width: 768px) and (max-width: 991px) {
    .itemInfo .descr .caption {
        margin-right: 0;
    }
    .categoryInfo .itemImage{
        margin-left: 50px;
    }

}
@media(max-width:767px){
    .categoryInfo .itemImage{
        float: none;
        margin: 10px auto;
    }
    .itemInfo .descr .caption {
        margin-right: 0;
    }
}

.cartItem{
    margin-bottom: 10px;
    display: block;
}
.cartItem .image {
    padding: 5px;
}
@media(max-width:767px) {
    .cartItem .image {
        text-align: center
    }
}

.cartItem .info {
    padding: 5px 0 0 0;
}

.cartItem .info p{
    padding: 0;
}

.cartItem .info .name{
    font-size: 14px;
    font-weight: bold;
    padding-left: 5px;
    margin-top: 10px;
}

.cartItem .info p{
    font-size: 12px;
}

.cartItem .actions {
    padding: 5px 5px 5px 5px;
    font-size: 12px;
}

.cartItem .actions .quantity{
    border: 1px solid #BFBFBF;
    margin: 3px 5px 0 0;
    padding: 0;
    width: 23px;
    font-size: 12px;
    height: 14px; 
}

.cartItem .actions .value{
    padding-top: 10px;
    display: block;
    top: 0;
    margin-top: 0;
    position: relative;
}
.cartItem .actions .value b{
    color: #73BF45;
}

.cartItem .actions .buttonC{
    border: 0;
    background-image: url(../img/item_change_bck.png); 
    font-size: 11px;
    margin-top: 0;
    padding-top: 0;
    padding-left: 1px;
    padding-right: 1px;
    color: #6F6F6F;
    width: 80px;
    height: 18px;
}

 .buttonR{
    border: 0;
    background-image: url(../img/item_remove_bck.png);
    font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
    margin-top: 10px;
    margin-bottom: 2px;
    padding-left: 1px;
    padding-right: 1px;
    color: #6F6F6F;
    width: 86px;
    font-size: 11px;
    height: 18px;
}
.cartItem .actions .quantityLabel {
    padding: 0;
    margin-bottom: 0;
    margin-top: 5px;
}
.cartItem .actions .remove {
    padding: 0;
    margin: 0;
}

.cartInfo {
    border:0;
}

#CartShowForm {
    margin-top: 30px;
}
#CartShowForm input, #CartShowForm textarea,  #CartShowForm select{
    border: 1px solid #BFBFBF;
    color: #3F3F3F;
}
#CartShowForm .form-control{
    height: 26px;
    font-size: 12px;
    padding: 0 5px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;

}
#CartShowForm textarea.form-control {
    height: 60px;
}
#CartShowForm .form-error {
    background-color: #FFD1A8;
}
#CartShowForm  .error-message{
    margin-left: 10px;
    color: #E16A00;
}
#CartShowForm label {
    font-weight:normal;
    text-align: right;
}

#CartShowForm div.submit {
    margin-bottom: 30px;
}

form .required label:after {
	color: #E16A00;
	content: '*';
	display:inline;
    margin-left:2px;
}

#cartForm p{
    font-size: 14px;
    font-weight: bold;
    text-align: right;
}

.takeOrderButton{
    background: #FFFFFF url('../img/take_order_bck_on.png') no-repeat top left ;
    width: 180px;
    height: 38px;
    font-weight: bold;
    font-size: 16px;
    padding-left: 20px;
}
#CartShowForm input.takeOrderButton{
    border:0;
    color: #ffffff;
}

.ErrMSgs{
    display: none;
}

#cartForm .conditions p{
    font-size: 10px;
    font-weight: normal;
    text-align: left;
}


ul.bamboo{
    padding-right: 0;
}

.navButton{
    position: absolute;
    width: 40px;
    height: 80px;
    cursor: pointer;
}

#btnFwd{
    top: 110px;
    right: -39px;  
}

#btnBck{
    top: 110px;
    left: -39px;      
}

.activeImgArea{
    position: relative;
}/**/

@media(max-width:767px) {
    .categoryInfo .itemImage{
        width: 240px;
        height: 240px;
    }
    #btnFwd, #btnBck{
        top: 80px;
    }
}