@import url('reset.css');
@import url('products.css');
@import url('text_styles.css');

/***** Page Setup ******/
html#green{
	background-image:url(../graphics/browser_green.png);
	background-repeat:repeat;
}

html#gray{
	background-image:url(../graphics/browser_gray.png);
	background-repeat:repeat;
}

html#export{
	background-image:url(../graphics/browser_export.png);
	background-repeat:repeat;
}

html#holiday{
	background-image:url(../graphics/browser_holiday.png);
	background-repeat:repeat;
}

body{
	background-color: #FFF;
	width: 1000px;
	margin:0 auto;
		
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	
	-moz-box-shadow: 0 6pt 10pt rgba(0,0,0,0.75);
	-webkit-box-shadow: 0 6pt 10pt rgba(0,0,0,0.75);
	box-shadow: 0 6pt 10pt rgba(0,0,0,0.75);
}

div#wrapper{
	width:960px;
	background-color:#FFF;
	margin: 20px auto;
	padding: 10px 0;
}



/****** Global Body Information *******/
/* Title Graphic */
div#main_ad_container{
	width:940px;
	margin:10px auto 0px;
}

div#container_border_top{
	border-top: 5px solid #38813E;
	width:960px;
	margin: 10px auto 0px;
	padding: 15px 0px;
}

div#container_border_top.blend{
	margin-top:0px;
}

div#container_border_top.no-border{
	border-top:none;
	padding: 0 0 15px 0;
}




/* Footer Information */
div#footer{
	width:960px;
	margin: 0 auto;
}

div#address_container, #org_container{
	width:960px;
	padding-bottom:10px;
	margin: 10px auto 0;
}

div#address_container{
	border-bottom: 2px solid #C0C0C0;
}

div#address_container ul{
	text-align:center;
	line-height: 140%;
	margin: 6px auto;
	padding:0;
}
div#address_container li{
	list-style-type:none;
}

div#org_container{
	width:740px;
	padding-left: 110px; /* Do not shorthand, padding-bottom already defined */
	padding-right: 110px;	
	border-bottom: 2px solid #38813E;
}

.organization1, .organization2, .organization3, .organization4, .organization5, .organization6 {
	width:100px;
	height:74px;
}

.organization1{ background-image:url(../graphics/organizations/nhla.png);}
.organization2{ background-image:url(../graphics/organizations/hffund.png);}
.organization3{ background-image:url(../graphics/organizations/wpma.png);}
.organization4{ background-image:url(../graphics/organizations/hffound.png);}
.organization5{ background-image:url(../graphics/organizations/nelma.png);}
.organization6{ background-image:url(../graphics/organizations/hpva.png);}

div#copyright{
	width:960px;
	margin: 10px auto 25px;
	text-align:center;
}



/* Title Bars */
div#title_bar{
	margin: 10px auto 0;
	width:940px;
	height:26px;
	
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	
	-moz-box-shadow: 0 2pt 4pt rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 2pt 4pt rgba(0,0,0,0.25);
	box-shadow: 0 2pt 4pt rgba(0,0,0,0.25);
	
	background-repeat:no-repeat;
}
/* Products */
#title_bar.products{background-image:url(../graphics/title_bars/products.png);}
#title_bar.products_plywood{background-image:url(../graphics/title_bars/products_plywood.png);}
#title_bar.products_decking{background-image:url(../graphics/title_bars/products_decking.png);}
#title_bar.products_mouldings{background-image:url(../graphics/title_bars/products_mouldings.png);}
#title_bar.products_squares{background-image:url(../graphics/title_bars/products_squares.png);}
#title_bar.products_dowels{background-image:url(../graphics/title_bars/products_dowels.png);}

/* Wholesale */
#title_bar.wholesale{background-image:url(../graphics/title_bars/wholesale.png);}
#title_bar.wholesale_special{background-image:url(../graphics/title_bars/wholesale_special.png);}
#title_bar.wholesale_terms{background-image:url(../graphics/title_bars/wholesale_terms.png);}

/* Retail */
#title_bar.retail{background-image:url(../graphics/title_bars/retail.png);}
#title_bar.retail_take_tour{background-image:url(../graphics/title_bars/retail_tour.png);}
#title_bar.retail_locations{background-image:url(../graphics/title_bars/retail_locations.png);}
#title_bar.retail_special{background-image:url(../graphics/title_bars/retail_special.png);}

