/*-----------------------------------------------------------
Site	:  My Conveyancing
File	:  screen.css
-----------------------------------------------------------*/

* {
	padding: 0;
	margin: 0;
}
body {
	behavior:url("csshover.htc");
	font-family: verdana, Arial, Helvetica, sans-serif, sans;
	font-size: small;
	background-color: #CF7432;
	color: #333;
	text-align: center;
}
#mainContent, #sidebar, #sectionHead, #footer, #frontFeature {
	font-family: "lucida grande", "lucida sans unicode", verdana, helvetica, arial, sans-serif;
}

/* >Main Anchors
-----------------------------------------------------------*/

a {
	text-decoration: none;
}
a:link, a:visited {
	color: #C56022;
	font-weight: bold;
	border-bottom: 1px solid #e9e9e9;
}
a:active, a:hover {
	border-bottom: 2px solid #e0e0e0;
}

/* >Header
-----------------------------------------------------------*/

#header {
	height: 125px;
	background: #fff url(../images/detail/header-bg.png) repeat-x;
	border-top: 1px solid #98D6E5;
}
p#contentSkip {
	position: absolute;
	visibility: hidden;
}
#header fieldset {
	display: none;
}
h1 {
	text-indent: -9000px;
	background: url(../images/logo.gif) no-repeat 50% 12px;
	height: 125px;
	width: 100%;
	margin-top: 17px
	border: 1px solid #fff;
}

/* >Navigaton
-----------------------------------------------------------*/

#navContainer {
	border-top: 1px solid #fff; /* required */
	padding: 10px 0;
}
#navigation {
	width: 650px;
	float: left;
	font-size: 11px;
	margin: 0;
	padding: 0 10px 0 25px;
	background: url(../images/detail/nav-bg.gif) repeat-x 100% 100%;
}
#navigation li {
	float: left;
	margin: 0; 
	padding: 0;
	display: inline;
	list-style: none;
}
#navigation a:link, #navigation a:visited {
	float: left;
	line-height: 20px;
	font-weight: bold;
	margin: 0 8px 0 8px;
	text-decoration: none;
	color: #666;
	border: 0;
}
#navigation a:hover,
.home ul#navigation li#nav1 a,
.about ul#navigation li#nav2 a,
.privacy ul#navigation li#nav2 a,
.terms ul#navigation li#nav2 a,
.accessibility ul#navigation li#nav2 a,
.contact ul#navigation li#nav2 a,
.quote ul#navigation li#nav3 a,
.news ul#navigation li#nav4 a,
.guide ul#navigation li#nav5 a,
.services ul#navigation li#nav6 a,
.login ul#navigation li#nav7 a {
	border-bottom: 4px solid #61B0CD;
	padding-bottom: 2px;
	color: #000;
}

/* Sub Nav
-----------------------------------------------------------*/

#sidebar ul {
	list-style: none;
	font-size: 95%;
	padding: 5px 0;
}
#sidebar ul ul {
	margin-bottom: 15px;
}
#sidebar ul li {
	padding: 1px 0;
	border-bottom: 1px solid #fff;
}
#sidebar ul a {
	display: block;
	background-color: #f9f9f9;
	padding-left: 10px;
	font-weight: normal;
	padding: 5px 10px;
	border: 0;
	border-left: 2px solid #fff;
	color: #444;
}
#sidebar ul a:hover {
	color: #C56022;
	background-color: #fff;
}
#sidebar ul a.active {
	color: #C56022;
	font-weight: bold;
	background-color: #ffffdd;
}
#sidebar #subNav ul li a.active {
	border-left: 2px solid #E7B16C !important;
}
#sidebar ul a span {
	display: none;
}
#sidebar ul a.active span {
	display: inline;
}
#subNav {
	margin-bottom: 10px;
}
#subNav h2 {
	text-indent: -9000px;
	background: #fff url(/images/textreplacement/titles/topicsH.gif) no-repeat -1% 50%;
}

/* >Content
-----------------------------------------------------------*/

