/*
 * Original author: Sean Hodge
*/


/* @group Global Reset */
/* Don't forget to set a foreground and background color on the 'html' or 'body' element! For more information on the current state of Global Reset visit http://meyerweb.com/eric/thoughts/2007/04/12/reset-styles/*/

	
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  line-height: 1;
  font-family: inherit;
  text-align: left;
  vertical-align: baseline;
}


a img, :link img, :visited img {
  border: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*
ol, ul {
  list-style: none;
}
*/

ol li {
   line-height:1.5em;
}



q:before, q:after,
blockquote:before, blockquote:after {
  content: "";
}

/* @end Global Reset */





/* @group base html */

body {
 background: #323230 url("images/bg/bg_body.jpg") repeat-x;
 color: #000;
 margin: 0;
 padding: 0;
 font-family: Helvetica, Myriad, "Helvetica Neue", Arial,  Geneva, sans-serif;
 text-align: center;/*this is in place if I want to center in older browsers*/
}

a {
 color:#000;
 text-decoration: underline;
}
a:link {/* unvisited link */
 color:#000;
}     
a:visited {/* visited link */
 color:#000;
 text-decoration: underline;
}  
a:hover { /* mouse over link */
 color:#000;
 text-decoration: underline;
}  
a:active {/* selected link */
 color:#000;
}



/* General Font Sizes */

h1{font-size:1.3em; font-family:Helvetica,Verdana;  color:#8B0000;}
h2{font-size: 1.2em; font-family:Helvetica,Verdana;}
h3{font-size: 1em; color:#01541C; font-family:Helvetica,Verdana;}
h4{font-size: .8em; color:#01541C; font-family:Helvetica,Verdana;}

/*
h1 {
  color: #111;
  font-size: 18px;
  margin: 0;
  text-transform: uppercase;
  font-weight: bold;
}
h2 {
  color: #111;
  font-size: 14px;
  font-weight: bold;
  margin: 20px 20px 4px;
}
h3 {
  color: #666;
  font-size: 12px;
  font-weight: bold;
  margin: 0 20px;
}
h4 {
 color: #56004e;
 font-size: 14px;
 margin: 20px 20px 0;
 font-weight: bold;
}

*/
h5 {
 color: #666;
 font-size: 12px;
 margin: 0 20px;
}
h6 {
 color: #666;
 font-size: 12px;
 margin: 0 20px;
}
p {
 color: #222;
 font-size: 13px;
 line-height: 1.4em;
 margin: 10px 20px;
}
table {
 font-size: 12px;
 margin: 10px 20px;
}
table tr td b {
 color: #56004e;
 font-size: 14px;
 margin-bottom: 6px;
 display: block;
}
td {
 padding-bottom: 4px;
 padding-right: 16px;
}

/*
hr {
 border: none;
 border-top: #aaa solid 1px;
 height: 1px;
 clear:both;
 margin: 0 20px;
 padding: 0;
 display: block;
}

*/

ul.checklist  {
 margin: 20px;
}
.checklist li {
 background: transparent url("images/icons/icon_checkmark.jpg") no-repeat;
 padding-left: 20px;
 padding-bottom: 10px;
}


/* @end base html */


/* @group page */

#page_wrap {
 width: 1076px;
 margin: 0 auto;
 display: block;
 padding-bottom: 2px;
}

#page {
 background: transparent url("images/bg/bg_page.png") repeat-y;  /* gold frame / black back */
 float: left;
 width: 1076px;
 padding: 0 11px;
}


/* ========================================================================= */


.two_columns #content 
{
 background: transparent url("images/bg/bg_two_column.jpg") repeat-y;
 float: left;
 width: 1076px;
 display: block;
 border-bottom: #d4bf6b solid 1px;
}




.two_columnsLeft #content 
{
 background: transparent url("images/bg/bg_two_columnLeft.jpg") repeat-y;
 float: left;
 width: 1076px;
 display: block;
 border-bottom: #d4bf6b solid 1px;
}

.two_columnsLeftX #content 
{
 background: transparent url("images/bg/bg_two_columnLeft.jpg") repeat-y;
 float: left;
 width: 1076px;
 display: block;
}


.one_columnW #content  /* *** contents Section *** */
{
 float: left;
 background-color:White;    
 width: 1076px;
 display: block;
 border-bottom: #d4bf6b solid 4px;
}





/* ========================================================================= */


/* @end page */

/* @group header */

#header {
 background: transparent url("images/bg/bg_header.png") repeat-y;
 height: 130px;
 position: relative;
}

#top_nav {
 background:url("images/bg/bg_nav_top_left.png") no-repeat left 0;
 position: absolute;
 top: 5px;
 right: 10px;
 height: 36px;
 padding-left: 10px;
 font-size: 14px;
}
#top_nav ul {
 float:left;
 background:url("images/bg/bg_nav_top_center.png") repeat-x left 0;
 height: 28px;
 padding: 10px 0 4px 0;
}
#top_nav span {
 float:left;
 background:url("images/bg/bg_nav_top_right.png") no-repeat left 0;
 height: 28px;
 padding: 10px 20px 4px 0;
}
#top_nav ul li {
 display: inline;
 padding: 0 2px;
 font-size: 11px;
}
#top_nav ul li#top_phone_number {
 font-size: 12px;
}
#top_nav ul li#top_phone_number b {
 font-size: 14px;
}
#top_nav ul li a {
 font-size: 11px;
}