/* Customers */
#title_bar.customers{background-image:url(../graphics/title_bars/customers.png);}
#title_bar.directions{background-image:url(../graphics/title_bars/directions.png);}
#title_bar.pay_by_credit_card{background-image:url(../graphics/title_bars/pay_by_credit_card.png);}
#title_bar.pay_by_pay_pal{background-image:url(../graphics/title_bars/pay_by_pay_pal.png);}
#title_bar.customers_about_us{background-image:url(../graphics/title_bars/about_us.png);}
#title_bar.customers_where_to_go{background-image:url(../graphics/title_bars/customers_where_to_go.png);}
#title_bar.customers_lumber_101{background-image:url(../graphics/title_bars/customers_lumber_101.png);}
#title_bar.customers_tips{background-image:url(../graphics/title_bars/customers_tips.png);}
#title_bar.customers_bf_calculator{background-image:url(../graphics/title_bars/customers_bf_calculator.png);}
#title_bar.customers_toxicity{background-image:url(../graphics/title_bars/customers_toxicity.png);}

/* Services */
#title_bar.services{background-image:url(../graphics/title_bars/services.png);}
#title_bar.services_milling{background-image:url(../graphics/title_bars/services_milling.png);}
#title_bar.services_delivery{background-image:url(../graphics/title_bars/services_delivery.png);}
#title_bar.services_pickups{background-image:url(../graphics/title_bars/services_pickups.png);}

/* Accounts */
#title_bar.accounts{background-image:url(../graphics/title_bars/accounts.png);}
#title_bar.accounts_payments{background-image:url(../graphics/title_bars/accounts_payments.png);}
#title_bar.accounts_credit{background-image:url(../graphics/title_bars/accounts_credit.png);}
#title_bar.accounts_wire{background-image:url(../graphics/title_bars/accounts_wire.png);}
#title_bar.accounts_types{background-image:url(../graphics/title_bars/accounts_types.png);}
#title_bar.accounts_policies{background-image:url(../graphics/title_bars/accounts_policies.png);}
#title_bar.accounts_downloads{background-image:url(../graphics/title_bars/accounts_downloads.png);}

/* Site Map */
#title_bar.site_map{background-image:url(../graphics/title_bars/site_map.png);}

/* Contact Us */
#title_bar.contact_us{background-image:url(../graphics/title_bars/contact_us.png);}
#title_bar.quote_request{background-image:url(../graphics/title_bars/contact_us_quote_request.png);}
#title_bar.retail_request{background-image:url(../graphics/title_bars/contact_us_retail_request.png);}
#title_bar.general_question{background-image:url(../graphics/title_bars/contact_us_general_question.png);}


/* Announcements */
#title_bar.announcements_facebook{background-image:url(../graphics/title_bars/announcements_facebook.png);}

/* Employment */
#title_bar.employment_opportunities{background-image:url(../graphics/title_bars/employment_opportunities.png);}

/* WordPress */
#title_bar.updates{background-image:url(../graphics/title_bars/updates.png);}

/* Import & Export Division */
#title_bar.export{background-image:url(../graphics/title_bars/export.png);}
#title_bar.ironstick{background-image:url(../graphics/title_bars/ironstick.png);}




/*Title Bar Buttons */
a#view_cart {
	background-image:url(../graphics/view_cart.png);
	background-repeat:no-repeat;
	width:108px;
	height:26px;
    position: relative;
    top: 0;
    z-index: 2; 
	float: right;
}
a#view_cart:hover {
	background-position: 0 -26px;
}

a#home-green {
	background-image:url(../graphics/home_green.png);
	background-repeat:no-repeat;
	width:108px;
	height:26px;
    position: relative;
    top: 0;
    z-index: 1; 
	float: right;
}
a#home-green:hover {
	background-position: 0 -26px;
}

a#home {
	background-image:url(../graphics/home.png);
	background-repeat:no-repeat;
	width:108px;
	height:26px;
    position: relative;
    top: 0;
    z-index: 1; 
	float: right;
}
a#home:hover {
	background-position: 0 -26px;
}



/***** Global Navigation ******/
div#global_nav{
	width: 940px;
	margin: 0 auto;
}

div#nav {
	width:821px;
	height: 40px;
	background-repeat: no-repeat;
	float:left;
}

