/*	
	Reed Layout and Presentation CSS
	Author(s): M. J. Magee
	Date: 21.03.08
	Version: 1.0
	www.e-scape.co.uk

	Change Log:
	05.06.08 - amend to allow spans to show in content paragraphs
	27.11.08 - added in styles for intro-text
*/



/* Standards*/
	* { margin: 0px; padding: 0px; }
	html { height: 100%; }
	body { height: 100%; background: url(../img/background.jpg) repeat-x #f99e20; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; }
	span, hr { display: none; }
	.clear { clear: both; height: 1px; }
	.center { margin: 0 auto; text-align: center; }
	a:active, a:focus { outline: none; }
	
	
	
/* Main Body */
	#wrapper { width: 960px; min-height: 700px; background: url(../img/wrapper-bottom.jpg) no-repeat #b41e8e bottom; margin: 0 auto; padding-bottom: 5px; text-align: center; position: relative; }
	#page-container { width: 100%; background: url(../img/wrapper-top.jpg) no-repeat 0 0; }
	#dropshadow { width: 960px; height: 33px; background: url(../img/dropshadow.png) no-repeat; margin: 0 auto; text-align: center; }
	
	
	
/* Header */
	#header { width: 100%; text-align: left; }
	#header h1 { float: left; margin: 20px 0 0 12px; }
	#header h1 a { width: 227px; height: 58px; background: url(../img/logo.png) no-repeat; display: block; }
	
	#header ul { width: 666px; height: 51px; background: url(../img/tabs-bg.jpg) no-repeat; float: right; margin: 59px 0 0 0; list-style: none; overflow: hidden; }
	#header ul li { text-indent: -9999px; display: inline;}
	#header ul li a { height: 52px; background: url(../img/tabs.jpg) no-repeat 0 0; float: left; overflow: hidden; }
	
	#header ul li.home a { width: 89px; background-position: 0 0; }
	#header ul li.about a { width: 108px; background-position: -89px 0; }
	#header ul li.faqs a { width: 80px; background-position: -197px 0; }
	#header ul li.contact a { width: 122px; background-position: -277px 0; }
	#header ul li.claim a { width: 140px; background-position: -399px 0; }
	#header ul li.why a { width: 127px; background-position: -539px 0; }
	
	#header ul li a:hover, #header ul li a:focus, #header ul li a.selected, #header ul li a.selected:hover { position: relative; right: 1px; }
	#header ul li.home a:hover, #header ul li.home a:focus, #header ul li.home a.selected, #header ul li.home a.selected:hover { background-position: 0 -52px; right: 0px; }
	#header ul li.about a:hover, #header ul li.about a:focus, #header ul li.about a.selected, #header ul li.about a.selected:hover { background-position: -88px -52px; }
	#header ul li.faqs a:hover, #header ul li.faqs a:focus, #header ul li.faqs a.selected, #header ul li.faqs a.selected:hover { background-position: -196px -52px; }
	#header ul li.contact a:hover, #header ul li.contact a:focus, #header ul li.contact a.selected, #header ul li.contact a.selected:hover { background-position: -276px -52px; }
	#header ul li.claim a:hover, #header ul li.claim a:focus, #header ul li.claim a.selected, #header ul li.claim a.selected:hover { background-position: -398px -52px; }
	#header ul li.why a:hover, #header ul li.why a:focus, #header ul li.why a.selected, #header ul li.why a.selected:hover { background-position: -538px -52px; }
	
/* Changing the tabs for Firefox v.1 */
	html:not([lang*=""]) #header ul li a:hover, html:not([lang*=""]) #header ul li a:focus, html:not([lang*=""]) #header ul li a.selected, html:not([lang*=""]) #header ul li a.selected:hover { position: static; right: 0px;}
	html:not([lang*=""]) #header ul li.home a:hover, html:not([lang*=""]) #header ul li.home a:focus, html:not([lang*=""]) #header ul li.home a.selected, html:not([lang*=""]) #header ul li.home a.selected:hover { background-position: 0 -52px; }
	html:not([lang*=""]) #header ul li.about a:hover, html:not([lang*=""]) #header ul li.about a:focus, html:not([lang*=""]) #header ul li.about a.selected, html:not([lang*=""]) #header ul li.about a.selected:hover { background-position: -89px -52px; }
	html:not([lang*=""]) #header ul li.faqs a:hover, html:not([lang*=""]) #header ul li.faqs a:focus, html:not([lang*=""]) #header ul li.faqs a.selected, html:not([lang*=""]) #header ul li.faqs a.selected:hover { background-position: -197px -52px; }
	html:not([lang*=""]) #header ul li.contact a:hover, html:not([lang*=""]) #header ul li.contact a:focus, html:not([lang*=""]) #header ul li.contact a.selected, html:not([lang*=""]) #header ul li.contact a.selected:hover { background-position: -277px -52px; }
	html:not([lang*=""]) #header ul li.claim a:hover, html:not([lang*=""]) #header ul li.claim a:focus, html:not([lang*=""]) #header ul li.claim a.selected, html:not([lang*=""]) #header ul li.claim a.selected:hover { background-position: -399px -52px; }
	html:not([lang*=""]) #header ul li.why a:hover, html:not([lang*=""]) #header ul li.why a:focus, html:not([lang*=""]) #header ul li.why a.selected, #html:not([lang*=""]) header ul li.why a.selected:hover { background-position: -539px -52px; }

/* Fixing for later versions of Firefox */
	html:not([lang*=""]):not(:only-child) #header ul li a:hover, html:not([lang*=""]):not(:only-child) #header ul li a:focus, html:not([lang*=""]):not(:only-child) #header ul li a.selected, html:not([lang*=""]):not(:only-child) #header ul li a.selected:hover { position: relative; right: 1px; }
	html:not([lang*=""]):not(:only-child) #header ul li.home a:hover, html:not([lang*=""]):not(:only-child) #header ul li.home a:focus, html:not([lang*=""]):not(:only-child) #header ul li.home a.selected, html:not([lang*=""]):not(:only-child) #header ul li.home a.selected:hover { background-position: 0 -52px; right: 0px; }
	html:not([lang*=""]):not(:only-child) #header ul li.about a:hover, html:not([lang*=""]):not(:only-child) #header ul li.about a:focus, html:not([lang*=""]):not(:only-child) #header ul li.about a.selected, html:not([lang*=""]):not(:only-child) #header ul li.about a.selected:hover { background-position: -88px -52px; }
	html:not([lang*=""]):not(:only-child) #header ul li.faqs a:hover, html:not([lang*=""]):not(:only-child) #header ul li.faqs a:focus, html:not([lang*=""]):not(:only-child) #header ul li.faqs a.selected, html:not([lang*=""]):not(:only-child) #header ul li.faqs a.selected:hover { background-position: -196px -52px; }
	html:not([lang*=""]):not(:only-child) #header ul li.contact a:hover, html:not([lang*=""]):not(:only-child) #header ul li.contact a:focus, html:not([lang*=""]):not(:only-child) #header ul li.contact a.selected, html:not([lang*=""]):not(:only-child) #header ul li.contact a.selected:hover { background-position: -276px -52px; }
	html:not([lang*=""]):not(:only-child) #header ul li.claim a:hover, html:not([lang*=""]):not(:only-child) #header ul li.claim a:focus, html:not([lang*=""]):not(:only-child) #header ul li.claim a.selected, html:not([lang*=""]):not(:only-child) #header ul li.claim a.selected:hover { background-position: -398px -52px; }
	html:not([lang*=""]):not(:only-child) #header ul li.why a:hover, html:not([lang*=""]):not(:only-child) #header ul li.why a:focus, html:not([lang*=""]):not(:only-child) #header ul li.why a.selected, html:not([lang*=""]):not(:only-child) #header ul li.why a.selected:hover { background-position: -538px -52px; }
	
	
	
/* Info Area */
	#info-wrapper { width: 184px; float: right; margin: 13px 15px 13px 0; }	
	#info-wrapper .banner { margin-top: 10px; }

	
	
/* Customer Panel */
	#customer-panel-top { width: 184px; height: 8px; background: url(../img/customer-panel-top.png) no-repeat; }
	#customer-panel { width: 168px; background: url(../img/customer-panel.png) no-repeat bottom #FFFFFF; margin-left: 1px; padding: 0px 7px; text-align: left; }
	#customer-panel h2#existing-customers { width: 116px; height: 45px; background: url(../img/titles/existing-customers.png) no-repeat; }
	#customer-panel ul { margin: 5px 0 0 0; list-style: none; }
	#customer-panel ul li a { background: url(../img/li-bg.png) no-repeat left center; margin-top: 5px; padding-left: 12px; font-size: 65%; color: #000000; font-weight: bold; line-height: 20px; text-decoration: none; }
	#customer-panel ul li a:hover { text-decoration: underline; }
	#customer-panel-bottom { width: 184px; height: 20px; background: url(../img/customer-panel-bottom.png) no-repeat; }
	
	
	
/* Contact Panel */
	#contact-panel-top { width: 184px; height: 10px; background: url(../img/contact-top.png) no-repeat; margin-top: 10px; }
	#contact-panel { width: 167px; background: url(../img/contact-bg.png) repeat-x bottom #FFFFFF; margin-left: 1px; padding: 0px 7px; text-align: left; position: relative; border-right: 1px solid #e9c7e2; border-left: 1px solid #e9c7e2; }
	#contact-panel h2#talk-to-us { width: 85px; height: 13px; background: url(../img/titles/talk-to-us.png) no-repeat; }
	#contact-panel ul { margin: 5px 0 0 0; list-style: none; }
	#contact-panel ul li { width: 134px; padding: 10px 0 10px 34px; font-size: 65%; color: #000000; line-height: 13px; border-bottom: 1px solid #c5b2a3; }
	#contact-panel ul li a { width: 100%; color: #000000; font-weight: bold; text-decoration: none; }
	#contact-panel ul li a:hover { text-decoration: underline; }
	#contact-panel ul li.telephone { background: url(../img/contact-bg-telephone.png) no-repeat 0 50%; }
	#contact-panel ul li.clock { background: url(../img/contact-bg-clock.png) no-repeat 3px 50%; }
	#contact-panel ul li.email { background: url(../img/contact-bg-envelope.png) no-repeat 0 50%; }
	#contact-panel ul li.last-item { padding-bottom: 0px; border-bottom: 0px; }
	#contact-panel ul li span { display: block; font-size: 90%; }
	#contact-panel ul li span sub { font-size: 80%; }
	#contact-image { width: 59px; height: 89px; background: url(../img/contact-img.png) no-repeat; position: absolute; bottom: -6px; right: -1px; }
	#contact-panel-bottom { width: 184px; height: 20px; background: url(../img/contact-bottom.png) no-repeat; }
	

	
/* Content */
	#content-wrapper { width: 574px; float: right; position: relative; bottom: 8px; left: 7px; }
	#content-top { width: 574px; height: 32px; background: url(../img/content-top.png) no-repeat; }
	#content { width: 484px; min-height: 430px; background: url(../img/content-bg.png) repeat-y; padding: 8px 45px 0px 45px; text-align: left; }
	#content h2 { margin-bottom: 12px; font-size: 110%; color: #f07b2c; }
	#content h3 { margin: 20px 0 8px 0; font-size: 90%; color: #f07b2c; }
	#content p.banner  { margin: 0 auto 18px auto; }
	
	#content .intro-text h3 { color: #343434; font-style: italic; }
	#content .intro-text p { margin-bottom: 20px; }
	
	#content .col-1 { width: 220px; float: left; padding: 5px 19px 20px 0; }
	#content .col-2 { width: 220px; float: right; padding: 5px 0 20px 24px; border-left: 1px solid #d3d2d2; }
	#content .col-1 p, #content .col-2 p { margin-top: 15px; }
	#content .div { width: 100%; height: 1px; background: #d3d3d3; }
	#content .div-clear { clear: both; width: 100%; height: 1px; background: #d3d3d3; margin-bottom: 15px; }
	
	#content p { margin: 5px 0 0 0; font-size: 80%; color: #343434; }
	#content.plain-text p { margin: 5px 0 10px 0; }
	#content p a { color: #990099; font-weight: bold; text-decoration: none; }
	#content p a:hover { text-decoration: underline; }
	#content p.more a { background: url(../img/more-arrow.png) no-repeat right 3px; padding-right: 15px; }
	#content p.small-banner { margin: 0px; max-height: 41px; }
	#content p.small-text { margin: 5px 0; font-size: 70%; }
	
	#content p span { font-family: Verdana, Arial, Helvetica, sans-serif !important; font-size: 100% !important; color: #343434 !important; line-height: normal !important; display: block; }
	#content p span a, #content p a span { font-family: Verdana, Arial, Helvetica, sans-serif !important; font-size: 100% !important; color: #990099 !important; line-height: normal !important; font-weight: bold !important; text-decoration: none !important; display: inline-block; } 
	#content p span a:hover, #content p a:hover span { text-decoration: underline !important; }
	
	#content ul { margin: 5px 0 10px 0; list-style: disc; }
	#content ul li { margin: 5px 0 0 15px; font-size: 80%; color: #343434; }
	#content ol { margin: 15px 0 0 0; list-style: decimal; }
	#content ol li { margin: 5px 0 0 20px; font-size: 80%; color: #343434; }
	#content ul li a, #content ol li a { color: #990099; font-weight: bold; text-decoration: none; }
	#content ul li a:hover, #content ol li a:hover { text-decoration: underline; }
	#content address { margin: 10px 0; font-size: 80%; color: #343434; font-style: normal; }
	#content table { width: 100%; margin: 10px 0; }
	#content table tr td { width: 40%; padding: 10px; font-size: 80%; color: #343434; }
	#content table tr td.zebra { background: #fbede2; }
	
	#content .product-info ul { width: 448px; background: #fbf1f9; margin: 15px 0 0 0; padding: 5px 17px; list-style: none; border: 1px solid #cccccc; }
	#content .product-info ul li { width: 425px; background: url(../img/li-bg.png) no-repeat left 5px; margin: 15px 0; padding-left: 23px; font-size: 80%; color: #000100; }
	#content .product-info ul li a { color: #990099; font-weight: bold; text-decoration: none; }
	#content .product-info ul li a:hover { text-decoration: underline; }
	#content .product-info p.button { margin-top: 15px; float: right; }

	#content-bottom { width: 574px; height: 44px; background: url(../img/content-bottom.png) no-repeat; }

	
	
/* Titles */
	#content h2#welcome { width: 163px; height: 41px; background: url(../img/titles/welcome.jpg) no-repeat; }
	#content h2#welcome.long { width: 295px; height: 17px;  background: url(../img/titles/welcome-long.jpg) no-repeat; }
	#content h2#home-insurance { width: 175px; height: 17px; background: url(../img/titles/home-insurance.jpg) no-repeat; }
	#content h2#motor-insurance { width: 175px; height: 17px; background: url(../img/titles/motor-insurance.jpg) no-repeat; }
	#content h2#travel-insurance { width: 175px; height: 17px; background: url(../img/titles/travel-insurance.jpg) no-repeat; }
	#content h2#marine-insurance { width: 184px; height: 17px; background: url(../img/titles/marine-insurance.jpg) no-repeat; }
	#content h2#commercial-insurance { width: 237px; height: 17px; background: url(../img/titles/commercial-insurance.jpg) no-repeat; }
	#content h2#thank-you { width: 114px; height: 22px; background: url(../img/titles/thank-you.jpg) no-repeat; }
	#content h2#about-us { width: 98px; height: 17px; background: url(../img/titles/about-us.jpg) no-repeat; }
	#content h2#faqs { width: 59px; height: 17px; background: url(../img/titles/faqs.jpg) no-repeat; }
	#content h2#contact-us { width: 160px; height: 22px; background: url(../img/titles/contact-us.jpg) no-repeat; }
	#content h2#how-to-claim { width: 143px; height: 17px; background: url(../img/titles/how-to-claim.jpg) no-repeat; }
	#content h2#why-reed { width: 122px; height: 23px; background: url(../img/titles/why-reed.jpg) no-repeat; }
	#content h2#terms-of-business { width: 189px; height: 17px; background: url(../img/titles/terms-of-business.jpg) no-repeat; }
	#content h2#regulation { width: 115px; height: 23px; background: url(../img/titles/regulation.jpg) no-repeat; }
	#content h2#privacy-policy { width: 143px; height: 23px; background: url(../img/titles/privacy-policy.jpg) no-repeat; }
	#content h2#data-protection { width: 166px; height: 17px; background: url(../img/titles/data-protection.jpg) no-repeat; }
	#content h2#accessibility { width: 131px; height: 23px; background: url(../img/titles/accessibility.jpg) no-repeat; }
	#content h2#sitemap { width: 86px; height: 22px; background: url(../img/titles/sitemap.jpg) no-repeat; }
	#content h2#downloads { width: 123px; height: 17px; background: url(../img/titles/downloads.jpg) no-repeat; }
	#content h2#save-online-today { width: 313px; height: 17px; background: url(../img/titles/save-online-today.jpg) no-repeat; }
	#content .product-info h2#product-key-features { width: 172px; height: 17px; background: url(../img/titles/product-key-features.jpg) no-repeat; margin-top: 25px; }
	#content h2#step-process { width: 251px; height: 17px; background: url(../img/titles/step-process.jpg) no-repeat; margin-top: 18px; }
	#content h2#enter-the-competition { width: 232px; height: 22px; background: url(../img/titles/enter-the-competition.jpg) no-repeat; }
	#content h2#terms-and-conditions { width: 208px; height: 17px; background: url(../img/titles/terms-and-conditions.jpg) no-repeat; }
	#content h2#competition-winner { width: 215px; height: 22px; background: url(../img/titles/competition-winner.jpg) no-repeat; }
	
	
	
/* Save Panel */
	#content dl#save { width: 100%; margin: 10px auto 0 auto; }
	#content dl#save dt { clear: both; width: 165px; float: left; padding: 12px 0 12px 85px; font-size: 80%; border-top: 1px solid #d2d2d2; }
	#content dl#save dt a { color: #000000; text-decoration: none; }
	#content dl#save dt a:hover { text-decoration: underline; }
	/*#content dl#save dd { width: 202px; float: left; padding: 12px 15px 12px 15px; font-size: 80%; border-top: 1px solid #d2d2d2; }	*/
	#content dl#save dd { padding: 12px 15px 12px 15px; font-size: 80%; border-top: 1px solid #d2d2d2; }	
	#content dl#save dd a { color: #000000; font-weight: bold; text-decoration: none; text-transform: uppercase; }
	#content dl#save dd a:hover { text-decoration: underline; }
	
	#content dl#save dt.car { background: url(../img/dt-bg-car.jpg) no-repeat 25px 50%; }
	#content dl#save dt.home { background: url(../img/dt-bg-home.jpg) no-repeat 29px 50%; }
	#content dl#save dt.travel { background: url(../img/dt-bg-travel.jpg) no-repeat 29px 50%; }
	#content dl#save dt.marine { background: url(../img/dt-bg-marine.jpg) no-repeat 26px 50%; }
	#content dl#save dt.commercial { background: url(../img/dt-bg-commercial.jpg) no-repeat 29px 50%; }
	
	#content dl#save dt.zebra-stripe, #content dl#save dd.zebra-stripe { background-color: #f8e8f3; }
	
	
	
/* Step Process */
	#three-step-process { width: 485px; height: 63px; list-style: none; }
	#three-step-process li { display: none; }
	#three-step-process.home { background: url(../img/home-step-process.jpg) no-repeat; }
	#three-step-process.car { background: url(../img/car-step-process.jpg) no-repeat; }
	#three-step-process.travel { background: url(../img/travel-step-process.jpg) no-repeat; }
	#three-step-process.marine { background: url(../img/marine-step-process.jpg) no-repeat; }
	#three-step-process.commercial { background: url(../img/commercial-step-process.jpg) no-repeat; }
	#three-step-process.step-1 { background-position: 0 0; }
	#three-step-process.step-2 { background-position: 0 -63px; }
	#three-step-process.step-3 { background-position: 0 -126px; }
	
	
	
/* Form */
	#content form { width: 100%; margin: 17px 0 0 0; }
	#content form fieldset { width: 448px; background: #fbf1f9; padding: 5px 17px; list-style: none; border: 1px solid #cccccc; }
	#content form fieldset legend { display: none; }
	#content form fieldset dl { width: 100%; margin: 15px 0; }
	#content form fieldset dl dt { width: 168px; margin-bottom: 10px; padding-top: 5px; float: left; font-size: 75%; color: #000000; font-weight: bold; }
	#content form fieldset dl dd { width: 260px; margin-bottom: 10px; padding-left: 10px; float: right; position: relative; font-size: 80%; font-weight: normal; }
	#content form fieldset dl dt.error, #content form fieldset dl dd.error, #content form p.error { padding-bottom: 15px; font-size: 75%; color: #990066; font-weight: bold; }
	#content form fieldset dl dd.error a { color: #990066; text-decoration: underline; cursor: pointer; }
	#content form fieldset dl dd.error a:hover { text-decoration: none; }
	#content form fieldset dl dd.clear { clear: both; width: 100%; height: 1px; min-height: 1px; float: none; padding: 0px; margin: 0px; }
	#content form fieldset dl dd input { width: 248px; background: #FFFFFF; padding: 3px; color: #6a6a6a; border: 1px solid #999999; cursor: text; }
	#content form fieldset dl dd input:focus, #content form fieldset dl dd input:hover, #content form fieldset dl dd input.onfocus  { background: #fbede2; color: #343434; border: 1px solid #808080; cursor: text; }
	#content form fieldset dl dd select { width: 256px; height: 23px; line-height: 23px; padding: 3px; color: #6a6a6a; border: 1px solid #999999; }
	#content form fieldset dl dd select:focus, #content form fieldset dl dd select:hover, #content form fieldset dl dd select.onfocus { background: #fbede2; color: #343434; border: 1px solid #808080; }
	#content form fieldset dl dd select.day { width: 50px; }
	#content form fieldset dl dd select.month { width: 100px; margin-left: 14px; }
	#content form fieldset dl dd input.year { width: 60px; margin-left: 14px; } 
	#content form fieldset dl dd input.small { width: 100px; margin-right: 10px; }
	#content form fieldset dl dd input.pound { width: 220px; margin-left: 15px; }
	#content form fieldset dl dd select.small { width: 50px; margin-right: 10px; }  
	
	#content form fieldset dl dt.fullwidth, #content form fieldset dl dd.fullwidth { width: 100%; }
	#content form fieldset dl dt.radio { width: 20px; margin: 0 0 10px 0; padding: 3px 20px 0 0; }
	#content form fieldset dl dt.radio input { width: auto; height: auto; margin: 0px; padding: 0px; float: right; }
	#content form fieldset dl dd.radio { width: 398px; margin: 0 0 10px 0; padding: 0; }
	#competition #content form fieldset dl dt.radio { margin-left: 200px; }
	#competition #content form fieldset dl dd.radio { width: 198px; }


	#content form fieldset dl dt.check { width: 20px !important; margin: 0 0 10px 0; padding: 23px 20px 0 0; }
	#content form fieldset dl dd.check { width: 398px; margin: 0 0 10px 0; padding: 20px 0 0 0; }
	#content form fieldset dl dd.check a { color: #990066; text-decoration: none; cursor: pointer; }
	#content form fieldset dl dd.check a:hover { text-decoration: underline; }
	#content form fieldset dl dd.indentedcheck { width: 350px; margin: 0 0 10px 0; padding: 20px 0 0 0; }
	#content form fieldset dl dt.check input, #content form fieldset dl dd.check input { width: auto; height: auto; margin: 0px; padding: 0px; float: right; }
	#content form fieldset dl dd.check label { font-size: 90%; color: #000000; font-weight: bold; }
	
	#content form fieldset dl dt.indented { width: 234px; margin-left: 50px; }
	#content form fieldset dl dd.indented { width: 144px; }
	#content form fieldset dl dd.indented input { width: 132px; }
	#content form fieldset dl dd.indented input.pound { width: 105px; }
	#content form fieldset dl dd.indented select { width: 140px; }
	
	#content form#apply fieldset dl dt, #content form#apply fieldset dl dd { padding-top: 10px; }
	#content form fieldset dl dd.small { width: 180px; float: left; padding-left: 20px; }
	#content form#apply fieldset dl dd.edit, #content form fieldset dl dd.edit { width: 65px; margin: 0px; padding: 0px; }
	#content form fieldset dl dd.edit input { width: auto; height: auto; background: none; padding: 0px; border: 0px; cursor: pointer; }
	
	#content form fieldset h2.hidden, #content form fieldset dl dt.hidden, #content form fieldset dl dd.hidden, #content p.hidden, #content #warning.hidden { display: none; }
	#content form fieldset dd span.information { margin: 10px 5px 0 0; text-align: right; font-size: 90%; color: #343434; display: block; }
	#content form fieldset dd span.popup { width: 200px; min-height: 80px; background: #f5921d; padding: 10px; font-size: 100%; color: #FFFFFF; font-weight: bold; border: 3px solid #ca5c2b; position: absolute; top: -35px; left: 270px; }
	#content form input.button { margin-top: 15px; float: right; }
	
	#content #warning p { width: 400px; float: left; margin: 20px 0 0 0; font-size: 60%; }
	#content #processing { width: 274px; min-height: 100px; background: #f5921d; padding: 10px;  color: #FFFFFF; font-weight: bold; border: 3px solid #ca5c2b; position: absolute; bottom: 30%; left: 25%; }
	#content #processing p { width: auto; float: none; margin: 0px; font-size: 80%; color: #FFFFFF; }
	
	#content form#apply h3 { font-size: 100%; margin-bottom: 0px; }
	#content form#apply h3 a { color: #f07b2c; text-decoration: none; }
	#content form#apply h3 a:hover { text-decoration: underline; }
	#content form#apply p { margin-top: 15px; margin-bottom: 20px; }
	
	
	
/* Contact Us */
	#contact-us-details p { margin-bottom: 20px; }
	#contact-us-details ul { margin-top: -5px; margin-bottom: 20px; }
	p#map { float: right; }
	p#map img { border: 2px solid #7d1e60; }
	
	
	
/* Pop-Up */
	#popup #content { background: #FFFFFF; margin: 0 auto; padding-top: 10px; padding-bottom: 20px; text-align: center; }
	#popup #content h2, #popup #content h3, #popup #content p, #popup #content ul, #popup #content ol { text-align: left; }
	
	
	
/* Downloads */
	#downloads #content ul { list-style: none;}
	#downloads #content ul li { height: 25px; background: none; font-size: 60%; margin-left: 0px; margin-bottom: 15px; padding-left: 33px; position: relative; vertical-align: middle; }
	#downloads #content ul li a { font-size: 130%; font-weight: normal; display: block; }
	#downloads #content ul li a img { position: absolute; top: 0px; left: 0px; }
	

	
/* Third-Party sites */
	.third-party #content h2 { width: 50%; float: left; margin-bottom: 10px; }
	.third-party #content h2#save-online-today { width: auto; float: none; margin: 15px 0; }
	.third-party #content img { float: right; margin-bottom: 10px; }
	.offer-page #content img { margin-left: 20px; }
	
	/*Titles */
	#content h2#crill-canavan-employees { width: 261px; height: 46px; background: url(../img/titles/third-party/crill-canavan.png) no-repeat; }
	
	
	
/* Sidebar */
	#sidebar { width: 221px; position: absolute; top: 115px; left: 0px; }
	#sidebar h2#get-quote { width: 221px; height: 48px; background: url(../img/titles/get-a-quote.jpg) no-repeat; }
	
	#sidebar ul { width: 221px; text-align: left; list-style: none; }
	#sidebar ul li { width: 100%; font-size: 85%; display: block; }
	#sidebar ul li a { width: 181px; background: url(../img/sidebar-divider.jpg) no-repeat left bottom; padding: 15px 20px 20px 20px; color: #FFFFFF; font-weight: bold; text-decoration: none; display: block; cursor: pointer; }
	#sidebar ul li.selected a, #sidebar ul li a:hover { background: url(../img/sidebar-bg.jpg) repeat-y #FFFFFF; padding: 18px 20px 17px 20px; color: #000000; position: relative; bottom: 3px; }	
	#sidebar ul li.first-item a, #sidebar ul li.first-item a:hover { padding: 15px 20px 20px 20px; bottom: 0px; }
	#sidebar ul li a span, #sidebar ul li a.selected span, #sidebar ul li a:hover span { background: url(../img/sidebar-arrow.png) no-repeat right 3px; padding-right: 15px; font-size: 90%; font-weight: normal; display: inline; }


	#sidebar h2#personal-loans { width: 200px; height: 14px; background: url(../img/titles/personal-loans.png) no-repeat 20px 0; margin-top: 20px; }
	#sidebar dl { width: 221px; text-align: left; }
	#sidebar dl dt { padding: 13px 0 0 20px; font-size: 85%; }
	#sidebar dl dt a { background: url(../img/sidebar-arrow.png) no-repeat right 3px; padding-right: 15px; color: #FFFFFF; font-weight: bold; text-decoration: none; }
	#sidebar dl dt a:hover { text-decoration: underline; }
	#sidebar dl dd { padding: 8px 0 0 20px; font-size: 70%; }
	#sidebar dl dd a { background: url(../img/sidebar-arrow.png) no-repeat right 3px; padding-right: 15px; color: #FFFFFF; text-decoration: none; }
	#sidebar dl dd a:hover { text-decoration: underline; }
	
	
/* Footer */
	#footer { width: 960px; margin: 5px auto 0 auto; padding: 0 0 10px 0; text-align: center; }
	#footer p { padding: 3px 20px 3px 20px; float: left; font-size: 70%; color: #000000; }
	#footer p#credit { float: right; }
	#footer p#credit a { color: #000000; text-decoration: none; }
	#footer p#credit a:hover { text-decoration: underline; }
	#footer .div-clear { clear: both; width: 100%; height: 3px; background: #f58025; margin-bottom: 8px; }
	#footer ul { float: right; list-style: none; margin: 0 20px 8px 0; }
	#footer ul li { height: 16px; background: url(../img/footer-li-bg.jpg) no-repeat right top; padding: 2px 16px; float: left; font-size: 70%; }
	#footer ul li a { color: #000000; text-decoration: none; }
	#footer ul li a:hover { color: #000000; text-decoration: underline; }
	#footer ul li.last-item { background: none; padding-right: 0px; }
	
	
	
/* Globals */
	.margin-bottom-15px { margin-bottom: 15px; }
	.margin-bottom-50px { margin-bottom: 50px; }