/*Author: Darren Paul Azzopardi*/
/*20th August 2008*/
body{background-color:#0099CC;font-family:verdana;font-size:8pt;color:#000000;margin: 1em auto;text-align:left;}
html{height:100%;width:100%;}
h1{font-size:13px;color:#003399;text-align:right;margin-top:49px;font-weight:bold;z-index:99;position:relative;top:0px;left:70px;width:auto;border:0px solid #000;float:left;display:block;}
h2{color:#cc0000;font-size:12px;font-weight:normal;padding:0;margin:0;text-transform: uppercase;}
h3 {font-size:1.5em;padding-bottom:1em;color:#0170AB;}
p{line-height:10pt;}
strong {font-weight:bold;text-decoration:none;color:#FF6600;font-size:10pt;height:auto;width:auto;}

a:link {font-size:8pt;text-decoration: none;color:#003399;}
a:visited {font-size:8pt;text-decoration: none;color:#003399;}
a:hover {font-size:8pt;text-decoration: underline;color:#000000;}
a:active {font-size:8pt;text-decoration: none;color:#003399;}

#container{height:auto;width:981px;margin:1em auto;overflow:hidden;}
#wrapper{border:0px solid #000000;height:auto;width:979px;overflow:hidden;}

/*HEADER STYLING*/
#header{width:100%;height:110px;background-color:#FFFFFF;background-image:url(../images/header-curves.jpg);background-repeat:no-repeat;background-position:0 0;position:relative;overflow:hidden;}
#header ul{margin:0;padding:0;float:left;position:absolute;top:65px;left:775px;z-index:99;border:0px solid red;}
#header li{font-size:10pt;color:#003399;}
#header li a{font-size:10pt !important;}
#header h1, #homepage #container #wrapper #header h1{width:22em;text-align:right;position:relative;left:65px;border:0px solid red;}


/*EMAIL LINK*/
#header ul li a:link {font-size:10pt;text-decoration: none;color:#003399;}
#header ul li a:visited {font-size:10pt;text-decoration: none;color:#003399;}
#header ul li a:hover {font-size:10pt;text-decoration: underline;color:#000000;}
#header ul li a:active {font-size:10pt;text-decoration: none;color:#003399;}

#header .logo{float:left;margin-top:19px;height:80px;width:151px;}
#header .forheaderThermometer{overflow:hidden;float:left;position:relative;top:1px;left:100px;z-index:97;}
/*********************end of HEADER STYLING************************/

/*NAVIGATION CONTAINER STYLING*/
#topNav{width:100%;height:38px;background-color:#0072a5;background-image:url(../images/navBG.jpg);background-repeat:repeat-x;position:relative;top:0px;left:0px;margin:0;}
#topNav ul{margin:0;padding:0;float:right;margin-top:10px;margin-right:5px;}
#topNav li{display:inline;color:#FFFFFF;border-right:1px solid #FFF;padding:0 1em 0 1em;}
#topNav li#end_of_link {border:none;}

/*MAIN NAVIGATION*/
#topNav ul li a:link {font-size:8pt;text-decoration: none;color:#FFFFFF;}
#topNav ul li a:visited {font-size:8pt;text-decoration: none;color:#FFFFFF;}
#topNav ul li a:active {font-size:8pt;text-decoration: none;color:#FFFFFF;}
#topNav ul li a:hover {font-size:8pt;text-decoration: none;color:#000000;}
/*********************end of NAVIGATION CONTAINER STYLING************************/

/*HOLDS  IMAGES, TEXT,*/
#content{width:969px;padding:5px;background-color:#FFFFFF;height:auto;float:left;margin:0;position:relative;top:0px;left:0px;border:0px solid red;overflow:hidden;}
#content ul{padding:0;margin:0;}
#content li img{padding:0;margin:0;float:left;}

/*MR MEN*/
#mrMen {margin:0;padding:0;}
#mrMen li {border:0px solid red;height:auto;width:auto;padding:0;margin:0;text-align:center;}
#mrMen li ul {border-bottom:1px solid #bcbcbc;margin:19px 0 5px 0;padding:0;width:700px;height:auto;text-align:center;}
#mrMen li ul li {border:0px solid red;height:auto;width:auto;padding:3px;margin:20px;text-align:center;font-weight:bold;}
#mrMen li ul li div{clear:both;}
#mrMen li ul li img {height:auto;width:auto;margin:0;}
#mrMen li img {border:none;float:left;padding:0;margin:0;}
/*********************end************************/

/*FOOTER, styling and everything it contains*/

#footer{width:99.9%;height:43px;background-color:#FFFFFF;background-image:url(../images/footerBG.jpg);background-repeat:repeat-x;float:left;text-align:center;padding:0;padding-top:1em;}
#footer ul{margin-top:15px;padding:0;}
#footer li{display:inline;color:#000000;font-size:7pt;font-weight:bold;}
#footer a:link {font-size:x-small;text-decoration: none;color:#000000;font-weight:bold;}
#footer a:visited {font-size:x-small;text-decoration: none;color:#000000;font-weight:bold;}
#footer a:active {font-size:x-small;text-decoration: none;color:#000000;font-weight:bold;}
#footer a:hover {font-size:x-small;text-decoration: underline;color:#003399;font-weight:bold;}
/*********************end************************/

/*INDEX (home page) styling for that page only*/
#homepage #content {height:auto;overflow:hidden;}
#homepage #content ul li img{border:1px solid #99CC00;width:152px;height:122px;padding-bottom:4px;margin:0;float:left;}
#homepage #content ul {margin-left:16px;padding:0;float:left;border:0px solid red;width:550px;z-index:99;position:relative;top:0px;left:0px;}
#homepage #content li {display:block;padding:0;text-align:left;margin:10px;float:right;height:160px;width:185px;overflow:hidden;border:1px solid #99CC00;}

/*HOME PAGE PRODUCT LINKS*/
#homepage #content li a:link, #homepage #content li  a:visited, #homepage #content li  a:active  {
font-size:x-small;
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
line-height:2em;
width:144px;
text-align:center;
display:block;
float:left;
height:100%;
width:100%;
padding-top:14em;
background:url(../images/bg.jpg) 0 50% repeat-x;
overflow:hidden;
}
#homepage #content li  a:hover {
color:#000000;
}
#homepage #content ul li#foodCookingProducts{background:url(../images/food-cooking-bg.jpg) 0 0 no-repeat;}
#homepage #content ul li#foodPreparationProducts{background:url(../images/food-prep-bg.jpg) 30% 0 no-repeat;}
#homepage #content ul li#foodStorageProducts{background:url(../images/food-storage-bg.jpg) 0 0 no-repeat;}
#homepage #content ul li#foodPackagingProducts{background:url(../images/products/pizza-box-large.jpg) 30% 0 no-repeat;}

/*ISTOCK REF No.
http://www.istockphoto.com/file_thumbview_approve/2452647/2/istockphoto_2452647-hamburgers-on-barbeque.jpg
http://www.istockphoto.com/file_thumbview_approve/369203/2/istockphoto_369203-preparing-salad.jpg
http://www.istockphoto.com/file_thumbview_approve/2716903/2/istockphoto_2716903-refrigerator.jpg */
/*********************end of INDEX (home page) styling for that page only************************/
/*HOMEPAGE only*/
.textHolder{float:left;padding-top:16px;padding-left:12px;width:387px;border:0px solid red;margin:0;}
#homepage .textHolder img {float:right;margin-top:35px;margin-right:-20px;padding-right:20px;}
#homepage .textHolder p {padding-bottom:1em;margin:0;width:530px;}
#homepage .textHolder strong {font-weight:bold;text-decoration:none;color:#000000;font-size:1.9em;margin-bottom:0.5em;margin-top:-1.5em;float:left;}
#homepage #header h1 {width:22em;text-align:left;border:0px solid red;}
/*********************end of HOMEPAGE only************************/

/*FOR SUBSEQUENT PRODUCT PAGES*/
.textHolderB{padding:15px;margin:5px;padding-left:37px;height:auto;width:720px;border:0px solid #003399;float:left;border:0px solid red;}
.textHolderB p{line-height:12pt;padding-bottom:0px;width:630px;padding-bottom:0.9em;}
.textHolderB h2{font-weight:bold;font-size:17px;padding-bottom:1em;}
.textHolderB img {float:right;margin-top:35px;margin-right:-20px;}
.textHolderB li{display:inline;padding:0;border:0px solid #cc0000;margin:18px;height:auto;width:auto;display:block;float:left;}
.textHolderB em {color:#69615E;display:block;border:0px solid red;clear:left;padding:0.7em;font-style:normal;margin-left:-0.9em;}
.textHolderB ul{margin-top:4px;padding:0;float:left;border:0px solid red;width:100%;margin:0;text-align:center;position:relative;left:-17px;}
.textHolderB ul li span {float:left;clear:both;margin-left:120px;font-size:6.4pt;border:0px solid #ff0000;height:auto;width:auto;}
.textHolderB li img {height:auto;width:auto;border:0px solid red;position:relative;top:0;clear:both;} /*<----testing*/
.textHolderB p em{font-weight:bold;display:block;margin-top:0.2em;margin-bottom:0.2em;padding-left:1em;}

.textHolderB li a:link {font-weight:bold;display:block;height:auto;width:auto;margin:0;color:#FF;line-height:0.5em;padding:1.5em;}


/*for food-preparation.php, to align with rest of text*/
.marginMoved {margin-left:0.9em;}

ul#probesAvailabilty {padding:0;margin:0.5em;border:0px solid red;color:red;margin-left:1.5em;text-align:left;margin-top:-0.5em;}
ul#probesAvailabilty li{padding:0.5;margin:0.3em;border:0;color:#000;width:auto;display:block;float:none;}
ul#probesAvailabilty li em {font-size:1em;font-style:normal;border:0px solid red;width:12em;display:inline;}

ul#sterilisation {padding:0;margin:0em;margin-left:1.5em;text-align:left;margin-top:0;}
ul#sterilisation li{padding:0.5;margin:0;border:0;font-weight:bold;width:auto;}

/*found on hot indicators page*/
ul#IndicatorsAvailability{padding:0;margin:0.5em;border:0px solid red;margin-left:1.2em;text-align:left;margin-top:-3.3em;}
ul#IndicatorsAvailability li{padding:0.5;margin:0.3em;border:0;width:auto;display:block;float:none;}

ul#foodHygieneTips {padding:0;margin:0.5em;border:0px solid red;margin-left:1.2em;text-align:left;margin-top:-6.9em;padding-bottom:1em;}
ul#foodHygieneTips li {padding:0.5;margin:0.3em;border:0;width:55em;display:block;float:none;border:0px solid red;}
ul#foodHygieneTips li ul li {margin-left:3.7em;text-align:left;border:0px solid red;width:48em}

.subItems {border:5px solid black;width:52em;height:auto;padding:0;margin:0;}
.subItems li {margin:1em;padding:0;height:12em;width:18em;position:relative;left:0.5em;border:1px solid red;}
.subItems li a:link, .subItems li a:visited, .subItems li a:hover, .subItems li a:active{border:0px solid red;margin:0;padding:0;height:100%;width:100%;text-decoration:none;line-height:1.9em;
background:transparent url(http://www.talend.com/img/logos/RedSquare.gif) 0 580% repeat-x;color:#FFF;display:block;}

/*additional backgrounds food-cooking.php*/
#chickenProbe {background:url(../images/products/probe-in-chicken.jpg) 50% 45% no-repeat;}
#pizzaBox {background:url(../images/products/pizza-box.jpg) 44% 40% no-repeat;}
#microWave {background:url(../images/products/fresh-bake-original.jpg) 44% 60% no-repeat;}
#hotCabintIndicators {background:url(../images/products/hot-zone-card.jpg) 110% 70% no-repeat;}
#packaging {background:url(../images/products/fresh-bake.jpg) 50% 60% no-repeat;}
/*background-images for food-storage.php page*/ 
/*********************end************************/
#fridgeChillers {background:#000 url(../images/large-fan.jpg) 0 0 no-repeat;}
#chilledPackaging {background:#000 url(http://www.drinkpromo.com/large-image/coors-bottle-large.jpg) 55% 70%;}
#transit{background:#000 url(../images/products/Cadbury.jpg) 30% 0% no-repeat;}


/*background-images for food-packaging page*/ 
/*********************end************************/
#BakeIndicators {background:url(../images/products/hot-zone-card.jpg) 110% 70% no-repeat;}
#chilled_packaging {background:url(../images/products/fresh-bake.jpg) 50% 60% no-repeat;}
#microwave_labels {background:url(../images/products/fresh-bake-original.jpg) 44% 60% no-repeat;}
#pizza_box {background:url(../images/products/pizza-box.jpg) 44% 40% no-repeat;}
/*********************end************************/
/*********************end************************/
#package  .textHolderB p {line-height:12pt;padding-bottom:0px;width:630px;}
#package .textHolderB ul {position:relative;left:-18px;height:auto;width:auto;margin:0;padding:0;float:left;}
#package .textHolderB ul li img{border:0px solid red;margin:2px;}
#package .textHolderB ul li {width:auto;text-align:left;border:none;margin-right:10px;padding:0;height:auto;}
/*LINKS TO DOWNLOAD INFORMATION SHEET >> PACKAGE PAGE*/
#package .textHolderB ul li a:link {font-size:x-small;text-decoration: none;color:#000000;font-weight:bold;}
#package .textHolderB ul li a:visited {font-size:x-small;text-decoration: none;color:#000000;font-weight:bold;}
#package .textHolderB ul li a:active {font-size:x-small;text-decoration: none;color:#000000;font-weight:bold;}
#package .textHolderB ul li a:hover {font-size:x-small;text-decoration: underline;color:#003399;font-weight:bold;}

/*LEFT NAVIGATION CONTAINER AND STYLING*/
#leftNav{float:left;height:auto;width:auto;margin:19px 0 5px -5px;padding-bottom:15px;}
#leftNav ul {margin: 10px 0 10px 0;}


/*Products on chillers.php*/
/*********************start************************/
body#chiller_products ul#thermometer_products li,
body#chiller_products ul#indicator_products li,
body#chiller_products ul#coldzone_products li
{position:relative;}

body#chiller_products ul#coldzone_products li {padding:0.5em;margin:0;}

body#chiller_products ul#thermometer_products li span,
body#chiller_products ul#indicator_products li span,
body#chiller_products ul#coldzone_products li span
{border:0px solid red;position:absolute;left:-14em;width:100% !important;color:#A8A197;text-indent:-9999px;}


body#chiller_products ul li img.thermometer, body#chiller_products ul li img.chilled_indicator, body#chiller_products ul li img.coldzone {border:0px solid red;float:left;position:relative;padding:2.5em !important;margin:0 !important;}
body#chiller_products p {float:left;border:0px solid red;padding:1em;}
body#chiller_products p em {display:block !important;border:0px solid red;width:100%;padding:0 !important;margin-left:0;}
img.thermometer {margin-left:1em !important;}
/*********************end************************/


/*CONTACT FORM STYLING*/
#contactUs{font-size:12px;color:#999;margin:0;padding:0;}
#contactUs input {margin:0px;padding:0;}
#contactUs label {font-weight:bold;color:#660000;margin:4px;padding:0px;}
#contactUs legend {color:#000000;font-weight:normal;font-size:8pt;padding:6px;margin:0;}
#contactUs fieldset{border:1px solid #ccc;padding:9px 20px;width:85%;margin:8px;}
#customerComments{width:400px;}
#contactUs em {font-size:0.9em;display:inline;position:relative;left:11em;top:1.5em;}


/*PHP Contact form*/
.thankYou a:link {color:#0099CC;font-size:12pt;text-decoration:none;}
.thankYou a:visited {color:#0099CC;font-size:12pt;text-decoration:none;}
.thankYou a:active {color:#0099CC;font-size:12pt;text-decoration:none;}
.thankYou a:hover {color:#0099CC;font-size:12pt;text-decoration:underline;}

/*PHP contact form*/
.enquiry a:link {color:#0099CC;font-size:12pt;text-decoration:none;}
.enquiry a:visited {color:#0099CC;font-size:12pt;text-decoration:none;}
.enquiry a:active {color:#0099CC;font-size:12pt;text-decoration:none;}
.enquiry a:hover {color:#0099CC;font-size:12pt;text-decoration:underline;}

/*CONTACT FORM ERRORS*/
.Error{padding:3px;background-color:#FF0000;color:#FFFFFF;font-weight:normal;width:100px;font-size:8pt;}
/*********************end of CONTACT FORM STYLING************************/

/*PRESS RELEASE TABLE*/
table {border:0px solid red;border-collapse:collapse;width:90%;}
th {background-color:#B9CDCF;padding:5px;border-right:1px solid #FFFFFF;}
td {border:1px solid #A2B3B5;padding:5px;font-size:7pt;margin:0;width:39%;}

td a:link {color:#0099CC;font-size:8pt;text-decoration:none;}
td  a:visited {color:#0099CC;font-size:8pt;text-decoration:none;}
td  a:active {color:#0099CC;font-size:8pt;text-decoration:none;}
td  a:hover {color:#0099CC;font-size:8pt;text-decoration:underline;}
caption {text-align:left;padding:3px;}
table th em {font-size:7pt;font-style:normal;}
.pdf {font-size:7pt;}

.pdf a:link, .pdf  a:active, .pdf  a:visited {color:#0099CC;font-size:7pt;text-decoration:none;font-weight:bold;border-bottom:1px dashed #0099CC;}
.pdf  a:hover {color:red;border:none;}




/*Navigation*/
/****************************************************/
div.glossymenu strong {padding: 9px 7px 3px 7px;height:26px;
display:block;background:#006699 url(../images/product-range-right.jpg) 100% 100% no-repeat;color:#FFFFFF;font-size:12pt;margin-top:0px;margin-left:-5px;font-weight:normal;padding-left:0.9em;border:0px solid red;width:auto;font-family:verdana;}
.glossymenu{
margin: 5px 0;
padding: 0;
width: 16em; /*width of menu*/
border: 0px solid #9A9A9A;
border-bottom-width: 0;
padding-bottom:2em;
}

.glossymenu a.menuitem{
background-color: #FFF;
font: bolder normal Verdana;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: 13em;
padding: 2px 0;
padding-left: 10px;
text-decoration: none;
margin-top:1em;
color:#006699;
}
/*no longer in use*/
.custom:link, .custom:visited, .custom:hover, .custom:active,  .header:link, .header:visited, .header:hover, .header:active  {border:0px solid red;display:block;color:#FFFFFF;font-size:1.5em;margin-top:16px;margin-left:-0.2em;position:relative;top:0.5em;background-color:#cc0000;padding: 9px 7px 3px 7px;height:35px;
background-image:url(../images/package-right-edge.jpg);background-repeat:no-repeat;background-position:100% 100%;text-align:right;width:120px;color:#FFFFFF}



.listI{color:#FFFFFF;font-size:10pt;margin-top:16px;margin-left:15px;position:relative;top:22px;}
.listI li{background-color:#cc0000;padding: 9px 7px 3px 7px;height:35px;
background-image:url(../images/package-right-edge.jpg);background-repeat:no-repeat;background-position:100% 100%;text-align:right;width:120px;}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #069;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
text-decoration:underline;
color:#000;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
height:5.2em;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;

}

.glossymenu div.submenu ul li{
border-bottom: 0px solid blue;
font-weight:normal;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 1em Verdana;
color:#006699;
text-decoration: none;
padding: 2px 0;
padding-left:0;
margin-left:1em;
text-decoration:none;



}

.glossymenu div.submenu ul li a:hover{
text-decoration:underline;
color: #000;
}
.glossymenu .submenuheader{color:#006699;font-size:8pt;font-weight:bolder;font-family:verdana;}
.menuitem {font-weight:bold;}
/****************************************************/

/*user locaters*/
.chillers #OnFridgePage{background-color:#DDD;}
.chilledPackaging #OnChilledPage {background-color:#DDD;}
.transportation #OnInTransitPage{background-color:#DDD;}
.cookProbes #OnProbeSticksPage {background-color:#DDD;}
.cabinetIndicators #OnCabinetPage {background-color:#DDD;}
.packagingInd #OnPackagingPage {background-color:#DDD;}
.microwave #OnMicrowaveLabels {background-color:#DDD;}
.pizzaBoxes #OnPizzaBoxesPage {background-color:#DDD;}
.HotIndicators #OnIndicatorsPage {background-color:#DDD;}
.secondary_bakeInd #OnSecBakePage{background-color:#DDD;}
/****************************************************/

/*cooking probe page, realigning image DATE 26th of March 09*/
#cooking-probe-page .textHolderB img.probe{height:auto;width:auto;border:0px solid red;float:left;position:relative;top:-1.6em;}
#cooking-probe-page p {display:block;clear:left;}

/**********Cooking guide found on food-cooking.php (table)***********************/

table#cookingGuide {margin-top:3em;border-collapse:collapse;}
#cookingGuide .tableHeader {font-weight:bold;background-color:#DDD;border-collapse:collapse}
.TempGuide {background-color:#DDD;}
#cookingGuide tr{border-top:1px solid #CCC;}
#cookingGuide td {border:none;}
#cookingGuide tr:hover {background-color:#FFE77E;text-decoration:underline;}
#cookingGuide td .emptyTableRow {border:none;}
.rowStyle{background-color:#F3FFF9;}
#cookingGuide span {color:#69655E;display:block;font-weight:normal;margin-top:1em;}
#cookingGuide caption {font-weight:bold;margin-top:7em;}

/*external links*/
a[href^="http://"] {
background:transparent url(../images/Icon_External_Link.png) center right no-repeat;
display:inline-block;
padding-right:15px;
}


/*useful link*/
div.useful_links {margin-top:6em !important;border-top:1px solid #DDD;clear:left;padding:0.4em;float:left;width:100%;}
div.useful_links em {font-style:italic;color:#8F8F8F;display:inline;}
div.useful_links strong{display:block;}
div.useful_links  p {margin-top:0.5em;}