/* @group #primary_nav */

#primary_nav {
 width: 990px;
 position: absolute;
 top: 68px;
 left: 50px;
}
#primary_nav ul {
 padding: 0 10px 0 10px;
}
#primary_nav li {
 float:right;
 display:inline;
 margin:0 0 0 9px;
}
#primary_nav a {
 background:url("images/bg/bg_nav_pri_left.png") no-repeat left 0;
 color: #333;
 float:left;
 display:block;
 position:relative;
 height: 27px;
 padding: 0 0 0 9px;
 text-decoration:none;
 font-weight:bold;
 vertical-align: middle;
 font-size: 14px;
 line-height: 1.4em;
}

#primary_nav a b {
 background:url("images/bg/bg_nav_pri_center.png") repeat-x left 0;
 float:left;
 height: 23px;
 padding:4px 0 0 0;
}
#primary_nav a span {
 background:url("images/bg/bg_nav_pri_right.png") no-repeat left 0;
 color: #333;
 float:left;
 height: 20px;
 padding:7px 10px 0 0;
 text-decoration:none;
 font-weight:bold;
 vertical-align: middle;
 font-size: 14px;
}
#primary_nav a:hover, #primary_nav li.active a:hover, #primary_nav li.active a  {
 background:url("images/bg/bg_nav_pri_left.png") no-repeat left -26px;
 cursor: pointer;
}
#primary_nav a:hover b, #primary_nav li.active b {
 background:url("images/bg/bg_nav_pri_center.png") repeat-x left -26px;
}
#primary_nav a:hover span, #primary_nav li.active a span, #primary_nav li.active a:hover span  {
 background:url("images/bg/bg_nav_pri_right.png") no-repeat left -26px;
}
      
/* @end primary_nav */

/* @group cart_bar */

#cart_bar {
 background:url("images/bg/bg_nav_pri_left.png") no-repeat left 0;
 position: absolute;
 top: 68px;
 right: 20px;
 height: 26px;
 padding-left: 10px;
 float: left;
}
#cart_bar ul {
 float: left;
 background:url("images/bg/bg_nav_pri_center.png") repeat-x left 0;
 height: 18px;
 padding: 4px 10px 4px 0;
}
#cart_bar span {
 height: 18px;
 float: left;
 background:url("images/bg/bg_nav_pri_right.png") no-repeat left 0;
 padding: 4px 10px 4px 0;
}
#cart_bar ul li {
 display: inline;
 padding: 0 2px;
}
#cart_bar ul li#cart_icon {
 background:url("images/icons/icon_shop_cart.png") no-repeat 0 center;
 font-size: 10px;
 font-weight: bold;
 padding-left: 24px;
}
#cart_bar ul li#cart_items {
 font-size: 10px;
 font-weight: bold;
}
#cart_bar ul li#cart_checkout {
 background:url("images/icons/icon_arrow_black_sm.png") no-repeat right center;
 font-size: 14px;
 font-weight: bold;
 padding-right: 14px;
}

/* @end cart_bar */


/* @group crumbs */

#crumbs {
 position: absolute;
 font-size: 12px;
 left: 70px;
 top: 103px;
}
#crumbs ul li {
 display: inline;
 margin-right:1em;
}
#crumbs ul li a {
 color: #fff;
}
/* @end crumbs */

/* @group search */
#search {
 position: absolute;
 top: 92px;
 right: 60px;
}
#search .form-item input {
 border:1px solid #333;
 float:left;
 height:16px;
 margin:8px 0pt 0pt 10px;
}
#search_icon {
 float:left;
 margin:7px 0pt 0pt 4px;
}
/* @end search */


/* @end header */

/* @group main  --------------------------------------------------------- */

#main {
 float: left;
 width: 858px;
 /* min-height:1200px; */ /* ******  this keeps articles from being clipped by 'buy with'  bar (ie7)  */
}


