body { font-family: arial, sans serif; font-size: 12px; background-color: #CCCCCC;}
linkct.title_head {

	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-align: left; 
	text-transform:uppercase;
}
a{
	color: red;
	text-decoration: none;
	
}
a:hover{
	color: red;
	text-decoration: underline;
	
}
.title_no{
        font-family: Arial;
	font-size: 14px;
	color: #000066;
        text-decoration: none;
}
.Country {
	font-family: Tahoma;
	font-size: 22px;
	font-weight: bold;
	color: #00FF00;
}
.title_head {
	font-family: Tahoma;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: left; 
	text-transform:uppercase;
	background-color: #333333;
}
.title {
	font-family: Arial; 
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-align: left; 
}
.link_testimonials {
	font-family: Arial; 
	font-size: 12px;
	font-weight: none;
	color: #FA8820;
	text-align: left; 
}
.testimonial{
	font-size: 11px;
	color:#fff;
	background-color: #000000;
}
.linktestimonial {
	font-family: Arial;
	font-size: 12px;
	text-align: left;
	color: #FA8820;
	text-decoration: none;
}
.linktestimonial:hover {
	font-family: Arial;
	color:#FA8820;
	font-size: 12px;
	text-align: left;
	text-decoration: underline;
}
.linkcustomer {
	font-family: Arial;
	font-size: 12px;
	text-align: left;
	color: #FA8820;
	text-decoration: none;
}
.linkcustomer:hover {
	font-family: Arial;
	color:#FA8820;
	font-size: 12px;
	text-align: left;
	text-decoration: underline;
}
.class_button{
	background-color:#FFFFFF;
	border-color:#7F9DB9;
	color:#000000;
	border-collapse:collapse;
	border-bottom-color:#99CCFF;cursor: pointer;

}

.title_header{
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #99CCFF;
	text-align: center;
	text-transform:uppercase;
	text-decoration: none;
}

.title_link {
	font-family: Tahoma;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	text-align: left; 
	text-decoration:none;
}
.title_link:hover {
	font-family: Tahoma;
	font-size: 14px;
	font-weight: normal;
	color: #000099;
	text-align: left;
	text-decoration:none;
}
.top_menu {
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	text-align: left;
	text-decoration: none;
}
.menu:hover {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-align: center;

}
.titlecontent{
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	text-align: left;
	text-decoration: none;
}
.title_description{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #FF0000;
	text-align: left;
	text-decoration: none;
}
.title{
	font-family: Tahoma;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	text-align: left;
	text-decoration: none;
}
.linkmemu {
	font-family: Arial;
	font-size: 12px;
	 
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	text-decoration: none;
}
.linkmemu:hover {
	font-family: Arial;
	
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	
}
.email{
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	background-color:#bbb;
	text-decoration:underline
}


.sample_attach:hover {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	background-color:#bbb;
}
.sublink {
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	text-align: center;
	text-decoration: none;
}
div.sample_attach, a.sample_attach
{
 
  border: 1px solid black;
  background: #bbb;
  padding: 3px 5px;
  font-weight: 100;
  color: #000000;  
}

a.sample_attach
{
  display: block;
  border-bottom: none;
  text-decoration: none;
}
.link_footer
{
  font-weight: bold;
  color: #fff;
  text-decoration: none;
}
a.link_footer
{
  font-weight: bold;
  color: #fff;
  text-decoration: none;
}

a.link_footer:hover
{
  font-weight: bold;
  color: red;
  text-decoration: none;
}
  
.TitleFront { 
	font-weight: bold;
 	font-family: Arial; 
 	font-size: 11pt; color: #000000;
  	text-decoration: none 
}
.LeadFront {
 font-family: Tahoma;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	text-align: left; 
	text-decoration:none;
}


.LoadBox { 
 background-repeat: no-repeat;
  background-attachment:fixed; 
  BACKGROUND-POSITION:center;
}
.link_view{

	font: Tahoma;
	font-size:12px;
	color:#000099;
	text-decoration:none;
	font-weight:none;
	
}
.link_view:hover{
	font: Tahoma;
	font-size:12px;
	color:#000099;
	text-decoration:none;
	font-weight:none;
	
}
.link_download{
	font: Tahoma;
	font-size:12px;
	color:#000099;
	text-decoration:none;
	font-weight:bold ;
	
}
.link_download:hover{
	font: Tahoma;
	font-size:12px;
	color:#000099;
	text-decoration:none;
	font-weight:bold;
	
}
.link_before_after{
	font: Tahoma;
	font-size:12px;
	color:red;
	text-decoration:none;
	font-weight:none;
	
}
.link_before_after:hover{
	font: Tahoma;
	font-size:12px;
	color: #FA8820;
	text-decoration:none;
	font-weight:none;
	
}
<!-- start of sd menu css -->

div.sdmenu {
	width: 250px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding-bottom: 10px;
	background: #000000 url(bottom.jpg);
	color:#fff;
}
div.sdmenu div {
	background: #000000;
	overflow: inherit;	
}

div.sdmenu div.collapsed {
	height: 25px;
	 
}
div.sdmenu div span {
	display: block;
	padding: 5px 10px; 
	font-weight: bold;
	color: white;
	
	cursor: default;
	border-bottom: 1px solid #ddd;
}
div.collapsed span {
	
}
div.sdmenu div a {
	padding: 5px 10px;
	background: #fff;
	display: block;
	border-bottom: 1px solid #ddd;
	color: #00006a;
	text-decoration: none;
}
div.sdmenu div a.current {
	background : #000000;
	color: #000;
}
div.sdmenu div a:hover {

	color: #fff;
	text-decoration: none;
}

div.sdmenu ul {
	padding:0; 
	margin:0; 
	list-style-type: none; 
	background:#fff; 
	width:250px; 
	height:auto;
}
div.sdmenu ul li ul {
	visibility:hidden; 
	position:absolute; 
	height:0; 
	overflow:visible; 
	top:0; 
	left:250px;
}

div.sdmenu ul li {
	float:left;
	width:250px;
}

div.sdmenu ul li a, 
div.sdmenu ul li a:visited {
	display:block;  
	text-decoration:none; 

	color:#000; 
	width:230px;
}

div.sdmenu ul li:hover a,
div.sdmenu ul li a:hover{
	background:#000000 ; 
	color:#fff;

	width:230px;
}

div.sdmenu ul li:hover,
div.sdmenu ul li a:hover {
	position:relative; 
	z-index:0;
}

div.sdmenu ul li:hover ul,
div.sdmenu ul li a:hover ul {
	visibility:visible; 
	position:absolute; 
	overflow:visible;
}


div.sdmenu ul li:hover ul li:hover a,
div.sdmenu il li a:hover ul li {
	background:#333333; 
	color:#fff;
}
.sdmenu TABLE {
		FONT-SIZE: 1em; 
		Z-INDEX: 100;
		LEFT: 0px;
		POSITION: absolute;
		TOP: 0px;
		BORDER-COLLAPSE: collapse
		}

<!-- TOP MENU-->
.menuTop {width:614px; height:32px;  position:relative; z-index:100;}
/* hack to correct IE5.5 faulty box model */
* html .menuTop {width:614px; w\idth:614px;}
/* remove all the bullets, borders and padding from the default list styling */
.menuTop ul {padding:0;margin:0;list-style-type:none;}
.menuTop ul ul {width:auto;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menuTop li {float:left;width:auto;position:relative;}
/* style the links for the top level */
.menuTop a, .menuTop a:visited {display:block;text-decoration:none; font-size:13px; font-weight:bold; color:#fff;  width:auto; height:32px; padding-left:3px;padding-right:3px; line-height:30px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menuTop a, * html .menuTop a:visited {width:110px; w\idth:110px;}

/* style the second level background */
.menuTop ul ul a.drop, .menuTop ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
/* style the second level hover */
.menuTop ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
.menuTop ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
/* style the third level background */
.menuTop ul ul ul a, .menuTop ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menuTop ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menuTop ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:160px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menuTop ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menuTop ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menuTop ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menuTop table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menuTop ul ul a, .menuTop ul ul a:visited {background:#333333; color:#fff; height:auto; font-size:12px; line-height:1em; padding:5px 10px; width:150px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menuTop ul ul a, * html .menuTop ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menuTop a:hover, .menuTop ul ul a:hover{color:#fff;}
.menuTop :hover > a, .menuTop ul ul :hover > a {color:red;background:#222222;}

/* make the second level visible when hover on first level list OR link */
.menuTop ul li:hover ul,
.menuTop ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menuTop ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menuTop ul :hover ul :hover ul{ visibility:visible;}

<!-- END TOP MENU-->