@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:#FFFFFF;}
/***************************************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:1520px; margin-top:20px;}

.aboutuswrap {position:relative; display:block; width:95%; height:auto; margin-left:20px;}
.borderbox {position:relative; display:block; border:1px solid #ccc; width:98%; height:1445px; background:#fff; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; padding:10px;}
/*.borderbox p {position:relative; display:block; width:95%; height:auto; text-align:justify; font-family:calibri; color:#282828; /*color:#767676;*/ /*margin-bottom:15px; margin-left: 15px;}*/

.leftbox {position:relative; display:block; width:200px; height:375px; /* background:#f6f6f6;*/ padding:5px; margin-left:5px; float:left;}
/*.leftbox {position:relative; display:block; width:auto; height:auto;}*/
.leftbox li {position:relative; width:auto; height:auto; font-family:calibri; display:block; color:#fff; font-size:16px;/* margin-bottom:5px; margin-left:10px;*/ padding:10px; border-bottom:1px solid #000; background:#184e85; text-decoration:none;}

.leftbox li a {position:relative; width:90%; height:auto; font-family:calibri; display:block; color:#fff; font-size:16px;/* margin-bottom:5px; margin-left:10px; border-bottom:1px solid #000;*/text-decoration:none; }

.leftbox li a:hover {position:relative; width:90%; height:auto; font-family:calibri; display:block; color:#abe55b; font-size:16px; /*margin-bottom:5px; margin-left:10px; border-bottom:1px solid #000;*/  text-decoration:none;}


/*.stylesubbox li:before {content:"-"; padding:0 10px;}
*/
.styleheading {position:relative; display:block; width:100%; height:auto; font-family:calibri; color:#184E85; margin-left:10px; margin-top:20px; margin-bottom:15px;}
/**************************************end of level 2 codes here*********************************/

/**************************************right box codes here*********************************/

.rightbox {position:relative; display:block; width:690px; height:1440px; padding:5px; background:#f6f6f6; margin-left:30px; float:left;}

.borderbox p {position:relative; display:block; width:95%; height:auto; text-align:justify; font-family:calibri; color:#282828; /*color:#767676;*/ margin-bottom:15px; margin-left: 15px;}

.aboutusstyle {position:relative; display:block; width:auto; height:auto; margin-left:20px; font-family:calibri;list-style-type:none;}

.aboutusstyle li {position: relative; width: 100%; height: auto; font-family: calibri; display: block; color: #67ac07; font-size:16px; margin-bottom:5px; font-weight:bold;}

.aboutusstyle li:before {content:"-"; padding:0 10px;}


/*.aboutusstyle p {font-family:calibri;}*/


.imagebox {position:relative; display:block; width:665px; height:auto; margin-left:23px; float:left; padding:10px;}

.imageboxinside {position:relative; display:block; width:300px; height:230px; float:left; margin-right:25px; margin-bottom:20px;  border: 1px solid #858686; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}


/********************************end of right box codes here*****************************/


/**************************************overview block********************************************/
.overview {position:relative; display:block; width:100%; height:50px; background:#ebebeb; margin-top:30px;}
.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:justify; 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*****************************/


.productDetail
{position:relative; display:block; width:450px; height:150px; float:left; margin-left:25px;}

.productDetail h2
{position:relative; display:block; width:auto; height:auto; float:left; font-family:calibri; font-size:22px; color:#336699;}

.productDetail p
{position:relative; display:block; width:auto; height:auto; float:left; font-family:calibri;   margin-top:10px;}

.button {position: relative; /* display: block; */ width: auto; height: auto; padding: 5px 5px;
font-family: calibri; color: #fff; background: #336699; top: 15px;/* margin-left: 120px;*/ text-decoration:none; border:1px solid #336699; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}

.button:hover {position: relative; /* display: block; */ width: auto; height: auto; padding: 5px 5px;
font-family: calibri; color: #fff; background: #67ac07; top: 15px;/* margin-left: 120px;*/ text-decoration:none; border:1px solid #67ac07; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}

.image
{position:relative; display:block; width:300px; height:150px; float:left; margin-left:30px;  border: 1px solid #858686; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}