/* Start of CMSMS style sheet 'Accessibility and cross-browser tools' */
/* accessibility */

/* 
menu links accesskeys 
*/
span.accesskey {
   text-decoration:none;
}

/* 
accessibility divs are hidden by default 
text, screenreaders and such will show these 
*/
.accessibility, hr {
   position: absolute;
   top: -999em;
   left: -999em;
}

/* 
definition tags are also hidden 
these are also used for menu links    
*/
dfn {
   position: absolute;
   left: -1000px;
   top: -1000px;
   width: 0;
   height: 0;
   overflow: hidden;
   display: inline;
}
/* end accessibility */


/* wiki style external links */
/* external links will have "(external link)" text added, lets hide it */
a.external span {
  position: absolute;
  left: -5000px;
  width: 4000px;
}

/* make some room for the image */
a.external {
/* css shorthand rules, read: first top padding 0 then right padding 12px then bottom then right */
  padding: 0 12px 0 0;
}
/* colors for external links */
a.external:link {
  color: #18507C;
/* background image for the link to show wiki style arrow */
  background: url(images/cms/external.gif) no-repeat 100% 0;
}
a.external:visited {
  color: #18507C; /* a different color can be used for visited external links */

/* 
Set the last 0 to -100px to use that part of the external.gif image for different color for active links 
external.gif is actually 300px tall, we can use different positions of the image to simulate rollover image changes.
*/
  background: url(images/cms/external.gif) no-repeat 100% 0; 
}

a.external:hover {
  color: #18507C;
/* Set the last 0 to -200px to use that part of the external.gif image for different color on hover */
  background: url(images/cms/external.gif) no-repeat 100% 0; 
  background-color: #C3D4DF;
}
/* end wiki style external links */


/* clearing */
/* 
clearfix is a hack for divs that hold floated elements. it will force the holding div to span all the way down to last floated item.
We strongly recommend against using this as it is a hack and might not render correctly but it is included here for convenience.
Do not edit if you dont know what you are doing
*/
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	* html>body .clearfix {
		display: inline-block; 
		width: 100%;
	}
	
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}

/* end clearing */
/* End of 'Accessibility and cross-browser tools' */

/* Start of CMSMS style sheet 'eso_styles' */
/*
non-fixed bottom footer

*/

/*HTML SETUP*******************************************************************/
html {
    

}

body{
	margin: 0px;
	padding:0px;
	font-family:  Arial, Helvetica, Verdana, sans-serif;
	background-image:url(images/eso/bg_square.gif);
	background-repeat:repeat;
	line-height: 1.1em;
	overflow: -moz-scrollbars-vertical;
	height:100%;
	width:100%;
}

img{
	margin:0px;
	padding:0px;
	border:0px;
}

.clearb{
	clear:both;
	height:1px;
}



/*END HTML SETUP*******************************************************************/

/*START LAYOUT ELEMENTS************************************************************/
#centeredcontentmain{
	position:relative;
	width: 995px;
	margin-right: auto;
    margin-left: auto;
	background-color:white;		
	min-height: 100%;
	
}
#centeredcontentmain .content{
	padding-right:10px;
	padding-left:10px;
	padding-bottom:10px;
}



#eso_footer{
	width:975px; 
	background-color:#e6e6e6; 
	height:78px; 	
	color:#666;
	background-image:url(images/eso/footer_bg.gif);
	background-repeat:repeat-x;
	font-size:11px;
}
#eso_footer .content{
	padding:10px;
	padding-top:25px;
}

#eso_footer #footer_logo{
	float:left;
	padding-right:10px;
}

#eso_footer .content_text{
	font-weight:bold;
	left:67px;
	width:270px;
}
#eso_footer .horizontal_list{
	width:585px;
}
#eso_footer .horizontal_list li.first_item{
	background:none;
	padding-left:0px;
}
#friday_link{
	float:right;
	font-weight:lighter;
	font-family:Arial, Helvetica, sans-serif;
}
#friday_link a{
	text-docoration:none;
	
}
#friday_link a:hover{
	color:#FE000C;	
	text-decoration:underline;
}