ul.globalnav {
	list-style-type: none;
	margin:0;
	padding:0;
}
ul.globalnav li {
	display: inline;
}
ul.globalnav li a {
	float: left; 
	display: block; 
	height: 40px;
}

a#downes {
	width: 105px;
	background-image: url(../graphics/nav_bar.png);
	background-repeat: no-repeat;
	background-position: 0 -41px;
}
a#downes:hover {
	background-position: 0 0;
}

a#downes:active {
	background-position: 0 -82px;
}


a#products {
	width: 100px;
	background-image: url(../graphics/nav_bar.png);
	background-repeat: no-repeat;
	background-position: -105px -41px;
}
a#products:hover {
	background-position: -105px 0;
}

a#products:active {
	background-position: -105px -82px;
}

a#store{
	width: 100px;
	background-image: url(../graphics/nav_bar.png);
	background-repeat: no-repeat;
	background-position: -205px -41px;
}
a#store:hover {
	background-position: -205px 0;
}

a#store:active {
	background-position: -205px -82px;
}


a#wholesale {
	width: 102px;
	background-image: url(../graphics/nav_bar.png);
	background-repeat: no-repeat;
	background-position: -305px -41px;
}
a#wholesale:hover {
	background-position: -305px 0;
}

a#wholesale:active {
	background-position: -305px -82px;
}


a#retail {
	width:101px;
	background-image: url(../graphics/nav_bar.png);
	background-repeat: no-repeat;
	background-position: -407px -41px;
}
a#retail:hover {
	background-position: -407px 0;
}

a#retail:active {
	background-position: -407px -82px;
}


a#customers {
	width: 102px;
	background-image: url(../graphics/nav_bar.png);
	background-repeat: no-repeat;
	background-position: -508px -41px;
}
a#customers:hover {
	background-position: -508px 0;
}

a#customers:active {
	background-position: -508px -82px;
}


a#services {
	width: 102px;
	background-image: url(../graphics/nav_bar.png);
	background-repeat: no-repeat;
	background-position: -610px -41px;
}
a#services:hover {
	background-position: -610px 0;
}

a#services:active {
	background-position: -610px -82px;
}


a#accounts {
	width: 109px;
	background-image: url(../graphics/nav_bar.png);
	background-repeat: no-repeat;
	background-position: -712px -41px;
}
a#accounts:hover {
	background-position: -712px 0;
}

a#accounts:active {
	background-position: -712px -82px;
}


/* Search Form */
div#global_search { 
	width: 119px; 
	height: 40px; 
	float:left; 
	background-image: url(../graphics/nav_bar.png);
	background-position: -821px -41px; 
	background-repeat: no-repeat; 
}

div#search_form { 
	width: 65px; height: 24px; float:left; padding:13px 7px 13px 9px;  
}

div#search_form .searchform{
	width:65px; height:12px; border: 1px solid #CCC;
}

div#search_button { 
	float:left; padding:9px 0 0 1px; 
}

div#search_button .submit{ 
	background: transparent;
	background-image:url(../graphics/search.png);
	background-repeat:no-repeat;
	background-position:top left;
	border: medium none;
	width: 24px; height: 24px;
}

div#search_button .submit:hover{ 
	background-position: 0 -24px;
}


/***** Global Buttons ******/
/* General */
.btn-learn-more{
	background-image:url(../graphics/buttons/learn_more.png); background-repeat:no-repeat; margin: 0 auto;
	width:110px;
	height:28px;
	display:block;
}
.btn-learn-more:hover{ background-position: 0 -28px; }

.btn-pay-online{
	background-image:url(../graphics/buttons/pay_online.png); background-repeat:no-repeat; margin: 0 auto;
	width:110px;
	height:28px;
	display:block;
}
.btn-pay-online:hover{ background-position: 0 -28px; }



/* Accounts */
.btn-credit-card-form{
	background-image:url(../graphics/buttons/credit_card_form.png); background-repeat:no-repeat; margin: 0 auto;
	width:152px;
	height:28px;
	display:block;
}
.btn-credit-card-form:hover{ background-position: 0 -28px; }

.btn-wire-transfer{
	background-image:url(../graphics/buttons/wire_transfer.png); background-repeat:no-repeat; margin: 0 auto;
	width:152px;
	height:28px;
	display:block;
}
.btn-wire-transfer:hover{ background-position: 0 -28px; }