#wrapper {
	background-color: #fff;
	border-bottom: 3px solid #E7B16C;
	padding-bottom: 40px;
	text-align: center; /* IE 5 */
}
#content {
	width: 685px;
	margin: 0 auto;
	background-color: #fff;
	text-align: left; /* IE 5 */
}
#mainContent {
	width: 442px;
	float: right;
}
.guide #mainContent, .about #mainContent {
	width: 455px;
}
#mainContent p, #mainContent ul, #mainContent ol {
	margin-bottom: 12px;
	line-height: 1.6;
}
#mainContent dl {
	line-height: 1.4;
}
#mainContent ul, .home #sidebar ul {
	list-style-type: none;
	margin-left: 5px;
	margin-top: 10px;
}
#mainContent ol {
	margin-left: 25px;
}
#mainContent ul li, .home #sidebar ul li {
	padding-left: 15px;
	background: url(../images/detail/orange-sq-bullet.gif) no-repeat 0px 8px;
	margin-bottom: 3px;
}
.home #sidebar ul li {
	margin-bottom: 1px;
	font-size: 110%;
}
#mainContent h3 {
	color: #C56022;
	font-size: 140%;
	margin-bottom: 5px;
	border-bottom: 3px solid #ccc;
	padding-bottom: 3px;
}	

/* >Sidebar
-----------------------------------------------------------*/

#sidebar {
	width: 200px;
	float: left;
}
#sidebar p {
	padding-bottom: 1px;
	color: #666;
}
.home #sidebar p {
	color: #333;
}
p#tel {
	text-indent: -9000px;
	background: #fff url(../images/textreplacement/tel.gif) no-repeat 0% 50%;
	height: 18px;
	margin-top: 7px;
	margin-bottom: 5px;
}
.quote h2#callUsH,
.about h2#callUsH,
.quote h2#callUsH {
	margin: 0;
}
#sidebar h2 {
	font-family: "lucida grande", "lucida sans unicode", verdana, helvetica, arial, sans-serif;
	color: #999;
	font-weight: normal;
}
h2#compH {
	margin: 10px 0;
	text-indent: -9000px;
	background: #fff url(../images/textreplacement/titles/competitionH.gif) no-repeat -1% 50%;
}
	
/* >Footer
-----------------------------------------------------------*/

#footer {
	clear: both;
	color: #fff;
	margin-top: 10px;
	text-align: center;
}
#footer p {
	margin: 20px 0 40px 0;
}
#footer p span {
	color: #E7B16C;
}
#footer a {
	color: #fff;
	border-bottom: 0;
}
#footer a:hover {
	border-bottom: 2px solid #E7B16C;
}

/* >Inline
-----------------------------------------------------------*/

.hidden {
	display: none;
}
hr {
	display: none;
}
p em, ul em, ol em {
	background-color: #ffffda;
	font-style: normal;
}
p strong, ul strong, ol strong {
	color: #444;
}
#mainContent blockquote {
	padding: 10px 10px 10px 25px;
	margin-left: 10px;
	background: url(../images/detail/quote.gif) no-repeat 7px 7px;
}
.smallPrint {
	font-size: 85%;
	font-weight: bold;
}
.seeElsewhere {
	color: #C56022;
	font-weight: bold;
}
.center {
	text-align: center;
}
#ppcTracking {
	display: none;
}
img.inlineImg {
	margin: 5px 10px 5px 0px;
	border: 1px solid #E7B16C;
	padding: 3px;
}

/* >Feedback Errors
-----------------------------------------------------------*/

#error_message, #flash_message {
	font-weight: bold;
	padding: 10px;
	background-color: #F9DDDB;
	border: 3px solid #CC0000;
	margin-bottom: 15px;
}
#error_message h2 {
	text-indent: 0;
	background: #F9DDDB;
	color: #CC0000 !important;
	border-bottom: 0;
	font-weight: bold;
}

/* >Forms
-----------------------------------------------------------*/

form label {
	font-weight: bold;
	width: 30%;
	float: left;
}
form p {
	clear: both;
}

.quote form label {
	width: 100%;
	cursor: pointer;
}

/* >Inputs
-----------------------------------------------------------*/

input, textarea, select {
	border: 1px solid #ccc;
	background: #fff;
	font-size: 120%;
	padding: 3px;
}
input:focus {
	border: 1px solid #ccc;
}
input:focus, textarea:focus {
	border: 1px solid #EBBE7F;
	background: #fffde1;
}
.quote form input {
	width: 100%;
}
.quote form select {
	width: 150px;
}
input.checkbox {
	width: auto !important;
	border: 0;
}
input.submit {
	cursor: pointer;
	width: auto !important;
	padding: 4 10px;
	background-color: #fff;
	color: #C56022;
	font-weight: bold;
}
input.submit:hover {
	border: 1px solid #C56022;
	background-color: #ffffda;
}
.call input, .call textarea, .call select {
	padding: 0;
}