#eso_footer .horizontal_list li{
	background-image:url(images/eso/list_divider.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
	padding-left:10px;
	padding-right:5px;
}


#eso_footer a{
	color:#666;
	text-decoration:none;
}

#eso_footer a:hover{

	text-decoration:underline;		
}

#eso_logo{
}

#flash_banner{
	height:210px;
}

#eso_header .content_sect1{
	background-image:url(images/eso/grey_banner_slice.gif);
	background-repeat:repeat-x;
	background-color:#dadedf;
	width:100%;
	position:relative;
}

#sub_nav{
	position:absolute;
	right:0px;
	bottom:0px;
	width:600px;
	text-align:right;
	font-size:13px;

	padding-bottom:10px;			
}
#sub_nav ul{
	margin:0px;
	padding:0px;
	padding-right:15px;
}
#sub_nav ul li
{  	
	display: inline;
    margin-left: 10px;
	background-image:url(images/eso/arrow_drk_green.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
	padding-left: 13px;
}
#sub_nav a{
	text-decoration:none;
	color:#666;
}
#sub_nav a:hover{
	text-decoration:underline;
}
#sub_nav .but_img_bg a{
	color:#666;
	text-decoration:none;
}
#log_display{

	font-weight:bold;
	color:#ffffff;
	background-color:#87b18d;
	font-size:11px;
	text-align:right;
	padding: 3px 15px 1px 0px;	
	position:relative; 
	line-height:1.3em; 
	
}
#greeting{
	background-image:url(images/eso/white_person.gif);
	background-position:0px 0px;
	padding-left:15px;
	background-repeat:no-repeat;
}

#log_display a{
	font-weight:normal;
	color:#ffffff;
	text-decoration:underline;
}
#log_display a:hover{
	text-decoration:none;
}

#divider_header_white{	
	height:10px;
	width:220px;
	border-bottom:1px solid #cbcbcb;
	clear:both;
	font-size:0px;
	line-height:0px;
}

#divider_header{
	background-image:url(images/eso/header_divider.gif);
	background-repeat:repeat-x;
	height:10px;
	width:975px;
	clear:both;
	font-size:0px;
}


#divider_mid_small{
	background-image:url(images/eso/divider_mid.gif);
	background-repeat:repeat-x;
	height:12px;
	width:220px;
	clear:both;
}


#divider_mid{
	background-image:url(images/eso/divider_mid.gif);
	background-repeat:repeat-x;
	height:12px;
	width:975px;
	clear:both;
}


#mem_reg_group{
	width:220px;
	background-image:url(images/eso/bg_left_col.gif);
	background-repeat:repeat-x;
	font-size:10px;
	float:left;
}


#mem_reg_group .content{
	padding:10px;
}
#mem_reg_group .content h3{
	padding-bottom:10px;
}

#reg_heading{
	/*
	background-image:url(images/eso/register.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;	
	padding-left:25px;
	*/
	padding-bottom:10px;
	
} 
#mem_heading{
	/*
	background-image:url(images/eso/members.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;	
	padding-left:25px;
	*/
	padding-bottom:10px;
}


#left_col{
	position:relative;
	float:left;
	width:230px;
	
}

#right_col{	
	float:left;
	width:745px;
	padding-left:9px;
}
#sub_menu{
	font-size:10px;
	padding:5px 0px 5px 0px;
	margin:0px;
	margin-bottom:10px;
	border-bottom:1px dashed #ccc;	
}
#sub_menu .horizontal_list{
	float:right;
}

#sub_menu .horizontal_list li{
	background-image:url(images/eso/list_divider.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
	padding-left:30px;
	padding-right:5px;
	position:relative;
		
}
#sub_menu .horizontal_list li.first_item{
	background:none;
}

#sub_menu img{
	padding-right:3px;
	position:absolute;
	top:0px;
	left:10px;	
}