.btn-credit-application{
	background-image:url(../graphics/buttons/credit_application.png); background-repeat:no-repeat; margin: 0 auto;
	width:152px;
	height:28px;
	display:block;
}
.btn-credit-application:hover{ background-position: 0 -28px; }

.btn-cod-application{
	background-image:url(../graphics/buttons/cod_application.png); background-repeat:no-repeat; margin: 0 auto;
	width:152px;
	height:28px;
	display:block;
}
.btn-cod-application:hover{ background-position: 0 -28px; }

.btn-tax-exempt-forms{
	background-image:url(../graphics/buttons/tax_exempt_forms.png); background-repeat:no-repeat; margin: 0 auto;
	width:152px;
	height:28px;
	display:block;
}
.btn-tax-exempt-forms:hover{ background-position: 0 -28px; }

.btn-stoughton-ma{
	background-image:url(../graphics/buttons/stoughton.png); background-repeat:no-repeat; margin: 0 auto;
	width:152px;
	height:28px;
	display:block;
}
.btn-stoughton-ma:hover{ background-position: 0 -28px; }

.btn-blakeslee-pa{
	background-image:url(../graphics/buttons/blakeslee.png); background-repeat:no-repeat; margin: 0 auto;
	width:152px;
	height:28px;
	display:block;
}
.btn-blakeslee-pa:hover{ background-position: 0 -28px; }


/* Do not add location css here, will be defined locally in products css */
.btn-go-now-lg{
	background-image:url(../graphics/buttons/go_now_lg.png); 
	background-repeat:no-repeat;
	width: 112px;
	height: 38px;
	display:block;
	
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	
	-moz-box-shadow: 0 2pt 4pt rgba(0,0,0,0.70);
	-webkit-box-shadow: 0 2pt 4pt rgba(0,0,0,0.70);
	box-shadow: 0 2pt 4pt rgba(0,0,0,0.70);
}

.btn-go-now-lg:hover{ background-position: 0 -38px; }

/* For Accounts Payment Form Only */
.btn-pay-now-lg{
	background: transparent;
	background-image:url(../graphics/buttons/pay_now_lg.png); margin-top:15px;
	background-repeat:no-repeat;
	width: 194px;
	height: 50px;
	border: medium none;
	
	-moz-border-radius: 23px;
	-webkit-border-radius: 23px;
	border-radius: 23px;
	
	-moz-box-shadow: 0 2pt 4pt rgba(0,0,0,0.70);
	-webkit-box-shadow: 0 2pt 4pt rgba(0,0,0,0.70);
	box-shadow: 0 2pt 4pt rgba(0,0,0,0.70);
	
	
}
.btn-pay-now-lg:hover{ background-position: 0 -50px; }


/* Learn More Holiday Button */
.btn-learn-more-holiday{
	background-image:url(../graphics/buttons/learn_more_holiday.png);
	background-repeat:no-repeat;
	width:132px;
	height:38px;
	display:block;
	
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	
	-moz-box-shadow: 0 2pt 4pt rgba(0,0,0,0.70);
	-webkit-box-shadow: 0 2pt 4pt rgba(0,0,0,0.70);
	box-shadow: 0 2pt 4pt rgba(0,0,0,0.70);
}

.btn-learn-more-holiday:hover{ background-position: 0 -38px; }

/* Facebook like buttons */
.btn-facebook-like{
	width:150px; 
	margin: 105px 32px 0 68px;
}


/****** Grid System Setup ******/
/* 960 Grid 12 Column */
.grid12x140{
	width:140px;
	margin: 0 10px;
	float:left;
}
.grid12x220{
	width: 220px;
	margin: 0 10px;
	float:left;
}
.grid12x300{
	width: 300px;
	margin: 0 10px;
	float:left;
}
.grid12x460{
	width: 460px;
	margin: 0 10px;
	float:left;
}

/* 960 Grid 16 Columm */
.grid16x100{
	width: 100px;
	margin: 0 10px;
	float:left;
}




/***** Page Templates *****/
/* Four Column Layout */
.four-col-main{
	width: 960px;
	margin-bottom:20px;
}

.four-col-links{
	width: 960px;
}

.four-col-container{
	width: 220px;
	margin-bottom:15px;
}

