/* CSS Document */
body{
padding:0;
margin:0;
background:#FFFFFF url(../images/Hydra_inside_02.gif) repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
#toparea{
width:916px;
padding:0 12px;
margin:auto;
height:97px;
}
#logo{
float:left;
width:350px;
padding:14px 0 0 0;
}
.cleaner{
clear:both;
}
#topnav{
padding:8px 0 0 0;
margin:0;
text-align:right;
float:right;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
width:560px;
}
#topnav ul{
padding:0;
margin:0;
list-style:none;
display:inline;
}
#topnav li{
padding:0 8px;
margin:0;
list-style:none;
display:inline;
}
#topnav li.callback{
width:107px;
height:19px;
}
#topnav li.callback a{
background:url(../images/callback_03.gif) no-repeat;
width:72px;
height:14px;
padding:3px 9px 2px 26px;
color:#FFFFFF;
}
#topnav li.callback a:hover{
width:72px;
height:14px;
padding:3px 9px 2px 26px;
color:#FFFFFF;
}
#topnav a{
color:#98af04;
text-decoration:none;
}
#topnav a:hover{
color:#0099FF;
text-decoration:none;
}
#mainnav{
padding:35px 0 0 0;
margin:0;
text-align:right;
float:right;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
}
#mainnav ul{
padding:0;
margin:0;
list-style:none;
}
#mainnav li{
padding:0;
margin:0;
list-style:none;
float:left;
}
#mainnav span{
display:none;
}
#mainnav li.home a{
background-image:url(../images/Hydra-Coach_nv_08.gif);
height:26px;
width:71px;
color:#98af04;
text-decoration:none;
display:block;
float:left;
}
#mainnav li.home a:hover{
background-image:url(../images/Hydra-Coach_ov_08.gif);
height:26px;
width:71px;
color:#0099FF;
text-decoration:none;
display:block;
float:left;
}
#mainnav li.homeon{
background-image:url(../images/Hydra-Coach_08.gif);
height:26px;
width:71px;
color:#0099FF;
text-decoration:none;
display:block;
float:left;
}

#mainnav li.proinfo a{
background-image:url(../images/Hydra-Coach_nv_10.gif);
height:26px;
width:122px;
color:#98af04;
text-decoration:none;
display:block;
float:left;
}
#mainnav li.proinfo a:hover{
background-image:url(../images/Hydra-Coach_ov_10.gif);
height:26px;
width:122px;
color:#0099FF;
text-decoration:none;
display:block;
float:left;
}
#mainnav li.proinfoon {
background-image:url(../images/Hydra-Coach_10.gif);
height:26px;
width:122px;
color:#0099FF;
text-decoration:none;
display:block;
float:left;
}
#mainnav li.buynow {
background-image:url(../images/Hydra-Coach_nv_12.gif);
height:26px;
width:90px;
color:#98af04;
text-decoration:none;
display:block;
float:left;
}
#mainnav li.buynow a{
background-image:url(../images/Hydra-Coach_nv_12.gif);
height:26px;
width:90px;
color:#98af04;
text-decoration:none;
display:block;
float:left;
}
#mainnav li.buynow a:hover{
background-image:url(../images/Hydra-Coach_ov_12.gif);
height:26px;
width:90px;
color:#0099FF;
text-decoration:none;
display:block;
float:left;
}
#mainnav li.buynowon{
background-image:url(../images/Hydra-Coach_12.gif);
height:26px;
width:90px;
color:#0099FF;
text-decoration:none;
display:block;
float:left;
}
#mainnav li.tradeinq {
background-image:url(../images/Hydra-Coach_nv_14.gif);
height:26px;
width:142px;
color:#98af04;
text-decoration:none;
display:block;
float:left;
}
#mainnav li.tradeinq a{
background-image:url(../images/Hydra-Coach_nv_14.gif);
height:26px;
width:142px;
color:#98af04;
text-decoration:none;
display:block;
float:left;
}
#mainnav li.tradeinq a:hover{
background-image:url(../images/Hydra-Coach_ov_14.gif);
height:26px;
width:142px;
color:#0099FF;
text-decoration:none;
display:block;
float:left;
}
#mainnav li.tradeinqon{
background-image:url(../images/Hydra-Coach_14.gif);
height:26px;
width:142px;
color:#0099FF;
text-decoration:none;
display:block;
float:left;
}
#lefttext{
background:url(../images/Hydra-Coach_25.gif) no-repeat top;
width:351px;
float:left;
padding-top:224px;
margin-top:27px;
}
#lefttext p{
background:url(../images/Hydra-Coach_28.gif) no-repeat bottom right;
height:149px;
padding:0 8px 0 4px;
margin:0;
color:#00285e;
}
#flashrght{
background:url(../images/Hydra-Coach_22.jpg) no-repeat top;
width:560px;
float:left;
height:400px;
}
#mdle_cont{
width:920px;
height:auto;
padding:0 8px 0 8px;
margin:auto;
clear:both;
}
#infosec{
background:#FFFFFF url(../images/Hydra_inside_22.gif) no-repeat top;
width:902px;
padding:12px 0;
margin:auto;
clear:both;
border:#000000 solid 0px;
}
.pagename{
padding:25px 0 35px 0;
margin:0;
}
.bcamnav{
color:#FFFFFF;
padding:0;
margin:0;
}
.innercont{
padding:0 15px;
}
.innercont a {
color:#00B9FF;
text-decoration:underline;
}
.innercont h3{
font:Arial, Helvetica, sans-serif;
font-size:18px;
color:#00aff0;
padding:0;
margin:0;
}

