<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
a { text-decoration: none; }
a:link {text-decoration: none; color: black;}
a:visited {text-decoration: none; color: black;}
a:active {text-decoration: none; color: black;}
a:hover {text-decoration: none; color: black;}

.mainbody{
/* background: url("images/fade.jpg");  
background-attachment: fixed; 
background-repeat: repeat; 
background-position: top; */
}

#popup {
font: bold 10px Arial, Verdana, sans-serif;
background:#ffffff;
border:0px solid #999999;
margin:0px;
padding:0px;
width:270px;
}

.ubercolortabs{
padding: 0;
width: 100%;
overflow: hidden;
background: transparent;
}

.ubercolortabs ul{
font: bold 12px Arial, Verdana, sans-serif;
margin: 0;
padding: 0;
list-style: none;
}

.ubercolortabs li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform: uppercase;
}


.ubercolortabs a{
float: left;
color: black;
background: #FFFFFF url(images/roundleft.gif) no-repeat left top; /*default background color of tabs, left corner image*/
margin: 0 2px 0 0;
padding: 0 0 1px 3px;
text-decoration: none;
letter-spacing: 1px;
}

.ubercolortabs a span{
float: left;
display: block;
background: transparent url(images/roundright.gif) no-repeat right top; /*right corner image*/
padding: 7px 9px 3px 6px;
cursor: pointer;
}

.ubercolortabs a span{
float: none;
}


.ubercolortabs a:hover, .ubercolortabs li.selected a{
background-color: #9bcd5c; /*background color of tabs onMouseover*/
color: white;
}

.ubercolortabs a:hover span{
background-color: transparent;
}


.ubercolordivider{ /*CSS for horizontal line.*/
clear: both;
font-variant: small-caps;
font: bold 22px Arial, Verdana, sans-serif;
color: white;
padding: 10;
width: 100%;
height: 25px;
line-height: 5px;
background: #9bcd5c; /*background color of horizontal line*/
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}

h1 { 
position:relative;
background: white; 
color: black;
font-variant: small-caps;
font: bold 18px Arial, Verdana, sans-serif;
vertical-align: middle; 
text-align: center; 
z-index:4
}

h2 { 
position:relative;
background: #9bcd5c; 
color: white;
font-variant: small-caps;
font: bold 16px Arial, Verdana, sans-serif;
vertical-align: middle; 
text-align: right; 
z-index:4
}

h2 span { 
background: #9bcd5c; 
color: white;
font: 34px Arial, Verdana, sans-serif;
font-style: oblique;
font-weight: lighter;
font-stretch: narrower;
font-effect: engrave;
vertical-align: middle; 
float: left;
z-index:4 ;

}


h3 { 
position:relative;
background: #9bcd5c; 
color: white;
font-variant: small-caps;
font: bold 8px Arial, Verdana, sans-serif;
vertical-align: middle; 
text-align: right; 
z-index:4
}

h3 span { 
background: #7fd826; 
color: white;
font-variant: small-caps;
font: bold 8px Arial, Verdana, sans-serif;
vertical-align: middle; 
float: left;
z-index:4 
}

.image_text{
font: bold 22px Arial, Verdana, sans-serif;
color: black;
margin: 0;
padding: 0;
list-style: none;
}

.footertext{
	font: 9px Arial, Verdana, sans-serif;	
	color:black;
	align: center;
}

.infotext{
	font: 12px Arial, Verdana, sans-serif;	
	color:black;
}

.infotexth{
	font: bold 12px Arial, Verdana, sans-serif;	
	color:#49166d;
}

span.price {
	font-family: Arial, Helvetica;
			color: #49166D;
			font-size: 12px;
			margin-left: 5px;
			margin-right: 5px;
		}

span.links {
	font-family: Arial, Helvetica;
			color: #66CC00;
			font-size: 16px;
			margin-left: 5px;
			margin-right: 5px;
		}		

		span.super {
			font-family: Arial, Helvetica;
			bottom: 4px; 
			font-size: 10px;
			position: relative;
		}

		span.highlight {
			font-family: Arial, Helvetica;
			color: #66CC00;
			font-size: 39px;
		}

		span.highsuper {
			font-family: Arial, Helvetica;
			bottom: 11px; 
			font-size: 25px;
			position: relative;
		}

		span.saleprice {
			font-family: Arial, Helvetica;
			color: #66CC00;
			font-size: 12px;
			margin-left: 5px;
		}
		
		h1.handset {
			color: #49166D;
			font-family: Arial, Helvetica;
			font-size: 25px;
			font-weight: 100;
			margin-bottom: 8px;
			margin-top: 0px;
			text-decoration: none;
		}
		
		.smalltext3 {font-family: Arial; font-size: 11px; color: #666666;}

#infobox{
border-style: none;	
width: 400px;
height: 600px;
overflow: auto;
font: 12px Arial, Verdana, sans-serif;	
color:gray;

}

#main_frame{
border-style: none;	
width: 1280px;
height: 800px;
overflow: auto;

}
ul {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: 2em;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: gray;
text-decoration: none;
background-color: white;
text-indent: 5px;
list-style-position: outside;
list-style-image: none;
list-style-type: none;
padding: 6px;
margin: 2px;
}

#form_mail{
	width; width:5%;

}

fieldset { border:1px solid green
					-moz-border-radius: 10px;	 
					
					}
                                  
legend {                           
  padding: 0.2em 0.5em;            
  border:1px solid green;          
  color:green;                     
  font-size:90%;                   
  text-align:right;                
  }  
  
  
b.rtop, b.rbottom{display:block;background: #FFF}                                                     
b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden; background: #9bcd5c}                                            
b.r1{margin: 0 5px}                                                                                 
b.r2{margin: 0 3px}                                                                                 
b.r3{margin: 0 2px}                                                                                 
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}     //the above 4 classes are for big corners
                                                                                                    
.rs1{margin: 0 2px}                                                                                 
.rs2{margin: 0 1px}    //the above 2 classes are for small corners                                  
div.container{ margin: 0 10%;background: #9bcd5c}                 

.career1 { 
color: #49166D;
			font-family: Arial, Helvetica;
			font-size: 25px;
			font-weight: lighter;
			margin-bottom: 8px;
			margin-top: 0px;
			text-decoration: none;
			text-align:center;
}

.career { 
background: white; 
color:black;
text-align:center;
font: 16px Arial, Verdana, sans-serif;



}

 </style>                                         