/* Three Column Layout */
.three-col-main{
	width: 960px;
	margin-bottom:20px;
}

/* Two Column Layout */
.two-col-main{
	width: 960px;
	margin-bottom:20px;
}


/* One Column Layout (Articles) */
.one-col-main{
	width: 700px;
	margin: 30px auto 25px;
}
.one-col-btn{
	width: 100%;
	overflow:hidden;
	margin: 20px 0px;
}
ul.one-col-btn-ul{
	position: relative;
	float: left;
	left: 50%;
	margin: 0; padding: 0;
}

li.one-col-btn-li{
	position:relative;
	float: left;
	right: 50%;
	list-style-type:none;
	padding-right:30px;
}

#form.one-col-main{
	width:590px;
	margin-bottom:100px;
}

/* Two Column WordPress Pages */
.two-col-wordpress-left{
	width:600px; 
	margin:30px auto 25px; 
	padding: 0 90px 0 20px;
	float:left;
}

.two-col-wordpress-right, .two-col-listings-right{
	width:220px; 
	margin:30px auto 25px; 
	float:left;
}

.two-col-wordpress-right-facebook{
	width:220px; 
	margin:15px auto 25px; 
	float:left;
}


/* Gradient background for Column layouts */
.gradient-box-1{
		
	background: #fff; /* Old browsers */
	background: -moz-linear-gradient(top, #cccccc 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #cccccc 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #cccccc 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #cccccc 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(top, #cccccc 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	
	-moz-box-shadow: 0 2pt 4pt rgba(0,0,0,0.45);
	-webkit-box-shadow: 0 2pt 4pt rgba(0,0,0,0.45);
	box-shadow: 0 2pt 4pt rgba(0,0,0,0.45);


}

.gradient-box-2{
	
	background: #fff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#cccccc 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%,#cccccc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
	
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	
	-moz-box-shadow: 0 2pt 4pt rgba(0,0,0,0.45);
	-webkit-box-shadow: 0 2pt 4pt rgba(0,0,0,0.45);
	box-shadow: 0 2pt 4pt rgba(0,0,0,0.45);
}

/* For gradient box primary */
.gradient-picture{ width:222px; height:148px; margin:15px auto 20px; display:block;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
 }
 
/* For gradient box secondary */
.gradient-picture-2{ width:181px; height:150px; display:block;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
 }/* Do not float or use margins for this. Use the individual fit class for alignment, margins and float */
 
.gradient-character{ width:200px; height:215px; float:left; display:block; }


/* Images for One Column and Wordpress Text Pages */
.img-wrap-left{
	padding:15px 15px 15px 0; float:left;
}

.img-wrap-right{
	padding:15px 0 15px 15px; float:right;
}


/***** Square Touch Images ****/
a#milling_services_sq, #delivery_sq, #about_us_sq, #account_payments_sq, #wholesale_terms_sq, #products_sq, #pickups_sq, #quote_request_sq, #retail_request_sq, #general_questions_sq, #ironstick_sq, #credit_card_sq, #wire_transfer_sq, #downloads_sq, #domestic_sq, #exotic_sq, #mahogany_sq, #softwood_sq, #riftqtrd_sq, #figured_sq, #plywood_sq, #decking_sq, #flooring_sq, #moulding_sq, #squares_sq, #dowels_sq, #take_tour_sq, #locations_hours_sq, #retail_specials_sq{
	background-repeat:no-repeat;
	width:300px;
	height:238px;
	display:block;
}

