﻿/* Page Element Styles */
#body-margins {margin:0px 0px 0px 0px; padding:0px 11px 3px 30px; border: none; }
#body-home-margins {margin:0px 0px 0px 0px; padding:20px 11px 3px 11px; border: none; float:left; }

/* firefox only */
html>body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 71.0%; color: #000000; background-color: #FFFFFF; margin: 0; text-align:center; }

/* end firefox only */
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; color: #000000; background-color: #FFFFFF; margin: 0; text-align:center; }

/* home page elements */
#welcome, #editor-spotlight, #popular-services, #testimonials, #left-home-col {float:left; width: 250px; }
.home-hdr-img {float:left; width: 250px; height: 27px; margin-bottom: 10px; }
#welcome div, #editor-spotlight div, #popular-services div, #testimonials div, #side-bar div {padding: 5px; }
#side-bar #instant-quote {padding:0px 10px 0px 10px;}
#side-bar #instant-quote span {display:block;padding:10px 0px 5px 0px;}
#side-bar #newsletter {	margin-top:25px; }
#side-bar #instant-quote .imageSubmit {margin-top:10px; background-color: #3A6D61; font-weight: bold; font-family: Verdana; color: #ffffff; padding: 2px 0px 2px 2px;}
#advertising  a {margin-left:20px; clear:both;}
#advertising img {border:0;}
#advertising a:hover {text-decoration:none;}
#quality img {margin: 20px 0px 0px 20px; border:0;}
#editor-spotlight {border-left: solid 1px #E3E6CC; border-right: solid 1px #E3E6CC;	width:248px; }
#spotlight {color: #333333;}
#spotlight img {border: solid 1px #E3E6CC; width: 75px; height: 86px; float: left;margin: 4px; vertical-align: top;}
#spotlight div {border: none; font-weight: bold; }
#spotlight .about-editor {font-weight: normal; margin-bottom: 10px;}
#services div div {float:left;}
.services-img {	width:45px;}
#services img {padding:0px;	margin-top:20px; width: 40px; height: 40px;}
#services ul {list-style: square; padding-left:2px;}
#services ul li {padding: 2px 0px 2px 0px;}
#services a {color: #333333;}
#services ul li a {color: #2f5951;}
#side-wrapper {width: 242px; float: left; clear: left; margin-left: 0px;}
#side-bar { width: 242px; float: left; clear: left;	background-color: #E3E6CC; margin-left: 0px;}
.home-hdr-text { font-family: Verdana; font-size: 1.0em; font-weight:bold; color:white; height: 27px;}
#welcome .home-hdr-text {background:url('/assets/new_images/welcome-title.jpg') top left no-repeat;}
#editor-spotlight .home-hdr-text {background:url('/assets/new_images/editor-spotlight-title_bg.jpg') top left no-repeat;}
#popular-services .home-hdr-text {background:url('/assets/new_images/popular-services-title.jpg') top left no-repeat;}
#testimonials .home-hdr-text {background:url('/assets/new_images/testimonial-title.jpg') top left no-repeat; }
#side-bar .home-hdr-text {background:url('/assets/new_images/instant-estimate-title.jpg') top left no-repeat;}
}

