body, html{ 
 background-color: #CCCCCC; 
 margin:0;
 padding:0;
 	font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
	font-size: 10px;;
}
#page{
 background:#C9C9C7;
 margin:0 auto;
 width:791px;
 text-align: left;
}

#header {
 background:#C9C9C7;
 background-image: url(../images/bg_top.jpg);
 margin: auto;
 background-position: top center;
 width: 800px;
 height: 26px; 
 padding: 0px;
}

#header h1{
 padding-top: 40px;
 text-align: center;
 color: #fff;
}

#content {
 float:left;
 width:800px;
 display: block;
 background-color:#FFFFFF;
}

#sidebar {
 padding: 10px;
 background-repeat:repeat-y; 
 float:right;
 width:180px;
 height:161px;
}

#sidebar ul{
 color: yellow;
}

#sidebar input.box{
 width: 100px;
}

#footer {
 background:#C9C9C7;
 background-image: url(../images/bg_bottom.jpg);
 margin: auto;
 background-position: top center;
 width: 800px;
 height: 26px; 
 padding: 0px;
 display: block;
 clear:both;
}

#subfooter {
 background:#CCCCCC;
 margin: auto;
 background-position: top center;
 width: 800px;
 height: 50px;
 clear: both;
 padding: 0px;
}

.ref{ 
 background-color: #cecece;
 width: 400px;
 margin-left: 100px;
}



/* 2 column layout c1-c1-c2 */
.c1-c2 #c2 {
	float: right;
	width: 25%;
	padding: 10px;
	margin: 15px 0 0 0;
	min-width: 100px;
}
	
.c1-c2 #c1 {
	float: left;
	width: 65%;
	background: #fff;
	margin: 15px 0 0 10px;
	padding: 10px;
	min-width: 400px;
}
.c1-c2 #footer {
	clear: both;
	padding: 10px 0 0 0 ;
	margin: 0 ;
	background: #eee;
	
}

.c1-c2 #footer p {
	font-size: 0.9em;
	color: #666;
	padding: 0;
}
#c1{
padding-left: 10px;
padding-right: 10px;

}



/*** CARD
---------------------------------------------*/

div.card {
	margin: 1em 0 3em 0;
	border-bottom: 1px solid #909093;
}

body.detail div.card {
	border-bottom: none;
}

div.card p {
	margin: 1em 0 1em 0;
}

div.card ul {
	margin: 1em 0 0 11em;
	list-style-type: none;
}

div.card ul li {
	padding-top: 0px;
	padding-right:0px;
	padding-bottom: 0px;
	padding-left: 15px;
	margin-left: 5px;
	background: url(../images/icon_orange_bullet.gif) no-repeat center left;
}


div.cardimage {
	margin: 0;
	float: left;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 135px;
}

body.creditcardcat div.cardimage {
	margin: 10px 0 0 0;
}

div.cardimage img {
	margin: 1em 2em 1em 0;
}

table.carddetails {
	clear: left;
	border-collapse: collapse;
	width: 100%;
	margin: 1em 0 2em 0;
	float: top;
	margin-bottom: 0px;
	margin-top: 0px;
}

table.carddetails th {
	background: #3983cd;
	color: #fff;
	border-left: #fff 1px solid;
	line-height: 2em;
	text-align: center;
}

table.carddetails th.first {
	border-left: #3983cd 1px solid;
}

table.carddetails th.last {
	border-right: #3983cd 1px solid;
}

table.carddetails td {
	background: #fff;
	border: #ccc 1px solid;
	border-top: none;
	color: #133e6b;
	font-size: 1.2em;
	text-align: center;
	line-height: 2em;
}

table.carddetails td span {
	color: #ff7100;
}

/* reviews */
.review {
	position: relative;
}

.review .two {
	background: #f5fbed;
}

.review .review-comment {
	margin: 10px 0 10px 0;
}

.review .review-comment p {
	position: relative;
	top: 0;
	left: 60px;
	margin: 0 70px 0 0;
}

.review img.avatar {
	position: absolute;
	width: 48px;
	height: 48px;
	padding: 5px;
}

.review .review-comment p.author {
	color: #000;
}

/*** BLOG
---------------------------------------------*/

/* calendar */
table.calendar {
	width: 99%;
	font-size: 1em;
	margin: 0 0 2em 0;
	border-collapse: collapse;
}