#milling_services_sq{background-image:url(../graphics/sq_pics/milling_services.jpg);}
#delivery_sq{background-image:url(../graphics/sq_pics/deliveries.jpg);}
#about_us_sq{background-image:url(../graphics/sq_pics/about.jpg);}
#account_payments_sq{background-image:url(../graphics/sq_pics/account_payments.jpg);}
#wholesale_terms_sq{background-image:url(../graphics/sq_pics/terms.jpg);}
#products_sq{background-image:url(../graphics/sq_pics/products.jpg);}
#pickups_sq{background-image:url(../graphics/sq_pics/pickups.jpg);}
#quote_request_sq{background-image:url(../graphics/sq_pics/quote_request.jpg);}
#retail_request_sq{background-image:url(../graphics/sq_pics/retail_request.jpg);}
#general_questions_sq{background-image:url(../graphics/sq_pics/general_questions.jpg);}
#ironstick_sq{background-image:url(../graphics/sq_pics/ironstick.jpg);}
#credit_card_sq{background-image:url(../graphics/sq_pics/credit_card.jpg);}
#wire_transfer_sq{background-image:url(../graphics/sq_pics/wire_transfer.jpg);}
#downloads_sq{background-image:url(../graphics/sq_pics/downloads.jpg);}
#domestic_sq{background-image:url(../graphics/sq_pics/domestic.jpg);}
#exotic_sq{background-image:url(../graphics/sq_pics/exotic.jpg);}
#mahogany_sq{background-image:url(../graphics/sq_pics/mahogany.jpg);}
#softwood_sq{background-image:url(../graphics/sq_pics/softwood.jpg);}
#riftqtrd_sq{background-image:url(../graphics/sq_pics/riftqtrd.jpg);}
#figured_sq{background-image:url(../graphics/sq_pics/figured.jpg);}
#plywood_sq{background-image:url(../graphics/sq_pics/plywood.jpg);}
#decking_sq{background-image:url(../graphics/sq_pics/decking.jpg);}
#flooring_sq{background-image:url(../graphics/sq_pics/flooring.jpg);}
#moulding_sq{background-image:url(../graphics/sq_pics/moulding.jpg);}
#squares_sq{background-image:url(../graphics/sq_pics/squares.jpg);}
#dowels_sq{background-image:url(../graphics/sq_pics/dowels.jpg);}
#take_tour_sq{background-image:url(../graphics/sq_pics/take_tour.jpg);}
#locations_hours_sq{background-image:url(../graphics/sq_pics/locations_hours.jpg);}
#retail_specials_sq{background-image:url(../graphics/sq_pics/retail_specials.jpg);}



/***** Square Touch Buttons *****/
.btn_species_sq,#btn_milling_services_sq, #btn_delivery_sq, #btn_about_us_sq, #btn_account_payments_sq, #btn_wholesale_terms_sq, #btn_products_sq, #btn_pickups_sq, #btn_quote_request_sq, #btn_retail_request_sq, #btn_general_questions_sq,#btn_ironstick_sq, #btn_credit_card_sq, #btn_wire_transfer_sq, #btn_downloads_sq, #btn_domestic_sq, #btn_exotic_sq, #btn_mahogany_sq, #btn_softwood_sq, #btn_riftqtrd_sq, #btn_figured_sq, #btn_plywood_sq, #btn_decking_sq, #btn_flooring_sq, #btn_moulding_sq, #btn_squares_sq, #btn_dowels_sq, #btn_locations_hours_sq, #btn_take_tour_sq, #btn_retail_specials_sq{width:300px; height:35px; display:block;}

.btn_species_sq:hover,#btn_milling_services_sq:hover, #btn_delivery_sq:hover, #btn_about_us_sq:hover, #btn_account_payments_sq:hover, #btn_wholesale_terms_sq:hover, #btn_products_sq:hover, #btn_pickups_sq:hover,#btn_quote_request_sq:hover, #btn_retail_request_sq:hover, #btn_general_questions_sq:hover, #btn_ironstick_sq:hover, #btn_credit_card_sq:hover, #btn_wire_transfer_sq:hover, #btn_downloads_sq:hover, #btn_domestic_sq:hover, #btn_exotic_sq:hover, #btn_mahogany_sq:hover, #btn_softwood_sq:hover, #btn_riftqtrd_sq:hover, #btn_figured_sq:hover, #btn_plywood_sq:hover, #btn_decking_sq:hover, #btn_flooring_sq:hover, #btn_moulding_sq:hover, #btn_squares_sq:hover, #btn_dowels_sq:hover,  #btn_locations_hours_sq:hover, #btn_take_tour_sq:hover, #btn_retail_specials_sq:hover{background-position: 0px -36px;}

