body {min-width:950px; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 25px; background-color: #80B0DB; background-image: url(../images/page_bg.gif); background-repeat: repeat-x}
body,td,th {font-family:Arial, Verdana, Helvetica, sans-serif; font-size:small; color:#000;}
h1 {font-size:24px; color:#111076; font-weight:bold; margin-top:-5px; margin-bottom:-20px;}
h2 {font-size:18px; color:#000; font-weight:bold;}
img {border:0}
img.centered {display: block; margin-left: auto; margin-right: auto}
#myhypermarket {width:100%; height:30px; background-color:#f7f7f7; border-bottom:solid 1px #111076}
.myhypermarket_container {height:20px; font-size:x-small; float:right; padding-right:35px; padding-top:10px}
.myhypermarket_container a:link{color:#111076; text-decoration:none}
.myhypermarket_container a:hover{color:#000; text-decoration:none}
.myhypermarket_container a:active{color:#111076; text-decoration:none}
.myhypermarket_container a:visited{color:#111076; text-decoration:none}
.myhypermarket_modal {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; color: #000000}
.myhypermarket_modal a:link{color:#111076; text-decoration:none}
.myhypermarket_modal a:hover{color:#000; text-decoration:none}
.myhypermarket_modal a:active{color:#111076; text-decoration:none}
.myhypermarket_modal a:visited{color:#111076; text-decoration:none}
#maincontainer {width:95%; margin: 0px auto -1px auto; background-color:#fff}
#topcontainer {width:100%; height:100px; z-index:100}
#toplogo {width:251px; float:left; padding-top:15px; padding-bottom:15px}
#toplinks {width:50%; float:right; padding-top:40px; text-align:right}
#container {padding-left:220px; padding-right:220px}
#container .column {position:relative; float: left; z-index:50}
#center {width:100%; background:url(../images/centrebg.jpg); background-repeat:repeat-x; background-color:#FFFFFF}
#content {min-height:600px; padding:10px}
#content a{color:#111076; text-decoration:none;}
#content a:hover{color:#80B0DB; text-decoration:underline;}
#content a:active{color:#111076; text-decoration:none;}
#content a:visited{color:#000; text-decoration:none;}
#content_topnotice_container {padding-left:10px; padding-right:10px; border:1px dashed #ff0000; margin-bottom:10px}
#content_topnav_container {padding-left:10px; padding-right:10px; border:1px solid #030270; margin-bottom:10px}
#content_callout_container {padding-left:10px; padding-right:10px; border:1px solid #030270; margin-bottom:10px}
#left_content {padding:10px; min-height:600px}
#right_content {padding:10px; min-height:600px}
#left {width: 220px; right: 220px; margin-left: -100%; background:url(../images/mainbg.jpg); background-repeat:repeat-x}
#right {width: 220px; margin-right: -220px; background:url(../images/mainbg.jpg); background-repeat:repeat-x}
#navbar_container {height:40px; padding-left:10px; padding-right:10px; font-size:x-small}
#navbar_container .column {position:relative; float: left; z-index:100}
#navbar_center {width: 100%; height:40px; background:url(../images/topmenu_bg.jpg); background-repeat:repeat-x}
#navbar_left {width: 10px; right: 10px; margin-left: -100%}
#navbar_right {width: 10px; margin-right: -10px}
.sidebox_container {width:190px; padding:5px; background-color:#f7f7f7; float:left}
.sidebox_container a{color:#111076; text-decoration:none; border-bottom:dashed 1px #111076}
.sidebox_container a:hover{color:#80B0DB; text-decoration:none; border-bottom:dashed 1px #80B0DB}
.sidebox_header {width:100%; height:35px; float:left; background:url(../images/sidebar_heading.gif)}
.sidebox_title {height:35px; padding-top:10px; padding-left:10px; float:left}
.sidebox_titles {font-size:x-small; font-weight:bold}
.sidebox_form_fields {width:175px; font-size:x-small}
.sidebox_form_fields_nowidth {font-size:x-small}
.news_title {font-size:x-small; font-weight:bold}
.news_main {font-size:x-small}
#footer {clear: both; background-color:#e1ebfb; padding:15px; text-align:center; font-size:x-small; color:#000; border-top:1px solid #ccc}
#footer a{color:#111076; text-decoration:none; border-bottom:dashed 1px #111076}
#footer a:hover{color:#80B0DB; text-decoration:none; border-bottom:dashed 1px #80B0DB}
.topaccountlinks {font-size:small}
.topaccountlinks a{color:#000; text-decoration:none}
.topaccountlinks a:hover{color:#80B0DB; text-decoration:none}
.topaccountlinks a:active{color:#000; text-decoration:none}
.topaccountlinks a:visited{color:#000; text-decoration:none}
.topaccountlinks_mail a{color:#ff0000; text-decoration:none}
.topaccountlinks_mail a:hover{color:#000; text-decoration:none}
.topaccountlinks_mail a:active{color:#ff0000; text-decoration:none}
.topaccountlinks_mail a:visited{color:#ff0000; text-decoration:none}
.pageheadline {font-size:large; font-weight:bold; text-transform:capitalize}
.pagesubheading {font-size:medium; font-weight:bold; text-transform:capitalize}
.pagesmallprint {font-size:x-small}
.case_proper {text-transform:capitalize}
.case_lower {text-transform:lowercase}
.case_upper {text-transform:uppercase}
#directory_logo_container {width:180px; height:85px; padding:15px; float:right}
.button_style {width:180px; height:85px; background:url(../images/button_bg.png); float:left; margin-right:20px; margin-bottom:20px; display: block; text-align:center}
.button_style_hover {width:180px; height:85px; background:url(../images/button_hover.png); float:left; margin-right:20px; margin-bottom:20px; display: block; text-align:center}
.new_line {clear:left}
.error {font-weight:bold; color:#FF0000}
.product_container {border:1px solid #e1ebfb; margin-bottom:20px}
#SponsorMarquee {height:85px}
#Sponsors a{text-decoration:none; border-bottom:none}
#Sponsors a:hover{text-decoration:none; border-bottom:none}
#Sponsors a:active{text-decoration:none; border-bottom:none}
#Sponsors a:visited{text-decoration:none; border-bottom:none}
#DirectoryMarquee {height:170px}
#Directory a{text-decoration:none; border-bottom:none}
#Directory a:hover{text-decoration:none; border-bottom:none}
#Directory a:active{text-decoration:none; border-bottom:none}
#Directory a:visited{text-decoration:none; border-bottom:none}
#ProductMarquee {height:85px}
#Products a{text-decoration:none; border-bottom:none}
#Products a:hover{text-decoration:none; border-bottom:none}
#Products a:active{text-decoration:none; border-bottom:none}
#Products a:visited{text-decoration:none; border-bottom:none}
.code {color:#00006B; font-family:Courier New, Courier, monospace; font-size:x-small}
#chartdiv {margin-bottom:10px}
.recruitment_logo {float:right;}
.directory_categories {float:left; width:50%;}
#error {border:1px solid #FF9999; padding:20px; background:#FFDFE0;}
#success {border:1px solid #A5BD71; padding:20px; background:#E4F1C9;}

/** Horizontal Menu **/

div#horiz-menu a {color:#000000}
div#horiz-menu li.active li a {color: #000000}
div#horiz-menu a:hover,
div#horiz-menu ul.nav li.sfHover a.topdaddy:link,
div#horiz-menu ul.nav li.sfHover a.topdaddy:visited {color:#000000}
div#horiz-menu li li a{color:#000000}
div#horiz-menu li:hover,
div#horiz-menu li.sfHover,
div#horiz-menu li.active:hover,
div#horiz-menu li.active.sfHover {background:url(../images/menu_down_right.png) 100% 0 no-repeat}
div#horiz-menu li:hover a,
div#horiz-menu li.sfHover a,
div#horiz-menu li.active:hover a,
div#horiz-menu li.active.sfHover a {background:url(../images/menu_down_left.png) 0 0 no-repeat;color:#000000}
#horiz-menu li.active,
#horiz-menu li.active_menu {background:url(../images/menu_up_right.png) 100% 0 no-repeat}
#horiz-menu li.active a,
#horiz-menu li.active_menu a {background:url(../images/menu_up_left.png) 0 0 no-repeat;color:#000000}
#horiz-menu li.active li.active,
#horiz-menu li.active li.active a {background:none}
.nav li li {background:#efefef;border-bottom:1px solid #9BBFE7;border-left:1px solid #9BBFE7;border-right:1px solid #9BBFE7}
.nav li li:hover,
.nav li li.sfHover,
#horiz-menu li:hover li:hover,
#horiz-menu li.sfHover li.sfHover,
#horiz-menu li.active li.active {background:#ffffff}
.nav li.sfHover,
.nav li:hover {background: url(../images/menu_down_right.png) 100% 0 no-repeat}
.nav li.sfHover a,
.nav li:hover a {background: url(../images/menu_down_left.png) 0 0 no-repeat}
div#horiz-menu ul {margin: 0;padding: 0}
div#horiz-menu li {margin: 0;padding: 0;padding-right: 2px;float: left;list-style: none}
div#horiz-menu a {display: block;float: left;padding: 0 15px;height: 40px;line-height: 40px;font-weight: bold;text-decoration: none}
form {border: 0;margin: 0;padding: 0}
div#horiz-menu {position: relative;z-index: 100}
div#horiz-menu .wrapper {position: relative}
#horiz-menu li li {margin: 0}
div#horiz-menu li li span,
div#horiz-menu li.active li span,
div#horiz-menu li:hover li span {background:none}
.nav {line-height:1.0;float:left;margin-bottom:1.5em;position: relative}
.nav ul {background:#efefef;padding: 0}
.nav li {float:left;list-style:none;position:relative}
.nav li li a {display:block;padding: .25em 0 .25em 2em;text-decoration:none;background-image: none;float:none;width:200px}
div#horiz-menu li li a {height: 40px;line-height: 40px}
div#horiz-menu li:hover li,
div#horiz-menu li.sfHover li,
div#horiz-menu li.active:hover li,
div#horiz-menu li.active.sfHover li {background-image: none}
div#horiz-menu li:hover li a,
div#horiz-menu li.sfHover li a,
div#horiz-menu li.active:hover li a,
div#horiz-menu li.active.sfHover li a {background-image: none}
.nav li ul {float:none;left:-999em;position:absolute;width: 200px;z-index: 100}
.nav li:hover ul,
.nav li.sfHover ul {left:1px;top: 40px}
.nav li:hover li ul,
.nav li.sfHover li ul,
.nav li li:hover li ul,
.nav li li.sfHover li ul,
.nav li li li:hover li ul,
.nav li li li.sfHover li ul {top:-999em}
.nav li li:hover ul,
.nav li li.sfHover ul,
.nav li li li:hover ul,
.nav li li li.sfHover ul,
.nav li li li li:hover ul,
.nav li li li li.sfHover ul {left: 200px;top:0px;width: 200px}
.nav li li {position: relative;float:none;width: 200px}

/** JS Tabs **/

.tabberlive .tabbertabhide {display:none;}
.tabberlive {margin-top:1em;}
ul.tabbernav{margin:0; padding:5px; border-bottom:1px solid #ccc;}
ul.tabbernav li{list-style: none;margin: 0;display: inline;}
ul.tabbernav li a{padding:5px; margin-left:3px; border:1px solid #ccc; border-bottom:none; background:#efefef; text-decoration:none;}
ul.tabbernav li a:link {color:#fff;}
ul.tabbernav li a:visited {color:#fff;}
ul.tabbernav li a:hover {color:#fff; background:#FFFFC0; border-color:#ccc;}
ul.tabbernav li.tabberactive a {background-color:#fff; border-bottom:1px solid #fff;}
ul.tabbernav li.tabberactive a:hover {color:#fff;}
.tabberlive .tabbertab {padding:10px; border:1px solid #ccc; border-top:none;}
.tabberlive .tabbertab h2 {display:none;}
.tabberlive .tabbertab h3 {display:none;}

/** Accordion Menu **/

.arrowlistmenu{width: 180px; margin: 0px auto -1px auto}
.arrowlistmenu .menuheader{font-size: x-small;color: #000; background:#bad0f5; margin-bottom: 10px; padding: 4px 0 4px 10px; cursor: hand; cursor: pointer}
.arrowlistmenu .openheader{background:#feec42}
.arrowlistmenu ul{list-style-type: none;margin: 0;padding: 0;margin-bottom: 8px}
.arrowlistmenu ul li{padding-bottom: 2px}
.arrowlistmenu ul li a{font-size: x-small;color: #000;background: url(../images/arrowbullet.png) no-repeat center left;display: block;padding: 2px 0;padding-left: 19px;text-decoration: none;border-bottom: 1px solid #efefef}
.arrowlistmenu ul li a:visited{color: #000}
.arrowlistmenu ul li a:hover{color: #000;background-color: #e1ebfb}

/** Tabular Data **/

.tablecontainer {width:100%; background-color:#BAD0F5}
.tableheader {width:100%; height:35px; float:left; background:url(../images/midbox_title.gif)}
.tableheader_left {width:15px; height:35px; float:left; background:url(../images/box_title_left.jpg)}
.tabletitle {height:35px; padding-top:10px; float:left}
.tableheader_right {width:15px; height:35px; float:right; background:url(../images/box_title_right.jpg)}
.table_title {font-weight:bold; color:#000; text-align:center; background-color:#BAD0F5}
.table_data_odd {background-color:#ffffcc}
.table_data_even {background-color:#fff}
.table_data_hover {background-color:#e1ebfb}
.table_data_centered {text-align:center}
.table_5 {width:5%}
.table_10 {width:10%}
.table_15 {width:15%}
.table_20 {width:20%}
.table_25 {width:25%}
.table_30 {width:30%}
.table_40 {width:40%}
.table_50 {width:50%}
.table_75 {width:75%}
.table_100 {width:100%}
.table_directory {width:180px; background:#fff}
.directory_table {background:#f7f7f7}
.directory_table_cells {background:#fff}
.tablefooter {width:100%; height:32px; float:left; background:url(../images/midbox_footer.gif)}
.tablefooter_left {width:15px; height:32px; float:left; background:url(../images/midbox_footer_left.gif)}
.tablefooter_text {height:32px; padding-top:7px; float:left; font-size:x-small}
.tablefooter_right {width:15px; height:32px; float:right; background:url(../images/midbox_footer_right.gif)}
.table_clear {clear: both}

/** Rounded Corners **/

.b1f, .b2f, .b3f, .b4f{font-size:1px; overflow:hidden; display:block;}
.b1f {height:1px; background:#f7f7f7; margin:0 5px;}
.b2f {height:1px; background:#f7f7f7; margin:0 3px;}
.b3f {height:1px; background:#f7f7f7; margin:0 2px;}
.b4f {height:2px; background:#f7f7f7; margin:0 1px;}

/** Modalbox **/

#MB_overlay {position: absolute;margin: auto;top: 0;left: 0;width: 100%; height: 100%;z-index: 9999;background-color: #000!important}
#MB_overlay[id] {position: fixed}
#MB_window {position: absolute;top: 0;border: 0 solid;text-align: left;z-index: 10000}
#MB_window[id] {position: fixed!important}
#MB_frame {position: relative;background-color: #EFEFEF;height: 100%}
#MB_header {margin: 0;padding: 0}
#MB_content {padding: 6px .75em;overflow: auto}
#MB_caption {font: bold 100% "Lucida Grande", Arial, sans-serif;text-shadow: #FFF 0 1px 0;padding: .5em 2em .5em .75em;margin: 0;text-align: left}
#MB_close {display: block;position: absolute;right: 5px;top: 4px;padding: 2px 3px;font-weight: bold;text-decoration: none;font-size: 13px}
#MB_close:hover {background: transparent}
#MB_loading {padding: 1.5em;text-indent: -10000px;background: transparent url(spinner.gif) 50% 0 no-repeat}
#MB_frame {padding-bottom: 7px;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px}
#MB_window {background-color: #EFEFEF;color: #000;-webkit-box-shadow: 0 8px 64px #000;-moz-box-shadow: 0 0 64px #000;box-shadow: 0 0 64px #000;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px}
#MB_content {border-top: 1px solid #F9F9F9}
#MB_header {background-color: #DDD;border-bottom: 1px solid #CCC}
#MB_caption {color: #000}
#MB_close {color: #777}
#MB_close:hover {color: #000}
.MB_alert {margin: 10px 0;text-align: center}

/** LiveValidation **/

.LV_validation_message{font-weight:bold;margin:0 0 0 5px}
.LV_valid {color:#00CC00}
.LV_invalid {color:#CC0000}
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {border: 1px solid #00CC00}
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {border: 1px solid #CC0000}

/** IE7 Fixes **/

#left {width: 220px; margin-left: -100%; left: 220px}
#container > #left {left: -220px; margin-left: expression(document.all.center.offsetWidth * -1)}
#fxTab {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='ie6_fix.png', sizingMethod='scale', enabled='true')}
img {behavior: url(iepngfix.htc)}
a#fxTrigger {position: relative;z-index: 300;cursor: pointer}
#fxShadow {background: none}
#the-footer {height: 1px;width: 98%}
*html .nav li li {margin-bottom:-3px}
*html .nav li li li {margin-bottom:-1px}
*+html .nav li li {margin-bottom:-3px}
*+html .nav li li li {margin-bottom:-1px}

/** Drop Shadows **/

#shadow-container {padding:10px; position:relative; left:3px; top:3px; margin-right:3px; margin-bottom:3px;}
#shadow-container .shadow2, #shadow-container .shadow3, #shadow-container .container {position:relative; left:-1px; top:-1px;}
#shadow-container .shadow1 {background:#F1F0F1;}
#shadow-container .shadow2 {background:#DBDADB;}
#shadow-container .shadow3 {background:#B8B6B8;}
#shadow-container .container {background:#fff; border:1px solid #848284; padding:10px;}