#sub_menu a{
	color:#3e8b9f;
}
#sub_menu a:hover{
	color:#3e8b9f;
}
#sub_menu a:visited{
	color:#3e8b9f;

}

#sub_menu img{
	text-decoration:none;
}


#sub_menu .active, #sub_menu strong{
	font-weight:bold;
	color:#3e8b9f;
}


#blue_box_wide{
	background-image:url(images/eso/blue_strip_wide_bg.gif);
	background-color:#3E85A1;
	background-repeat:repeat-y;
	font-size:10px;
	width:745px;
	min-height:65px;
	color:#ffffff;
}

#blue_box_wide img{
	float:left;
}
#blue_box_wide img{
	float:left;
}
#blue_box_wide .outer{
	height:65px; padding-left:10px; float:left; width:50%;
}
#blue_box_wide h1{
line-height:20px;
}


#content_box_wide{
	margin-top:10px;
}
#content_box_wide .content{	
	color:#49646f;
	font-size:11px;	
}


#content_box{
	float:left;
	width:49%;
	margin-top:5px;
}
#content_box .content{
	color:#49646f;
	padding:10px;
	font-size:11px;
}

#search_box{
	float:left;
	background-image:url(images/eso/tab_corner.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	background-color:#B3CFDA;
	width:50%;
}
#search_box .content{
	padding:12px;
	font-size:10px;	
}
#search_table td{
	
}
th{
	text-align:right;
	font-weight:normal;
	font-size:11px;
	color:#333;
	
}



.blue_box{
	min-height:132px;
	position:relative;
	width:746px;
	color:#fff;
	background-image:url(images/eso/blue_strip_bg2.gif);
	background-repeat:repeat-y;
	float:left;
	font-size:12px;
	border-bottom: 1px solid #80afbf;
	background-color:#3E85A1;
}
.blue_box.narrrow{
	width:372px;
	background-image:url(images/eso/blue_strip_bg3.gif);	
	border-right: 1px solid #80afbf;
	border-bottom: 1px solid #80afbf;	
}




.blue_box.narrrow.right{
	border-right:0px;	
} 

.blue_box.narrrow.top{
	min-height:145px;
}

.blue_box.narrrow.bottom{
	min-height:132px;

}


.blue_box.narrrow .blurb{

	font-size:11px;
	padding-top:5px;
	display:block;
	line-height:12px;
	font-weight:bold;
}


.blue_box .left_col{
	position:relative;
	float:left;
	width:195px;
	z-index:1000;
}
.blue_box.narrrow .left_col{
	width:190px;
}


.blue_box .middle_col{
	position:relative;
	float:left;
	width:390px;

}
.blue_box.narrrow .middle_col{
	width:150px;
}



/*
must specify #right_col div 
otherwise it will inherit from centeredcontentmain .content
must specify .blue_box .middle_col .content becuase within the wysiwyg there is not #right_col present
*/
#centeredcontentmain .blue_box .middle_col .content{
	padding:10px;
	padding-top:20px;
	padding-left:120px;
	padding-right:0px;
	line-height:2.0em;
}

#centeredcontentmain .blue_box.narrrow .middle_col .content{
	padding:0px;
	padding-top:90px;
	margin:0px;
	text-align:right;
}


#centeredcontentmain .blue_box .right_col{
	position:relative;
	padding-right:5px;
	padding-bottom:15px;	
	float:right;
	width:136px;
	font-size:11px;
}
#centeredcontentmain .blue_box .right_col .content{
	padding:17px 0px 0px 25px;
	
	/*will inherit from #centeredcontentmain .content
	but the above is used for wysiwyg
	*/
}
#centeredcontentmain .blue_box .right_col .content p{
	padding-top:3px;
	line-height:1.75em;
}

#centeredcontentmain .blue_box .left_col .content{
	padding:10px;
	/*will inherit from #centeredcontentmain .content. top 
	but the above is used for wysiwyg
	*/
	padding-top:20px;
	z-index:1000;
}
.blue_box .left_col .sub_text{
	padding-bottom:6px;

	font-size:11px;

}

