/* ------------------------------MAIN------------------------------ */
 
body {background-color: #FFFFFF; margin: 0; background-image: url(images/back.jpg); background-repeat: repeat-x; background-position: top;}
p {font-family: Arial, Verdana, Tahoma; color: #000000; font-size: 8pt;}
a {text-decoration: none; color:#FFFFFF;}
a:hover {text-decoration: underline;}
body, a, td, div, span {font-family: Arial,Verdana,Tahoma; font-size: 8pt;}

#container {width: 780px; margin: 0 auto; text-align: center;}
#container .middlePart { text-align: left; }
#container .middlePart h2 { margin: 10px 0; line-height: 120%; }
#container .middlePart p { line-height: 120%; }
strong { font-weight: bold; }


/* ------------------------------HEADER------------------------------ */
 
#header {width: 780px; height: 130px; margin: 0 auto; background-color: #355658; text-align: center; background-image: url(images/header.jpg); background-position: top; background-repeat: no-repeat;}
.topnav {background-color: #355658; margin: 0 auto; text-align: center; width: 780px; height: 25px;}
.topnav ul {font-family: Arial, Verdana, Tahoma; color: #FFF; font-size: 12px; list-style: none;  margin: 0 0 0 4px; padding: 0px;}
.topnav ul li { display: block; height: 20px; width: 86px; padding: 5px 0 0; background-color: #538080; margin: 0 3px 0 0; float: left; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.topnav ul li:hover {background-color: #FFF; color: #538080;}
.topnav ul li a {color: inherit; display: block; width: 86px; line-height: 16px;}
.topnav ul li a:hover {text-decoration: none;}
.topnav ul li.home {color: inherit; display: block; width: 60px; height: 20px;}
.topnav ul li.home:hover {background-color: #FFF; color: #538080;}
.topnav ul li.home a {color: inherit; display: block; width: 60px; line-height: 16px;}
.topnav ul li.home a:hover {text-decoration: none;}
.bluebar {width: 780px; height: 5px; background-color: #33a4c5; clear: both;margin: 0 auto; text-align: center; margin-bottom: 10px;}

/* ------------------------------SLIDER------------------------------ */

.homeslider {width: 500px; height: 355px; float: left; margin-right: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden;}

/* ------------------------------HOME SEARCH------------------------------ */

.homesearch {padding: 20px; width: 230px; height: 315px; float: left; background-color: #32a4c5; background-image: url(images/homesearchback.jpg); background-repeat: no-repeat; background-position: top right; text-align: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.homesearch h2 {font-family: Arial, Verdana, Tahoma; color: #FFF; font-size: 20px; margin-bottom: 10px;}
.homesearch p {font-family: Arial, Verdana, Tahoma; color: #FFF; font-size: 12px; margin-bottom: 10px;}
.homesearch label {font-family: Arial, Verdana, Tahoma; color: #FFF; font-size: 10px; display: block; margin-bottom: 5px;}
.homesearch select {width: 225px; margin-bottom: 10px;}
.homesearch input.inputtext{width: 215px; height: 25px; padding: 0 5px 0 5px; margin-bottom: 5px; border: solid 1px #017192; font-size: 11px; color: #33a4c5; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; line-height: 24px;}

.homesearchleft {float: left; width: 100px; font-family: Arial, Verdana, Tahoma;color: #FFF; font-size: 12px; margin-right: 20px;}
.homesearchleft input {float: left; clear: both;}
.homesearchleft label {float: right; padding-top: 4px; width: 70px; *padding-top: 5px; font-size: 11px;}
.homesearchleft label.biggerlabel {float: left; margin-bottom: 5px;}

.homesearchright {float: left; width: 100px; font-family: Arial, Verdana, Tahoma;color: #FFF; font-size: 12px;}
.homesearchright input {float: left; clear: both;}
.homesearchright label {float: right; padding-top: 4px; width: 70px; *padding-top: 5px; font-size: 11px;}
.homesearchright label.biggerlabel {float: left; margin-bottom: 5px;}

.homesearch .biggerlabel {font-size: 12px; margin-bottom: 10px;}
.searchbreak {width: 230px; clear: both; height: 15px;}
.submitbutton {display:inline-block; background: #48C8F4; border: 1px solid #FFFFFF; clear: both; color: #FFFFFF; font-size: 12px; height: 30px; text-align: center; width: 140px; padding: 2px 40px 6px; margin-left:45px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer;}

/* ------------------------------BRAND STRIP------------------------------ */
 
.brandstrip {clear: both; float: left; margin-top: 10px; margin-bottom: 20px;}

/* ------------------------------HOME CONTENT------------------------------ */
 
.homeleft {width: 500px; float: left; text-align: left; margin-right: 10px;}
.homeleft h2 {font-family: Arial, Verdana, Tahoma; color: #33a4c5; font-size: 20px; margin-bottom: 10px;}
.homeleft p {font-family: Arial, Verdana, Tahoma; color: #000; font-size: 12px; line-height: 16px; margin-bottom: 10px;}
.homeleft p.left {width: 150px; float: left; font-family: Arial, Verdana, Tahoma; color: #000; font-size: 12px; line-height: 16px; margin-bottom: 10px; margin-right: 50px;}
.homeleft p.left span {color: #33a4c5; margin-bottom: 20px; font-size: 12px;}
.homeleft p.right {width: 150px; float: left; font-family: Arial, Verdana, Tahoma; color: #000; font-size: 12px; line-height: 16px; margin-bottom: 10px;}
.homeleft p.right span {color: #33a4c5; margin-bottom: 20px; font-size: 12px;}

.homenews {width: 270px; margin-bottom: 20px; padding-bottom: 15px; float: left; background-color: #5bb62c; background-image: url(images/homenewsback.jpg); background-repeat: no-repeat; background-position: top right; text-align: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}.homenews h2 {padding: 20px 20px 0 20px; font-family: Arial, Verdana, Tahoma; color: #FFF; font-size: 20px; margin-bottom: 20px;}
.homenews .article p {padding: 0 20px 0 20px; font-family: Arial, Verdana, Tahoma; color: #FFF; font-size: 12px; line-height: 16px;}
.homenews .article p.title {color: #d4e991; font-size: 14px; font-weight: bold;}
.homenews .article p.date {color: #355759; font-size: 12px;}
.homenews .breaker {width: 270px; height: 1px; background-color: #FFF; margin-top: 10px; margin-bottom: 10px;}
.homenews .article a { font-size: 12px; }
.homenews .article a:hover { font-size: 12px; text-decoration: none }
.homenews .readMore { font-style: italic; text-decoration: underline; }

/* ------------------------------FOOTER------------------------------ */
 
.footercontainer {width: 100%; background-color: #eaf5f9; clear: both; height: 180px;}
.footercontainer .footer {width: 780px; height: 180px; margin: 0 auto; text-align: center;}
.footercontainer .footer .links {width: 780px; height: 40px; margin: 0 auto; text-align: center; padding-top: 25px;}
.footercontainer .footer .links ul {font-family: Arial, Verdana, Tahoma; font-size: 12px; font-weight: bold; padding: 0px; list-style: none; margin: 0px;}
.footercontainer .footer .links ul li {height: 20px; float: left; margin-right: 30px;}
.footercontainer .footer .links ul li a {color: #355658; display: block; height: 25px;}
.footercontainer .footer .links ul li a:hover {text-decoration: none; color: #32a4c5;}
.footercontainer .footer .links ul li a.active {color: #32a4c5; display: block; height: 25px;}

.footercontainer .footer .logo {float: left;}
 
/*
 * Additional CSS
 * Developer rick@piercecommunications.co.uk
 */
 
 .clear { clear:both; }
 .login_wrapper{ width:258px; background: url(images/body-bg.png) repeat-x scroll center top #A8BFC0; float: left; padding: 7px 48px 37px; margin-bottom: 27px; }
 .login_container{ width: 219px; background: #91AAAC; padding: 20px 20px; }
 .login_container .loginFieldInput { width:120px; margin: 0 0 10px 0; padding: 0px 5px; }
 .login_container label{ clear: both; width: 80px; display: inline-block; }
 .login_wrapper h2, .page_wrapper h2 , .about_section h2 { color: #FFFFFF; font-size: 8pt; font-weight: bold; text-indent: 20px; background: url(images/arrow.gif) no-repeat; }
 .left_rule { border-left: 1px solid #235258; }
 .right_rule { border-right: 1px solid #AFC8CA; }
 .login_container .submit_button { float: right; }
 .login_links { clear:both; padding-top: 20px; }
 .form_error{ display:none; background:#123E41; color:#FFFFFF; font-weight: bold; margin: 0 0 10px; padding: 5px 8px; }
 .register_wrapper{ width:612px; background: url(images/body-bg.png) repeat-x scroll center top #A8BFC0; float: left; padding: 20px 48px 20px; margin-bottom: 27px; }
 .register_submit{ float: right; }
 .show_div{ display: block; }
 .inputtext{ width:270px; }
 .floatRight{ margin-right: 10px; float:right; }
 
 .left_element { border-right: 1px solid #235258; width:334px; padding: 0 17px 20px 3px; float: left; margin-bottom:27px; }
 .right_element{ border-left: 1px solid #AFC8CA; width:334px; padding: 0 0 20px 17px; float: left; }
 
 .home_form_left { float: left; width: 157px; padding: 10px 10px 10px 0 }
 .home_form_right { float: right; width: 157px; padding: 10px 0 10px 10px; }
 .home_form_right label, .home_form_left label { margin: 0 0 2px 0; display: block; }
 .home_form_right input, .home_form_left input, .home_form_right select, .home_form_left select { margin: 0 0 15px 0; display: block; }
 .home_form_right .submit_button { margin: 30px 0 0 0; float: right; }
 .left_element h2 { margin-bottom: 20px; }
 
 .about_section { border: 1px solid #334546 ; background: #A8BFC0; padding: 10px 20px 20px; margin-bottom: 10px;}
 .about_section img { float: left; }
 .about_right { float: left; width: 447px; margin-left: 20px; }
 .about_right p{ margin: 0 0 10px; }
 .about_section .readMore, .search_section .readMore { clear: both; display: block; float: right; }
 .about_right li { list-style: disc; margin: 10px 0 10px 15px; font-size: 11px; }
 
 .search_header_footer { background:#456769; padding: 3px 10px 2px; margin: 0 0 10px; }
 .search_header_footer .left{ float: left; padding: 1px 0 0 0; }
 .search_header_footer .right{ float: right; }
 .search_header_footer a { text-decoration: none; font-weight: bold; }
 .search_section { border: 1px solid #334546 ; background: #A8BFC0; padding: 10px 20px 20px; margin-bottom: 10px; }
 .search_section:hover { background: #97B1B3; }
 .page_linking { text-align:right; margin-bottom:10px; }
 .center_width { width: 360px; margin:0 auto; padding-bottom: 10px; }
 input.form_check { display: inline; margin: 5px 0 0 0; }
 
 .odd { width: 82px; clear:both; float: left; }
 .even { width: 75px; float:right; }
 .form_gap { clear: both; margin-bottom:15px; }

/*
 * Old CSS
 */

.middlePart { background: transparent url(images/body-bg.png) repeat-x top center; background-color:#A8BFC0; margin-bottom: 20px; }
.bottomPart { border-top: 1px solid #38585A;	}

.tmPlace{ padding: 0 2px 0 0; }

.tmItemInact, .tmItemAct { background: transparent url(images/tmi_bkg.gif) repeat-x top center; color: #FFFFFF; font-weight:bold; padding:7px 7px 3px 7px; min-width:53px; text-align: center; font-size:8pt; margin-left:2px; display:block; }
.tmItemAct { background: transparent url(images/atmi_bkg.gif) repeat-x top center; }

.arrowAction{ color: #FFFFFF;font-weight:bold; font-size:11px; margin-top:7px; height:20px; margin-left:15px; }
.AAFacilityDiv { width:142px; border:1px solid #A8BFC0; padding:2px; }
.bmItem { color:#365759; font-size:8pt; padding: 0 3px; }
.bottomInfo, .bottomInfo * { padding-top:8px; color:#999999; font-size:8pt; }
.changeBkgDiv { width:14px; height:14px; border: 1px solid #A8BEBF; display:block; }
.supListAction { color: #404040; text-decoration: underline; }

.sfFTitle, .sfTitle { font-size:9pt; font-weight:bold; color: #151515; background-color: inherit; }
.sfFTitle { text-align: right;}
.sfTitle { text-align: center; }
.sfErrors { color: #E21B2B; text-align:center; }
.sfFldTitleCont { width: 25%; text-align: right; padding-right: 5px; }
.sfInputpassword, .sfTextarea, .sfInputtext, .sfInputfile {border: 1px solid #365759; }
.sfInputfile, .sfCombobox, .sfInputtext { font-size:9pt; width:100%; }
.sfTextarea { width:100%; font-size:9pt; }

.formLink, .sfSubmit { margin-top:5px; border: 1px solid #FFFFFF; background-color: #A4BBBC; color: #000000; font-weight: bold; font-size: 8pt; cursor: pointer; }
.formLink { padding:1px 8px 0px; }
.formLink:hover { text-decoration: none; }
.error { color: #FF0000; }

.breadtrail { color: #FFFFFF; font-size: 10pt; font-weight:bold;}
.breadtrail:hover { text-decoration: none; }
div.breadtrail { color: #FFFFFF; padding-right:10px; text-decoration: none; font-weight:normal; }
.pageName { font-size:9pt; font-weight:bold; padding: 5px 0 10px 5px; color:#000101; }
.backText { font-weight: bold; color : #FFFFFF; font-size: 8pt; }

.personName, .fPartnerName { font-weight: bold; font-size: 9pt; color:#000000; }
.personEmail *, .personEmail, .fPartnerEmail *, .fPartnerEmail { font-weight: bold; color:#000000; }
.personPosition { color: #000000; font-size: 8pt; }

.greenTitlePnl1, .greenTitlePnl2 { font-size: 9pt;color: #FFFFFF;background-color:#334546;font-weight:bold;margin:3px;padding:3px; }
.greenTitlePnl2{background-color:#456769;}	

.archiveYear{font-size:8pt;color:#000000;font-weight:bold;}
.newsListDate, .newsListHeading { font-size:9pt;color:#010101;font-weight:bold; }
.newsListDate { font-style: Italic; }
.emptyMonth { font-size:8pt;font-weight:bold;color: #8FA1B0; }
.archiveMonth { font-size:8pt; color:#000000; font-weight:bold; }

.whiteBtnText{ background-color:#46686A;color:#FFFFFF;font-size:8pt; font-weight:bold;	padding-left:5px;padding-right:5px; }

.photoPlace{width: 180px;height: 100px;text-align:center;float:left;	margin-bottom:20px;}
.horLine{background:url(images/hor_line_bkg.gif) repeat-x top;}
.smallDarkTitle, .linkName{font-weight:bold;font-size:9pt;color:#030303;}

.smallWhiteTitle {color: #FFFFFF;font-weight:bold;	padding-top:7px;padding-bottom:5px;font-size:8pt;margin-left:2px;display:block;}
.whiteTitle { color: #FFFFFF; font-weight:bold; font-size:10pt; }
.loginFieldTitle{white-space : nowrap;padding: 5px;}
.loginFieldInput{border: 1px solid #365759;font-size:9pt;width:167;height:21px;}
.noMargin{margin:0px;}
.loginFrmLink{color:#000000;font-weight:bold;text-decoration:underline;}

.hpSearchFieldTitle{white-space : nowrap;padding-left: 5px;padding-bottom: 0px;}
.hpSearchFieldInput{border: 1px solid #365759;font-size:9pt;width:100%;}
.hpSearchFrmLink{color:#000000;font-weight:bold;text-decoration:underline;}

.aSearchFieldTitle,
.aSearchFieldText{padding: 5px;}
.aSearchFieldTitle{white-space : nowrap;}
.aSearchFieldInput{border: 1px solid #365759;font-size:9pt;width:100%;}

.profilePropTitle, .profilePropValue{color:#000000;background-color:#FFFFFF;padding:3px 0 0 5px;}
.profilePropTitle{width:125px;font-weight:bold;white-space : nowrap;}
.profileEmail{color: #4088FF;font-weight:bold;}
.nonActivePgNum{color: #000000; font-weight:bold;	}

.supBanner{border: 1 solid #415357;}
#supplier-menu{width:96%;height:20px;padding:5px 2%;margin:0 0 20px 0;background-color: #123E41;}
#supplier-menu li{font-weight:bold;list-style-type:none;float:left;padding-right:10px;height:20px;line-height:20px;}

.login-name{text-transform:uppercase;}

.row1{background-color: #d5e3e4;}
.row2{background-color: #ffffff;}
.row1 td a, .row2 td a{color: #666666;font-weight: bold;text-decoration: none;}
.row1 td a:hover, .row2 td a:hover{text-decoration: underline;}

/*
 * Carousel CSS
 */

.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	border-radius: 5px;
    background: #FFF;
    border: 1px solid #e3e3e3;
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 710px;
    padding: 20px 35px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  710px;
    height: 75px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    height: 75px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 32px;
    height: 115px;
    cursor: pointer;
    background: #355658 url(images/brandstrip/next.jpg) no-repeat;
	background-position: center;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(images/brandstrip/next.jpg);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 32px;
    height: 115px;
    cursor: pointer;
	line-height: 115px;
    background: #355658 url(images/brandstrip/previous.jpg) no-repeat center center;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleftt: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

/* Winter Fancy Food */
.winter{background:#fff; padding:10px;}
.winter p, .winter li, .winter li a{font-size:12px; padding:5px 0; line-height:20px;}
.winter a{color:#336099; font-weight:bold;}
#winter-list{ list-style:none; padding:0 10px;}
#winter-list li{};