@charset "utf-8";

body{
	margin:0px;
}	

/******************************************** GRADIENTS ********************************/


.top-grad{
	background-image:url(../images/test-grad.jpg);
	background-position:top;
	background-repeat:repeat-x;
	height:59px;
}	

.bottom-grad{
	background-image:url(../images/test-grad.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	height:59px;
}	

.top-grad-pad-lt-6{
	background-image:url(../images/test-grad.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	padding-left:6px;
	height:59px;
}	


.banner-top{
	background-image:url(../images/banner-img-top1.jpg);
	background-position:right;
	background-repeat:no-repeat;
	height:20px;
	width:672px;
}	



.banner-bottom{
	background-image:url(../images/banner-img-bottom.jpg);
	background-position:right;
	background-repeat:no-repeat;
	width:679px;
	height:12px;
}

.main-img-rt-grad{
	background-image:url(../images/main-img-right-grad.jpg);
	background-position:right;
	background-repeat:repeat-y;
}	

.logo{
	background-image:url(../images/bcc-logo1.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width:166px;
	height:176px;
	padding-left:6px;
}	

.banner-img{
	background-image:url(../images/main-banner-img.jpg);
	background-position:left;
	background-repeat:no-repeat;
	width:476px;
	height:177px;	
}

.main-menu-bottom-grad{
	background-image:url(../images/main-menu-grad.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
}

.main-menu-back-grad{
	background-image:url(../images/main-menu-background-grad.jpg);
	background-position:top;
	background-repeat:repeat-x;
}	

.featured-prod-rt-grad{
	background-image:url(../images/featured-product-rt-grad.jpg);
	background-position:right;
	background-repeat:repeat-y;
	
}		

.body-grad-rt{
	background-image:url(../images/body-grad-rt.jpg);
	background-position:top;
	background-repeat:repeat-y;
}		
/******************************** BORDERS AND PADDINGS *******************************/

.border-lt-green-1px{
	border-left:1px solid #cefbca;
}

.border-rt-green-1px{
	border-right:1px solid #cefbca;
}	

.border-top-1px{
	border-top:1px solid #cefbca;
}

.border-all-1{
	border:1px solid #e5e4dc;
	padding:2px;
}

.border-t-b-dotted{
	border-top:1px dotted #979004;
	border-bottom:1px dotted #987586;
	padding-top:2px;
	padding-bottom:2px;
}	

.border-all-black{
	border:1px solid #282821;
}


.border-all-blue{
	border:1px solid #0e5ab4;
}
	
.border-rt-1-green{
	border-right:1px solid #57cd4e;
}			
.padding-lt-6{
	padding-left:6px;
}	

.padding-lt-7-rt-14{
	padding-left:7px;
	padding-right:14px;
}

.padding-lt-6-rt-12{
	padding-left:6px;
	padding-right:12px;
}

.padding-lt-20-rt-12{
	padding-left:20px;
	padding-right:12px;
}



.padding-lt-10{
	padding-left:10px;
}	

.padding-lt-4px
{
	padding-left:2px;
}	

.padding-left-8{
	padding-left:8px;
}	

.padding-lt-rt-8{
	padding-left:8px;
	padding-right:8px;
}
	
.padding-rt-lt-11-6{
	padding-left:6px;
	padding-right:11px;
}	

.padding-lt-14-rt-12{
	padding-left:14px;
	padding-right:12px;
}

.padding-lt-12-rt-12{
	padding-left:12px;
	padding-right:12px;
}	

.padding-lt-2-rt-14{
	padding-left:2px;
	padding-right:14px;
}	
	



/******************************************************** FONTS and LINKS *****************************************/

.font-light-yellow-normal{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#fbf294;

}	

.font-grey-desc{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#6b7474;
	text-align:justify;
	padding:10px 3px 0px 6px;
}	

.font-grey-desc-16{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:normal;
	color:#6b7474;
	text-align:justify;
	padding:10px 3px 0px 0px;
}	


.font-grey-desc-5px{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#6b7474;
	padding:5px;
}

.font-dark-orange{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#8c5206;
	padding:5px;

}

.font-dark-blue-desc-5px{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#074e74;
	padding:5px;
}


.font-white-desc-5px{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#ffffff;
	padding:5px;
}


.font-desc-orange{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#D57C06;
	padding:5px;
}	


.font-black-desc{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#34302e;
	text-align:justify;
	padding-left:4px;
	padding-top:2px;
	padding-bottom:2px;
}

.font-brown-no-padding{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#583A06;
	
}

.font-desc-green-13px{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#07c874;
	padding-left:5px;
	text-decoration:none;
}	

.font-title-green{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#269f1c;
}

.font-orange-desc{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#D57C06;
	text-align:justify;
	padding-left:4px;
	padding-top:2px;
	padding-bottom:2px;
}

.font-footer-white{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#ffffff;
	padding-top:5px;
}

.font-footer-black{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#0d4409;
}

a.link-grey{

	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#6b7474;
	padding:5px;
	text-decoration:none;
}

a:hover.link-grey{

	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#404141;
	padding:5px;
	text-decoration:underline;
}

a.link-green{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#269f1c;
	padding-left:5px;
	text-decoration:none;
}

a:hover.link-green{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#269f1c;
	padding-left:5px;
	text-decoration:underline;

}	

a.link-green-big{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#07c874;
	padding-left:5px;
	text-decoration:none;
}

a:hover.link-green-big{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#07c874;
	padding-left:5px;
	text-decoration:underline;
}

a.link-dark-green{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#0d4409;
	text-decoration:none;
}

a:hover.link-dark-green{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#0d4409;
	text-decoration:underline;

}


a.link-green-footer{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#89fb80;
	text-decoration:none;
}

a:hover.link-green-footer{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#89fb80;
	text-decoration:underline;

}	

a.link-light-yellow-normal{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#fbf294;
	padding-left:10px;
	text-decoration:none;
}



a:hover.link-light-yellow-normal{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#794603;
	padding-left:10px;
	text-decoration:underline;
}

a.link-contact{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#fbf294;
	text-decoration:none;
}


a:hover.link-contact{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#794603;
	text-decoration:underline;
}

a.link-viewdeatail{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#ffffff;
	padding-left:5px;
	text-decoration:none;
}

a:hover.link-viewdeatail{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#ffffff;
	padding-left:5px;
	text-decoration:underline;
}

/******************************************************** IMAGES *****************************************/

.img-rt-margin{
	margin-left:8px;
}	

.img-border{
	border:1px solid #e9e5e0;
	
}

#img-border img{
	border:1px solid #e9e5e0;
	padding:5px;
}	

#img-featured-product img{
	margin-top:5px;
	border:1px solid #269f1c;
	padding:5px;
}	

/***************************************************** FORMS *****************************************/

.form-textbox{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#f99303;
	padding-left:5px;
	padding-top:2px;
	border:1px solid #e3e2e0;
	height:16px;
	width:120px;
	vertical-align:middle;
}		

.form-select{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#f99303;
	padding-left:5px;
	padding-top:2px;
	border:1px solid #e3e2e0;
	height:20px;
	width:130px;
	vertical-align:middle;
}

.form-select-allproducts{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#f99303;
	padding-left:5px;
	padding-top:2px;
	border:1px solid #e3e2e0;
	height:20px;
	width:150px;
	vertical-align:middle;
}

.form-submit-button{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#ffffff;
	height:22px;
	border:1px solid #e3e2e0;
	background-color:#269f1c;
}

.form-input{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#583A06;
	border:1px dotted #583A06;
}	

.form-textbox-orderform{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#6b7474;
	padding-left:5px;
	padding-top:2px;
	border:1px solid #e3e2e0;
	width:185px;
	vertical-align:middle;
}	

.form-textbox-quantity{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#6b7474;
	padding-left:5px;
	padding-top:2px;
	border:1px solid #e3e2e0;
	height:16px;
	width:20px;
	vertical-align:middle;
}	

/******************************** ADMIN SECTION ***********************************************************/


.font-admin-main{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#24a2da;
	padding:5px;
}	

.font-admin-white{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#ffffff;
	padding:5px;
}	

.font-admin-brown{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#684407;
	padding-left:10px;
}

a.font-logout{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#0788cb;
	text-decoration:underline;
}

.font-admin-brown{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#684407;
	padding-left:10px;
}

a.font-logout{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#0788cb;
	text-decoration:underline;
}
a:hover.font-logout{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#0788cb;
	text-decoration:none;
}	

a.font-admin-footer{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#ffffff;
	text-decoration:none;
}
a:hover.font-admin-footer{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#ffffff;
	text-decoration:underline;
}		

a.font-main-link{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#ffffff;
	text-decoration:none;
	vertical-align:middle;
	display:block;
	background-color:#41726F;
	border-top:10px solid #41726F;
	border-bottom:10px solid #41726F;
}

a:hover.font-main-link{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#033f3b;
	text-decoration:none;
	display:block;
	background-color:#21928b;
	border-top:10px solid #21928b;
	border-bottom:10px solid #21928b;
}		