.btn_species_sq{margin-top:-3px;}
#btn_milling_services_sq{background-image:url(../graphics/buttons/milling_services_sq.png);}
#btn_delivery_sq{background-image:url(../graphics/buttons/deliveries_sq.png);}
#btn_about_us_sq{background-image:url(../graphics/buttons/about_sq.png);}
#btn_account_payments_sq{background-image:url(../graphics/buttons/account_payments_sq.png);}
#btn_wholesale_terms_sq{background-image:url(../graphics/buttons/terms_sq.png);}
#btn_products_sq{background-image:url(../graphics/buttons/products_sq.png);}
#btn_pickups_sq{background-image:url(../graphics/buttons/pickups_sq.png);}
#btn_quote_request_sq{background-image:url(../graphics/buttons/quote_request_sq.png);}
#btn_retail_request_sq{background-image:url(../graphics/buttons/retail_request_sq.png);}
#btn_general_questions_sq{background-image:url(../graphics/buttons/general_questions_sq.png);}
#btn_ironstick_sq{background-image:url(../graphics/buttons/ironstick_sq.png);}
#btn_credit_card_sq{background-image:url(../graphics/buttons/credit_card_sq.png);}
#btn_wire_transfer_sq{background-image:url(../graphics/buttons/wire_transfer_sq.png);}
#btn_downloads_sq{background-image:url(../graphics/buttons/downloads_sq.png);}
#btn_domestic_sq{background-image:url(../graphics/buttons/domestic_sq.png);}
#btn_exotic_sq{background-image:url(../graphics/buttons/exotic_sq.png);}
#btn_mahogany_sq{background-image:url(../graphics/buttons/mahogany_sq.png);}
#btn_softwood_sq{background-image:url(../graphics/buttons/softwood_sq.png);}
#btn_riftqtrd_sq{background-image:url(../graphics/buttons/riftqtrd_sq.png);}
#btn_figured_sq{background-image:url(../graphics/buttons/figured_sq.png);}
#btn_plywood_sq{background-image:url(../graphics/buttons/plywood_sq.png);}
#btn_decking_sq{background-image:url(../graphics/buttons/decking_sq.png);}
#btn_flooring_sq{background-image:url(../graphics/buttons/flooring_sq.png);}
#btn_moulding_sq{background-image:url(../graphics/buttons/moulding_sq.png);}
#btn_squares_sq{background-image:url(../graphics/buttons/squares_sq.png);}
#btn_dowels_sq{background-image:url(../graphics/buttons/dowels_sq.png);}
#btn_locations_hours_sq{background-image:url(../graphics/buttons/locations_hours_sq.png);}
#btn_take_tour_sq{background-image:url(../graphics/buttons/take_tour_sq.png);}
#btn_retail_specials_sq{background-image:url(../graphics/buttons/retail_specials_sq.png);}





/***** Index Page Information *****/

/* Emergency Action Messages */
#message{
	width:890px;
	margin:10px auto 0px;
	padding:15px 35px;

	background-color: #F00; 
	background-image: linear-gradient(bottom, rgb(191,33,18) 10%, rgb(230,60,45) 55%, rgb(255,90,72) 78%);
	background-image: -o-linear-gradient(bottom, rgb(191,33,18) 10%, rgb(230,60,45) 55%, rgb(255,90,72) 78%);
	background-image: -moz-linear-gradient(bottom, rgb(191,33,18) 10%, rgb(230,60,45) 55%, rgb(255,90,72) 78%);
	background-image: -webkit-linear-gradient(bottom, rgb(191,33,18) 10%, rgb(230,60,45) 55%, rgb(255,90,72) 78%);
	background-image: -ms-linear-gradient(bottom, rgb(191,33,18) 10%, rgb(230,60,45) 55%, rgb(255,90,72) 78%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.1, rgb(191,33,18)),
		color-stop(0.55, rgb(230,60,45)),
		color-stop(0.78, rgb(255,90,72))
	);
	
		
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	
	-moz-box-shadow: 0 2pt 4pt rgba(0,0,0,0.45);
	-webkit-box-shadow: 0 2pt 4pt rgba(0,0,0,0.45);
	box-shadow: 0 2pt 4pt rgba(0,0,0,0.45);
}

#message h4{ color:#FFF; font-size:125%; font-weight:bold; margin-bottom:5px; }
#message p{ color:#FFF; font-size:105%;}
#message ul li{color:#FFF; font-size:105%; list-style-type:circle;}
#message a{color:#CCC;} #message a:hover{color:#000; text-decoration:underline;}


/* For Screen Reader, Search Engine Optimization, or Image Replacement */
.spacer span {
	height: 0px;
	width: 0px;
	display: block;
	overflow: hidden;
	font-size:1px;
}	