.warning {color:red;}
.warning { margin-top: 10pt; color: #FF3535; font-weight: bold; text-align: center; font-size: 10px; background:#FCD8D8; border-color:#FF3535; border-style:solid; border-width:1px; }
.warning-msg-hide {display:none;}
.warning-msg-show {display:inline;}


/* detailed quote form */
#existing-customer {background-color: #E3E6CC;padding: 10px;width:560px;margin-left:20px;}
#existing-customer label, #existing-customer a {padding:5px 20px 5px 30px;}
#existing-customer .imageSubmit {margin-left: 180px;width: 140px;}
#detailed-quote-form {margin: 0px 0px 0px 20px;border:0;width:80%;}
#detailed-quote-form .quote-input {width:200px;}
#detailed-quote-form td {vertical-align: top;}
#detailed-quote-form td label {background-color:#E3E6CC; width:90%; display:block;padding:2px 5px 2px 5px;}
#detailed-quote-form #info {background-color:#E3E6CC;padding:10px;}
#detailed-quote-form #info span {text-align: center;font-weight:bold;display:block;margin-bottom: 10px;}
/* end detailed quote form */

/* contact us form */
#contact-form label {float:left;width:150px;clear:left;}
#contact-form #ex-job {float:left;width:100%;}
#contact-form input, #contact-form select {margin-bottom: 20px;clear:right;}
#contact-us-addr {width:100%;}
#contact-us-addr div {padding-right: 50px;}
#contact-us-addr ul {list-style:none;}
/* end contact us form */

/* buttons */
.imageSubmit {margin-top:10px;background-color: #3A6D61;font-weight: bold;font-family: Verdana;color: #ffffff;padding: 2px 0px 2px 2px;text-align:center;}
.googleSubmit {padding-top:2px;background-color: #3A6D61;font-weight: bold;font-family: Verdana;color: #ffffff;padding: 2px 0px 2px 2px;text-align:center;}
/* end buttons */

/* quote styles */
.content-hdr-img-right, .content-hdr-img-left {float:right; border: 0; margin: 5px; vertical-align: top; }
.content-hdr-img-left { float:left; }
#quote-wrapper {clear:both;float:left;width:100%;}
.beige-bg-quote {min-height: 70px;background-color:#E3E6CC;display: block;vertical-align: middle;padding-top: 55px;}
.beige-bg-box {min-height: 60px;background-color:#E3E6CC;display: block;vertical-align: middle;padding: 20px;width:500px;}
.white-bg-quote {padding-top: 20px;}
.white-bg-quote p {display:block;margin-left:auto;margin-right:auto;width: 300px;}
.quote-plain-beige {padding-top:10px;}
.quote-plain-beige p {display:block;margin-left:auto;margin-right:auto;width: 400px;background-color:#E3E6CC;padding: 10px;}
.quote-beige {width:95%;background-color: #E3E6CC;margin: 0px 0px 10px 20px;text-align:center;padding: 0px 10px 10px 10px;}
.quote-white, .quote-white-left {width:75%;margin: 0px 0px 10px 20px;text-align:center;padding: 0px 10px 10px 10px;}
.quote-beige img, .quote-white img {float:left;margin: 10px 20px 10px 20px;}
.quote-white img {float:right;vertical-align: middle;}
.quote-white-left img {float:left;margin: 10px 20px 10px 20px;vertical-align: top;}
.quote-beige span {margin-top: 20px;display:block;}
.quote-white span, .quote-white-left span {margin-top: 60px;display:block;}
.quote-beige span ul, .quote-white-left div {text-align:left;}
.quote-white-left div {padding-top:5px;}
/* end quote styles */

/* list formats */
li {padding: 2px 0px 2px 0px; }
#welcome li {margin-left: -15px;}
#section-services, #section-services-vertical {background-color: #E3E6CC;padding: 10px;width:90%;}
#section-services li {list-style:none;display:inline;}
#section-services-vertical li {list-style:none;display:block;}
.content-list {float:middle;}
.content-list ul {list-style: square;}
.content-list-rows {list-style: none;margin-right: 10px;}
.content-list-rows li span, .content-list-rows li.alt span {display:block;vertical-align:top;padding:5px;margin: 2px 0px 2px 0px;background-color:#E3E6CC;}
.content-list-rows li.alt span {background-color:#D6D7AD;}
.content-list-img {list-style:none;margin-bottom: 10px;}
.content-list-img li img {vertical-align:top;float:left;clear:left;margin: 5px 0px 5px 0px;padding:5px;}
.content-list-img li span {display:block;vertical-align:top;padding:0px 5px;margin: 5px 0px 5px 0px;float:left;clear:right;width:100%;}
.indented-child-list li {background-color:#E3E6CC;list-style:none;font-weight: bold;margin-bottom: 2px;}
.indented-child-list li.indent {background-color:#D6D7AD;list-style:none;padding-left:20px;font-weight:normal;margin:0px;}
/* end list formats */

/* writer testimonials */
.writer-testimonials, .writer-testimonials-alt {width:95%;background-color: #E3E6CC;margin: 0px 0px 2px 20px;text-align:center;	padding: 0px 10px 10px 10px;}
.writer-testimonials img, .writer-testimonials-alt img {float:left;margin: 10px 20px 10px 20px;}
.writer-testimonials span, .writer-testimonials-alt span {margin-top: 20px;display:block;width:530px;}
.writer-testimonials div, .writer-testimonials-alt div {margin-top: 20px;width:90%;}
.writer-testimonials-alt {background-color:#D6D7AD;}
#testimonial-div {padding: 0 0 20px 30px;}
.tierTwoTestimonial {width:90%;}
.hp-testimonials {border-bottom: solid 1px #D6D7AD;}
/* end writer testimonials */

/* message classes */
.msgDetails { width:95%; background:#E3E6CC; border-style:solid; border-width: 1px; border-color:#CCCCCC; } 
.msgIntDetails1 { width: 485px; background:#E3E6CC; border-style: solid; border-width: 1px; border-color:#CCCCCC; } 
.msgIntDetails2 { width: 485px; background:#E3E6CC; border-style: solid; border-width: 1px; border-color:#cccccc; } 
.messageLeft { width:60px; background:#D6D7AD;}
/* end message classes */

/* links */
a, a:active {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 1em;color: #2F5951;font-weight: normal;text-decoration: none;}
a:visited {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 1em;color: #2F5951;font-weight: normal;text-decoration: none;}
a:hover {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 1em;font-weight: normal;text-decoration: underline;}
/* end links */

/* miscellaneous formatting */
.clear-content {padding-top:10px; clear:both;}
.centered-text, .centered {text-align:center;}
#back-to-top { float:right; vertical-align:bottom;}
.questions {padding-left:20px;}
.answer {padding-left:20px;clear:both; margin-bottom:10px; width:95%;}
.questions span, .answer span {float:left;display:block;padding-right: 5px;}
.answer div{width:90%;}
#ensure {color:#8B0000;	font-weight:bold; margin-bottom:10px;text-align:center;}
.required{color:red;}
.clearBoth{clear: both;}
.bold {font-weight: bold;}

form input, form textarea {border: solid 1px #999999;}   
.inline {float:left;}
.submit-quote
{
	clear:both;
	text-align:center;
	font-weight:bold;
}

.submit-quote a
{
	font-weight:bold;
}
/* end miscellaneous formatting */

#content {float:left;background-color: #FFFFFF;font-size: 1.1em;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border: none;}
input, select, textarea {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 1em;color: #333333;background-color: #FFFFFF;margin: 0;text-align:left;}  

/* headings */
.tierTwoTopHeading {display:inline; font-size: 16pt; margin-bottom: 15px;} 

/* .tierTwoTopHeading {font-size: 16pt; margin-top: 0px; margin-bottom: 5px; float: left; width: 625px;} */
.title-bar {clear: both; border-top: solid 1px #3A6D61; width:100%;}
.title-bar img {float:right; }
h1 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 1.6em;font-weight: normal;color: #3A6D61;}
h2 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 1.4em;font-weight: bold;color: #333333;}
h3 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 1.3em;font-weight: bold;color: #7E7E7E;}
h4 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 1.1em;font-weight: bold;color: #333333;}
h5 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 1.0em;font-weight: bold;color: #000000;text-align:center;}
h6 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 1.0em;font-weight: bold;color: #000000;text-align:left;clear:both;margin:0;padding:0;}
/*#topRightIcon { display: block; text-align: right; margin-top: -25px; margin-bottom: 3px;} 
#topRightIcon {float: left; width: 80px;  }
#topRightIcon a img {border: none;}*/

.title-block{}
/* end headings */

/* header links */
.header-link {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 1.0em;font-weight: bold;color: #ffffff;}
a.header-link:hover {text-decoration: underline;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 1.0em;font-weight: bold;color: #ffffff;}
a.header-link  , a.header-link:active , a.header-link:visited {color: #ffffff;font-size: 1.0em;font-weight: bold;}
/* end header links */

/* page layout */
#page-container {margin: 0 auto;padding:0px 0px 0px 0px;width: 994px;text-align:left;border-top: solid 1px #ffffff;}
#page-header {width:994px;margin:0px 0px 20px 0px;padding:0px 0px 0px 0px;}
#page-header #logo {border:0;float:left;margin: 30px 0px 0px 10px;}
#page-header div {float:right;padding-right:10px;}
#page-header div #estimate, #page-header div #contact {background:url('/assets/new_images/detailed-quote-right.gif') top right no-repeat;width:160px;height:30px;background-color: #3A6D61;color: #ffffff;float:left;margin-right:10px;}
#page-header div #contact {background:url('/assets/new_images/contact-wordsru-right.gif') top right no-repeat;background-color: #999999;}
#page-header div #estimate img, #page-header div #contact img {border:0;float:left;}
#page-header div #estimate span, #page-header div #contact span {margin-top:7px;display:block;}
#page-header div #google-search {width:220px;color: #ffffff;float:left;margin-right:10px;}
#page-content {width:750px;float:left;margin:10px 0px 0px 0px;padding:0px 0px 0px 0px;vertical-align:top;}
#content-header {float:left;width:750px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;clear:none;background-color:#E3E6CC;}
#content-header h1 {font-family: Verdana;font-size: 2.2em;color: #333333;width: 500px;margin: 10px 0px 0px 20px;font-weight:normal;}
#content-header #weekly-word {font-family: Verdana;font-size: 11pt;color: #333333;margin: 10px 0px 0px 20px;}
#content-header img {border:0;float:right;vertical-align:top;}
/* end page layout */


/* navigation */
#page-navigation {width: 242px;float:left;overflow:visible;margin:10px 0px 0px 0px;padding:0px 0px 0px 0px;background-color: #3A6D61;clear:left;}
#page-navigation-list li, #page-navigation-list li a, #page-navigation-list li a span{float:left;}
#page-navigation-list {list-style: none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
#page-navigation-list li {width: 240px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
#page-navigation-list li a, #page-navigation-list li a:visited, #page-navigation-list li a:active, #page-navigation-list li a:hover { font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;text-decoration: none;text-align:left;color: #FFFFFF;}
/*#page-navigation-list li.levelhome-li-selected, #page-navigation-list li.levelhome-li-unselected:hover, #page-navigation-list li.sfhover-home {border-left: solid 0px #000000;border-right: solid 0px #000000;background: url(../images/Finance_Home_button_colour.gif) top left no-repeat;background-color:#3A6D61;} */
/*page-navigation-list li.levelhome-li-unselected {border-left: solid 0px #000000;border-right: solid 0px #000000;background: url(../images/Finance_Home.gif) top left no-repeat;background-color:#3A6D61;} */
#page-navigation-list li.level1-li-selected, li.level2-li-selected, li.level3-li-selected, li.level4-li-selected {background-color:#3A6D61;}
#page-navigation-list li a {width:242px;}
#page-navigation-list li.levelhome-li-selected a span, #page-navigation-list li.levelhome-li-unselected a span, #page-navigation-list li.sfhover-home a span {font-weight: bold;cursor:	pointer;width:206px;padding-top:20px;padding-bottom:8px;padding-left:6px;float:left;}
#page-navigation-list li a img {margin-left:10px;padding-top:12px;padding-bottom:8px;padding-right:10px;float:left;border:0;}
#page-navigation-list li a span, #page-navigation-list li #login {font-weight: bold;cursor:pointer;width: 213px;padding-top:8px;padding-bottom:8px;padding-left: 6px;display:block;border-bottom: 1px solid #759991;float:left;}
#page-navigation-list li #login {border-bottom: 0;color: #D6D7AD;}
#page-navigation-list li a:hover {text-decoration:underline;}
#page-navigation-list li a.level1-unselected-login:hover {text-decoration:underline;color: #D6D7AD;}
#page-navigation-list li:hover, #page-navigation-list li.sfhover {background-color:#2F5951;}
#page-navigation-list li a.level2-unselected span {width:216px;font-weight:normal;padding-left:26px;}
#page-navigation-list li a.level2-selected span {width:216px;padding-left:26px;}/* CSS changes.  Hovering colour. author: JL. date 03/01/08  */
/* end navigation */


/* footer */
#page-footer {width: 994px;margin:0px 0px 0px 0px;clear:both;}
#copyright {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10pt;text-decoration: none;font-weight: normal;text-align:center;color: #999999;display:block;margin-top:10px;}
#footer-list {list-style: none;margin:0px;padding:0px;width: 994px; font-weight:bold;}
#footer-list li {float:left;padding-top: 5px;padding-bottom: 5px;width:164px;background-color: #3A6D61;text-align:center;display:block;}
#footer-list li:hover {background-color:#2F5951; }

#footer-list li span {display:block;line-height: 15px;border-right: solid 1px #ffffff;}
#footer-list li #end {display:block;line-height: 15px;border-right: 0;}                
#footer-list li a, #footer-list li a:visited, #footer-list li a:active, #footer-list li a:hover { font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 1.0em;text-decoration: none;text-align:center;color: #ffffff;}
  
#footer-list li.sfclick {background-color:#2F5951;}
#footer-list li.sfclick a {text-decoration: underline;}    

#affiliation-icons{height: 50px; text-align: center; margin-top: 20px; }
#affiliation-icons span {border:none; margin-left: 10px;}
#affiliation-icons span img {border:none;}

  
/* alternate row styles */
.alt-row1, .alt-row2, .alt-row3, .alt-row4 {background-color: #D6D7AD;color: #333333;text-align: left;}
.alt-row2 {background-color: #ECECE0;}
.alt-row3 {background-color: #D6D7AD;}
.alt-row4 {background-color: #ECECE0;}
/* end alternate row styles */


/**   CSS Added.
***   Name    : Login Page  
***   Author  : JL. Date: 07/01/08  */
  
/* Login Page */
#loginbox{
border: none;
width: 400px;
margin-left : auto;
margin-right: auto;
margin-top: 50px;
}

#loginbox span{ 
display: block;     
text-align: center;
line-height: 25px;
}

/* End of CSS Add. Name : Login Page  */



#page-header div#google-search span input#googleTextBox {
  background-color: #E1E1E1;
}

#page-header div#google-search span input#googleTextBox:focus {
  background-color: #FFFFFF;
}

/* How WordsRU Works Page */
#assesment-diagram {width: 610px; text-align: center; margin: auto; }
#assesment-diagram div.assesment-step {display: block;  float: left; width: 180px; height: 150px;} 
#assesment-diagram span.assesment-step-text {display: block; margin: 10px 5px; font-weight: bold;}
#type-of-edit{ width: 200px;}
#type-of-edit span{display: block; line-height: 1.8;}

/* add this button */
#add-this-div {float:right;}
#add-this-home {margin-left:20px; margin-bottom:10px;}
