/* Appearance miraquel 20-07-2009 */ 
body {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

ul.slidingmenu, ul.slidingmenu ul {
  border: 1px solid #666;
  border-width: 4px 1px 1px 1px;
}

ul.slidingmenu li {
  background:  #0077B7; /* was efe */
  text-align: left; /* was center  */
  border-bottom: 1px dotted #999;
  margin-left: 2px; /* 2 new lines added  this and below */
  padding: 2px;
}

ul.slidingmenu a {
  color: #FFFFFF; /* was 666 */
  background:  #0077B7; /* was efe */
  text-decoration: none;
}

ul.slidingmenu a.subheader {
  background:  #0077B7; /* ded */
}

ul.slidingmenu a:hover {
  background:  #0077B7; /* cdc  */
  color: #FFFFFF;
  text-decoration: underline;
}

/* layout styles */

/* remove standard HTML list indenting, and display as normal blocks */
ul.slidingmenu,
ul.slidingmenu ul,
ul.slidingmenu li,
ul.slidingmenu a { 
  padding: 0;
  margin: 0;
  display: block;
}

/* use a fixed width for menu and submenus */
ul.slidingmenu,
ul.slidingmenu ul {
  width: 10em;
}

/* make li's into clean, moveable blocks */
ul.slidingmenu li {
  list-style-type: none; 
  position: relative;
}

/* Make list items do what they're supposed to in IE */
ul.slidingmenu a {
  width: 100%;
}

/* make sure any ul inside an li (a submenu) takes up zero normal flow */
ul.slidingmenu ul { 
  position: absolute;  
  top: -4px; /* the height of the top border */
  left: 100%; 
  display: none;
}


/* style sheet bromsgrove fresh flower co   */



body {
  margin: 0px; /*was 0 */
  padding: 0px;
  /* color: #000000;
  background-color: #FFFFFF; */
}

#top {
  margin: 0px;
  padding: 0px;
  background: #FFFFFF;
  height: 135px; 
  text-align: center;

}

/* This is the left hand column */
#left {
  position: absolute;
  left: 0px;
  top: 135px; /*was 130*/
  width: 150px; /* was 170  */
  background: #FFFFFF;
 /* background: url(images/Pattern1.gif) #FFFFFF repeat-y; */
/*  border-right: 1px solid #000000; 
 border-left: 1px solid #3333CC; */
  padding: 3px;
}

#leftnew {
  position: absolute;
  left: 0px;
  top: 130px; /*was 135*/
  width: 190px; /* was 170  */
  background: #FFFFFF;
 /* background: url(images/Pattern1.gif) #FFFFFF repeat-y; */
/*  border-right: 1px solid #000000; 
 border-left: 1px solid #3333CC; */
  padding: 3px;
}

/* This is the center column */
#center {
  margin-left: 175px;   /* was 165  */
  margin-right: 175px; /*was 200*/
  
  background: #FFFFFF;
  padding-right: 5px; /* was 5px */
  
}

/* This is the center column */
#centernew {
  margin-left: 195px;   /* was 165  */
  margin-right: 175px; /*was 200*/
  
  background: #FFFFFF;
  padding-right: 5px; /* was 5px */
  
}

/* This is the right hand navigation */
#right {
  position: absolute;
  right: 0px;
  top: 135px;
  width: 165px; /* was 150 */
  background: #FFFFFF;
  padding: 5px;
  text-align: left;
/*  border-left: 1px solid #3333CC; */
}

/* This is the right hand navigation */
#rightnew {
  position: absolute;
  right: 0px;
  top: 130px;
  width: 165px; /* was 150 */
  background: #FFFFFF;
  padding: 5px;
  text-align: left;
/*  border-left: 1px solid #3333CC; */
}

/* This is the footer part*/
#footer {
  background: #FFFFFF;
  margin: 0px;
  text-align: center;
/*  visibility: hidden; */
  padding: 3px;
 /* border-top: 1px solid #0077B7;  */
}

/* Removes default top margin from left/right column paragraphs in Mozilla */
div > p {
  margin-top: 0;
}


p,ul,ol {
	font: 80%/1.3em Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-top: 0;
	margin-top: 0;
}

h1 {
	background: #FFFFFF;
	color: #0077B7;
   font : bold  2em Verdana, Arial, Helvetica, geneva,sans-serif;
}
h1 {
	background: #FFFFFF;
	color: #0077B7;
   font : bold  2em Verdana, Arial, Helvetica, geneva,sans-serif;
}

h2 {
	color: #0077B7;
   font : bold 1.25em Verdana, Arial, Helvetica, geneva,sans-serif;
}

h3 {background: #FFFFFF;
	color: #004F4F;
  font : bold 1.35em Verdana, Helvetica, geneva,sans-serif;
}

h4  {background: #FFFFFF;
	color: #0077B7; 
	font: bold 80%/1.3em Verdana,Helvetica, geneva, sans-serif;
   margin-bottom: -2px;
}

h5 {
  background: #CC9900;
  font : 80%/1.3em Verdana, Helvetica, geneva,sans-serif;
  color: #FFFFFF;
	padding: 4px;
	width: 95%;
	font-weight: bold;
  }