table.calendar th {
	text-align: center;
	padding: 0 0 0.5em 0;
	margin: 0 0 0.5em 0;
}

table.calendar th span {
	display: none;
	text-align: center;
}

table.calendar tr.day {
	background: #a1da59;
	color: #fff;
	font-weight: bold;
}

table.calendar td {
	text-align: center;
	border: 1px solid #ccc;
	padding: 0;
	margin: 0;
}

table.calendar td a {
	background: #538be1;
	color: #fff;
	display: block;
	width: 100%;
}

table.calendar td a:hover {
	background: #fff;
	color: #538be1;
}

table.calendar td a:visited {
	color: #fff;
}


/*** GENERIC OBJECTS
---------------------------------------------*/

/* box out */
.main-content-boxout {
	margin: 2em 0 1em 0;
	background: #f2fee8;
	padding: 10px;
	border: 1px solid #61c30a;
	line-height: 1.1em;
	color: #666;
}

.main-content-boxout p.standfirst {
	font-size: 1.3em;
	color: #000;
}

/* #c2 tell a friend */
#c2 .tellafriend {
	background: #fff;
	font-size: 0.9em;
	line-height: 1.1em;
	color: #666;
}




/* icons */
.icon-newsletter {
	background: url(../images/icon-newsletter.gif) no-repeat 0 3px;
}

.icon-feed {
	background: url(../images/icon-feed.gif) no-repeat 0 3px;
}

.icon-newsletter a,
.icon-feed a {
	padding: 0 0 0 25px;
}

/* promo */
.promo {
	width: 28%;
	height: 25em;
	margin: 0 1em 0 0;
	padding: 1em;
}

/* promo (when in #c2) */
#c2 .promo {
	width: 180px;
	height: 20em;
	margin: 0 1em 0 0;
	padding: 1em 1em 30px 1em;
}

.promo p {
	margin: 1em 0 0 0;
}


/* promo colours and headings */

/* card (with purple background) */
.pcard {
	color: #fff;
	background: #ab80ad;
}

.pcard h3 a {
	text-indent: -9999em;
	display: block;
	width: 157px;
	height: 66px;
	background: url(../images/title_allyouneed.gif) no-repeat top left;
}

.pcard a {
	color: #d2fd91;
}


/* guide (with green background) */
.pguide {
	color: #fff;
	background: #a1da59;
}

.pguide h3 a {
	text-indent: -9999em;
	display: block;
	width: 158px;
	height: 19px;
	background: url(../images/title_credit101.gif) no-repeat top left;
}

/* free (with grey background) */
.pfree {
	background: #e5e5e5;
}

.pfree h3 a {
	text-indent: -9999em;
	display: block;
	width: 147px;
	height: 19px;
	background: url(../images/title_freestuff.gif) no-repeat top left;
}



/*** HOMEPAGE
---------------------------------------------*/
#homenav-container {
	width: 100%;
}

#homepromo-container {
	width: 100%;
	margin: 0 0 3em 0;
}



.homecentralnav {
	width: 28%;
	margin: 0 1em 3em 0;
	padding: 1em;
}

/* recent offers */

.home-latestoffer {
	text-align: center;
	margin: 1.5em 0 1.5em 0;
	padding: 0 0 1em 0;
	border-bottom: 1px solid #ccc;

}

.home-latestoffer img {
	width: 87px;
	height: 58px;
	margin: 0 0 1em 0;
}


.home-latestoffer h4 {
	font-size: 1.2em;
	margin: 0 0 1em 0;
}



/*** SEARCH
---------------------------------------------*/

dl#searchresults {
	margin: 1em 0 0 0;
}

dl#searchresults dt {
	margin: 1em 0 0 0;
}

dl#searchresults dd {
	padding: 0 0 1em 0;
	border-bottom: 1px solid #ccc;
}





/*** ARTICLES
---------------------------------------------*/

ul#anchorlist {
	float: left;
	width: 96%;
	font-size: 1em;
	background: #f2fee8;
	padding: 10px;
	margin: 1em 0 3em 0;
	border: 1px solid #61c30a;
}

ul#anchorlist li {
	float: left;
	width: 50%;
}

dl.resourcesarticles {
	font-size: 1em;
}