#intro {
 float: left;
 background: url(images/bg/bg_front_intro_top.png) no-repeat 0px 0;
 width: 858px;
 margin-top: 0;
 border-bottom: 1px solid #444;
}

#intro h1 {
 color:#222222;
 font-size:18px;
 margin:10px 20px 5px;
 text-transform:capitalize;
}

#intro p {
 font-size: 15px;
}

#intro_box {
 float: left;
 clear:both;
 background: url(images/bg/bg_front_intro_top_box.jpg) repeat-y 1px 0;
 /* border-left: 2px solid black;  the whitespace in gold top bar */
	
 position:relative;
 right:1px;
 margin-top: 0;
}


#front_deco  {
 float:right; 
 width: 258px;
 margin-right: 0;
}
#front_deco h2 {
 background: transparent url("images/icons/icon_light_black_med.png") 0 0 no-repeat;
 padding: 4px 0 4px 14px;
 color: #333;
}
#front_deco p {
 font-size: 12px;
}

/* ************************************************************************************* */



/* ---------------------------------------------------------------------------------------------- */

/* @end main */



#promo_ad_left {
 float:left;
 margin:42px 0px 0 30px;  
}
/*  t r b l  */

#promo_buy_products {
 float:left;
 margin: 30px 0px 30px  150px; min-height:105px;
}


#promo_ad_right {
 float:right;
 margin:42px 150px 0 0px;
}


#display_bottom {
 clear:both;
 display:block;
 width: 1076px;
 background: url(images/bg/bg_promo_footer.png) no-repeat 0 0;
 float: left;
 margin-top: 20px;
}

/* @group footer */

#footer {
 float: left;
 width: 1076px;
 background: url(images/bg/bg_promo_footerB.png) no-repeat 0 0;
 clear: both;
 color: #666;
}
#footer p#footer_copy {
 color: #666;
 font-size: 11px;
 margin: 10px 100px;
 text-align:center;
}
#footer p#footer_copy2 {
 color: #666;
 font-size: 11px;
 margin: 10px 100px;
 text-align:center;
}
#footer #copyright {
 color: #444;
}
.footer_nav {
 text-align: center;
 padding: 10px;
}
.footer_nav li {
 display: inline;
}
.footer_nav li a, .footer_nav li a:visited {
 font-size: 12px;
 color: #444;
 font-weight: bold;
 text-transform: uppercase;
 margin: 0 6px;
}
.footer_nav li a:hover {
 color: #333;
 font-weight: bold;
 text-decoration: underline;
}
.footer_nav li.active a {
 color: #333;
 font-weight: bold;
}
.footer_nav li.active a:hover {
 text-decoration: none;
}


/* @end footer */



/* @group about */

#about {
 float:left;
 clear:both;
}
#about_main {
 float:left;
 width: 485px;
}
#about h2 {
 font-size: 16px;
 color: #333;
 margin: 20px;
 text-transform: capitalize;
}
#about p {
 color: #444;
}
#need_help {
 font-size: 18px;
}
#about_column {
 float: right;
 width: 220px;
 margin-right: 20px;
}
#about_column h3 {
 background: url(images/bg/bg_h3_shadow.jpg) no-repeat bottom left;
 background-color: #639c2a;
 margin-top: 20px;
 padding: 10px;
 color: #fff;
 font-size: 13px;
 font-weight: bold;
 border: 1px solid #336600;
 line-height: 1.2em;
}
.right_column_images {
 margin-left: 20px;
 margin-bottom: 20px;
}




/* @group Articles */
#Articles 
{
margin: 15px; 
font-size: 13px;
}
#Articles a 
{
 color: Yellow;
}
#Articles ul 
{
 margin: 0 0px 150px; /* last = bottom padding */
}
#Articles ul li a {
 color: Yellow;
 background: none;  /* this gets rid of the leading white marker (picked up in sidebar_right def */
 font-size: 1em;
 line-height: 3.0em;
 padding-left: 0px;
}
/* @end sidebar_right  -------------------------------------------------------------  */


/* @group Articles */
#Articles 
{
margin: 15px; 
font-size: 13px;
}
#Articles a 
{
 color: Yellow;
}
#Articles ul 
{
 margin: 0 0px 150px; /* last = bottom padding */
}
#Articles ul li a {
 color: Yellow;
 background: none;  /* this gets rid of the leading white marker (picked up in sidebar_left def */
 font-size: 1em;
 line-height: 3.0em;
 padding-left: 0px;
}


/* @end sidebar_left  -------------------------------------------------------------  */