.innercont h4{
font:Arial, Helvetica, sans-serif;
font-size:17px;
color:#b4cf00;
padding:0;
margin:0;
font-weight:normal;
}
.innercont a{
text-decoration:underline;
color:#00b9ff;
}
.innercont a:hover{
text-decoration:none;
color:#0066CC;
}
.innercont ul{
padding:0;
margin:0;
list-style:none;
}
.innercont li{
padding:3px 0;
margin:0;
list-style:none;
border-bottom:#e0f5fd solid 1px;
}
.dia{
background:#e0f5fd;
border:#cbf1ff solid 1px;
padding:6px;
margin:0 18px;
}
.dia_cont{
background:#d3f3ff;
border:#FFFFFF solid 1px;
padding:2px 4px;
}
.dia_cont strong{
color:#0099FF;
}
.dia_cont td{
background:#d3f3ff;
border-bottom:#FFFFFF solid 1px;
padding:2px 4px;
}
.rightmenu{
background:url(../images/rightmenu_03.gif) top no-repeat;
width:182px;
padding:8px 0 0 0;
}
.rightmenu_bot{
background:url(../images/rightmenu_06.gif) bottom no-repeat;
width:182px;
padding:0 0 8px 0;
}
.rightmenu_mid{
border-left:#b2ddf1 solid 1px;
border-right:#b2ddf1 solid 1px;
padding:0;
}
.rightmenu_mid a{
text-decoration:none;
color:#000033;
}
.rightmenu_mid a:hover{
text-decoration:none;
color:#0066CC;
}
.rightmenu_mid ul{
padding:0 0 120px 0;
margin:0;
}
.rightmenu_mid li.selected{
padding:8px;
margin:0 0 1px 0;
background:#c4efff;
border-bottom:#92c9de solid 1px;
font-size:11px;
}
.rightmenu_mid li{
padding:8px;
margin:0 0 1px 0;
background:#e8eebd;
border-bottom:#b4bd7c solid 1px;
font-size:11px;
color:#20363e;
}
.image_bdr{
padding:0;
margin:0;
border:#b5d8e5 solid 2px;
}
.rightmenu_mid h5{
color:#bfd627;
font-size:17px;
font-weight:normal;
padding:0 8px 6px 8px;
margin:0;
border-bottom:#92c9de solid 1px;
}
.innercont p{
padding:10px 0 0 0;
margin:0;
}
.bcamnav a{
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}
.divder{
border-bottom:#CCCCCC solid 1px;
padding:4px 0;
}
.divder td{
border-bottom:#CCCCCC solid 1px;
padding:4px 0;
}
.blue{
color:#0099FF;
text-transform:uppercase;
}
.orng{
color:#FF9900;
text-transform:uppercase;
}
.gry{
color:#999999;
text-transform:uppercase;
}
.price{
color:#ff6c00;
font-size:24px;
font-weight:bold;
}
.infeald{
background:#ececec;
border:#dcdcdc solid 1px;
padding:2px;
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
.bcamnav a:hover{
color:#FFFFFF;
font-weight:bold;
text-decoration:underline;
}
.onoff{
background:url(../images/onoff_38.gif) repeat-x;
padding:1px 0 0 10px;
margin:15px 0 0 0;
width:400px;
color:#666666;
font-family:Tahoma, SansSerif, Arial;
font-size:10px;
}
.onoff ul{
padding:0;
margin:0;
list-style:none;
}
.onoff li{
padding:8px 0 0 8px;
margin:0;
list-style:none;
display:inline;
}
.onoff li.on{
background:url(../images/onoff_41.gif) no-repeat;
width:152px;
height:30px;
display:block;
float:left;
}
/*
.colorchange{
padding:0 0 4px 0;
}
.colorchange_on{
padding:0 0 4px 0;
   for IE 
  filter:alpha(opacity=60);
   CSS3 standard 
  opacity:0.2;
}
*/
.onoffcont{
background:#f2f2f2;
padding:4px;
height:22px;
}
.onoffcont td{
background:#f2f2f2;
padding:4px;
}
.onoffcont_b{
padding:4px;
height:22px;
}
.onoffcont_b td{
padding:4px;
}
.onoff li.off{
background:url(../images/onoff_42.gif) no-repeat;
width:152px;
height:30px;
display:block;
float:left;
}
.onoff a{
color:#0099FF;
text-decoration:none;
font-weight:bold;
}
.onoff a:hover{
color:#98af04;
text-decoration:none;
}
#prductintro{
width:380px;
float:left;
background:url(../images/Hydra-Coach_32.gif) no-repeat 70px 0px;
height:60px;
margin-right:134px;
}
#prductintro img{
float:left;
padding:0 10px 0 0;
}
#prductintro ul{
padding:25px 0 0 0;
margin:0;
list-style:none;
color:#FFFFFF;
}
#prductintro li{
padding:0;
margin:0;
list-style:none;
}
#prductintro a{
color:#003300;
text-decoration:underline;
font-weight:bold;
background:url(../images/Hydra-Coach_40.gif) no-repeat 0 2px;
display:block;
height:22px;
float:left;
padding:0 0 0 14px;
}
#prductintro a:hover{
color:#ffffff;
text-decoration:none;
font-weight:bold;
}
#news{
background:url(../images/Hydra-Coach_34.gif) no-repeat;
float:left;
padding:26px 0 0 4px;
margin:0;
width:390px;
color:#FFFFFF;
}
#news a{
color:#003300;
text-decoration:underline;
font-weight:bold;
}
#news a:hover{
color:#ffffff;
text-decoration:none;
font-weight:bold;
}
#botnav{
clear:both;
margin:auto;
width:916px;
padding:12px;
color:#095875;
}
#botnav ul{
padding:0 0 0 0;
margin:0 0 0 0;
list-style:none;
display:inline;
}
#botnav li{
padding:0 8px;
margin:0;
list-style:none;
display:inline;
}
#botnav a{
color:#0099FF;
text-decoration:none;
font-weight:bold;
}
#botnav a:hover{
color:#98af04;
text-decoration:none;
}


/*---Hasitha Added--*/

.colorchange{
	padding:0 0 4px 0;
}
.colorchange a:hover {
	padding:0 0 4px 0;
	-moz-opacity:.25; 
	filter:alpha(opacity=25); 
	opacity:.25; 
}
.discount{
	/*background:url(../images/Discount-Code.gif) no-repeat;*/
	height:30px;
	width:916px;
	color:#00AFF0;
	margin:0 0 0 15px;
	text-align:left;
	text-transform:uppercase;
	padding:0 0 0 0;
	font-weight:bold;
}
.discount a{
	color:#00AFF0;
	text-decoration:none;
}
.discount a:hover{
	color:#00AFF0;
	text-decoration:underline;
}

/* 04122009 sandun */

div.promenu { background:url(../images/pro-page_bg.gif) no-repeat; width:871px; height:71px; margin:0 0 15px 4px; }

div.promenu ul { margin:0; padding:0; }

div.promenu ul li { margin:0; padding:13px 0 0 10px; float:left; list-style:none; }