h6 {
   background: #BBBBBB;
   color: #000000;
   font : 80%/1.3em Verdana, Helvetica, geneva,sans-serif; 
	padding: 4px;
	width: 50%;
	font-weight: bold;
}


#FAQs {
	border:1px solid #000000;
	border-collapse: collapse;
}

#FAQs tbody tr.even td {

		table-layout: fixed;
	   width: 95%; 
		border-collapse: collapse;
		border: 0px solid; 
       background-color: #3333CC;   
       color: #FFFFFF;
       font-size: .8em;
		 Vertical-align: top;
       font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    margin-left:   0px; 
	margin-right: 20px;
	
	padding: 5px; 
   text-align:left;

    }
    
 #FAQs tbody tr.odd  td {
		table-layout: fixed;
       width: 95%;
		border-collapse: collapse;
		border: 0px solid;
       background-color: #004F4F;
       color: #FFFFFF;
		 font-size: .85em; 
		 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
      vertical-align: top;
       margin-left:   0px;
	margin-right: 20px; 
	
	padding: 5px;
       text-align: left;
    } 
	
	
	 /*links in the right hand column White text which changes black*/

a.linkclass {text-decoration:none; color:#004F4F; font-weight:bold; }
a.linkclass:visited {text-decoration:none; color:#004F4F; font-weight:bold; }
a.linkclass:active {text-decoration:none; color:#004F4F; font-weight:bold; }
a.linkclass:hover {text-decoration:underline; color:#004F4F; font-weight:bold; }

a,a:visited,a:active {text-decoration: none;}

 
a.linkclass1,
a.linkclass1:visited {text-decoration:none; color:#004F4F; font-weight:bold; }
a.linkclass1:active {text-decoration:none; color:#004F4F; font-weight:bold; }
a.linkclass1:hover {text-decoration:underline; color:#004F4F; font-weight:bold; }

a,a:visited,a:active {text-decoration: none;}


a.linkclass2,
a.linkclass2:visited {text-decoration:none; color:#004F4F;  font-weight:bold; }
a.linkclass2:active {text-decoration:none; color:#004F4F; font-weight:bold; }
a.linkclass2:hover {text-decoration:underline; color:#004F4F; font-weight:bold; }

a,a:visited,a:active {text-decoration: none;}



.adboxr {
	padding: 2px 2px 2px 2px;
	margin: 0 0 10px 0;
	border-style: solid;
	border-color:  #3333CC;
	background-color: #FFFFFF;
	text-align: left;
}


#logo1 {
   position: relative;
	top: 120px;
	left: -40px; /* was -20 */
/*	width: 70px; */
	text-align: center;
}


#logo2 {
 position: relative;
	top: 145px; /* was 155 */
	/* text-align: center; */
 	left: 20px;  /* was -20 */
}

#logo2x {
 position: relative;
	top: 170px;  /* was 175  */
	/* text-align: center; */
 	left: 20px;   /* was -20 */
}
/*
#home  {list-style-type: none;
	}
	
#home li {
	float: left;
	margin-right: 6px;
	margin-bottom: 10px;
	font: bold 0.8em Verdana, Arial, Helvetica;
	color: #0000FF;
	}
	*/

#logo3 {
   position: absolute;
	top: 0px;
	left: 0px;
}

#logo4 {
   position: absolute;
	top: 0px;
	right: 0px;
}	

#logo5{
   position: relative;
	top: 10px;
/* 	right: 45%; */
}

#header-logo {
   position: absolute;
	left: 20px; 
}

#header-logo2 {
   position: absolute;
	left: 190px; 
}

.wrevb {
	background: #0077B7;
	color: #FFFFFF;
	font-family: Verdana;
	font-size:	 11px;
	font-weight: bold;
	padding:2px
}

ul.red {
list-style-image: url(images/blob4.gif);
}

.input1{
	background: #FF9900; 
	font: bold 80%/1.3em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	width: 100%;
	text-align: center;
}

.input2{
	background: #FF9900; 
	font: bold 80%/1.3em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	width: 100%;
}

.boxContent
   { /* position: absolute; */
	float: right;
	padding-left: 10px;
   top: 190px;
   left: 0px;
   border-right:1px solid #000000;
	 margin:0px;
   padding:4px;
   width:250px;
	background-color:#0077B7; 
	height:154px;
	overflow:auto;
	color: #FFFFFF;
}

.boxContentList
{list-style-type: none;
	margin:0px;
	padding:0px;
}

#boxContent li
{  margin:0px;
	display:block;
	width:224px;  
	padding:4px;
	font-size:0.7em;
}

#smallbox {
	   float: right;
		padding-top:  0px;
	   padding-left: 10px;
	   margin-right: 20px;
	   width: 150px;
		height: 200px;
	}
	
	#smallbox ul {
	margin-left: 10px;
	padding-left: 1px;
   list-style-type: square;
}
	
#smallbox li {
	font-weight: bold;
}
#content {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
}

