html, body { width: 100%; height: 100%; margin: 0; padding: 0; line-height: 15px; color: #4e4e4e; font-family: tahoma, sans-serif; font-size: 12px; }

html *, body * { margin: 0; padding: 0; outline: none; }
body { padding: 15px 0; }
#mainContent ul { list-style-type: none; }
#mainContent ul li { background: url(images/liBG.png) no-repeat 0 6px; padding-left: 15px; margin-bottom: 3px; }
#mainContent ul li span, #mainContent p span { color: #57710d; font-weight: bold; }
p { margin: 0 0 10px 0; }
br { height: 1px; margin: 0 0 4px 0; .margin: 0 0 0 0; }
a { font-size: 11px; font-weight: bold; color: #56710d; text-decoration: none; border-bottom: 1px solid #fff; }
a:hover { border-bottom-color: #56710d; color: #56710d !important; }
a:visited { color: #4e4e4e; border-bottom-color: #56710d; }
.styledLink { background: url(images/liBG.png) no-repeat 100% 6px; padding-right: 15px; }
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ THE INFAMOUS ## page_container ## ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/

#page_container { margin: 0 auto; width: 904px; position: relative; }

/*###############################################################*/


/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ HEADER ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
#header h1 { background: url(images/headerH.png) no-repeat 0 0; text-indent: -9999px; margin: 0 0 18px 17px; width: 371px; height: 64px; }
#header h1 a { display: block; width: 371px; height: 64px; border: none !important; }
#header ul { background: url(images/navBG.png) no-repeat 0 0; width: 711px; height: 35px; margin: 0 0 24px 1px; padding-left: 189px; list-style-type:none; }
#header ul li { display: inline-block; float: left; text-indent: -9999px; padding-top: 1px; background: none; margin: 0;  }
#header ul li a { display: block; background: url(images/navigationLinks.png) no-repeat 0 0; height: inherit; height: 33px; border: none; }
	#homeNAV { width: 81px; }
	#homeNAVactive, #homeNAV:hover { background-position: 0 -33px !important; width: 81px; }
	#infoNAV { background-position: -81px 0 !important; width: 142px; }
	#infoNAVactive, #infoNAV:hover  { background-position: -81px -33px !important; width: 142px; }
	#serviceNAV { background-position: -223px 0 !important; width: 105px; }
	#serviceNAVactive, #serviceNAV:hover { background-position: -223px -33px !important; width: 105px; }
	#aboutNAV { background-position: -328px 0 !important; width: 106px; }
	#aboutNAVactive, #aboutNAV:hover{ background-position: -328px -33px !important; width: 106px; }
	#contactsNAV { background-position: -434px 0 !important; width: 93px; }
	#contactsNAVactive, #contactsNAV:hover { background-position: -434px -33px !important; width: 93px; }
	
#redorHeaderLink { display: block; position: absolute; right: 21px; border: none !important; height: 28px; width: 125px; text-indent: -9999px; }
	
/* ^^^^^^^^^^^^^^^^^^^ SUB HEADER ^^^^^^^^^^^^^^^^^^^^ */

#subHeader { width: 899px; height: 216px; background: url(images/subHeaderBG.png) no-repeat 0 0; margin: 0 0 16px 2px; position: relative; }
#subHeader p { color: #57710d; font-weight: bold; position: absolute; }
	#HACCPlan { top: 30px; left: 492px;  }
	#introduction { top: 70px; left: 282px; }
	#personnelTraining { top: 109px; left: 362px; }
#subHeaderList { width: 233px; height: 216px; margin-left: 666px; }
#subHeaderList h3 { width: 136px; height: 16px; background: url(images/subHeaderLeftH.png) no-repeat 0 0; text-indent: -9999px; position: relative; top: 8px; left: 30px; }
#subHeaderList ul { margin: 27px 0 0 20px; list-style-type: none; }
#subHeaderList ul li { background: url(images/subHeaderListBG.png) no-repeat 0 6px; padding-left: 15px; width: 137px; margin-bottom: 8px; line-height: 14px;}
#subHeaderList ul li:hover { cursor: default !important; }
#subHeaderList ul li a { border: none !important; color: #56710D !important; }

/*###############################################################*/


#wrapper { width: 904px; background: url(images/mainContentBG.png) repeat-y 0 0; }


/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ MAIN CONTENT ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

#mainContent { width: 848px; padding: 18px 22px 10px 36px; }
#welcomeH { width: 555px; height: 54px; background: url(images/welcomeH.png) no-repeat 0 0; text-indent: -9999px; }
#welomeParagraph { margin: 5px 0 25px 0; }
/* ^^^^^^^^Frame Work^^^^^^^^^ */
.framework { display: block; width: inherit; height: 5px; clear: both; }
.topFrame {  background: url(images/topFrame.png) no-repeat 0 0; }
.bottomFrame { background: url(images/bottomFrame.png) no-repeat 0 0; .margin: 20px 0 0 0;}
* html .bottomFrame { position: relative; top: 10px; }
*html #mainContent { padding: 9px 19px 15px 38px; }
.infoBODY .bottomFrame { margin-top: 0; }
* html .infoBODY .bottomFrame { margin-top: -10px; }

/*#################*/


/*^^^^^^^^^Main Content Left info DIV^^^^^^^^^^*/

#leftMainContent { width: 425px; float: left; }
.mainHeadings { background: url(images/mainHeadings.png) no-repeat bottom left; width: 420px !important; margin-bottom: 10px; text-indent: -9999px; }
.whatHACCP { height: 60px; }
.whatHACCP span { display: block; width: 287px; height: 44px; background: url(images/whatHACCP.png) no-repeat 0 0; }
#whatHACCPLink { float: right; margin-right: 15px; }
.HACCPserviceH { clear: both; height: 70px; margin-top: 60px !important; }
.HACCPserviceH span { display: block; width: 236px; height: 61px; background: url(images/HACCPserviceH.png) no-repeat 0 0; }
#HACCPserviceList { margin-top: 21px; }
#HACCPserviceList li { margin-bottom: 7px; }
#leftMainContent ul { margin: ; }
.emTxt { font-weight: bold; }
.emTxtList { margin: 14px 0 13px 0; }

/*##########################*/


/*^^^^^^^^^ Main Content Right info DIV ^^^^^^^^^*/
#rightMainContent { float: left; width: 340px; margin-left: 50px; margin-bottom: 20px;     font-size: 15px;
    font-weight: bold;
    font-variant: small-caps;
    text-transform: lowercase !important;
    margin: 16px 0;  }

#rightMainContent p span, .informationContainer p span { color: #57710d; font-weight: bold; }
#rightMainContent p { margin-bottom: 10px; }
.mainHeadingsRight { background: url(images/mainHeadingsRight.png) no-repeat bottom left; width: 362px !important; margin-bottom: 10px; text-indent: -9999px; }
.foodLawH { width: 308px; height: 61px; }
.foodLawH span { display: block; width: 308px; height: 46px; background: url(images/foodLawH.png) no-repeat 0 0; }
.separator { display: block; width: 357px; height: 1px; background: url(images/separator.png) no-repeat 0 0; margin: 10px 0; }
* html .separator { margin: 10px 0 -8px 0; }
* html #rightMainContent { margin-bottom: -100px !important; }
/*###############################################################*/


/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ FOOTER ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
#footer { background: url(images/footerBG.png) no-repeat 0 0; width: 897px; height: 160px; margin: 14px 0 0 3px; font-size: 11px; color: #fff; }
#footer a { color: #fff; border-bottom-color: #fff; font-weight: bold; }
#footerMainContent { width: inherit; height: 128px; margin: 14px 0 0 18px; .margin-top: 0; }
#leftFooter { float: left; margin: 14px 0 0 0;}
#leftFooter p { margin: 0 0 1px 0; }
#leftFooter h4 { background: url(images/linksH.png) no-repeat 0 0; width: 129px; height: 19px; text-indent: -9999px; margin: 0 0 7px 0; }

#rightFooter { float: left; width: 147px; margin: 14px 0 0 32px; position: relative;}
#rightFooter h4 { background: url(images/contactsFooterH.png) no-repeat 0 0; width: 129px; height: 19px; text-indent: -9999px; margin: 0 0 7px 0; }
#rightFooter p { font-weight: bold; }
#rightFooter span { display: block; background: url(images/contactsSPAN.png) no-repeat 0 -1px; width: 127px; height: 43px; margin: 8px 0 0 0;text-indent: -9999px; }
#rightFooter a { display: block; width: 147px; height: 21px; position: absolute; top: 68px; left: -1px; background: transparent; text-indent: -9999px; border: none; }

/* ^^^^^^^^^^^^^^^ COPYRIGHT ^^^^^^^^^^^^^^^^^^^ */
#copyright { clear: both; margin: 6px 0 10px 300px; text-align: center; position: relative; }
#copyright a { color: #809631 !important; font-weight: normal; }
#copyright p { padding: 0 0 0 10px; float: left; color: #809631; }
#copyFirst { padding: 0 10px 0 0 !important; border-right: 1px solid #809631; }
#copyLink { display: block; background: url(images/copyLink.png) no-repeat right top; width: 173px; text-align: left; height: 18px; }
a#copyLink:hover span { border-bottom: 1px solid; }
#copyFirst a:hover span { border-bottom: 1px solid; }

/*########################################################*/

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ INFO CONENTS ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

#infoContents { background: url(images/infoContentsBG.png) no-repeat 93% 5%; height: 210px; margin-bottom: 15px; }
#infoContents h2 { background: width: 420px; height: 37px; background: url(images/infoContentsH.png) no-repeat 0 0; text-indent: -9999px; margin: 0 0 10px 0; }
#infoContents ul li { display: block; height: 20px; width: 417px; overflow: hidden; padding: 0 0 1px 0; background-position: right 7px; }
#infoContents a { color: #585858; font-weight: bold; font-size: 12px; border-bottom-color: #fff !important; } 
#infoContents ul li a:hover { border-bottom-color: #56710d !important; }
#infoContents a:visited { color: #585858; font-weight: bold; font-size: 12px; border-bottom-color: #fff !important; } 

/* ^^^^^^^^^^^^^^^^^^^^^^^^ Information Containers^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

.informationContainer { position: relative; margin-bottom: 25px; }
.informationContainer ul { margin: 7px 4px !important; }
.informationContainer p { margin: 0 0 10px 0; }
.informationContainer  p strong { color: #585858 !important; }
.informationContainer h2 { text-indent: -9999px; margin: 0 0 10px 0;}
.informationContainer h3 { color: #798d3d; font-size: 13px; margin-bottom: 10px; }
.informationContainer ol { margin: 7px 20px 10px; }
.informationContainer ol li { margin-bottom: 3px; }
.informationContainer ol li ol { margin-left: 0; list-style-type: none; padding-left: 15px;}
.informationContainer ol li ol .decimal { display: inline-block; position: absolute; left: 10px; }
.informationContainer ol li ol li { margin-bottom: 5px; }
.informationContainer em { display: block; text-transform: uppercase; }
.btt { height: 20px; position: absolute; right: -10px; top: 25px; padding: 7px 20px 0 0; color: #809631 !important; font-weight: bold; border-bottom-color: #fff !important; display: block; background: url(images/btt.png) no-repeat 100% 0; font-variant: small-caps; }
a.btt:hover { background-image: url(images/bttUp.png); }
* html a.btt { right: 18px; }
.bttBottom { top: 100%; }
.offerRedirect { background: url(images/liBG.png) no-repeat 100% 6px; padding-right: 12px; }
#iziskObrabotka { width: 823px; height: 31px; background: url(images/iziskObrabotkaH.png) no-repeat 0 0; }
#iziskSahranenie { width: 825px; height: 31px; background: url(images/iziskSahranenie.png) no-repeat 0 0; }
#iziskOborudvane { width: 824px; height: 31px; background: url(images/iziskOborudvaneH.png) no-repeat 0 0; }
#goodPractice { width: 824px; height: 31px; background: url(images/goodPracticeH.png) no-repeat 0 0; margin-bottom: 20px; }
#moreHACCP { width: 824px; height: 31px; background: url(images/moreHACCPH.png) no-repeat 0 0; margin-bottom: 20px; }
#knockHACCP { width: 824px; height: 31px; background: url(images/knockHACCPH.png) no-repeat 0 0; margin-bottom: 20px; }
.nameHolder { display: block; margin: 0 !important; border: none !important; }

.primer { display: block; font-weight: bold; text-transform: uppercase; color: #888; margin: 0 0 15px 0; border-bottom: 1px solid #56710d !important;  }
.NB { background-color: #ecf7c2; width: 90%; border: 3px dotted #809631; margin: 2% 10px; padding: 3px 15px; color: #000; }
.NB h4 { text-transform: uppercase; margin-bottom: 3px !important;  }

/*################################################################### */


/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ SERVICE CONTENTS ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

#servicesMainH { width: 830px; height: 31px; background: url(images/servicesMainH.png) no-repeat 0 0; text-indent: -9999px;}
#tableContainer { margin: 40px 0 0 50%; position: relative; left: -363px; text-align: center; .position: static; .margin-left: 0; }
#tableContainer table { width: 726px; border-top: #57710d 1px solid; border-right: #627f0e 1px solid; border-bottom: none; border-left: #627f0e 1px solid; border-collapse: collapse; margin: 0 0 0 1px; font-size: 13px; color: #555; .margin-left: 0px; .width: 727px; }
#tableContainer table tr { height: 32px; }
.color { background-color: #f2f8e3; }
.tableDescr { width: 537px; }
.serviceDescr { padding-left: 40px; text-align: left; }
#tableStartDescr { width: 537px; border-right: #57710d 1px solid; background-color: #c2de61; }
#tableStartPrice { background-color: #d2ef6f; }
#tableStartDescr, #tableStartPrice { font-weight: bold; font-style: capitalize; }
#tableContainer h2 { width: 727px; height: 35px; padding: 10px 0 0 0; text-align: center; font-size: 13px; font-weight: 600; color: #fff; background-color: #839a33; no-repeat 0 0; border-radius: 10px 10px 0px 0px; }
#tableEnd { display: block; width: 727px; height: 11px; background: url(images/tableEnd.png) no-repeat 0 0; text-indent: -9999px; margin: 0 0 20px 0; }
#tableContainer p { width: 727px; margin: 10px 0 0 0; color: #57710d; text-align: left;  }
#tableContainer p em { font-weight: bold !important; font-style: normal !important; }
.#tableContainer table { margin-left: -1px; width: 727px; }
* html #tableContainer { margin: 40px 0 0 0; position: static; }
* html #tableContainer table { margin-left: -1px; width: 727px; }

/*########################################################################*/


/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ABOUT CONTENTS ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/

#aboutHeading { width: 420px; height: 36px; background: url(images/aboutMainH.png) no-repeat 0 0; text-indent: -9999px; margin: 0 0 10px 0;}

/*##################################################################*/


/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ CONTACTS FORM ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

.contactsBODY #mainContent { width: 832px; padding: 18px 38px 30px 38px; }
form { width: inherit;  border: none; }
* html form { margin-bottom: 100px; }
form * { border: #839933 1px solid; font-family: tahoma, sans-serif; outline: none !important; color: #57710d; }
input { width: 300px; height: 19px; padding: 1px 0 0 0; }
form label { display: block; border: none !important; color: #4e4e4e; margin: 10px 0 2px 0; }
form textarea { width: 300px; height: 140px; font-size: 13px; }
.formButtons { float: left; width: 100px; height: 22px; padding: 0 0 3px 0; .padding: 0; margin: 10px 16px 0 0; background-color: #839933; color: #fff; font-weight: 600; letter-spacing: 0.4px; position: relative; border: none; }
.formButtons:hover { cursor: pointer; color: #d2ef6f; }
.formButtons:active { top: 1px; left: 1px; }
#resetButton { margin-left: 0px; }
#resetButton:hover { /*color: #7F2D00;*/ color: #FFF15F; }

#redorHeading { height: 37px;  text-align: center;  }
#contactsHeading { width: inherit; height: 37px; border-bottom: 3px solid #a4a4a4;     text-align: center; border-radius: 4px; margin-bottom: 40px; }
.contactsBODY #leftMainContent ul li { font-size: 15px; font-weight: bold; font-variant: small-caps; text-transform: lowercase !important;  margin: 16px 0; }
.contactsBODY #leftMainContent ul li ul li { font-weight: 400; font-size: 16px; text-transform: lowercase !important; font-variant: normal; background: none !important; }
.contactsBODY #leftMainContent ul li ul li a { font-size: 16px !important; font-weight: 400 !important; }
#redorMAIL { padding: 0 !important;     margin-top: 15px; }
#redorMAIL span { display: block; float: left; background: url(images/letterICO.png) no-repeat 0 3px; width: 20px; }
.mobile { padding-left: 0 !important; }
.mobile  span { background: url(images/mobileICO.png) no-repeat 0 2px !important; font-weight: normal !important; padding-left: 20px; text-transform: lowercase !important; }

#msgOK { width: 300px; height: 30px; margin-top: 10px; background-color: #ecf7c2; border: 1px dotted #809631 !important; color: #809631; text-align: center; padding-top: 10px; font-variant: small-caps; text-transform: lowercase; font-weight: bold; letter-spacing: 0.3px; }  
#msgFAIL { width: 300px; height: 45px; margin-top: 10px; background-color: #fbf5b6; border: 1px dotted #e2a41d; color: red; text-align: center; padding-top: 10px; font-variant: small-caps; text-transform: lowercase; font-weight: bold; letter-spacing: 0.3px; }

/*#####################################################################*/


/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ DA COUNTER^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

#counterHide { display: none; }

/*#####################################################################*/


.Officialcontrol span {
    display: block;
    width: 360px;
    height: 70px;
    background: url(images/Officialcontrol.png) no-repeat 0 0;
    margin-top: 60px !important;
}