/* Stylesheet for Xa Trading */
body{font-family:verdana,helvetica,arial,sans-serif;font-size:12px;background-color:#CDCCCC;}
td{vertical-align:top;}
thead, th{font-weight:bold;color:#303030;font-size:11px;}

/* DIVS */
#shadow-top{margin:0px auto;height:36px;background-image:url('images.php?id=86');background-position:bottom center;background-repeat:no-repeat;}
#shadow-bottom{margin:-5px auto 0px;height:36px;background-image:url('images.php?id=87');background-position:top center;background-repeat:no-repeat;}
#wrapper{width:960px;margin:0px auto;text-align:left;padding:0 15px;background-color:#FFFFFF;
position:relative;background-image:url('images/xa_horizontal.gif');background-repeat:repeat-y;background-position:center top;}
#header{margin:-5px 0 10px;background-repeat:no-repeat;
background-position:top left;position:relative;}
#logo{float:left;width:200px;margin:20px 0 0 0;}
#MRI{float:right;width:750px;height:220px;margin:10px 10px 0 0px;background-color:#FFFFFF;text-align:center;}
#menu-container{float:right;width:750px;height:45px;margin:0px 10px 0 0;background-image:url("images.php?id=34");
background-repeat:no-repeat;}
#topmenus{width:750px;height:45px;text-align:center;text-transform:uppercase;}
#product-menu-container{width:700px;margin:-10px 0px 16px -10px; auto;background-image:url("images.php?id=36");
background-repeat:no-repeat;text-align:center;text-transform:uppercase;}
#telephone{position:absolute;top:258px;left:295px;width:170px;}
#telephone h1{font-size:18px;margin:0px 0px 0px 0px;font-weight:400;color:#FFFFFF;}
#telephone a{text-decoration:none;}

#content-top{clear:both;height:20px;background-image:url("images.php?id=27");
background-repeat:no-repeat;background-position:bottom center;}
#content-middle{height:100%;background-image:url("images.php?id=28");
background-repeat:repeat-y;background-position:bottom;}
div#content{position:relative;top:0px;left:200px;}
#content{width:680px;min-height:300px;padding:20px 30px 0px 30px;line-height:1.5;}
/* naming div#content loses double image in CMS.  background image specified */
body.content_cms{background-color:#FFFFFF;}
div#content, body.content_cms{background-image:url("images.php?id=35");
background-repeat:no-repeat;background-position:bottom left;}
#content-bottom{clear:both;height:30px;background-image:url("images.php?id=29");
background-repeat:no-repeat;}
#leftcolumncollage{width:220px;margin:-20px 0px 0px -230px;}

#image-right-200{float:right;clear:right;width:200px;margin:0 10px 20px 30px;}
#image-sourcing-brands{clear:right;float:right;width:200px;margin:0 0 20px 70px;}
#banner{clear:right;float:right;width:185px;height:179px;margin:0 10px 0 20px;
background-image:url("images.php?id=56");background-position:top left;background-repeat:no-repeat;padding:10px;}
#banner p{width:190px;margin:0px 0px 10px 0px;font-size:11px;color:#303030;line-height:normal;}
#banner h3{font-size:20px;color:#303030;}