#leftpic{
	position: absolute;
	top: 2px;
	right: 20px; 
}
h1.wb,h2.wb,h3.wb,h4.wb,h5.wb {
	background: #0077B7;
	color: #FFFFFF;
}

	 .centerdiv{ /*IE method of centering a relative div*/
text-align: center;
}

.centerdiv>div{ /*Proper way to center a relative div*/
margin: 0 auto;
}	

/* Horizontal navigation */
#nav {
  position: absolute;
  top:   103px; 
  left: 0px;
  margin: 0;
  padding: 0;
  background: #0077B7;
  list-style-type: none;
  width: 980px;    
  float: left; /* Contain floated list items */
  color: #000;
}
#nav li {
  margin: 0;
  padding: 0;
  float: left;
}
#nav a {
  float: left;
  width: 140px; /* was 140 */
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  line-height: 23px;  
/*  line-height: 2.5; */
  text-align: center;
 /* border-right: 1px solid #FFF; */
  background: url(/images/tabxm4.gif) no-repeat;
}
#nav #nav_con a {
  border: none;
}
#nav a:hover {
background-color: #4F4532;  
background-position: -140px 0; 
color: #000;


}
#body_hom #nav_hom a, 
#body_ser #nav_ser a,
#body_phi #nav_phi a,
#body_exp #nav_exp a, 
#body_con #nav_con a {
 background-color: #BEB06F;
 background-position: -280px 0; 
  font-weight: bold;
  color: #FFF;
}

#wrapper {
	position: relative;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px 0 0 0;
	border: solid;
	border-width: 1px;
	border-color: #0077b7;
}



/* left hand navigation in left column */
#leftnav {
  margin: 0;    
  padding: 0;
  background: #FFF;  
  list-style-type: none;
  width: 183px; /* was 190 */
  float: left; 
}
#leftnav li {
  margin: 0;  /* was 0 */
  padding: 0 0px; /* was 5 lines the navigation up against the left hand edge */
  float: left; /* This corrects the */
  width: 100%; /* IE whitespace bug */
}
#leftnav a {    
  display: block;  
  color: #FFF;
  text-decoration: none;
  padding: 1px 0 0 10px;  /* was 0 0 0 10  */
  line-height: 21px; /* was 2.5 24px */
/*  border-bottom: 1px solid #FFF;  */
  font-weight: bold;
/*   background: url(/images/taby10.gif) no-repeat;  */
 /* background: url(/images/taby5.gif) no-repeat;
   background-position: 0 0 0 4px;                  was 0 0 0 -4px 
  background-position: 0 -4px;   */
  
   background: url(/images/tabyya.gif) no-repeat;
}

/*
#leftnav #leftnav_con a {
  border: none;
}
*/

#leftnav a:hover {  
/*  background: yellow;  */ /* 4F4532  */
  color: #000;
/*  background-position: 0 -35px; was -37  */
  
  background: url(/images/tabyyb.gif) no-repeat;
}
/* This is the page we are on */
	 #body_web #leftnav_web a,
	 #body_eco #leftnav_eco a,
    #body_adw #leftnav_adw a,
    #body_new #leftnav_new a,
	 #body_mar #leftnav_mar a,
	 #body_seo #leftnav_seo a,
    #body_sal #leftnav_sal a
	{
    background: #FF9900; 
    color: #FFF;
    font-weight: bold;
	 background: url(/images/tabyyc.gif) no-repeat;
}


.captioned_photo {
	position: relative;
	float: left;
	display: block;
	margin: 0em 2.25em .5em 0;
	padding: 1em;
	border: 1px solid #0077B7;
/*	border-top-color: red;
	border-right-color: red;
	border-bottom-color: red;  */
	background: url(/images/bg.gif) bottom left repeat-x;
	line-height: 1em;
	}
.captioned_photo p {
	position: absolute;
	bottom: 2.25em;
	left: 1.375em;
	display: block;
	width: 400px; /* This needs to match the width of the image */
	margin: 0;
	padding: 0;
	background: url(/images/caption-black.png) top left repeat-y;
	font: .75em/1.25em Verdana, sans-serif;
	letter-spacing:.05em;
	color: #fff;
	}
.captioned_photo p span {
	display: block;
	padding: 1em;
	}
.captioned_photo img {
	margin: 0 0 -.0625em 0;
	padding: 0;
	}
	
.captioned_photo_r {
	position: relative;
	float: right;
	display: block;
	margin: .0em 0em .5em .5em;
	padding: 1em;
	border: 1px solid #0077B7;
/*	border-top-color: red;
	border-right-color: red;
	border-bottom-color: red;  */
	background: url(/images/bg.gif) bottom left repeat-x;
	line-height: 1em;
	}
.captioned_photo_r p {
	position: absolute;
	bottom: 2.25em;
	left: 1.375em;
	display: block;
	width: 400px; /* This needs to match the width of the image */
	margin: 0;
	padding: 0;
	background: url(/images/caption-black.png) top left repeat-y;
	font: .75em/1.25em Verdana, sans-serif;
	letter-spacing:.05em;
	color: #fff;
	}
.captioned_photo_r p span {
	display: block;
	padding: 1em;
	}
.captioned_photo_r img {
	margin: 0 0 -.0625em 0;
	padding: 0;
	}