body
{
    color: #000;
    font: normal normal 11px Verdana, Arial, sans-serif;
    background-color: #999999 

}

input
{
    background: #FFF;
    color: #000;
    font: normal normal 11px Verdana, Arial, sans-serif;
    border-right: 1px solid #999;
    border-left: 1px solid #999;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
}


textarea
{
    background: #FFF;
    color: #000;
    font: normal normal 11px Arial, sans-serif;
    border-right: 1px solid #999;
    border-left: 1px solid #999;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
}
select
{
    background: #FFF;
    color: #000;
    font: normal normal 11px Arial, sans-serif;
    border: 1px solid #999;
}

form
{
    background: #FFF;
    color: #42515E;
    font: normal normal 11px Arial, sans-serif;
    margin-left:auto;
    margin-right:auto;

}
		
h1    {
	width: 100%;
	color: #669900;
/*	background-attachment: fixed;
	background-image: url(../images/bullet.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 8px; */
	font:  normal bold 16px Arial, sans-serif;
	margin-bottom:9px;
}
h2
{
    color: #669900;
    font: normal bold 14px Verdana, Arial, sans-serif;
    border-bottom: 1px solid #669900;
    padding-bottom: 2px;
    width: 100%;
}
a
{
    color: #000;
    font: normal normal Verdana, Arial, sans-serif;
    text-decoration: underline;
    margin-bottom:2px;
}  

a:link
{
    color: #000;
    font: normal normal Verdana, Arial, sans-serif;
    text-decoration: underline;
    margin-bottom:2px;
}  
a:active
{
    color: #000;
    font: normal normal Verdana, Arial, sans-serif;
    text-decoration: underline;
}
a:visited
{
    color: #000;
    font: normal normal Verdana, Arial, sans-serif;
    text-decoration: underline;
}
a:hover
{
    color: #669900;
    font: normal normal Verdana, Arial, sans-serif;
    text-decoration: none;
}