.blue_box .left_col h1{
	padding-bottom:6px;
}

.homepage h1 {
color:#244662;
font-size:18px;
}

#lady_bg{
	position:absolute;
	left:120px;
	bottom:0px;
	z-index:1;
	background-image:url(images/eso/lady.png);
	background-repeat:no-repeat;
	display:block;
	height:100px;
	width:100px;
}
/*
#binoculars{
	position:absolute;
	left:161px;
	top:22px;
	z-index:1;
	background-image:url(images/eso/binoculars.png);
	background-repeat:no-repeat;
	display:block;
	height:74px;
	width:126px;
}
*/
#binoculars{
	position:absolute;
	left:160px;
	top:0px;
	z-index:1;
	background-image:url(images/eso/binoculars2.gif);
	background-repeat:no-repeat;
	display:block;
	width:127px;
	height:118px;	
}
/*
#speaker{
	position:absolute;
	left:161px;
	top:0px;
	z-index:1;
	background-image:url(images/eso/speaker.png);
	background-repeat:no-repeat;
	display:block;
	height:126px;
	width:126px;
}
*/
#speaker{
	position:absolute;
	left:158px;
	top:0px;
	z-index:1;
	background-image:url(images/eso/speaker2.gif);
	background-repeat:no-repeat;
	display:block;
	width:129px;
	height:119px;
	
}





.divider_line{
	margin-top:10px;
	margin-bottom:10px;
	padding:0px;
	border-bottom:1px solid #d2d2d2;
	width:100%;
	line-height:0px;
}

ul{
margin-top:0px;
padding-top:0px;
}

ul.horizontal_list{
	margin:0px;	
	padding:0px;
}
ul.horizontal_list li{
	display:inline;	
}


ul.pretty_list, .pretty_list ul{
list-style:none;
}



.pretty_list li{
    margin-left: 10px;
	background-image:url(images/eso/arrow_drk_green.gif);
	background-repeat:no-repeat;
	background-position:0px 0.40em;
	padding-left: 13px;
}

#srch_eng_list.pretty_list li{
	margin-left: 0px;
}
#srch_eng_list{
	margin-left: 0px;
	padding-left: 0px;
}
.noleftmargin li{
	margin-left: 0px;
	display:block;
}



/*END LAYOUT ELEMENTS************************************************************/


/*START FONT ELEMENTS************************************************************/

/*
by putting the font size (.75em) in the imediately outer div (usually content) 
we are enabling the default size of text to be .75em
because p tags font size are not set explicitly they will default to .75 
(eg. .75 of 1).
All other fonts h1, h2, h3, h4. will be .75 of the below sizes
DEFAULT FONT SIZE SHOULD BE SPECIFIED IN THE IMMEDIATELY OUTER DIV CONTAINER!
*/



h1, h2, h3, h4, h5, h6{
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;	
}

.blue_box h1, #blue_box_wide h1, .blue_bg h1,
.blue_box h2, #blue_box_wide h2, .blue_bg h2,
.blue_box h5, #blue_box_wide h5, .blue_bg h5,
.blue_box p, .blue_box a, .blue_box a:hover
{
	color:#fff;
}
h1{
	font-size:30px;
	text-transform:uppercase;
	color:#73a31b;
}

#blue_box_wide h1{
	font-size:20px;
}


h2{
	font-size:18px;
	color:#73a31b;	
}


h3{	
	font-size:17px;
	color:#244662;	
}

h4{
	font-size:12px;
	color:#28495a;
}

h5{
	font-size:18px;
	font-weight:lighter;
	margin:0px;
	color:#73a31b;
	font-weight:bold;
}
p{
	margin:0px;
	padding-bottom:.8em;
	padding-top:0px;
        color:#333;
}

ul{
        color:#333;
}

.small_text{
	font-size:.6em;
}

/*END FONT ELEMENTS************************************************************/


/*START HYPERLINK ELEMENTS*******************************************************/

