/* Colour Scheme */
/* Blue: #4dc2d3 */
/* Dark-Purple: #48518A */
/* Light-Purple: #7797ce */
/* Darkest-Grey: #666 */
/* Dark-Grey: #818A93 */
/* Light Grey: #ccc */
/* Lightest-Grey: #f5f5f5 */
/* White: #fff */
/* Green: #7db689 */

/* Html Elements Styles */
a{color:#4dc2d3}
img{border:0}
body{width:985px;margin:0 auto;padding:0px;height:100%;font-family:Arial;font-size: 13px;background: url(/images/bg.png) repeat-x #f5f5f5}

/* User Interface Defined Styles */
.ui-color-blue,.ui-color-blue-hover:hover,.ui-color-blue-children *,.ui-color-blue-children-hover *:hover{color:#4dc2d3 !important}
.ui-bgcolor-purple{background-color:#48518A !important}
.ui-bgcolor-lightgrey{background-color:#ccc !important}
.ui-border-darkgrey{border:1px solid #818A93 !important}
.ui-corner-all{-moz-border-radius:5px;-webkit-border-radius:5px}
.Pointer *{cursor:pointer !important;}

/* Claim Calculator */
#ppi-claimcalculator-link{font-size:32px;margin:14px;background:url(/images/calculator_blue.png) no-repeat left center;padding:4px 0;padding-left:64px;display:block;line-height:36px;text-decoration:none;color:#4dc2d3}
#ppi-claimcalculator-link:hover{background-image:url(/images/calculator_green.png);color:#7db689}
.ppi-claimcalculator-results{width:440px}
.ppi-claimcalculator {color:#818A93;}
.ppi-claimcalculator label{color:#818A93}

/* PPI Data Table */
.ppi-datatable{padding:0;border-collapse:collapse}
.ppi-datatable td{text-align:center;width:100px;color:#000}
.ppi-datatable-title{color:#4dc2d3;padding-bottom:4px;font-weight:bold;font-size:17px;}
.ppi-datatable-footer{font-size:10px;color:#818A93}
.ppi-datatable-subtitle{height:40px}

/* Other */
.mainWrapper
{
    width: 970px;
    background: url(/images/LeftShadow.png) no-repeat;
    float: left;
    padding-left: 10px;
}
.innerWrapper
{
    float: left;
    background: url(/images/RightShadow.png) no-repeat;
    background-position: right top;
    padding-right: 10px;
}

.header
{
    float: left;
    width: 100%;
    background: url(/images/headerBG.png) repeat-x;
}

.headerLogo
{
    height: 146px;
    width: 625px;
    width: auto;
    float: left; /*padding-right:10px;*/
}

.headerNoWin
{
    position: absolute;
    top: 100px;
    left: 24px;
    font-size: 16px;
    font-weight: bold;
    color: #818A93;
}

.headerNoWin span
{
    font-size: 21px;
    font-weight: bold;
    color: #48518A;
}

.bodyContainer
{
    background: url(/images/bodyBG.png) repeat-x #fff;
    padding: 15px;
}



.topNav
{
    width: 100%;
    float: left;
    background-image: url(/images/topNavBG.png);
    background-repeat: no-repeat;
    height: 36px;
}

.topNav ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    height: 100%;
    margin-left: 15px;
    height: 34px;
}

.topNav ul li
{
    float: left;
    width: auto;
    text-align: center;
    font-size: 15px;
    height: 27px;
    padding-top: 7px;
    padding-left: 5px;
    padding-right: 10px;
}

.topNav ul li a
{
    font-weight: bold;
    color: #666;
    text-decoration: none;
    font-weight: bold;
    display: block;
    height: 27px;
}

.topNav .spacer
{
    color: #666;
}

.topNav ul li a:hover, .topNav ul li.selected a
{
    color: white;
}

.topNav ul li:hover, .topNav ul li.selected
{
    background-image: url(/images/topBGHoverItem.png);
    background-position: center;
    background-repeat: no-repeat;
}

.topNav ul li.spacer
{
    padding-left: 0px;
    padding-right: 0px;
    width: 10px;
}

/* JQuery DropDownMenu Styles */		
.navMenu li ul
    {	margin: 0;
	    padding: 0;
		position: absolute;
		visibility: hidden;			
		margin-left:-5px;
		height:32px;
	}
		
.navMenu li ul li
	{	float: none;
		display: inline;padding:0;
	}
		
.navMenu li ul li a
	{	width: auto;
		background: #ccc;padding-left:5px;padding-right:5px;padding-top:5px;text-align:left;cursor:pointer;
	}
		
.navMenu li ul li a:hover
	{	
	    background: #ccc
	}
/**/

.bodyContainer
{
    float: left;
    height: 100%;
}

.rightNav
{
    float: right;
    width: 310px;
    height: 100%;
}

.mainContent
{
    float: left;
    width: 605px;
    margin-right: 15px;
    height: 100%;
}

.homeSpotlight
{
    background: url(/images/spotlightBG.jpg) no-repeat;
    padding: 15px;
    padding-top: 20px;
    float: left;
    height: 475px;
    width: 623px;
}

.bodyCopy
{
    clear: both;
    float: left;
    padding: 15px;
    padding-top: 0px;
    /*background-color: White;*/
    font-size: 13px;
    line-height: 20px;
    color: #818a93;
    width: 575px;
}

.bodyCopy h2
{
    line-height:26px;
}


.footer
{
    background-image: url(/images/footerBG.png);
    background-repeat: no-repeat;
    float: left;
    width: 920px;
    margin-top: 10px;
    padding: 20px;
}

.subTitle
{
    font-weight: bold;
    color: #48518A;
    font-weight: bold;
    margin: 0;
    padding: 0;
    font-size: 14px;
}

.quotes
{
    margin-left: 20px;
    width: 280px;
    float: left;
}
.quotesOuter
{
    background: url(/images/startQuotes.png) top left no-repeat;
}

.quotesInner
{
    background: url(/images/endQuotes.png) bottom right no-repeat;
    padding: 20px 0 10px 0;
    color: #7db689;
    font-size: 13px;
    line-height: 20px;
}
.quotesOuter a
{
    text-decoration: none;
}

.callbackInput
{
    width: 200px;
    border: 1px solid #ccc;
    padding: 5px;
}

.blueTitle
{
    font-size: 26px;
    color: #48518A;
    margin: 0;
    padding: 0;
    font-weight: 300;
    line-height: 26px;
}

.callback
{
    width: 260px;
    color: #818a93;
    font-size: 13px;
    line-height: 20px;
    float: left;
}
.advisorPanel
{
    color: #818A93;
    width: 420px;
    float: right;
    margin-right: 20px;
    margin-top: 14px;
    font-size: 24px;
}
.phoneNumber
{
    color: #4dc2d3;
    font-size: 60px;
    height:54px;
    line-height:54px;
}
.openingTimes 
{
    font-size:13px;
    letter-spacing: 1px;
    }

.socialMedia
{
    float: right;
    color: #666;
}

/* GENERAL FORM STUFF */
fieldset, img
{
    border: none;
}
fieldset
{
    width: 400px;
}

.form label
{
    display: block;
    font-weight: bold;
    padding: 5px;
}
.form .inline-item
{
    background-color: #f5f5f5;
    padding: 5px;
}
.form .inline-item span
{
    vertical-align: middle;
    background-color: #f5f5f5;
    font-weight: bold;
    font-size: 18px;
    margin-left: 7px;
}

.form .inline-item input, .form .inline-item textarea
{
    padding: 3px 8px;
    border: 1px solid #818A93;
}
.form .inline-item input[type="text"]
{
    width: 280px;
}
.form .inline-item input[type="checkbox"]
{
    margin-right: 10px;
}
.form .inline-item input[type="checkbox"]
{
}

.footer-links ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.footer-links .block-links ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.footer-links .block-links ul li
{
    line-height: 20px;
}

.footer-links .block-links
{
    width: 200px;
    float: left;
    margin-left: 0px;
    color: #818a93;
}
.footer-links h3
{
    font-weight: bold;
    color: #48518A;
    padding: 0;
    margin: 5px;
    margin-left: 0px;
}
.footer-links a
{
    color: #818a93;
    background: url(/images/arrow-purple.png) left 5px no-repeat;
    padding-left: 12px;
    text-decoration: none;
    font-size: 12px;
}
.footer-links a:hover
{
    text-decoration: underline;
}

.footer-links .block-links ul
{
    padding: 5px 0px 20px;
}

.footer-links
{
    clear: left;
}


#ticker01
{
}

/* NEWS REEL */

.news-reel
{
    background: url(/images/tickerBG.png) top left no-repeat;
    height: 43px;
    float: left;
    width: 595px;
    padding: 0;
    margin: 0;
    padding-left: 15px;
    padding-top: 10px;
    /*margin-bottom: 10px;*/
}
.news-reel .subTitle
{
    float: left;
    padding-right: 10px;
}
.news-reel ul
{
    margin-left: 92px;
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.news-reel li
{
    float: left;
    margin-right: 20px;
    color: #7797ce;
}
.news-reel a
{
    color: #7797ce;
}
.news-reel a:hover
{
    color: #7797ce;
    text-decoration: underline;
}

.cmsContentLister ul
{
    margin-top: 10px;
    list-style-type: none;
    margin-left: 25px;
}

.validatorSummary
{
    margin-bottom: 20px;
}

.newsFeed
{
    font-size: 11px;
    line-height: 15px;
    color: #818a93;
    margin-top: 15px;
 }

.newsFeed ul
{
    margin-left: 0px;
    padding-left: 0px;
}

/* Home Page Testimonial */
.testimonialsLink {cursor:pointer;text-decoration:none;display:block;margin-top:20px;}
.testimonials{display:block;width:280px;height:auto;color:#7db689;background:url('/images/startQuotes.png') no-repeat;padding-top:30px;padding-left:0;margin:0}/*overflow:visible;position:relative;*/
.testimonials li{font-family:Arial !important;font-size:13px;list-style:none;font-style:italic;background:url('/images/endQuotes.png') no-repeat right bottom;padding-bottom:30px;text-align:justify}/*float:left;position:absolute;*/
.testimonials li p{margin-top:0;background-color:#f5f5f5}
.testimonials li strong{display:block;margin-top:12px;background-color:#f5f5f5}
.testimonials li.show{z-index:500}
/* Home Page News Ticker */
.tickercontainer
{
	/* the outer div with the black border */
	
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.tickercontainer .mask
{
	/* that serves as a mask. so you get a sort of padding both left and right */
	position: relative;
	left: 5px;
	width: 475px;
	overflow: hidden;
}
ul.newsticker
{
	float: left; 
	/* that's your list */
	position: relative;
	left: 475px;
}
ul.newsticker li
{
	float: left; /* important: display inline gives incorrect results when you check for elem's width */
	margin: 0;
	padding: 0;
}
ul.newsticker a
{
	white-space: nowrap;
	padding: 0;
	margin: 0 0px 0 0;
	text-decoration:none;
}
ul.newsticker span
{
	margin: 0 0px 0 0;
}

img#high-five
{
    float:left; 
    margin-right:20px; 
    margin-bottom:20px;
}

img#refer
{
    float:right; 
    margin-left:20px; 
    margin-bottom:20px;
}

.purple
{
    color:#504d87;
}

.terms{
    font-size:10px;
}

.dxncItemHeader a, .dxncItemContent span.dxhl a
{
    color:#48518A !important;
}

.dxncControl td.dxncCtrl
{
    padding-left:0px !important;
}