
#layout{margin:10px auto 0 auto; width:800px;}

#header{float:left; width:800px; background-image:url(../images/header_bg.jpg); background-position:top left; background-repeat:repeat-y}

#logo{float:left; width:600px; padding:8px 5px 5px 7px}

#search{float:left; width:157px; padding:15px 15px 5px 15px;}

#search span{ font-size:11px; color:#ffffff; font-weight:bold;}

#search input{ border:1px solid #87898c; width:90px; font-size:10px; color:#808285; padding:2px}

#search .button{ border:none; background-color:#a8bf94; color:#fff; font-weight:bold; width:auto; font-size:11px; cursor:pointer}

#body_container{ float:left; width:800px; padding-top:5px;  min-height:420px; height:auto !important; height:420px;}

#body_container a{color:#000000;}

#body_container a:hover{ }

#container_left{float:left; width:599px; margin-right:4px; padding: 0 10px 0 0;}

#container_left .left{ float:left; width:394px;}


#rightcolumn .button_link_container{float:right; width:185px;}

#rightcolumn .button_link_container ul{float:right; width:185px; margin:0px; padding:12px 0px 0px 0px; list-style:none}

#rightcolumn .button_link_container li{float:right; width:185px; padding-bottom:12px}

#rightcolumn .button_link_container li img{ float:left}


h1 { font-size: 14px; font-weight: bold; padding: 0; margin: 0 0 7px 0; }
h2 { font-size: 13px; font-weight: bold; padding: 0; margin: 0 0 2px 0; }
h3 { font-size: 13px; font-weight: bold; padding: 0; margin: 0 0 7px 0; }