/* >Section Heads
-----------------------------------------------------------*/

#sectionHead {
	clear: both;
	padding-top: 10px;
}
#sectionHead h2 {
	border-bottom: 2px solid #E7B16C;
	padding-bottom: 5px;
	font-weight: normal;
	color: #C56022;
	font-family: "lucida grande", "lucida sans unicode", verdana, helvetica, arial, sans-serif;
	text-indent: -9000px;
}
.about #sectionHead h2, .privacy #sectionHead h2, .terms #sectionHead h2, .contact #sectionHead h2, .accessibility #sectionHead h2 {
	background: #fff url(../images/textreplacement/titles/aboutH.gif) no-repeat 0% 30%;
}
.quote #sectionHead h2 {
	background: #fff url(../images/textreplacement/titles/quoteH.gif) no-repeat 0% 50%;
}
.quote #sectionHead h2#instructUs {
	background: #fff url(../images/textreplacement/titles/instructUsH.gif) no-repeat 0% 50%;
}
.news #sectionHead h2 {
	background: #fff url(../images/textreplacement/titles/newsH.gif) no-repeat 0% 50%;
}
.guide #sectionHead h2 {
	background: #fff url(../images/textreplacement/titles/guideH.gif) no-repeat 0% 50%;
}
.services #sectionHead h2 {
	background: #fff url(../images/textreplacement/titles/servicesH.gif) no-repeat 0% 40%;
}
.login #sectionHead h2 {
	background: #fff url(../images/textreplacement/titles/loginH.gif) no-repeat 0% 50%;
}
#sectionHead p {
	background-color: #ffffda;
	color: #444;
	padding: 10px 18px;
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
	font-size: 95%;
	line-height: 1.4;
}
#sectionHead p strong {
	color: #444;
}

/* >Home Page
-----------------------------------------------------------*/

.home #sectionHead {
	clear: both;
	padding-top: 10px;
}
.home #sectionHead h2 {
	border-bottom: 2px solid #E7B16C;
	padding-bottom: 5px;
	text-indent: -9000px;
	background: #fff url(../images/textreplacement/titles/ourServiceH.gif) no-repeat 0% 50%;
}
.home #sectionHead p {
	background: #fff url(../images/textreplacement/pitch.png) no-repeat;
	height: 81px;
	text-indent: -9000px;
	margin-bottom: 15px;
	border: 0;
}
#sidebar h2 {
	border-bottom: 3px solid #E0E0E0;
	padding-bottom: 4px;
}
#getQuote h2,
h2#aboutUsH,
h2#callUsH {
	text-indent: -9000px;
}
#getQuote h2 {
	background: #fff url(../images/textreplacement/titles/getQuoteH.gif) no-repeat 0% 50%;
	border-bottom: 3px solid #E0E0E0;
	padding-bottom: 4px;
	margin-bottom: 7px;
}
h2#aboutUsH {
	background: #fff url(../images/textreplacement/titles/aboutUsH.gif) no-repeat 0% 50%;
	margin-bottom: 7px;
}
h2#callUsH {
	background: #fff url(../images/textreplacement/titles/callUsH.gif) no-repeat 0% 50%;
	margin-top: 13px;
}
#getQuote a {
	display: block;
	border: 3px solid #fff;
	padding: 12px  0 11px 130px;
	margin-bottom: 0px;
}
#getQuote a img {
	border: 0;
}
#getQuote a span {
	color: #555;
	font-weight: bold;
	font-size: 91%;
	width: 92%;
	display: block;
}
.quoteType:hover {
	background: url(../images/detail/lightgrey-fade-down.gif) repeat-x 50px 0px;
}
#getQuote a:hover {
	border: 3px solid #e7e7e7;
}
#getQuote a#quote_sellandbuy {
	background: url(../images/quoteicons-small/sellAndBuy.gif) no-repeat 5% 65%;
}
#getQuote a#quote_buying {
	background: url(../images/quoteicons-small/buying.gif) no-repeat 7% 65%;
}
#getQuote a#quote_selling {
	background: url(../images/quoteicons-small/selling.gif) no-repeat 8% 65%;
}
#getQuote a#quote_remort {
	background: url(../images/quoteicons-small/re-mortgage.gif) no-repeat 6% 65%;
}
#getQuote a#quote_equity {
	background: url(../images/quoteicons-small/equity.gif) no-repeat 5% 65%;
}
#frontFeature {
	border: 3px solid #e7e7e7;
	padding: 8px 13px 8px 13px;
	font-size: 100%;
	margin-bottom: 15px;
	margin-top: -10px;
	line-height: 1.4;
}
#frontFeature p {
	margin: 0;
}