dl.resourcesarticles dt {
	clear: left;
	font-size: 1.2em;
	margin: 1em 0 0 0;
}

dl.resourcesarticles dd {
	margin: 0 0 1em 0;
	font-size: 1em;
}

div#articles-summery-list {
	clear: left;
	}

h4.articlecat {
	float: left;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 1em 0;
	width: 100%;
	border-bottom: 1px solid #61c30a;
}

span.backtotop {
	float: right;
	font-size: 0.8em;
}





/*** YOUR EXPERIENCE
---------------------------------------------*/
#saef {
	margin: 0 0 3em 0;
	padding: 0 0 1em 0;
	border-bottom: 1px solid #61c30a;
}




/*** SITEMAP
---------------------------------------------*/
#sitemap {
	position: relative;
	width: 100%;
}

#sitemap h3 {
	margin: 0 0 0.5em 0;
}


#sitemap ul {
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
	border-bottom: 1px solid #61c30a;
}

#sitemap ul li {
}

#sitemap dl {
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
	position: relative;
	width: 100%;
	border-bottom: 1px solid #ccc;
}

#sitemap dl dt {
	position: absolute;
	width: 50%;
}

#sitemap dl dd {
	position: relative;
	left: 50%;
	width: 50%;
}



/*** BLOG
---------------------------------------------*/
.date {
	font-size: 1.2em;
	color: #666;
}

.posted {
	font-size: 1.2em;
	padding: 0 0 1em 0;
	margin: 0 0 1em 0;
	border-bottom: 1px solid #ccc;
}

h2 span {
	float: right;
	font-size: 0.7em;
}

h2 span a {
	color: #B00404;
}


/* Clear class: Can be applied to some divs etc to clear floats above. */
.clear {
	clear: both;
}

.hide {
	visibility: hidden;
}


.skiplink {
   position: absolute;
   left: -999em;
   width: 990em;
}


/* approx 16px*/
h2 {
        font-size: 2.1em;
        line-height: 1.6em;
        margin: 0 0 10px 0;
        color: #000;
        font-weight: bold;
}

/* Apply now button */
a.applynowbutton {
	display: block;
	text-indent: -9999em;
	width: 135px;
	height: 28px;
	margin: 0 0 1em 0;
	background: #ff7800 url(../images/button_apply_now.png) repeat-x;
}

a.applynowbutton:hover {
	background: #ff7800 url(../images/button_apply_nowover.png) repeat-x;
}


/*** FORMATTING
*********************************/

/* Logo */
h1#logo-print {
	width: 100%;
	border-top: 20px solid #628e04;
	padding: 2mm 0 0 0;
	margin: 0 0 30mm 50mm;
	font-size: 11pt;
	color: #628e04;
}

/* Title */
div#wrapper h2 {
	margin: 0 0 15mm 50mm;
	text-transform: lowercase;
	font-size: 24pt;
}

div.client-info {
	position: absolute;
	top: 66mm;
	left: 0;
	width: 50mm;
}

div.estimate-info {
	position: absolute;
	top: 70mm;
	left: 250mm;
	width: 60mm;
}

div.estimate-description {
	position: absolute;
	top: 70mm;
	left: 62mm;
	width: 120mm;
}

div.estimate-description ul {
	width: 160mm;
}

div.estimate-description p {
	margin: 0 0 0 3mm;
}

h3.org {
	font-size: 12pt;
}

table.estimate-table {
	position: absolute;
	top: 130mm;
	left: 62mm;
	width: 250mm;
	text-align: left;
	border-collapse: collapse;
}

div.estimate-notes {
	position: absolute;
	top: 270mm;
	left: 62mm;
}

div.vendor-print {
	position: absolute;
	top: 330mm;
	left: 62mm;
	width: 200mm;
	color: #628e04;
	border-top: 1px solid #628e04;
}

div.vendor-print .street-address,
div.vendor-print .extended-address,
div.vendor-print .region,
div.vendor-print .postal-code,
div.vendor-print .country-name,
div.vendor-print .phone {
	float: left;
	margin: 2mm 3mm 0 0;
}

/*** TABLE
*********************************/

table.estimate-table th {
	text-align: left;
	padding: 3mm;
}

table.estimate-table th.et-total-item {
		background: #E7E7E7;
}

