/*
START SIDE MENU CSS
*/


h1 {
font-size: 15px;
}

.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 165px; /*WIDTH OF MAIN MENU ITEMS*/
border: 1px solid black;
}

.glossymenu li{
position: relative;
}

.glossymenu li a{
background: white url(../img/glossyback2.gif) repeat-x bottom left;
font: bold 11px Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding-top: 5px;
padding-bottom: 10px;
padding-left: 3px;
text-decoration: none;
}

.glossymenu li ul{ /*SUB MENU STYLE*/
position: absolute;
width: 183px; /*WIDTH OF SUB MENU ITEMS*/
left: 0;
top: 0;
display: none;
}

.glossymenu li ul li{
float: left;
}

.glossymenu li ul a{
width: 180px; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
}

.glossymenu .arrowdiv{
position: absolute;
right: 5px;
background: transparent url(../img/arrow2.gif) no-repeat center right;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-image: url(../img/glossyback.gif);
}

/* Holly Hack for IE \*/
* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }
/* End */



/*
END SIDE MENU CSS
*/



/*
START STYLENEW.CSS
*/

#hsbc 
{ 
position: relative;
top: 2300px;
} 

#ing 
{ 
margin-top: 2800px;
} 

#hsbc2 
{ 
position: relative;
top: 300px;
} 

#ing2 
{ 
margin-top: 1000px;
} 



body {
  text-align: center;
  margin-top:0px;
  margin-bottom:10px;
  color:#333;
  /*
  background-image:url(../img/bg-gradient4.gif); 
  background-repeat: repeat-x; 
  */
  background-color: #4289F4;

}

A:link {
	COLOR: #0000FF; text-decoration: none;
}
A:visited {
	COLOR: #0000FF; text-decoration: none;
}
A:active {
	COLOR: #0000FF; text-decoration: none;
}
A:hover {
	COLOR: #FF0000; text-decoration: underline;
}

#page_wrapper {
  margin-left: auto; 
  margin-right: auto;
  width: 960px;
  text-align: left;
  background: #FFFFFF;
  border: 8px solid #ffffff;
}

#header_wrapper {
  background:  url('../img/shadow2.png') bottom left repeat-x;
  margin:0px; padding:0px;
  border: 0px;
  
}

#header {
  height: 65px;
  padding: 22px;
   /* background: url('../images/ratecatcher.jpg') top left no-repeat;
 background: url('../images/increase-your-money-graph.gif') top right no-repeat;
  */
  margin:0px;
}

#header h1 {
  margin:-8px;
  font-family: verdana, arial, sans-serif;
  font-size: 40px;
  color:#ffffff;
  letter-spacing: -1px;
}

p.nomargin{
margin-top: 15px;
padding: 0px;
}

h1.main {
 font-size: 19px; 
 color: rgb(58, 80, 129);
 text-align:center;
 margin: -5px;
 padding: -5px;
}
b.bold {
  margin-left: 90px; 
  font-family: georgia, arial, sans-serif;
  font-size: 19px;
  color: #444;
  margin-top: -7;
  font-style: none;
  letter-spacing: 1px;
}

#header h2 {
  margin:0px;
  font-family: verdana, arial, sans-serif;
  font-size: 14px;
  color:#013a81;
  letter-spacing: 1px;
}

#left_side {
  margin-top: 0px;
  float: left;
  width: 160px;
  background: #FfFfFf url('../img/side_bg.gif') bottom left repeat-x;
}

#right_side {
  margin-top: 10px;
  float: right;
  width: 150px;
  background: #FFFFFF url('../img/side_bg.gif') bottom left repeat-x;
}

#content {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: 180px;
  margin-right: 160px;
}

#footer {
  height: 80px;
  background-color: #3268da;
  clear: both;
  text-align: center;
  padding-top:5px;
  color: #B6CEF9;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 18px;
}

#footer A:link {
	COLOR: #FFFFFF; text-decoration: none;
}
#footer A:visited {
	COLOR: #FFFFFF; text-decoration: none;
}
#footer A:active {
	COLOR: #FFFFFF; text-decoration: none;
}
#footer A:hover {
	COLOR: #FFFFFF; text-decoration: underline;
}