/* >News
-----------------------------------------------------------*/

#newsArticles .articleContent h1, #newsArticles .articleContent h2, #newsArticles .articleContent h3 {
	color: #666;
	border: 0;
	font-weight: bold;
	font-size: 110%;
}
#newsArticles h1 {
	background: none;
	text-indent: 0;
	padding-bottom: 0;
	height: auto;
}
#newsArticles h3 {
	font-weight: normal;
	color: #ddd;
	font-size: 150%;
	margin-bottom: 5px;
	border-bottom: 3px solid #ccc;
	padding-bottom: 3px;
}
#newsArticles h4 {
	padding-bottom: 3px;
	border-bottom: 1px solid #e0e0e0;
}
#newsArticles h3 a {
	color: #C56022;
	border: 0;
}
#newsArticles h3 a:hover, #newsArticles h3 a:active {
	color: #555;
}
#newsArticles h3 em {
	font-style: normal;
	font-size: 80%;
	color: #ccc;
}
.articleContent {
	margin-bottom: 10px;
}
#visitArchives {
	text-align: right;
}

/* >Contact
-----------------------------------------------------------*/

#mainContent h4 {
	color: #666;
	font-size: 120%;
	margin-bottom: 5px;
}
address {
	font-style: normal;
	margin-bottom: 10px;
}
form#callBackReq {
	border: 1px solid #E7B16C;
	background-color: #F7ECE8;
	padding: 10px 18px;
	margin-top: 10px;
}
form#callBackReq p {
	clear: both;
}
form#callBackReq textarea, #callBackName, #callBackEmail {
	width: 95%;
}
#callBackSubject {
	width: 97%;
}

/* >Quotes
-----------------------------------------------------------*/

.quote .quoteType {
	background: url(../images/detail/lightgrey-fade-down.gif) repeat-x 50px 0px;
}
.quote #getQuote a {
	border: 3px solid #f1f1f1;
	margin-bottom: 3px;
}
.quote #getQuote a:hover {
	border: 3px solid #e7e7e7 !important;
}
.quote a#quote_equity {
	margin-bottom: 15px;
}
.formNote {
	border-top: 2px solid #E7B16C;
	background-color: #ffffda;
	color: #444;
	padding: 10px 15px 1px 15px;
	font-size: 95%;
}
#quoteDetails strong {
	display: block;
}
#viewQuote h4 {
	margin-top: 10px;
	border-bottom: 1px solid #E0E0E0;
	padding-bottom: 3px;
}
#quoteDetails p {
	margin-bottom: 2px;
	background-color: #f5f5f5;
	padding: 2px 10px;
	font-size: 90%;
}
#quoteTotal {
	border: 2px solid #E7B16C;
	padding: 10px 10px;
	background-color: #ffffda;
	margin-bottom: 10px;
	margin-top: 15px;
	font-weight: normal;
}
#quoteTotal strong.grandTotal {
	font-size: 150%;
	color: #C56022;
}
#quoteTotal p {
	padding: 0;
	margin: 0;
	font-size: 91%;
}
#viewQuote table {
	border-collapse: collapse;
	font-size: 90%;
	width: 100%;
}
#viewQuote table td {
	padding: 3px;
	border: 1px solid #ccc;
	background-color: #ffffde;
}
#viewQuote table th {
	padding: 3px;
	border: 1px solid #ccc;
	background-color: #f5f5f5;
	font-size: 110%;
}
#viewQuote tr.tableTotal td {
	border-top: 2px solid #ccc;
	color: #C56022;
	font-size: 110%;
	background-color: #fff;
}
#viewQuote table caption {
	position: absolute;
	visibility: hidden;
}
a.instruct {
	border: 1px solid #ccc;
	padding: 3px 12px;
	font-size: 120%;
}
a.instruct:hover, a.instruct:active {
	border: 1px solid #C56022;
	background-color: #ffffda;
}
#breakdownQuoteStage p.property {
	display: none;
}
table#additionalFees {
	margin-bottom: 10px;
}

