@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: calibri;
	font-weight: normal;
	src: url('../fonts/CALIBRI.otf');
	src: url('../fonts/CALIBRI.ttf');
}

/****************************************Reset The Defaults**************************************/
* {margin:0; padding:0; border:0;}
html,body {overflow-x:hidden;}
body {background:#eaeaea;}
.clear {clear:both;}
/****************************************End Of Resetting The Defaults***************************/

/***************************************Wrapper Codes Here***************************************/
#wrapper {position:relative; display:block; width:1024px; height:auto; margin:0 auto; background:#fff;}
/***************************************End Of Wrapper Codes Here********************************/

/***************************************Top Header Codes Here************************************/
.topheader {position:relative; display:block; width:100%; height:25px; background:#abe55b;}
/***************************************End Of Top Header Codes Here*****************************/

/**************************************Main Header Codes Here************************************/
.mainheader {position:relative; display:block; width:100%; height:150px; background:#f6f6f6;}

.logo {position:relative; display:block; width:auto; height:auto; float:left; margin-top:20px;}
.placeanorderwrap {position:relative; display:block; width:250px; height:auto; float:right; margin-top:15px; margin-right:20px;}
.placeanorderimage {position:relative; display:block; width:100%; height:auto;}
.placeanorderimage img {float:right;}
.calluswrap {position:relative; display:block; width:100%; height:auto; margin-top:10px;}
.iconbox {position:relative; display:block; width:auto; height:auto; float:left;}
.callustextbox {position:relative; display:block; width:auto; height:auto; float:right; margin-right:20px; font-family:calibri;}
.formoreinfotext {color:#7bbd21; text-transform:uppercase; font-weight:bold; letter-spacing:1px; /*margin-left:2px;*/ font-size:17px;}
.phoneno {color: #184E85; font-weight: bold; letter-spacing: 1px; /*margin-left: 7px;*/ font-size:17px;}
/**************************************End Of Main Header Codes Here*****************************/

/**************************************Navigation Codes Here*************************************/
.navigationwrap {position:relative; display:block; width:100%; height:49px; background:#abe55b;}
.stylenavigation {position:relative; display:block; width:auto; height:40px; margin-left:14px;}
.stylenavigation li {position:relative; display:block; width:auto; height:40px; padding:0px; text-align:center; float:left;}
.stylenavigation li+li:before {content:url(../images/navigation_divider.png); width:1px; height:40px; float:left; padding:0 0px;}
.stylenavigation li a{position:relative; display:block; float:left; padding:10px 35px; text-transform:uppercase; font-family:calibri; text-decoration:none; color:#000; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out;}
.stylenavigation li a:hover {background:url(../images/hover.png); background-repeat:repeat-x; color:#fff; width:auto;}
/**************************************End Of Navigation Codes Here******************************/

/**************************************Slider Box Codes Here*************************************/
.sliderbox {position:relative; display:block; width:100%; height:323px; padding-top:20px;}
/**************************************End Of Slider Box Codes Here******************************/

/**************************************level1 codes here*****************************************/
.level1 {position:relative; display:block; width:100%; height:355px; margin-top:40px;}
.blockz {position:relative; display:block; width:300px; height:300px; background:#fefefe; border:1px solid #e2e2e2; float:left; margin-right:10px; padding:10px;}
.block1gap {margin-left:10px;}
.blockz h2 {position:relative; display:block; width:100%; height:auto; color:#184e85; font-family:calibri;}
.blockz p {position:relative; display:block; width:100%; height:auto; color:#000; font-family:calibri; text-align:left; margin:5px 0;}
/*.blockz a {position:relative; display:block; width:100%; height:auto; text-decoration:none; font-family:calibri; color:#6aaa12;}
.blockz a:hover {text-decoration:underline;}*/
.adjustanchorblockz {margin-top:100px;}
.adjustanchor {position:relative; display:block; width:100%; height:auto; text-decoration:none; font-family:calibri; color:#67ac07;}
.adjustanchor:hover {text-decoration:underline;}

.leftblock {position:relative; display:block; width:146px; height:300px; float:left; background:#abe55b;}
.midblock {position:relative; display:block; width:131px; height:300px; float:left;}
.rightblock {position:relative; display:block; width:23px; height:300px; float:left; background:#abe55b;}

.recycleimageblock {position:relative; display:block; width:100%; height:auto; text-align:center; margin-top:10px;}
.recycletext {position:relative; display:block; width:90%; height:auto; padding:5px;}
.setanchor {position:relative; display:block; width:100%; height:auto; font-family:calibri; color:#184e85; text-decoration:none; top:5px;}
.setanchor:hover {text-decoration:underline;}
/**************************************end of level1 codes here**********************************/

/**************************************Our Product Bar*******************************************/
.ourproductbar {position:relative; display:block; width:100%; height:50px; background:#abe55b;}
.ourproductbar h2 {position:relative; display:block; width:auto; height:auto; text-transform:uppercase; font-family:calibri; color:#184e85; float:left; margin-left:20px; top:10px; margin-right:20px;}
/**************************************End Of Our Product Bar************************************/

/**************************************level 2 codes here****************************************/
.level2 {position:relative; display:block; width:100%; height:385px;}
.level2divider {position:absolute; display:block; width:auto; height:auto;}
.styledivider {position:relative; display:block; width:auto; height:auto; list-style-type:none; margin-left:345px; z-index:-1;}
.styledivider li {float:left; margin-right:315px;}

.itemblock {position:relative; display:block; width:99%; height:99%;}
.itemblock h2 {position:relative; display:block; width:100%; height:auto; font-family:calibri; color:#184e85; font-size:20px;}
.itemblock p {position:relative; display:block; width:100%; height:100px;; font-family:calibri; text-align:left; color:#184e85;}
.itemblock img {position:relative; display:block; margin-top:20px; margin-left:35px; border:1px solid #CCCCCC; }
/**************************************end of level 2 codes here*********************************/

/**************************************overview block********************************************/
.overview {position:relative; display:block; width:100%; height:50px; background:#ebebeb;}
.titlebox {position:relative; display:block; width:280px; height:50px; float:left; margin-right:60px;}
.titlebox h2 {position:relative; display:block; width:auto; height:auto; font-family:calibri; color:#336699; top:10px; text-transform:uppercase;}
/*************************************end of overview block**************************************/

/*************************************overview content box codes here****************************/
.overviewcontentbox {position:relative; display:block; width:100%; height:200px; background:#f6f6f6;}
.overviewblock1 {position:relative; display:block; width:135px; height:200px; float:left; }
.overviewblock2 {position:relative; display:block; width:440px; height:200px; float:left; }
.overviewblock3 {position:relative; display:block; width:425px; height:200px; float:left; }
.divider {position:relative; display:block; width:auto; height:auto; float:left;}

.styleoverviewnav {position:relative; display:block; width:auto; height:auto; float:left; list-style-type:none; margin-left:20px; top:20px;}
.styleoverviewnav li {margin-bottom:5px;}
.styleoverviewnav li a {text-decoration:none; font-family:calibri; color:#336699;}
.styleoverviewnav li a:hover {text-decoration:underline;}

.qualityapproved {position:relative; display:block; width:auto; height:auto; margin-top:30px; margin-left:30px;}
.qualityapproved p {position:relative; display:block; width:90%; height:auto; font-family:calibri; text-align:left; color:#184e85; font-size:13px; margin-bottom:10px;}
.qualityapproved a {font-family:calibri; text-decoration:none; color:#000;}
.qualityapproved a:hover {text-decoration:underline;}

.imagewrap {position:relative; display:block; width:auto; height:auto; margin-left:40px; top:30px;}
.imagewrap img {margin-right:10px;}
/*************************************end of overview content box codes here*********************/

/*************************************blue footer codes here*************************************/
.bluefooterwrap {position:relative; display:block; width:100%; height:50px; background:#336699;}

.contactusstyle {position:relative; display:block; width:auto; height:auto; list-style-type:none; float:left; top:15px; margin-left:20px;}
.contactusstyle li {position:relative; display:block; width:auto; height:auto; float:left; margin-right:10px; font-family:calibri;}
.contactusstyle li p {display:block; color:#fff; top:5px; font-size:14px;}

.socialiconwrap {position:relative; display:block; width:auto; height:auto; float:right; top:10px; margin-right:50px;}
.socialiconwrap li {position:relative; display:block; width:auto; height:auto; float:left; margin-right:10px;}
/*************************************end of blue footer codes here******************************/

/*************************************green footer codes here************************************/
.greenfooter {position:relative; display:block; width:100%; height:30px; background:#abe55b;}

.stylecopyrightbar {position:relative; display:block; width:auto; height:auto; top:10px; margin-left:20px;}
.stylecopyrightbar li {position:relative; display:block; width:auto; height:auto; float:left;}
.stylecopyrightbar li p {font-family:calibri; color:#336699; font-size:12px;}
.pushright {margin-left:500px;}
/*************************************end of green footer codes here*****************************/