/* Mike Stephens | 3MortgageBrokers.co.uk | MWIS Media (www.mwismedia.co.uk) | 13/11/08 */

/* General Declarations ------------------------------------------*/
html { height: 100%; margin-bottom: 1px; }  
html,body { height:100% !important; }
p, td, li, ul,ol, h1, h2, h3 ,h4 ,h5 ,h6, label, input, form, select, textarea { font: normal 12px Arial, Helvetica, sans-serif; margin: 0 0 0 0; padding: 0 0 0 0; color: #333333; }
body { margin: 0 0 0 0; padding: 0 0 0 0; background-color: #FFFFFF; color: #333333; font: normal 12px Arial, Helvetica, sans-serif; text-align:center; }


/* Headers -------------------------------------------------------*/
#main-container { padding: 0 0 0 0; margin: 0 auto 0 auto; background-color: #FFFFFF; width: 950px; }

#header { float: left; margin: 10px 0 10px 0; width: 950px; }
#header #logo { display: block; width: 295px; float: left; }
#header #logo img { border: none; }

#header p#tagline { font-size: 22px; float: right; color: #999999; margin: 20px 0 0 0; }
#header p#tagline em { font-style: normal; color: #99CC33; }



/*Header Main Nav -------------------------------------------------------*/

#header #main-nav { float: right; list-style: none; margin:25px 0px 0px 0px; width:630px;}
#header #main-nav li { float: left; margin: 0 4px 0 4px; padding:0px 0px 6px 0px; }
#header #main-nav li a, #header #main-nav li a.selected { width: 82px; height: 20px; background: no-repeat url(../images/bgMainNav.jpg); display: block; text-decoration:none; color:#FFFFFF; padding: 6px 0 0 0; font-size:11px;  }
#header #main-nav li a.selected, #header #main-nav li a:hover { background: no-repeat url(../images/bgMainNav_h.jpg); }

#header #sp { height: 3px; width: 950px; background: repeat-x url(../images/sp.jpg); margin: 10px 0 0 0; }

/* Header News -------------------------------------------------------*/

#header #news-container { width: 950px; height: 35px; background: no-repeat url(../images/bgNews.jpg); margin: 15px 0 0 0; }
#header #news-container p { font-size: 16px; font-family: "Trebuchet MS", Arial, Helvetica; color: #99CC33; float: left; margin: 6px 0 0 10px; font-weight: bold; }

/* Li Scroll */

/* liScroll style declarations */

.tickercontainer { /* the outer div with the black border */
float:left;
width: 880px; 
height: 35px; 
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;
width: 860px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 860px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}

ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: no-repeat url(../images/bgNewsLi.gif) left center;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
margin: 0 50px 0 0;
padding-left:10px;
color: #000000; 
font-size: 11px; 
text-decoration: none; 
} 

ul.newsticker a:hover{
text-decoration: underline; 
}

ul.newsticker span {
margin: 0 10px 0 0;
} 


/* Main Containers For Content -------------------------------------------------------*/

#three-cols { float: left; width: 950px; }



/* Col One -------------------------------------------------------*/

#col-one { width: 180px; float: left; }
#col-one ul { width: 177px; background: no-repeat url(../images/bgSideNav.jpg); padding: 40px 0 0 0; list-style: none; }
#col-one ul li { text-align: left; } 
#col-one ul li a { height: 28px; display: block; color: #333333; background: no-repeat url(../images/bgSideNavli.gif); padding: 0 0 0 25px; text-decoration: none; font-size: 14px; line-height: 26px; } 
#col-one ul li a:hover, #col-one ul li a.selected { background: no-repeat url(../images/bgSideNavli_h.gif); } 
#col-one ul li a.last { height: 37px; }
#col-one ul li small { font-size: 10px; }
#col-one img { border: none; float: left; margin: 10px 0 0 1px; }

#col-one ul li.first a:hover { background: no-repeat url(../images/bgSideNavli_h2.gif); } 


/* Col Two -------------------------------------------------------*/

#col-two { width: 580px; float: left; margin: 0 0 0 5px; text-align: left; }



/* Col Two Orange Box -------------------------------------------------------*/

#col-two .orange-box { width: 536px; background: no-repeat url(../images/bgOrangeBoxTop.jpg) left top; background-color: #F5ED79; padding: 20px 20px 0px 20px; }
#col-two .orange-box-footer { width: 576px; height: 10px; background: no-repeat url(../images/bgOrangeBoxBottom.jpg) left bottom; background-color: #FFFFFF; }
#col-two .orange-box h1 { font-size: 18px; padding: 0 0 10px 0; }
#col-two .orange-box h2 { font-size: 16px; padding: 20px 0 10px 0; }
#col-two .orange-box p { line-height: 18px; color: #333333; padding: 0 0 10px 0; }
#col-two .orange-box .item-box { width: 265px; height: 105px; float: left; margin: 15px 0 0 0; }
#col-two .orange-box .item-box h2 { padding: 0;}
#col-two .orange-box .item-box img { border: none; float: left; }
#col-two .orange-box .item-box h2 a { font-size: 16px; font-weight: bold; text-decoration: underline; color: #1684C7; margin: 0 0 0 16px; }
#col-two .orange-box .taller_item { min-height:170px; height:auto !important; height:170px; }
#col-two .orange-box .item-box h2 a:hover { text-decoration: none; }
#col-two .orange-box .item-box p { margin: 0 0 0 16px; float: left; line-height: normal; width: 165px; padding: 5px 0 0 0; }
#col-two .orange-box ul { width: 500px; }
#col-two .orange-box li { margin: 10px 10px 10px 40px; line-height: 18px; }
#col-two .orange-box #cat { text-align: center; }
#col-two .orange-box #cat th { font-weight: bold; }


/* Col Two Grey Box -------------------------------------------------------*/

#col-two .grey-box { width: 536px; background: no-repeat url(../images/bgGreyBoxTop.jpg) left top; background-color: #DEDDE2; padding: 20px 20px 0px 20px; }
#col-two .grey-box-footer { width: 576px; height: 10px; background: no-repeat url(../images/bgGreyBoxBottom.jpg) left bottom; background-color: #FFFFFF; }
#col-two .grey-box h1 { font-size: 18px; padding: 0 0 10px 0; }
#col-two .grey-box p { line-height: 18px; color: #333333; padding: 5px 0 5px 20px; }
#col-two .grey-box p a { color: #1684C7; font-weight: bold; }
#col-two .grey-box h2 a { font-size: 12px; font-weight: bold; text-decoration: underline; color: #1684C7; display: block; background: no-repeat url(../images/bgNewsBullet.gif) 0px 1px; padding: 0 0 0 20px; margin: 5px 0 0 0; }
#col-two .grey-box h2 a:hover { text-decoration: none; }




#col-two #frmContactUs { float: left; }
#col-two #frmContactUs label { float: left; width: 150px; margin: 5px; }
#col-two #frmContactUs input, #col-two #frmContactUs select, #col-two #frmContactUs textarea { width: 150px; float: left; margin: 5px; border: 1px solid #7F9DB9; height: 16px; padding: 2px; }
#col-two #frmContactUs select { width: 155px; height: 22px; }
#col-two #frmContactUs textarea { width: 250px; height: 150px; }
#col-two #frmContactUs #btnSubmit {  height: 23px; width: 150px; padding: 0; border: none; }


#col-two #frmQuickQuote { float: left; }
#col-two #frmQuickQuote h1 { color: #51A300; }
#col-two #frmQuickQuote p { width: 150px; float: left;  }
#col-two #frmQuickQuote label { display: block; padding: 0 0 0 5px; }
#col-two #frmQuickQuote input { width: 130px; background: no-repeat url(../images/bgFrmInput.gif); border: none; height: 30px; padding: 5px 10px 0 5px;  }
#col-two #frmQuickQuote textarea { border: 1px solid #7F9DB9; padding: 0 0 0 2px; height: 50px; width: 140px; }
#col-two #frmQuickQuote select { width: 140px; background: no-repeat url(../images/bgFrmInput.gif); border: none; height: 25px; padding: 2px 10px 0 5px; }
#col-two #frmQuickQuote #btnSubmit { background: none; height: 23px; width: 150px; padding: 0; }


/* Col Two Notice Box -------------------------------------------------------*/

#col-two .notice { width: 536px; border: 2px solid #666666; padding: 10px; margin: 0 0 0 6px; }



/* Col Three -------------------------------------------------------*/
#col-three { float: left; width: 180px; margin: 0 0 0 5px; }
#col-three img { border: none; margin: 0 0 10px 0; }

#col-three #calculators { width: 178px; background: no-repeat url(../images/bgCalcTop.jpg) top left; background-color: #DEF8A9; text-align: left; }
#col-three #calculators h4 { font-size: 16px; color: #000000; text-align: center; padding: 10px 0 10px 0; }
#col-three #calculators .sp { width: 178px; height: 3px; background: repeat-x url(../images/spForm.jpg); margin: 10px 0 10px 0; }

#col-three #calculators form label { width: 63px; float: left; margin: 10px 0 0 5px; font-size: 11px; }
#col-three #calculators form label.calcs { margin: 15px 0 0 5px; }

#col-three #calculators form input { width: 50px; border: none; background: no-repeat url(../images/bgCalcInput.gif); height: 24px; padding: 5px 10px 0 10px; margin: 10px 0 0 10px; }
#col-three #calculators form input.calcs { width: 73px; background: no-repeat url(../images/bgCalcInputAns.gif); }
#col-three #calculators form #btnCalculate, #col-three #calculators form #btnCalculateAffordabilitly { width: 90px; height: 23px; padding: 0; margin: 10px 0 10px 45px; background: no-repeat url(../images/btnCalc.jpg); }

#col-three #calculators-bottom { width: 178px; height: 10px; background: no-repeat url(../images/bgCalcBottom.jpg) bottom left; }



/* Footer -------------------------------------------------------*/

#footer { float: left; margin: 20px 0 0 0; text-align: center; width: 950px; height: 60px; background: no-repeat url(../images/sp.jpg) top left; }
#footer p { margin: 25px 0 0 0; }
#footer p a { color: #76A400; }