/* >Retrieve
-----------------------------------------------------------*/

input#retrieveSubmit {
	margin-left: 5px;
}
input#retrieveEmail {
	width: 220px;
}


input#trackingUsername, input#trackingPassword {
	width: 200px;
}

/* >Guide
-----------------------------------------------------------*/

#FAQs {
	margin-top: 10px;
}
#FAQs dl {
	font-size: 95%;
	margin-bottom: 15px;
}
#FAQs dl dt {
	font-weight: bold;
}
#FAQs dl dd {
	margin-bottom: 7px;
	padding-left: 20px;
}
#guides dl dt {
	margin-bottom: 5px;
	font-size: 130%;
}
#guides dl dd {
	font-size: 90%;
	color: #777;
}
#guides dl {
	border: 1px solid #e0e0e0;
	padding: 5px 10px;
	margin-bottom: 5px;
	background: url(/images/detail/lightgrey-fade-down.gif) repeat-x 50px -10px;
}
#guides dl span {
	color: #999;
	font-size: 85%;
}

/* >Quote Forms
-----------------------------------------------------------*/

#quotePreview h4 {
	margin-top: 20px;
	margin-bottom: 15px;
	font-size: 120%;
	color: #999;
	text-align: center;
	padding-bottom: 5px;
	border-bottom: 2px solid #f4f4f4;
}
#quotePreview h5 {
	font-size: 110%;
	margin-top: 10px;
	color: #333;
}
#quotePreview table {
	margin-bottom: 15px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: 100%;
	font-size: 90%;
	margin-top: 5px;
	background-color: #f9f9f9;
	border-left: 2px solid #aaa;
	border-collapse: collapse;
	padding-bottom: 10px;
}
#quotePreview table td {
	width: 50%;
	padding-left: 8px;
	margin-bottom: 2px;
	border-bottom: 1px solid #fff;
	padding-top: 3px;
	padding-bottom: 3px;
}
#quotePreview table td.data {
	border-left: 1px solid #aaa;
	font-weight: bold;
	color: #D94F03;
	background-color: #f0f0f0;
}
#quotePreview p a {
	border: 1px solid #ccc;
	padding: 3px 12px;
}
#quotePreview p a:hover, #quotePreview a:active {
	border: 1px solid #C56022;
	background-color: #ffffda;
}
#mainContent form .question h4 {
	font-size: 100%;
}

/* >Error Handling / Mini Pages
-----------------------------------------------------------*/

#miniPage {
	border-top: 2px solid #ddd;
	padding: 10px;
	clear: both;
	background-color: #f4f4f4;
	margin-bottom: 10px;
}
#miniPage pre {
	font: 14px Monaco, ProFont, "Andale Mono", "Lucida Console", Courier, monospace;
	color: #000;
	padding-left: 10px;
	border-left: 4px solid #F8AE5A;
	background-color: #ffffda;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
#miniPage h2 {
	font-family: lucida grande, verdana, Arial, Helvetica, sans-serif, sans;
	color: #CF7432;
	margin-bottom: 10px;
}
#miniPage p {
	margin-bottom: 10px;
}
#miniPage p.return {
	text-align: right;
}

/* >Docs Mini Page
-----------------------------------------------------------*/

.quoteDocs#miniPage ul {
	margin-bottom: 10px;
	list-style-type: none;
}
.quoteDocs#miniPage ul li {
	padding: 15px 0;
	padding-left: 10px;
	background-color: #fff;
	margin-bottom: 2px;
	border-left: 3px solid #ccc;
}
.quoteDocs#miniPage ul li:hover {
	border-left: 3px solid #CF7432;
}
.quoteDocs#miniPage ul li a {
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 30px !important;
	background: url(../images/detail/pdf-sml.gif) no-repeat;
	border: 0;
}
.quoteDocs#miniPage ul li a:hover {
	color: #666;
}

/* >End screen.css
-----------------------------------------------------------*/