/* second row promo section ---------------------------------------------- */
#promo_top_front {
 /* background: transparent url("images/bg/bg_front_top7.jpg") 0 0 no-repeat;   lighted house photo */
 float:left;
 /* background-color:#D4C06C; */
 background-color:#dae3ef;
 border-left: 1px solid #666;   /* grey 3rd box Logos 800... */
 border-right: 1px solid #666;  
 width:708px;  /* *** fixes the featured box from being out 1 px */
 padding-left:10px;
 padding-right:10px;
 clear:both;
 margin-left: 0;
}

#promo_left
 {
 float:left;
 width: 260px;
}




/* ************************************************************************************* */
#new_inside
{
	margin-left:0px; padding:1em; width:100%;
}

#new_insideW
{
	padding:1em; min-height:23em;
}

.gv
{
	float:left; clear:both; width:100%; font-family:Helvetica,Verdana; font-size:.85em; color:Navy;
}

.mainframe
{
 vertical-align:top; color:Navy;  margin-left:3em; margin-top:2em; float:left;	
}

.amazx
{
border:0; 
}


/* ------------------------------------------------------------------- */
.display_front_box {
 float: left;
 padding-left: .32em;
}

.display_front_box img {
 padding: .2em;  /* needed for hover box */
}

.display_front_box a 
{
 font-size: small;
 font-family: Helvetica,Verdana, arial, "Times New Roman", sans-serif, "Comic Sans MS", Purisa;
}

.display_front_box img:hover   /* this makes icon borders light up when hovered over */
{
	background-color: Green;
	color: #fff;
}

/* ------------------------------------------------------------------- */
.newspaper_columns h1
{
	margin-left:1.3em; font-family:Helvetica, Comic Sans MS,Cambria, Consolas;
	font-size: 1em; color:#01541C;  /* dark green */
}

.newspaper_columns p
{
	text-align:justify;
}

.newspaper_column1
{
	float:left;  clear:both; width: 275px; margin-left:10px;
}

.newspaper_column
{
	float:left; width: 275px; margin-left:7px;
}

.newspaper_column4
{
	float:right; width: 140px; margin-right:20px;
}
/* ------------------------------------------------------------------- */

.littleBoxes
{
	float:left; clear:left;
}

.secondSection
{
	float:left;  clear:both; font-family:Helvetica,Verdana; font-size:.85em; color:Navy;
}

.whatsNew
{
	float:left; clear:both; margin:1em; margin-top:0; margin-bottom:3em;
}

.densitiesGrid
{
	 float:left; font-family:Helvetica,Verdana; font-size:.85em; color:Navy;
}

.down1
{
  color:Navy; font-weight:bold;	 margin:0; padding:0; vertical-align:top;  margin-left:0em;
}

.down1b
{
  color:Navy;  font-size:small;	 margin:0; padding:0; vertical-align:top;  margin-left:0em;
}

.down2
{
 padding-top:0em; padding:1em;    vertical-align:top; margin-top:1em;
}

.down3
{
 padding-top:0em; padding:.5em;background-color:Gray; margin:0; padding:0;
}

#graphx
{
	float:right; clear:both; padding-right:7em;
}

DIV.movable { position:relative; }

.newsAside {
	position: absolute;
	left: 740px;
	top: 200px;
	width: 150px;
	height: 190px;
	z-index: 6;
	background-color: #808080;
	color: #FFFFFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 5px;
	font-family:SansationLight;
}  

#newInside
{
    float:left; height:71em; width:53.5em; background-color:Aqua; margin-left:1px; margin-right:1px;
} 

.dateline
{
    font-size:.7em; color:Maroon;
}

.bx
{
   padding:10px;  -moz-border-radius: 20px;  -webkit-border-radius: 20px;   border-radius: 20px;
}

.starx 
{ 
    background:url("star.svg")  repeat-y; 
}




#exactBox
{
     position:relative;  color: #fff; font-size: 11px; left:.3em; top:8px;
}



/* for html5 backwards compatibility    https://developer.mozilla.org/en/Sections_and_Outlines_of_an_HTML5_document    */
section, article, aside, footer, header, nav, hgroup 
{
	  display:block;
}

.tip 
{ 
    font-size:smaller;  color:Green;   margin:0px; 
}

.pLinksBar
{
     float:left; clear:left; 
}

.pLinksBar a {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all  0.4s ease;
  }
  
  .feedbox 
{ 
      float:left;  padding:5px; color:#01541C;   font-size:smaller;  margin-top:1.4em; margin-left:45px;
      padding:1em; -moz-border-radius: 15px; -webkit-border-radius: 15px;background-color:#fffbc6; border-radius: 15px; 
    
    
}

.peteHeader {margin-left:1.7em; margin-top:1.4em; margin-bottom:.9em; font-size:.8em
}


.pete3 {margin-left:1.7em;  margin-bottom:.9em; font-size:.8em
}