a{
	color:#73a31b;
	text-decoration:underline;		
}

a:hover{
	color:#73a31b;

	text-decoration:none;
}


/*END HYPERLINK ELEMENTS*******************************************************/




/*START WYSIWYG ELEMENTS*******************************************************/
/*All elements here will be viewable in the wysiwyg they should be copied into
the wysiwyg editor of the cms. If you wish to see images in the wysiwyg you 
must change the image refrence to one director back from admin ..\images etc
This change must only be made in the pasted wysiwyg styles. Styles must appear 
here and in the main css document.
Please note that all styles must also be in lower case.
*/

.green{
	color:#73a31b;
	
	
}

/*
form bg B3CFDA
*/
.red{
	color:#be0509;
}
.blue{
	color:#244662;
	/*0C3663 B3CFDA 718B9F*/
}
.nounderline{
text-decoration:none;
}

.blue_bg{
	background-color:#718B9F;
}


/*
DO NOT CHANGE THE COLOR FOR THESE STYLES. (bodytextsmall, bodytextlarge, bodytextreg) 
YOU SHOULD ONLY CHANGE THE SIZE AND FAMILY. COLOR SHOULD BE IMPLEMENTED WITHIN THE ACTUAL
DIV THE STYLE IS BEING USED
*/
.bodytextsmall{
	font-size:9px;
	color:#000;	
}
.bodytextlarge{
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	color:#68596f;
}
.bodytextreg{
	font-size:11px;
	font-weight:lighter;
	color:#333;
	
	
	
	
}




/*
*******************************************************************************************************/

.two_col_group_div{
	background-image:url(images/eso/dashed_divider.gif);
	background-position:300px 0px;
	background-repeat:repeat-y;	
	min-height:100px;
	width:100%;
	position:relative;
}

#supplier_contact_details th{
	text-align:left;
	vertical-align:top;	
}

#supplier_contact_details{

	float:left;
}

#supplier_images
{
	float: left;
}

#supplier_documents
{
	float: left;
}

.quote{
	float:left;
	width:320px;

}




.quote blockquote{
	margin:0px 0px 0px 0px;
	padding:0px;
	text-align:left;
	font-weight:bold;
	font-size:10px;
	font-style:italic;
	padding-right:10px;	
}
.quote .author{
	padding-top:10px;
	font-weight:normal;
	font-size:10px;
	font-style:normal;
	padding-right:9px;
}





.ratings_table{
	width:380px;
	float:right;
	padding-right:15px;

}


.ratings_table th{
	text-align:center;
	background-color:#B3CFDA;

}
.ratings_table td{
	text-align:center;

}
.ratings_table blockquote{
		margin:0px;
		text-align:left;
		font-weight:bold;
		font-size:12px;
}

.ratings_table blockquote .author{

	text-align:left;
}

blockquote{
	margin:15px 60px 15px 0px;
	text-align:center;
	font-weight:bold;
	font-size:12px;
	font-style:italic;	
}







.author{
	padding-top:10px;
	font-weight:normal;
	font-size:10px;
	font-style:normal;
	text-align:right; 
	padding-right:100px;
}




#avg_rating th{
	background-color:#718B9F;
	color:#fff;
	padding:0px 5px 0px 5px;
	font-weight:bold;
	text-align:center;
}
#avg_rating td{
	text-align:center;
	padding:0px 5px 0px 5px;
}

#add_rating_fs textarea{
	width:100%;
}


.pdf{
	background-image:url(images/eso/acrobat_pdf.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	padding-left:25px;
	padding-top:5px;
	padding-bottom:3px;
}



#search_box .divider_line{
	margin-top:2px;
	margin-bottom:2px;
	padding:0px;
	border-bottom:1px solid #718B9F;	
}

#supplier_documents th{
	text-align:center;
	background-color:#B3CFDA;

}
#supplier_documents td{

}


/*
TODO POST FIX TABLE ON THE END OF TABLE STYLES
*/

/* End of 'eso_styles' */