.bluebold { font-size: 14px; font-weight: bold; padding: 0; margin: 0 0 7px 0; color:#003366; }

p { margin: 0 0 10px 0; }

#maincontent{ float:left; width:599px; padding-top:0px; }
.fullpage{ float:left; width:750px; padding: 20px 20px 20px 25px; }

.articlecopy{ padding: 10px 10px 0 0; clear: both;}
.articlenav { height: 23px; border-bottom: 1px solid #999999; clear: both; margin: 0; padding: 0;}
.regularcontent{ padding: 10px 5px 0 0; clear: both;}

.thumbnail { padding: 2px 15px 10px 0; float: left; }
.thumbnail_right { padding: 0px 0px 0px 15px; float: right; }
.thumbnailright { padding: 2px 30px 10px 40px; float: right; }

#rightcolumn {float:left; width:185px; padding-left:2px; padding-top:7px}

.offer {margin: 0 0 15px 0; }
.offer img{ display: block;}
.offer .arrow{ display: inline;}
.offer p{ width:170px; background-color:#cdd5e0; margin:0; padding: 4px 5px 4px 10px;}
.offer .title{ width:170px; background-color:#013e7f; font-weight:bold; margin:0; padding: 3px 5px 3px 10px;}
.offer .titlegreen{ width:170px; background-color:#679146; font-weight:bold; margin:0; padding: 3px 5px 3px 10px;color:#FFFFFF; font-size:16px}

.offer .offercopy{ width:170px; background-color:#edf0f4; margin:0; padding: 6px 5px 6px 10px; font-size: 11px; line-height: 17px;}
.offer .offercopy a { display: inline; }
.offer .offercopywhite{ width:168px; background-color:#ffffff; margin:0; padding: 6px 5px 8px 10px; font-size: 11px; line-height: 17px; border-right: 1px solid #013e7f; border-left: 1px solid #013e7f; border-bottom: 1px solid #013e7f;}
.offer .offerlinkborder{ width:168px; background-color:#cdd5e0; margin:0; padding: 6px 5px 8px 10px; font-size: 11px; line-height: 17px; border-right: 1px solid #013e7f; border-left: 1px solid #013e7f;}

.offer .offercopygreen2{ width:167px; background-color:#a8bf94; margin:0px; padding: 5px; font-size: 11px; line-height: 17px; border-right: 4px solid #679146; border-left: 4px solid #679146; border-bottom: 4px solid #679146;}

.offer .getfreequote {
	color: black;
	font-size: 14px;
	padding: 0px;
	width: auto;
	background-color:#a8bf94; 
}

.offer .offerorange{ width:170px; background-color:#f1a152; margin:0; padding: 4px 5px 4px 10px;}
.offer .offercopyorange{ width:170px; background-color:#fce5ce; margin:0; padding: 6px 5px 6px 10px; font-size: 11px; line-height: 17px;}

.offer .offergreen{ width:170px; background-color:#b4d6cb; margin:0; padding: 4px 5px 4px 10px;}
.offer .offercopygreen{ width:170px; background-color:#d1e5de; margin:0; padding: 6px 5px 6px 10px; font-size: 11px; line-height: 17px;}

#body_container a.offerlink:link {color:#000000; font-weight: bold; text-decoration: none;  }
#body_container a.offerlink:active {color:#000000; font-weight: bold; text-decoration: none; }
#body_container a.offerlink:visited {color:#000000; font-weight: bold; text-decoration: none; }
#body_container a.offerlink:hover {color:#000000; font-weight: bold; text-decoration: none; }

#body_container a.offertitle:link {color:#ffffff; font-size:16px; font-weight: bold; text-decoration: none; display: block;}
#body_container a.offertitle:active {color:#ffffff; font-size:16px; font-weight: bold; text-decoration: none; display: block; }
#body_container a.offertitle:visited {color:#ffffff; font-size:16px; font-weight: bold; text-decoration: none; display: block; }
#body_container a.offertitle:hover {color:#ffffff; font-size:16px; font-weight: bold; text-decoration: none; display: block; }

#body_container span.offertitle {color:#ffffff; font-size:16px; font-weight: bold; text-decoration: none; }

#body_container a.partnerlink:link {color:#ffffff; font-weight: bold; text-decoration: none; background-color: #ec881d; padding: 5px; }
#body_container a.partnerlink:active {color:#ffffff; font-weight: bold; text-decoration: none; background-color: #ec881d; padding: 5px;}
#body_container a.partnerlink:visited {color:#ffffff; font-weight: bold; text-decoration: none; background-color: #ec881d; padding: 5px;}
#body_container a.partnerlink:hover {color:#ffffff; font-weight: bold; text-decoration: none; background-color: #ec881d; padding: 5px;}

.discount {margin: 20px 50px 20px 0; width: 185px; float: left; border: 1px solid #cdd5e0;}
.discount img{ display: block;}
.discount .arrow{ display: inline;}
.discount p{ width:182px; background-color:#cdd5e0; font-weight:bold; margin:0; padding: 3px 1px 3px 2px; font-size:11px;}

.discount2 {margin: 20px 50px 20px 0; width: 185px; float: left; border: 1px solid #cdd5e0;}
.discount2 img{ display: block;}
.discount2 .arrow{ display: inline;}
.discount2 p{ width:182px; background-color:#cdd5e0; font-weight:bold; margin:0; padding: 3px 1px 3px 2px; font-size:11px;}

#fullcolumn {
	width: 800px;
	padding: 0;
	margin: 0;
}

.line {
	margin: 0;
	padding: 0;
	font-size: 1px;
	clear: both;
	display: block;
}

.most_table_outer {
	border : 4px solid #98b2d2;
}

.most_table {
	border : 4px solid #98b2d2;
	height : 230px;
}

.most_table:hover {
	border : 4px solid #003366;
}

.most {
	background-color: #cdd5e0;
}

.most h2 {
	color: #003366;
	font-weight: bold;
	font-size: 13px;
	margin: 5px 0px 5px 5px;
}
.most p {
	margin: 5px 10px 5px 8px;
}
.most a {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
.highestrated {
	width: 185px;
	float: left;
	border: 1px solid #98b2d2;
	margin: 0 8px 0 0;
	cursor: pointer;
	background-color: #cdd5e0;
}
.mostviewed {
	width: 185px;
	float: left;
	border: 1px solid #98b2d2;
	margin: 0 8px 0 0;
	cursor: pointer;
	background-color: #cdd5e0;
}
.mostrecent {
	width: 185px;
	float: left;
	border: 1px solid #98b2d2;
	margin: 0 0px 0 0;
	cursor: pointer;
	background-color: #cdd5e0;
}

.offerbutton{ 
	margin: 0 0 0 30px;
}




/* pagination CSS -  */

.paginationcontainer {
	width: 550px; padding: 0px;
}

.virtualpage, .virtualpage2, .virtualpage3{
/*hide the broken up pieces of contents until script is called. Remove if desired*/
display: none;
}

.paginationstyle{ /*Style for demo pagination divs*/
width: 250px;
text-align: center;
padding: 2px 0;
margin: 10px 0;
}

.paginationstyle select{ /*Style for demo pagination divs' select menu*/

margin: 0 15px;
}

.paginationstyle a{ /*Pagination links style*/
padding: 0 5px;
text-decoration: none;
color: navy;
background-color: #e7edf6;
}

.paginationstyle a:hover{
color: #000;
background-color: #b6c1d2;
}

.paginationstyle a:selected{
color: #000;
background-color: #b6c1d2;
}

.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border: 0;
padding: 0;
}

.paginationstyle a.imglinks img{
vertical-align: bottom;
border: 0;
}

.paginationstyle a.imglinks a:hover{
background: none;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
color: #000;
background-color: red;
}


/* jQuery.Rating Plugin CSS -  */
div.rating{cursor:pointer;margin:2em;clear:both;display:block}
div.rating:after{content:'.';display:block;height:0;width:0;clear:both;visibility:hidden}
div.cancel{float:left;width:19px;height:18px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.star{float:left;width:19px;height:18px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.cancel,div.cancel a{background:url('../images/delete.gif') no-repeat 0 -18px}
div.star,div.star a{background:url('../images/star.gif') no-repeat 0 0px}
div.cancel a,div.star a{display:block;width:19px;height:100%;background-position:0 0px;border:1 solid #FF0000}
div.star_on a{background-position:0 -18px!important}
div.star_hover a,div.star_live a:hover{background-position:0 -36px}
/* Read Only CSS */
div.star_readonly a,div.star_readonly a:hover{cursor:default !important}
/* Partial Star CSS */
div.star{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */

.ratearticle {
	float: left;
	width: 200px;
	margin: 0 20px 0 0;
	padding: 0;
}

.small {
	font-size: 10px;
}
.formbold {
	font-weight:bold; font-size:14px;
}
#savingcontainer {
	width:765px;
	margin: 0 0 10px 0;
}
#savingcontainer .savings { 
	background-color: #dbdfe3; 
	padding: 20px 20px 0 20px; 
	width: 725px;
}
#savingcontainer .savingcol1 {
	background-color: #dbdfe3; 
	padding: 0 40px 0 0; 
	width: 330px; 
	float:left;
}
#savingcontainer .savingcol2 {
	background-color: #dbdfe3; 
	padding: 0 0px 0 0; 
	width: 340px; 
	float:left;
}
#savingcontainer p { 
	margin: 0 0 20px 0; 
}

/* Newsletter form CSS */

#e_newsletter_signup {
    margin-top    : 30px;
    margin-bottom : 30px;    
    margin-left   : 100px;
}

#e_newsletter_signup .required_field {
    color : orange;
}

#e_newsletter_signup .radio_field_value {
    color : #336699;
}

#e_newsletter_signup .error {
    background : red;
}

/* Privacy popup CSS */

#privacy_dialog {
    display       : none;
    background    : white;
    padding       : 10px;
    width         : 400px;
    height        : 400px;
    border-top    : 1px dotted black;
    border-left   : 1px dotted black;
    border-right  : 1px solid black;
    border-bottom : 1px solid black;
}

#privacy_dialog .scrollable {
    overflow : auto;
    width    : 400px;
    height   : 200px;
}

#modalOverlay {
    background-color: black;
    cursor:           wait;
}


.videopage{ float:left; width:750px; padding: 30px 20px 50px 30px; background: #dee2e9 url(../images/bckg_greylines.jpg) no-repeat;  }
#popvideo {
	top: 220px;
	background-color: #679147;
	width: 493px;
	padding: 0px;
	margin: 0px;
	z-index: 1;
}
.videoplayerbox {
	width: 493px;
	height: 303px;
	background-color:#679147;
	padding: 0;
	margin: 0;
}
#emailvideo {
position:absolute; visibility: hidden; border-left: 1px solid #013e7f; border-right: 1px solid #013e7f; border-bottom: 1px solid #013e7f; border-top: 1px solid #013e7f; background-color: #d9e3d1; width: 405px; height: 310px; padding: 10px; z-index: 10000000000;
}


#emailform {
position:absolute!important;
margin-left: -362px!important;
display: none;
border-left: 1px solid #013e7f; 
border-right: 1px solid #013e7f; 
border-bottom: 1px solid #013e7f; 
border-top: 1px solid #013e7f; 
background-color: #d9e3d1; 
width: 405px; 
height: 420px; 
padding: 10px; 
z-index:0;
}


#popvideo2 {
	top: 220px;
	position: absolute;
	background-color: #679147;
	width: 493px;
	padding: 0px;
	margin: 20px 0 0px 130px;
	z-index: 1;
	border-left: 20px solid #C0C0C0;
	border-right: 20px solid #C0C0C0;
	border-bottom: 20px solid #C0C0C0;
	border-top: 20px solid #C0C0C0;
	display:none;
}

.videoplayerbox2 {
	width: 493px;
	height: 303px;
	background-color:#679147;
	padding: 0;
	margin: 0;
	display:none;
}
#emailvideo2 {
position:absolute; visibility: hidden; border-left: 1px solid #013e7f; border-right: 1px solid #013e7f; border-bottom: 1px solid #013e7f; border-top: 1px solid #013e7f; background-color: #d9e3d1; width: 405px; height: 310px; padding: 10px; z-index: 10000000000; margin: 20px 0 0 20px;
}


/* Search Results page elements */

.searchresults{ float:left; width:599px; padding-top:0px; }
.searchresults .searchedfor{ height: 30px; border-bottom: 1px solid #999999; clear: both; margin: 0 0 10px 0; padding: 10px 0 0 0;}
.blue {color:#013e81; }

.searchtitle {margin: 0 0 0 0!important;}
.searchdescription {margin: 0 0 20px 0!important;}

a.bluelink:link {color:#013e81!important; font-weight: bold; text-decoration: underline; }
a.bluelink:active {color:#013e81!important; font-weight: bold; text-decoration: underline; }
a.bluelink:visited {color:#013e81!important; font-weight: bold; text-decoration: underline; }
a.bluelink:hover {color:#013e81!important; font-weight: bold; text-decoration: underline; }


.searchpaging{
padding: 2px;
}
.searchpaging ul{
margin: 0;
padding: 0;
text-align: right; /*Set to "right" to right align searchpaging interface*/
font-size: 12px;
}

.searchpaging li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.searchpaging a, .searchpaging a:visited{
padding: 2px 7px;
border: 1px solid #cdd5e0;
text-decoration: none; 
color: #2e6ab1;
background-color: #cdd5e0;
font-weight: bold;
}

.searchpaging a:hover, .searchpaging a:active{
border: 1px solid #2b66a5;
color: #000000;
background-color: #cdd5e0;
font-weight: bold;
}

.searchpaging a.currentpage{
background-color: #3d5c95 !important;;
color: #ffffff !important;
border: 1px solid #2b66a5;
font-weight: bold;
cursor: default;
}

.searchpaging a.disablelink, .searchpaging a.disablelink:hover{
background-color: #cdd5e0;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}

.searchpaging a.prevnext{
font-weight: bold;
}