.productbox      { background: #EFEFEF; color: #333; font: normal normal 11px/13px Verdana, Arial, sans-serif; 
	padding-left: 5px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px; 
	border: 1px solid #EFEFEF; }

.products  { background: #EEEEEE; color: #000; padding-top: 2px; padding-bottom: 2px; font: normal normal 11px/13px Verdana, Arial, sans-serif;}
.products a:link { color: #669900; text-decoration: underline; }  
.products a:active { color: #669900;text-decoration: underline; }  
.products a:visited { color: #669900; text-decoration: underline; }  
.products a:hover {	color: #000; text-decoration: none; }  
	
.textbox      { background: #F1F2F3; color: #333; font: normal normal 10px/14px Verdana, Arial, sans-serif; 
	padding-left: 10px; padding-right: 10px; padding-top: 8px; padding-bottom: 8px; 
	border: 1px solid #999;  }
.textboxheader { background: #607393; color: #FFF; 
	font: normal bold 11px/15px Verdana, Arial, sans-serif; 
	padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; }
	
HR { height:1px; width: 96%; background:#607393; margin: 0% 2% 0% 2%; }



/* FOOTER */

.footer { color: #FFF; font: normal normal 11px Verdana, Arial, sans-serif; line-height: 15px; text-align: center}
.footer a:link    { color: #ffffff; text-decoration: none;   }
.footer a:active  { color: #ffffff; text-decoration: none;   }
.footer a:visited { color: #ffffff; text-decoration: none;   }
.footer a:hover   { color:#e5e5e5; text-decoration: underline; font-weight:normal;    }	
.footer td.c1 {text-align:left;background-color:#333333;width:100%;color:#ffffff;padding-left:0px;}
.footer td.c2 {line-height:15px;}
table.c3 {background-color:#333333;line-height:12px;}

/* FOOTER */

	
.text {
	font-family: Arial;
	font-size: 14px;
	color: #000;
	padding:2px;
}
.text a:link {color: #000; font:normal normal  Verdana, Arial, sans-serif; text-decoration: underline; }  
.text a:active {color: #000; font:normal normal Verdana, Arial, sans-serif; text-decoration: underline; }  
.text a:visited {color: #000; font:normal normal  Verdana, Arial, sans-serif; text-decoration: underline; }  
.text a:hover {	color: #669900; font:normal normal Verdana, Arial, sans-serif; text-decoration: none; }  

p {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
}

.topmenu
{   
    font: normal normal 11px/20px Verdana, Arial, sans-serif;
    color: #fff;
}

.topmenu a:link
{
    color: #fff;
    font-weight: normal;
    height: 18px;
    text-decoration: none;
}

.topmenu a:active
{
    color: #fff;
    font-weight: normal;
    height: 18px;
    text-decoration: none;
}

.topmenu a:visited
{
    color: #fff;
    font-weight: normal;
    height: 18px;
    text-decoration: none;
}

.topmenu a:hover
{
 
    font-weight: normal;
    color: #fff;
    height: 20px;
    text-decoration: underline;
    width: 100%;
}

.sep { padding:2px;}

.job
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size:9px;
	padding-right:2px;

	
}

.productboxtop   
{ 
	background: #ffffff; color: #78B749; font-family:"Arial"; font-size:15px; font-weight:bold;
	padding-left: 0px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px; 
	border-top: 1px solid #ffffff; border-left: 1px solid #ffffff;  border-right: 1px solid #ffffff;border-bottom:#669900;  
}

.productboxtop a:link
{
    color: #78B749;
    text-decoration: underline;
}

.productboxtop a:active
{
    color: #78B749;
    text-decoration: underline;
}

.productboxtop a:visited
{
    color: #78B749;
    text-decoration: underline;
}
.productboxtop a:hover
{
    color: #78B749;
    text-decoration: underline;
}
.line
{
    color: #669900;
    border-top: 1px solid #669900;
    padding: none;
    width: 100%;
    margin: none;
}


/* new classes for showing detail*/
#product
{
	width:175px;	
}

.tabstyle2 {
	font-weight: normal;
	color: #55790f;
	font-size:large;
}
.tabstyle4 {
	font-weight: normal;
	
}
    .tabstyle3 {
	font-weight:bold;
	color: #55790f;
	font-size:large;
    }

.browsetab 
{
    padding-left:4px;
    padding-right:4px;
    padding-top:6px;
}


.style2 {
	font-family: "Century Gothic";
	font-size: large;
	color: #55790f;
	text-align: left;
}



a.tablink
{
color:#fff;
}
#tab .tab_active a.tablink:active
{
color:#000;
}
#tab .tab_active a.tablink:hover
{
color:#000;
}

#tab .tab_active {
 background-image:url(http://www.birminghamjobs4u.com/images/tab-green.gif);
 float:left;
 width:auto;height:30px;
}
#tab .tab_active_left {
 background-image:url(http://www.birminghamjobs4u.com/images/tab-green-left.gif);
 float:left;
  width:3px;height:30px;
}
#tab .tab_active_right {
 background-image:url(http://www.birminghamjobs4u.com/images/tab-green-right.gif);
 float:left;
  width:4px;height:30px;
}

.Contents {
 padding:12px 16px 16px 16px;
 background:#FFFFFF; 
 width: 450px;
 height:200px;
} 

#tab
{
padding-right:2px;
}
 #tab .tab_active a.tablink, #tab .tab_green a.tablink {
 position:relative;
 color: #fff;
 font-weight: bold;
 text-decoration: none;
 padding:8px 12px 0px 12px; /* Adjust left and right padding to adjust width of the tabs */
 display: block; /* Needed for Opera */
 float:left; /* Needed for IE, breaks Opera */

 height:30px; /* Needed for IE 5.x broken box */

 voice-family:"\"}\"";
 voice-family:inherit;
 height:22px; /* 30 - 8, for non-broken browsers */
 
}

li {
 float: left;
 width:49%;
 margin-left:0px;
 margin-top:1px;
 font-size:9pt;
 list-style-type: none;
 list-style-image: none;
}
.searchStyle3 {
	font-family: "Century Gothic";
	font-size: large;
	color:#55790f;
	text-align: left;
	min-width:230px;
}



.Hidden
{
    display:none;
}

.style6 {
	text-align: justify;
	font-family: "Century Gothic";
	font-size: 14px;
	margin-left:15px;
	margin-right:15px;
}

a.Search{
   background-image:url('http://www.birminghamjobs4u.com/images/search.png');
   width:108px;
   height:43px;
}
a.Search:hover
{
     background-image:url('http://www.birminghamjobs4u.com/images/search.png');
     background-position:0px 43px;
}

ul.menu, ul.menu ul 
{
  width:100%;
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 100%;
}

ul.menu a {
  display: block;
  text-decoration: none;	
}

ul.menu li {
  margin-top: 1px;
      width:100%;

}

ul.menu li a {
  background: gray;
  color: #fff;	
  padding: 0.5em;
  text-transform: uppercase;

}

ul.menu li a:hover {
  background: gray;
}

ul.menu li ul li a {
  background: #E6E6E6;
  color: #000;
  padding-left: 20px;
  text-transform:none;

}

ul.menu li ul li a:hover {
  background: LightGrey;
  border-left: 5px #000 solid;
  padding-left: 15px;

}