#green-footer{width:100%;height:50px;background-image:url("images.php?id=12");
background-repeat:no-repeat;}
#green-footer-text{color:#FFFFFF;padding:4px 5px 0px 5px;font-size:12px;
text-align:center;line-height:20px;width:100%;height:100%;}
#green-footer-text a{color:#FFFFFF;text-decoration:none;}
.required, .required a{color:#FFFFFF;text-decoration:underline;}
.required a:hover{color:#FFFFFF;text-decoration:none;}
.share{position:relative;top:3px;left:0;}

/* page specific */
#home-flash{float:right;margin:15px 0px 0px 10px;border:1px solid #D0D7C7;} /* not 20 for the left-hand side */

/* Tables */
table.product{margin:25px 260 25px 30px;} /*4 column product table */
td.p1, th.p1{width:60px;color:#303030;}
td.p2, th.p2{width:90px;color:#303030;}
td.p3, th.p3{width:160px;text-align:right;color:#303030;}
td.p4, th.p4{width:50px;padding-left:15px;color:#303030;}

table.product-list{width:100%;margin-right:20px;width:450px;}
table.product-list td{color:#303030;vertical-align:top;font-size:11px;}
#content table td h3{margin-top:0px;}


table.home{width:460px;margin:10px 0px 0px 0px;}

/* TEXT */
p{font-size:12px;margin:3px 0px 10px 0px;color:#303030;line-height:1.5;}
p.contact{font-size:12px;margin:10px 0px 0px 0px;color:#303030;line-height:normal;}
h1{height:39px;font-size:25px;padding:0 0 0 40px;color:#303030;font-weight:400;
background:url("images.php?id=38") 0 4px no-repeat;margin-top:0px;}
h2{font-size:17px;margin:20px 0px 0px 0px;font-weight:400;color:#006600;}
#content h2 a{color:#006600;}
h3{font-size:12px;margin:15px 0px 0px 0px;font-weight:400;color:#303030;}
h4{font-size:12px;margin:0px 0px 0px 0px;font-weight:400;}
h5{font-size:11px;margin:0px 0px 0px 0px;font-weight:400;}
h6{font-size:10px;margin:0px 0px 0px 0px;font-weight:400;}
.quote{font-size:10px;}
.green{font-weight:bold;color:#628120;}

ul{margin:0 0 10px 25px;}

/* LINKS */
#content a{text-decoration:none !important;color:#0B2489;}
#content a:hover{text-decoration:underline !important;}
a:visited{text-decoration:none !important;}
a:active{text-decoration:none !important;}
#product-menu-container a{text-decoration:none;color:#FFFFFF;}
#product-menu-container a:hover{text-decoration:none;color:#FFFFFF;}
a img{border:0;}

/* FORMS */
form{margin:10px 0px 0px 0px;padding:10px 0 20px 0;} /* removes annoying line breaks before and after forms */
input{font-family:verdana,helvetica,arial,sans-serif;font-size:10px;border:1px solid #70882a;}
textarea{font-family:verdana,helvetica,arial,sans-serif;font-size:10px;border:1px solid #70882a;}
select{font-family:verdana,helvetica,arial,sans-serif;font-size:10px;border:1px solid #70882a;}
.form_field_name{float:left;margin-bottom:5px;text-align:right;font-weight:bold;color:#628120;padding-right:10px;}
.form_field{float:left;margin-left:2px;margin-bottom:5px;}


/* MENUS */
.menu_lvl1{display:inline-block;margin:0;font-size:14px;font-weight:bold;height:100%;}
.menu_lvl1 a{display:inline-block;color:#FFFFFF;text-decoration:none;height:33px;padding:0px 7px 0 7px;}
.menu_lvl1 a:hover{display:inline-block;color:#FFFFFF;background-color:#000000;
text-decoration:none;height:33px;padding:12px 7px 0 7px;}
.menu_lvl1_on{display:inline-block;margin:0;font-size:14px;font-weight:bold;height:100%;}
.menu_lvl1_on a{display:inline-block;color:#FFFFFF;background-color:#000000;
text-decoration:none;height:33px;padding:12px 7px 0 7px;}
.menu_lvl1_on a:hover{display:inline-block;color:#FFFFFF;text-decoration:none;}

.menu_lvl2{display:inline-block;margin:0;font-size:14px;font-weight:bold;height:45px;}
.menu_lvl2 a{display:inline-block;color:#FFFFFF;text-decoration:none;padding:0px 12px 0 12px;}
.menu_lvl2 a:hover{display:inline-block;color:#FFFFFF;background-color:#000000;
text-decoration:none;height:33px;padding:12px 12px 0 12px;}
.menu_lvl2_on{display:inline-block;margin:0;font-size:14px;font-weight:bold;height:100%;}
.menu_lvl2_on a{display:inline-block;color:#FFFFFF;background-color:#000000;
text-decoration:none;height:33px;padding:12px 12px 0 12px;}
.menu_lvl2_on a:hover{display:inline-block;color:#FFFFFF;text-decoration:none;}

.menu_lvl3{   margin-left:10px;margin-right:10px;margin-top:4px;background-color:#AAFFAA;font-size:12px;padding-left:10px;padding-right:10px;padding-top:2px;padding-bottom:2px;}
.menu_lvl3 a{color:white;}
.menu_lvl3_on{margin-left:10px;margin-right:10px;margin-top:4px;background-color:#AAAAAA;font-size:12px;padding-left:10px;padding-right:10px;padding-top:2px;padding-bottom:2px;font-weight:bold;}
.menu_lvl3_on a{color:white;}
.menu_lvl4{   margin-left:10px;margin-right:10px;margin-top:4px;background-color:#DDDD00;font-size:11px;padding-left:10px;padding-right:10px;padding-top:2px;padding-bottom:2px;}
.menu_lvl4 a{color:white;}
.menu_lvl4_on{margin-left:10px;margin-right:10px;margin-top:4px;background-color:#AAAAAA;font-size:11px;padding-left:10px;padding-right:10px;padding-top:2px;padding-bottom:2px;font-weight:bold;}
.menu_lvl4_on a{color:white;}
.menu_lvl5{   margin-left:10px;margin-right:10px;margin-top:4px;background-color:#AA00DD;font-size:10px;padding-left:10px;padding-right:10px;padding-top:2px;padding-bottom:2px;}
.menu_lvl5 a{color:white;}
.menu_lvl5_on{margin-left:10px;margin-right:10px;margin-top:4px;background-color:#AAAAAA;font-size:10px;padding-left:10px;padding-right:10px;padding-top:2px;padding-bottom:2px;font-weight:bold;}
/* definition for a specific menu id */
/* #menu_12{background-color:red;} */


/* PAGES Vertical */
div.page_lvl1{   margin-left:05px;margin-top:2px;margin-bottom:2px;}
div.page_lvl1 a{display:block;}
div.page_lvl1_on{margin-left:05px;margin-top:2px;margin-bottom:2px;}
div.page_lvl1_on a{display:block;font-weight:bold;}
div.page_lvl2{   margin-left:15px;margin-top:2px;margin-bottom:2px;}
div.page_lvl2 a{display:block;}
div.page_lvl2_on{margin-left:15px;margin-top:2px;margin-bottom:2px;}
div.page_lvl2_on a{display:block;font-weight:bold;}
div.page_lvl3{   margin-left:25px;margin-top:2px;margin-bottom:2px;}
div.page_lvl3 a{display:block;}
div.page_lvl3_on{margin-left:25px;margin-top:2px;margin-bottom:2px;}
div.page_lvl3_on a{display:block;font-weight:bold;}
div.page_lvl4{   margin-left:35px;margin-top:2px;margin-bottom:2px;}
div.page_lvl4 a{display:block;}
div.page_lvl4_on{margin-left:35px;margin-top:2px;margin-bottom:2px;}
div.page_lvl4_on a{display:block;font-weight:bold;}
div.page_lvl5{   margin-left:45px;margin-top:2px;margin-bottom:2px;}
div.page_lvl5 a{display:block;}
div.page_lvl5_on{margin-left:45px;margin-top:2px;margin-bottom:2px;}
div.page_lvl5_on a{display:block;font-weight:bold;}


/* PAGES Horizontal */
span.page_lvl1{display:inline-block;margin:0;font-size:14px;font-weight:bold;height:45px;}
span.page_lvl1 a{display:inline-block;color:#FFFFFF;text-decoration:none;padding:12px 12px 0 12px;
height:100%;}
span.page_lvl1 a:hover{display:inline-block;color:#FFFFFF;background-color:#000000;
text-decoration:none;height:33px;padding:12px 12px 0 12px;}
span.page_lvl1_on{display:inline-block;margin:0;font-size:14px;font-weight:bold;height:45px;}
span.page_lvl1_on a{display:inline-block;color:#FFFFFF;background-color:#000000;
text-decoration:none;height:33px;padding:12px 12px 0 12px;}
span.page_lvl1_on a:hover{display:inline-block;color:#FFFFFF;text-decoration:none;}

span.page_lvl2{display:inline-block;margin:0;font-size:14px;font-weight:bold;height:100%;}
span.page_lvl2 a{display:inline-block;color:#FFFFFF;text-decoration:none;padding:0px 12px 0 12px;}
span.page_lvl2{display:inline-block;color:#FFFFFF;background-color:#000000;
text-decoration:none;height:33px;padding:12px 12px 0 12px;}
span.page_lvl2_on{display:inline-block;margin:0;font-size:14px;font-weight:bold;height:100%;}
span.page_lvl2_on a{display:inline-block;color:#FFFFFF;background-color:#000000;
text-decoration:none;height:33px;padding:12px 12px 0 12px;}
span.page_lvl2_on a:hover{display:inline-block;color:#FFFFFF;text-decoration:none;}

span.page_lvl3{   ;}
span.page_lvl3 a{;}
span.page_lvl3_on{;}
span.page_lvl3_on a{;}
span.page_lvl4{   ;}
span.page_lvl4 a{;}
span.page_lvl4_on{;}
span.page_lvl4_on a{;}
span.page_lvl5{   ;}
span.page_lvl5 a{;}
span.page_lvl5_on{;}
span.page_lvl5_on a{;}

/* Modules */
.news_compact_item{font-size:11px;margin-bottom:10px;margin-left:10px;}
#content .news_compact_item a{text-decoration:none;}
.news_compact_date{color:#628120;float:left;width:70px;}
.news_compact_tagline{;}
.news_compact_short_desc{text-decoration:none;font-weight:normal;clear:both;}
.news_compact_short_desc a:link,.news_compact_short_desc a:visited,.news_compact_short_desc a:active,.news_compact_short_desc a:focus {text-decoration:none;}
.news_compact_short_desc a:hover {text-decoration:underline;}
.news_more{text-align:right;}
.news_date{color:#628120;font-size:14px;}
.news_item{line-height:1.5;margin-bottom:30px;}
.news_prev{float:left;text-align:left;}
.news_next{float:right;text-align:right;}
.news_all{text-align:center;}


/* CMS */
.error{color:#FF0000;}
.error_highlighted{background:#FFEEEE;}
.updated{font-size:10px;color:#BBBBBB;}
.all_ok{color:#008800;font-weight:bold;}
.cell_highlighted{background:#D0E0FF;}


/* freshSPRING (Do Not Alter) */
.fresh {color:#3366FF;}
.fresh_bgcolour{background-color:#3366FF;}
.fresh_logo{color:#FFCC66;}
.spring {color:#FF9900;}
.spring_bgcolour{background-color:#FF9900;}
.spring_logo{color:#99CCFF;}
.serving{color:#808080;}
.serving_light{color:#ADADAD;}
.hope{color:#009900;}


/*  stop divs from flowing out of boxes can use class="clearfix NEEDED_NAME" to use multiple classes on one object */
/*  obtained from http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {content: ".";display: block; height: 0px; clear: both; visibility: hidden; font-size:0px;}
.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block; font-size:0px;}
/* End hide from IE-mac */