#left_side p, #right_side p {
  margin:10px;margin-top:15px;margin-bottom:15px;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 16px;
  color: #333333;
}

#left_side h3, #right_side h3 {
  margin-top:2px; margin-bottom:10px; margin-left:5px; margin-right:5px;
  padding:4px;
  font-family: verdana, arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 14px;
  color: #FFFFFF;
  border:1px solid #0F3974;
  background-color: #3268da;
}

#left_side h4, #right_side h4 {
  margin-top:2px;margin-bottom:7px;margin-left:10px;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 12px;
  color: #2153AA;
}

#content p {
  margin-top:15px; margin-bottom: 15px;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: #333333;
}



#content h3 {
  margin-top:5px; margin-bottom: 10px;
  font-family: verdana, arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  line-height: 18px;
  color: #2153AA;
}

#content h4 {
  margin-top:0px;margin-bottom:0px;
  font-family: verdana, arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 12px;
  color: #2153AA;
}
#navcontainer{
 margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

#navlist
{
  margin-top:1px;
  margin-bottom:0px;
  text-align:center;
  padding: 5px 0;
  margin-left: 0px;
  border-bottom: 0px solid #157db6;
  font: bold 13px Verdana, sans-serif;
}

#navlist li
{
  list-style: none;
  margin: 0;
  display: inline;
}

#navlist li a
{
  color: #2953d4;
  padding: 5px 15px;
  margin-left: 3px;
  border: 1px solid #0F3974;
  border-bottom: none;
  background: #274ec6 url('../img/tab_bg2.gif') bottom left repeat-x;
  text-decoration: none;
}

#navlist li a:link { color: #F1F6FE; }
#navlist li a:visited { color: #F1F6FE; }

#navlist li a:hover
{
  color: #FFFFFF;
  background: #2953d4;
  border-color: #0F3974;
}

#navlist li a#current
{
  color: #000;
  background: #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
}

.float_left {
  float: left;
  margin-right: 10px;
}

.float_right {
  float: right;
  margin-left: 10px;
}

.featurebox_center {
  background-color: #ffffff;
  margin:0px;
  padding:10px;
  border: 1px solid #DFE8F7;
  font-family: verdana, arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
}

ul.reg{
font-size: 12px;
margin-bottom: 0px;
color: #555555;
}



.featurebox_side {
  background-color: #fffff6;
  margin:0px;margin-left:10px;margin-right:10px;margin-bottom:15px;
  padding:10px;
  border: 0px solid #DFE8F7;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 18px;
  color: #333333;
}


li{
font-size: 13px;
margin-top: 4px;
margin-bottom: 4px;
}

/*
END STYLENEW.CSS
*/


/*
START TABLENEW.CSS
*/

body {
	font-family:	Verdana, Helvetica, Arial, Sans-Serif;
	font:			Message-Box;
}

code {
	font-size:	1em;
}

/* extra rules for even and odd rows */
.even {
	background-color:	#b1e5c2;
	font-size: 14px;

}

.odd {
font-size: 14px;
}

.sort-table {
	font:		Icon;
	border:		1px Solid ThreeDShadow;
	background:	Window;
	color:		WindowText;
	
  }



.sort-table thead {

	background:	ButtonFace;
	font-size: 17px;
  background-color: #0DB14B;
  color: #ffffff;
}


.sort-table td {
	padding:	5px 12px;
  
}



.sort-table thead td {
	border:			1px solid;
	border-color:	    ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
	cursor:			pointer;
background-color: #00b240;
}



.sort-table thead td:active {
	border-color:	ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
	padding:		7px 10px 2px 15 px;
  background-color: #b1e5c2;
}


.sort-table thead td[_sortType=None]:active {
	border-color:	ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
	padding:		5px 12px;
  background-color: #b1e5c2;
}

.sort-arrow {
	width:					10px;
	height:					10px;
	background-position:	center center;
	background-repeat:		no-repeat;
	margin:					0 3px;
}

.sort-arrow.descending {
	background-image:		url("../img/down.gif");

}



.sort-arrow.ascending {
	background-image:		url(../img/up.gif);
}



/*
END TABLENEW.css
*/