#main_ad1, #main_ad2, #main_ad3{
	margin:0;
	padding:0;
	float:left;
	display:block;
}
#main_ad1{
	background-image:url(../graphics/main_ads/title_graphic_r1_c1.png);
	background-repeat:no-repeat;
	width:940px;
	height:80px;
	float:none;
}
#main_ad2{
	background-image:url(../graphics/main_ads/title_graphic_r2_c1.jpg);
	background-repeat:no-repeat;
	position:relative;
	width:940px;
	height:445px;
}
#main_ad3{
	background-image:url(../graphics/main_ads/title_graphic_r2_c2.png);
	background-repeat:no-repeat;
	position:absolute;
	left:601px;
	top:240px;
	width:229px;
	height:156px;
}

/* Rss Feed, Bottom Navigation */
div#rss_container, #bottom_nav{
	width: 940px;
	height: 20px;
	margin: 10px auto 0px;
	padding: 2px 0;
	background-image:url(../graphics/gradient_bar.png);
	background-repeat: repeat;
	border: 2px solid #38813E;
	
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	
	-moz-box-shadow: 0 2pt 4pt rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 2pt 4pt rgba(0,0,0,0.25);
	box-shadow: 0 2pt 4pt rgba(0,0,0,0.25);
}


div#bottom_nav ul{
	margin:2px auto;
	padding:0;
	text-align:center;
}


div#bottom_nav li{
	display:inline;
	list-style-type:none;
	padding: 0 10px;
	border-right: 2px solid #C0C0C0;
}

div#bottom_nav li.final{
	border-right: none;
}


/* Secondary Ads */
div#secondary_ad_container{
	width: 960px;
	margin: 0px auto;
}

a#secondaryad1, a#secondaryad2, a#secondaryad3, a#secondaryad4{
	width:220px;
	height:170px;
	margin: 0 8px;
	border:2px solid #C0C0C0;
	float:left;
	
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	
	-moz-box-shadow: 0 2pt 6pt rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 2pt 6pt rgba(0,0,0,0.25);
	box-shadow: 0 2pt 6pt rgba(0,0,0,0.25);
}

#secondaryad1{background-image:url(../graphics/secondary_ads/ad1.png);}
#secondaryad2{background-image:url(../graphics/secondary_ads/ad2.png);}
#secondaryad3{background-image:url(../graphics/secondary_ads/ad3.png);}
#secondaryad4{background-image:url(../graphics/secondary_ads/ad4.png);}



/* Holiday Title Graphic */
#holiday_ad1, #holiday_ad2, #holiday_ad3, #holiday_ad4, #holiday_ad5, #holiday_ad6, #holiday_ad7{
	margin:0;
	padding:0;
	float:left;
	display:block;
}

#holiday_ad1{
	background-image:url(../graphics/main_ads/title_holiday_r1_c1.jpg);
	background-repeat:no-repeat;
	width:320px;
	height:556px;
}
#holiday_ad2{
	background-image:url(../graphics/main_ads/title_holiday_r1_c2.png);
	background-repeat:no-repeat;
	width:620px;
	height:99px;
}
#holiday_ad3{
	background-image:url(../graphics/main_ads/title_holiday_r2_c2.jpg);
	background-repeat:no-repeat;
	width:162px;
	height:457px;
}
#holiday_ad4{
	background-image:url(../graphics/main_ads/title_holiday_r2_c3.png);
	background-repeat:no-repeat;
	width:458px;
	height:161px;
}
#holiday_ad5{
	background-image:url(../graphics/main_ads/title_holiday_r3_c3.jpg);
	background-repeat:no-repeat;
	width:112px;
	height:296px;
}
#holiday_ad6{
	background-image:url(../graphics/main_ads/title_holiday_r3_c4.png);
	background-repeat:no-repeat;
	width:346px;
	height:68px;
}
#holiday_ad7{
	background-image:url(../graphics/main_ads/title_holiday_r4_c4.png);
	background-repeat:no-repeat;
	width:346px;
	height:228px;
}


/* Site Map layout */
.site-map{ font-size:120%; }
.site-map h3, .site-map ul li{ padding-left:80px;}
.site-map ul li{list-style-type:none; margin-bottom:5px;}
.site-map ul li a{color:#000;} .site-map ul li a:hover{color:#47AE4B;}