/******* MORTGAGES *************/

#blueblock{
width: 222px;
padding: 0 0 1em 0;
font-family: Arial, sans-serif;
font-size: 11px;
}

* html #blueblock{ /*IE 6 only */
w\idth: 207px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}

#blueblock ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#blueblock li {
margin: 0;
}

#blueblock li a{
display: block;
padding: 5px 4px 5px 11px;
background-color: #e9d1ab;
border-bottom: 1px solid #FFFFFF;
color: #222222;
text-decoration: none;
width: 100%;
}

html>body #blueblock li a{ /*Non IE6 width*/
width: auto;
}

#blueblock li a:hover{
background-color: #dd931e;
color: #FFFFFF;
}

/******* REMORTGAGES *************/

#blueblock2{
width: 222px;
padding: 0 0 1em 0;
font-family: Arial, sans-serif;
font-size: 11px;
}

* html #blueblock2{ /*IE 6 only */
w\idth: 207px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}

#blueblock2 ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#blueblock2 li {
margin: 0;
}

#blueblock2 li a{
display: block;
padding: 5px 4px 5px 11px;
background-color: #d1ed8c;
border-bottom: 1px solid #FFFFFF;
color: #222222;
text-decoration: none;
width: 100%;
}

html>body #blueblock2 li a{ /*Non IE6 width*/
width: auto;
}

#blueblock2 li a:hover{
background-color: #85ae24;
color: #FFFFFF;
}

/******* LOANS *************/

#blueblock2b{
width: 222px;
padding: 0 0 1em 0;
font-family: Arial, sans-serif;
font-size: 11px;
}

* html #blueblock2b{ /*IE 6 only */
w\idth: 207px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}

#blueblock2b ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#blueblock2b li {
margin: 0;
}

#blueblock2b li a{
display: block;
padding: 5px 4px 5px 11px;
background-color: #b0e8ff;
border-bottom: 1px solid #FFFFFF;
color: #222222;
text-decoration: none;
width: 100%;
}

html>body #blueblock2b li a{ /*Non IE6 width*/
width: auto;
}

#blueblock2b li a:hover{
background-color: #00b4ff;
color: #FFFFFF;
}

/******* BUY TO LET *************/

#blueblock3{
width: 222px;
padding: 0 0 1em 0;
font-family: Arial, sans-serif;
font-size: 11px;
}

* html #blueblock3{ /*IE 6 only */
w\idth: 207px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}

#blueblock3 ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#blueblock3 li {
margin: 0;
}

#blueblock3 li a{
display: block;
padding: 5px 4px 5px 11px;
background-color: #a0bdec;
border-bottom: 1px solid #FFFFFF;
color: #222222;
text-decoration: none;
width: 100%;
}

html>body #blueblock3 li a{ /*Non IE6 width*/
width: auto;
}

#blueblock3 li a:hover{
background-color: #0f3f91;
color: #FFFFFF;
}


/******* INSURANCE *************/

#blueblockins{
width: 222px;
padding: 0 0 1em 0;
font-family: Arial, sans-serif;
font-size: 11px;
}

* html #blueblockins{ /*IE 6 only */
w\idth: 207px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}

#blueblockins ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#blueblockins li {
margin: 0;
}

#blueblockins li a{
display: block;
padding: 5px 4px 5px 11px;
background-color: #e1d2a3;
border-bottom: 1px solid #FFFFFF;
color: #222222;
text-decoration: none;
width: 100%;
}

html>body #blueblockins li a{ /*Non IE6 width*/
width: auto;
}

#blueblockins li a:hover{
background-color: #554000;
color: #FFFFFF;
}


/******* COMMERCIAL *************/

#blueblockcom{
width: 222px;
padding: 0 0 1em 0;
font-family: Arial, sans-serif;
font-size: 11px;
}

* html #blueblockcom{ /*IE 6 only */
w\idth: 207px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}

#blueblockcom ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#blueblockcom li {
margin: 0;
}

#blueblockcom li a{
display: block;
padding: 5px 4px 5px 11px;
background-color: #b8bdb5;
border-bottom: 1px solid #FFFFFF;
color: #222222;
text-decoration: none;
width: 100%;
}

html>body #blueblockcom li a{ /*Non IE6 width*/
width: auto;
}

#blueblockcom li a:hover{
background-color: #273421;
color: #FFFFFF;
}



/******* fact box *************/

#factbox{
width: 222px;
padding: 0 0 1em 0;
font-family: Arial, sans-serif;
font-size: 11px;
}

* html #factbox{ /*IE 6 only */
w\idth: 207px; /*Box model bug: 222px minus all left and right paddings for #factbox */
}

#factbox ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#factbox li {
margin: 0;
}

#factbox li a{
display: block;
padding: 5px 4px 5px 11px;
background-color: #eccccb;
border-bottom: 1px solid #FFFFFF;
color: #222222;
text-decoration: none;
width: 100%;
}

html>body #factbox li a{ /*Non IE6 width*/
width: auto;
}

#factbox li a:hover{
background-color: #a00101;
color: #FFFFFF;
}