table.estimate-table th.et-total-cost {
		background: #E7E6B6;
}


table.estimate-table td {
	padding: 3mm;
	border-bottom: 1px dotted #666;
}

table.estimate-table td.et-total-item {
}

table.estimate-table td.et-total-cost {
	background: #FFFDDA;	
	width: 60mm;
}

table.estimate-table td.et-total {
	background: #333;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	padding: 6mm 0 6mm 3mm;
	margin: 20mm 0 0 0;
	border-bottom: none;
	border-top: 20px solid #fff;
	font-size: 14pt;
}

table.estimate-table td.et-total-title {
	text-align: right;
	border-bottom: none;
	border-top: 20px solid #fff;
	font-size: 16pt;
}

/*-------------------------------------------------
TYPOGRAPHY
-------------------------------------------------*/
h1, 
h2, 
h3, 
h4, 
h5, 
h6,
caption {
        font-family: "trebuchet ms", verdana, arial, helvetica, sans-serif;
        font-weight: normal;
}

/* approx 21px*/
h1 {
        font-size: 2.1em;
}

/* approx 16px*/
h2 {
        font-size: 2.1em;
        line-height: 1.6em;
        margin: 0 0 10px 0;
        color: #000;
        font-weight: bold;
}


/* approx 14px*/
h3 {
        font-size: 1.6em;
        line-height: 1.4em;
        color: #000;
        font-weight: bold;
		padding-bottom: 0px;
		margin-bottom: 0px;
		margin-top: 0px;
}

#c2 h3 {
        margin: 1em 0 0.5em 0;
}

/* approx 12px*/
h4 {
        font-size: 1.4em;
        margin: 0 0 0.3em 0;
}

#c2 h4 {
			font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
}

/* approx 11px*/
h5 {
        font-size: 1.2em;
        margin: 0 0 0.3em 0;
}

#c2 h5 {
			font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
}

/* approx 11px*/
h6 {
        font-size: 1.2em;
        margin: 0 0 0.3em 0;
}
/* approx 11/14 */

p, 
ul,
ol,
dl,
table,
td {
	font-size: 1.2em;
	line-height: 1.6em;
	padding: 0 0 1em 0;
}

blockquote p {
	font-size: 1.2em;
	line-height: 1.3em;
	padding: 0 0 1em 0;
}

em {
	font-style: italic;
}


/* h3 with green line underneath (used in credit-card section) */
h3.ruled {
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
	width: 100%;
	border-bottom: 6px solid #9fd75c;
}

h3 .a:link {
	color: #0066CC;  font-family: Tahoma; font-size: 12.5px; text-decoration: none
}
h3 .a:visited {
	color: #0066CC;  font-family: Tahoma; font-size: 12.5px; text-decoration: none
}
h3 .a:active {
	color: #0066CC;  font-family: Tahoma; font-size: 12.5px; text-decoration: none
}
h3 .a:hover {
    color: #0066CC;  font-family: Tahoma; font-size: 12.5px; text-decoration: underline
}
.ResultsReviewText {
 font-size: 10px;
}
.tagline5 {
	font-family: Tahoma;
	font-size: 18px;
	color: #ed910c;
	font-weight: bold;
}
.tagline7 {
	font-family: Verdana;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 0px;	
	margin-top: 0px;
}
.tagline6 {
	font-family: Verdana;
	font-size: 16px;
	color: #ed910c;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 0px;	
	margin-top: 0px;
}
a.tagline6:link{
	font-family: Verdana;
	font-size: 16px;
	color: #ed910c;
	font-weight: bold;
	text-decoration: none;
}

a.tagline6:visited{
	font-family: Verdana;
	font-size: 16px;
	color: #ed910c;
	font-weight: bold;
	text-decoration: none;
}
a.tagline6:hover{
	font-family: Verdana;
	font-size: 16px;
	color: #e56300;
	font-weight: bold;
	text-decoration: none;
}
.topnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	background-color: #E5E5E5;
}
.topnav a{
	color: #666666;
}
.topnav a:hover{
	color: #80C500;
}.pageborder {
	border: 1px solid #CCCCCC;
}
.graybgwhitetxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #666666;
}
.graydivider {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
}


.navheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}
.caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #e28707;
}
.greenbgwhitetxt {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #80C500;
}
.bottomnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	background-color: #ed910c;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ffffff;
}
.bottomnav2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	background-color: #ed910c;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ffffff;
}
.bottomnav3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	background-color: #666666;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ffffff;
}
.rightnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background-color: #ed910c;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ffffff;
}
.content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.content22 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.content a{
	color: blue;
	text-decoration: none
}
.content a:hover{
	color: #FF0000;
	text-decoration: underline
}
.eyecatching {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FF6600;
}
.bottomborder {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.homelinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}
.tagline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #ed910c;
	font-weight: bold;
}
.tagline2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #ed910c;
	font-weight: bold;
}
.tagline4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #ed910c;
	font-weight: bold;
}
.tagline22 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #ed910c;
	font-weight: bold;
}
.tagline3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
}
.tagline4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000000;
	font-weight: bold;
}
.tagline5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #ed910c;
	font-weight: bold;
}
.homelinks a{
	color: #0066CC;
}
a.left:link {
	color: #0066CC;  font-family: Tahoma; font-size: 12.5px; text-decoration: none
}
a.left:visited {
	color: #0066CC;  font-family: Tahoma; font-size: 12.5px; text-decoration: none
}
a.left:active {
	color: #0066CC;  font-family: Tahoma; font-size: 12.5px; text-decoration: none
}
a.left:hover {
	color: #0066CC;  font-family: Tahoma; font-size: 12.5px; text-decoration: underline
}
.homelinks a{
	color: #333333;
}
a.left2:link {
	color: #333333;  font-family: Tahoma; font-size: 12.5px; text-decoration: none
}
a.left2:visited {
	color: #333333;  font-family: Tahoma; font-size: 12.5px; text-decoration: none
}
a.left2:active {
	color: #333333;  font-family: Tahoma; font-size: 12.5px; text-decoration: none
}
a.left2:hover {
	color: #333333;  font-family: Tahoma; font-size: 12.5px; text-decoration: underline
}
.homelinks a{
	color: #0066CC;
}
a.foot:link {
	color: #0066CC;  font-family: Tahoma; font-size: 12.5px; text-decoration: none
}
a.foot:visited {
	color: #0066CC;  font-family: Tahoma; font-size: 12.5px; text-decoration: none
}
a.foot:active {
	color: #0066CC;  font-family: Tahoma; font-size: 12.5px; text-decoration: none
}
a.foot:hover {
	color: #4cacfe;  font-family: Tahoma; font-size: 12.5px; text-decoration: none
}


a.foot2:link {
	color: #0066CC;  font-family: Tahoma; font-size: 12.5px; text-decoration: none
}
a.foot2:visited {
	color: #0066CC;  font-family: Tahoma; font-size: 12.5px; text-decoration: none
}
a.foot2:active {
	color: #0066CC;  font-family: Tahoma; font-size: 12.5px; text-decoration: none
}
a.foot2:hover {
	color: #4cacfe;  font-family: Tahoma; font-size: 12.5px; text-decoration: none
}
.roll1{
 background-image: url(../images/b1.jpg);
 width: 175px;
 height: 32px;
 display: block;
}
.roll1:hover{
 background-image: url(../images/b11.jpg);
 width: 175px;
 height: 32px;
 display: block;
}  
.roll2 {
 background-image: url(../images/b2.jpg);
 width: 175px;
 height: 32px;
 display: block;
}
.roll2:hover{
 background-image: url(../images/b22.jpg);
 width: 175px;
 height: 32px;
 display: block;
}  
.roll3 {
 background-image: url(../images/b3.jpg);
 width: 175px;
 height: 32px;
 display: block;
}
.roll3:hover{
 background-image: url(../images/b33.jpg);
 width: 175px;
 height: 32px;
 display: block;
} 
	h1 {
		font-family: verdana;
		font-weight: strong;
		font-size-adjust: 40px;
		font-stretch:extra-expanded;
		font-size: 26px;
		color: #3087C7;
	} 
	
	
.footer_links{float:left;width:800px;line-height:26px;height:26px;font-size:11px;color:#7D7D7D;font-family:Arial, Helvetica, sans-serif;text-align:center;margin:0; padding-top: 2px; padding-bootom: 2px; margin-left: 100px;}

.footer_links a:link,.footer_links a:visited{color:#7D7D7D;text-decoration:none;}

.content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}