/*   
Theme Name: Burchams Metals Inc.
Theme URI: www.burchamsmetals.com
Description: Theme for Burcham's Metals Inc.
Author: North Krimsly
Author URI: www.highintegritydesign.com
Template: 
Version: 1.0
.
This theme is copyright 2009 by Burcham's Metals Inc.  All rights are reserved.
.
*/

 
/* ##### global page styles ################################################### */	

body {
	background-color: #FFFFFF;
	min-width: 1020px;
}

body * {
	margin: 0;
	padding: 0;
	color: #333333;
}

html {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 0.8em;
}

html * {
	margin: 0; /* don't mess with Texas, dude! */
	padding: 0;
	line-height: 1.3em;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.2em;
	margin-bottom: 1em;
	font-weight: bold;
	color: #593424;	
}

h1, h2 {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin-bottom: 1em;
}

h2 {
	font-size: 1.4em;
}

h3 {
	font-size: 1.0em;
	margin-bottom: 0;
}

em {
	font-weight: bold;
	font-style: italic;
	font-size: 0.7em;
}

strong {
	font-weight: bold;
	font-style: normal;
}

a:link, a:visited, a:active {
	color: #9e393d;
	text-decoration: none;
	outline: none;
	border: none;
}

a:hover {
	color: #9e393d;
	text-decoration: none;
	border-bottom: 1px dotted #9e393d;
	outline: none;
}

img {
	outline: none;
	border: none;
}

table, th, tr, td {
	text-align: left;
	vertical-align: top;
	border-width: 1px;
	border-style: solid;
	border-collapse: collapse;
	padding: 10px;
	margin-top: 10px;
}

th {
	text-align: center;
	vertical-align: middle;
}

p, table {
	margin-bottom: 1em;
}

fieldset {
	border: none;
}

blockquote {
	margin-left: 10px;
	font-style: italic;
	font-weight: bold;
}

ul {
	list-style: none;
	margin-left: 0;
	margin-bottom: 1em;
}

li {
 	margin-left: 0;
}

/* ### wordpress auto-generated classes ########################################### */
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}


/*  #### re-usable generic styles ################################################ */
.clear {
	clear: both;
	line-height: 0px; /* leave this stuff in to fix IE bugs */
	height: 0px;
	font-size: 0px;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
	text-align: right;
}

.inside {
	padding: 10px;
}

.portrait {
	float: left;
	border: 2px solid #AAAAAA;
	margin-right: 10px;
}

/* ##### Home page masthead ########################################## */

#mastheadSwath {
	background: url(images/masthead-swath-home.jpg) right top repeat-x;
	height: 188px;
}

#masthead {
	background: url(images/masthead-home.jpg) right top no-repeat;
	width: 1020px;
	height: 188px;
	margin-left: auto;
	margin-right: auto;
}

#masthead h2 {
	text-indent:-9999px;
	height: 10px;
}

/* #### secondary pages masthead ###################################### */
#mastheadSwathSecondary {
	background: url(images/masthead-swath-secondary.jpg) top right repeat-x;
	height: 132px;
}

#mastheadSecondary {
	background: url(images/masthead-secondary.jpg) left top no-repeat;
	width: 903px;
	height: 132px;
	margin-left: auto;
	margin-right: auto;
}

a#logoSecondary {
	float: left;
	width: 275px;
	height: 132px;
	display: block;
	border: none;
	outline: none;
	text-decoration: none;	
}

a#logoSecondary:link, a#logoSecondary:visited, a#logoSecondary:hover, a#logoSecondary:active {
	text-decoration: none;
	border: none;
	outline: none;
}

#logoSecondary img {
	border: none;
	outline: none;
	text-decoration: none;	
}

/* Home page top navigation links ################################################# */
#whatWeBuyHomeLink {
	float: left;
	display: block;
	width: 110px;
	height: 66px;
	margin-top: 92px;
	margin-left: 424px;
	background: url(images/what-we-buy-link-home.jpg) top left no-repeat;
	text-indent: -9999px;
	border-right: 2px solid #FFFFFF;
}

a#whatWeBuyHomeLink:link, a#whatWeBuyHomeLink:visited, a#whatWeBuyHomeLink:active {
	background: url(images/what-we-buy-link-home.jpg) top left no-repeat;
}

a#whatWeBuyHomeLink:hover {
	background-position: 0 -66px;
}

#whatWeSellHomeLink {
	float: left;
	display: block;
	width: 110px;
	height: 66px;
	margin-top: 92px;	
	border-right: 2px solid white;		
	text-indent: -9999px;
}

a#whatWeSellHomeLink:link, a#whatWeSellHomeLink:visited, a#whatWeSellHomeLink:active {
	background: url(images/what-we-sell-link-home.jpg) top left no-repeat;
}

a#whatWeSellHomeLink:hover {
	background-position: 0 -66px;
}

#aboutContactBurchamsHome {
	float: left;
	width: 123px;
	height: 66px;
	margin-top: 92px;	
}

#aboutBurchamsHomeLink {
	display: block;
	width: 123px;
	height: 43px;
	background: url(images/about-burchams-link-home.jpg) top left no-repeat;
	text-indent: -9999px;
	border-right: 2px solid white;
}

a#aboutBurchamsHomeLink:link, a#aboutBurchamsHomeLink:visited, a#aboutBurchamsHomeLink:active {
	background: url(images/about-burchams-link-home.jpg) top left no-repeat;
}

a#aboutBurchamsHomeLink:hover {
	background-position: 0 -43px;
}

a#contactBurchamsHomeLink {
	display: block;
	width: 123px;
	height: 23px;
	background: url(images/contact-us-link-home.jpg) top left no-repeat;
	text-indent: -9999px;
	border-right: 2px solid white;
}

a#contactBurchamsHomeLink:link, a#contactBurchamsHomeLink:visited, a#contactBurchamsHomeLink:active {
	background: url(images/contact-us-link-home.jpg) top left no-repeat;
}

a#contactBurchamsHomeLink:hover {
	background-position: 0 -23px;
}

a#whatWeBuyHomeLink:hover, a#whatWeSellHomeLink:hover, a#aboutBurchamsHomeLink:hover, a#contactBurchamsHomeLink:hover, a#whatWeBuyHomeLink:active, a#whatWeSellHomeLink:active, a#aboutBurchamsHomeLink:active, a#contactBurchamsHomeLink:active  {
	border-top: none;
	border-bottom: none;
	border-right: 2px solid #FFFFFF;
	border-left: none;
}

/* #### secondary pages nav links ##################################### */
#whatWeBuyLinkActive {
	float: left;
	margin-top: 68px;
	background: url(images/what-we-buy-link-active.jpg);
	width: 164px;
	height: 46px;
	text-indent: -9999px;	
	border: none;
}

#whatWeBuyLinkActive:hover {
	border: none;
}

#whatWeBuyLink {
	float: left;
	display: block;
	width: 164px;
	height: 46px;
	margin-top: 68px;	
	text-indent: -9999px;
	border: none;
}

a#whatWeBuyLink:link, a#whatWeBuyLink:visited, a#whatWeBuyLink:active {
	background: url(images/what-we-buy-link.jpg) top left no-repeat;
}

a#whatWeBuyLink:hover {
	background-position: 0 -46px;
}

#whatWeSellLinkActive {
	float: left;
	margin-top: 68px;
	background: url(images/what-we-sell-link-active.jpg	);
	width: 160px;
	height: 46px;
	text-indent: -9999px;	
}

#whatWeSellLinkActive:hover {
	border: none;
}

#whatWeSellLink {
	float: left;
	display: block;
	width: 160px;
	height: 46px;
	margin-top: 68px;	
	text-indent: -9999px;
	border: none;
}

a#whatWeSellLink:link, a#whatWeSellLink:visited, a#whatWeSellLink:active {
	background: url(images/what-we-sell-link.jpg) top left no-repeat;
}

a#whatWeSellLink:hover {
	background-position: 0 -46px;
}

#aboutLinkActive {
	float: left;
	margin-top: 68px;
	background: url(images/about-link-active.jpg);
	width: 179px;
	height: 46px;
	text-indent: -9999px;	
}

#aboutLinkActive:hover {
	border: none;
}

#aboutLink {
	float: left;
	display: block;
	width: 179px;
	height: 46px;
	margin-top: 68px;	
	text-indent: -9999px;
	border: none;
}

a#aboutLink:link, a#aboutLink:visited, a#aboutLink:active {
	background: url(images/about-link.jpg) top left no-repeat;
}

a#aboutLink:hover {
	background-position: 0 -46px;
}

#contactLinkActive {
	float: left;
	margin-top: 68px;
	background: url(images/contact-us-link-active.jpg);
	width: 125px;
	height: 46px;
	text-indent: -9999px;	
	border: none;
}

#contactLinkActive:hover {
	border: none;
}

#contactLink {
	float: left;
	display: block;
	width: 125px;
	height: 46px;
	margin-top: 68px;	
	text-indent: -9999px;
	border: none;
}

a#contactLink:link, a#contactLink:visited, a#contactLink:active {
	background: url(images/contact-us-link.jpg) top left no-repeat;
}

a#contactLink:hover {
	background-position: 0 -46px;
}

/* #### main wrappers for home page and secondary pages ############################ */
#mainHome {
	background-color: #f8f4ce;
	width: 100%;
	padding-bottom: 40px;
}

#mainTop {
	width: 1020px;
	background-color: #f8f4ce;
	background-image: url(images/going-green-giving-back.jpg);
	background-position: 428px bottom;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
}	

#mainSecondarySwath {
	background-color: #f8f4ce;
}

#mainSecondary {
	background-color: #f8f4ce;
	width: 903px;
	margin-left: auto;
	margin-right: auto;
}
	
/* #### What we buy and what we sell left side top section with page links	########### */
#logoHomeBottom {
	margin-left: 60px;
	height: 89px;
	width: 364px;
	background: #FFFFFF url(images/burchams-metals-logo-home-bottom.jpg) top left no-repeat;
}

#homeNavContainer {
	width: 364px;
	height: 11px;
	margin-left: 60px;
	background-color: #FFFFFF;
}

#homeNavLinks {
	width: 364px;
	padding-bottom: 10px;
	margin-left: 60px;
	margin-bottom: 5px;
	background:  #f8f4ce url(images/what-we-buy-sell-home-background.jpg) bottom left no-repeat;
}

#whatWeBuyTitle {
	float: left;
	display: block;
	width: 183px;
	height: 33px;
	background: url(images/what-we-buy-title.jpg) top left no-repeat;
	text-indent:-9999px;
}

a#whatWeBuyTitle {
	display: block;
	width: 183px;
	height: 33px;
	overflow: hidden;
}

a#whatWeBuyTitle:link, a#whatWeBuyTitle:visited, a#whatWeBuyTitle:active {
	background: url(images/what-we-buy-title.jpg) top left no-repeat;
	border: none;
}

a#whatWeBuyTitle:hover {
	background-position: 0 -33px;
	border: none;
}

a#whatWeSellTitle {
	float: left;
	display: block;
	width: 176px;
	height: 33px;
	padding-top: 7px;
	background: url(images/what-we-sell-title.jpg) top left no-repeat;
	text-indent:-9999px;
}

a#whatWeSellTitle:link, a#whatWeSellTitle:visited, a#whatWeSellTitle:active {
	background: url(images/what-we-sell-title.jpg) top left no-repeat;
	border: none;
}

a#whatWeSellTitle:hover {
	background-position: 0 -33px;
	border: none;
}

#whatWeBuyHome {
	float: left;
	width: 160px;
	padding: 0 0 0 17px;
}

#whatWeBuyHome a, #whatWeSellHome a {
	line-height: 1.8em;
}

#whatWeSellHome {
	float: left;
	width: 160px;	
	margin-left: 9px;
	padding: 0 0 0 11px;	
}

#whatWeBuyHome li, #whatWeSellHome li {
	background: transparent url(images/link-arrow.jpg) left center no-repeat;
	padding: 0 0 0 18px;
}


/* #### secondary pages left side nav container ########################################## */
#secondaryNavContainer {
	float: left;
	width: 234px;
	background: transparent url(images/secondary-nav-background.jpg) bottom left no-repeat;
	padding: 30px 18px 15px 23px;
	margin-bottom: 10px;
}

/* #### this is a spacer div that takes the place of the sidebar on pages that don't have a sidebar */
#footerImageMargin {
	float:left;
	clear: left;
	height: 300px; /* this is used for pages that don't have a sidebar, to make space for the rotating image */
	width: 100px;
}

/* This is used only for the "we're easy to find" sidebar section */
#secondaryNavContainer h2 {
	padding-bottom: 8px;
	font-style: normal;
	border-bottom: 1px dotted;
	color: #7b8341;	
}

.secondaryNavLink {
	background: transparent url(images/link-arrow.jpg) left center no-repeat;
	padding-left: 18px;
}

#whatWeBuyTitleSecondary, #whatWeSellTitleSecondary, #aboutTitleSecondary {
	margin-bottom: 12px;
}

#secondaryNavContainer li {
	margin-bottom: 5px;
}

.currentLink {
	padding-left: 18px;
	color: #003149;
	background: transparent url(images/link-arrow-current.jpg) left center no-repeat;
}

/* #### secondary pages sidebar #################################################### */
#sidebar {
	float: left;
	clear: left;
	width: 275px;
	padding-top: 10px;
	margin-bottom: 300px;
	background: url(images/sidebar-background.jpg) top left no-repeat;
}

#sidebar div {
	float: left;
	clear: left;
	width: 235px;
	background: url(images/sidebar-background.jpg) bottom left no-repeat;
	padding: 10px 20px;
}	

#sidebar h2 {
	padding-bottom: 8px;
	font-style: normal;
	border-bottom: 1px dotted;
	color: #7b8341;	
}

#sidebar div p {
	color: #7b8341;	
}


/* #### secondary page content area ################################################# */
#secondaryContent {
	float: right;
	background: #FFFFFF url(images/secondary-content-bottom.jpg) bottom left no-repeat;
	padding: 28px 25px 30px 34px;
	margin-bottom: 65px;
	width: 551px;
}

#secondaryContent ul {
	list-style-type: disc;
	margin-left: 2em;
}

#secondaryContent h4 {
	margin-top: 1em;
	margin-bottom: 0;
}

#secondaryContent hr {
	clear: both;
	color: #FFFFFF;
	background-color: #FFFFFF;
	border-top: 1px dotted #9e393d;
	margin: 15px 0;
}

/* #### secondary page 3 column content area ########################################### */
.secondaryContentColumn {
	float: left;
	width: 168px;
	margin-right: 20px;
	margin-top: -1em;
}

.secondaryContentColumnRight {
	float: left;
	width: 168px;
	margin-top: -1em;	
}

.secondaryContentColumn h2, .secondaryContentColumnRight h2 {
	border-bottom: 1px dotted #9e393d;
	margin-top: 1em;
	margin-bottom: 0.5em;
}

.secondaryContentColumn h3, .secondaryContentColumnRight h3 {
	margin-top: 1em;
}

/* #### tagline section "going green and giving back" ####################################### */
/* #### Note: this section has some exacting styling so that things line up and don't interfere with the navigation links */
#tagline {
	margin-left: auto;
	margin-right: auto;
	background: transparent;
	clear: both;
}

#tagline a {
	position: relative;
	background: transparent;
	font-weight: bold;
	float: right;
	top: -151px;
	left: -75px;
	border-bottom: 1px solid transparent;
}

#tagline a:hover {
	border-bottom: 1px dotted #9e393d;
}	

#tagline h2 {
	position: absolute;
	top: -30px;
	width: 10px;
	height: 10px;
	overflow: hidden;
	text-indent: -9999px;
}

/* #### bottom section of home page with new this week ###################### */
#mainBottom {
	width: 1020px;
	margin-left: auto;
	margin-right: auto;
	background: #f8f4ce url(images/new-this-week.jpg) center top no-repeat;
}

#newThisWeekBottom {
	background: #f8f4ce url(images/new-this-week.jpg) center bottom no-repeat;
	width: 1020px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 5px;
}

#newThisWeekContent {
	float: left;
	width: 600px;
	margin-top: 55px;
	margin-left: 82px;
}

#newThisWeekContent img {
	float: left; 
	margin-right: 23px;
	margin-bottom: 15px;
}

/* #### Request an Item form #################################################### */
#requestItemForm {
}

.contactPageContent {
}

.contactPageContent strong {
	color: #593424;	
}

.horizontalRule {
	width: 100%;
	margin: 15px 0;
	border-top: 1px dotted #9e393d;
}

#requestItemForm label {
	font-weight: bold;
	color: #593424;	
	font-size: 1.0em;
	margin-bottom: 0;
}

.shortLabel {
	width: 50px;
	display: inline-block;
}

.textBox {
	width: 400px;
	display: block;
}

#requestItemForm input, #requestItemForm textarea {
	border: 1px solid #becfdd;
	margin-bottom: 0.5em;
	padding: 5px;
}

#requestItemForm textarea {
	margin-top: 0.5em;
}

input#sendButton {
	border: none;
	margin-left: 330px;
}

/* #### newsletter sign-up form (home page) ########################################## */
#newsletterHome {
	float: right;
	width: 257px;	
	height: 360px;
	margin-top: -105px;
	margin-right: 75px;
	background: url(images/newsletter-signup.png) top left no-repeat;
}

#newsletterHome h3 {
	height: 10px;
	text-indent: -9999px;
}

/* #### newsletter sign-up form (contact page) ####################################### */
#newsletterSignupForm {
	width: 257px;
	height: 360px;
	float: right;
	background: url(images/newsletter-signup.jpg) top left no-repeat;
}	

#mce-FNAME {
	margin-left: 24px;
	margin-left: 34px;	
	margin-top: 205px;
	width: 165px;
	border: 1px solid #becfdd;
	margin-bottom: 0.5em;
	padding: 5px;
} /* these are generated by MailChimp */

#mce-EMAIL {
	margin-left: 34px;
	margin-top: 26px;
	width: 165px;
	border: 1px solid #becfdd;
	margin-bottom: 0.5em;
	padding: 5px;
}

#signupButton {
	float: right;
	margin-top: 5px;
	margin-right: 40px;
	outline: none;
}

#signupButton a:link, signupButton a:visited, #signupButton a:hover, #signupButton a:active {
	outline: none;
}

/* javascript validate response styling-- the error behavior is from MailChimp so there is limited ability to style it */
/* This covers cases where they enter an invalid email address, or no address at all */
.mce_inline_error {
	float: left;
	border: 1px solid #9e393d;
	background-color: #f8f4ce;
	padding: 5px;
	margin-left: 35px;	
	font-weight: bold;
	width: 80px;
	-moz-border-radius:4px; 
	border-radius:4px; 
	-webkit-border-radius:4px; 
	z-index:1; 
}

/* This covers cases where they enter an email address that is already subscribed to the list */
#mce-error-response {
	display: none;
	position: relative;
	border: 1px solid #9e393d;
	background-color: #f8f4ce;
	padding: 5px;
	margin-left: 25px;
	margin-top: 60px;
	font-weight: bold;
	width: 200px;
	-moz-border-radius:4px; 
	border-radius:4px; 
	-webkit-border-radius:4px; 
	z-index: 10; /* covers up any text that is below the sign-up form */
}

#mce-success-response {
	display: none;
	position: relative;
	border: 1px solid #9e393d;
	background-color: #f8f4ce;
	padding: 5px;
	margin-left: 18px;
	margin-top: -170px;
	width: 213px;
	height: 200px;
	font-weight: bold;
	-moz-border-radius:4px; 
	border-radius:4px; 
	-webkit-border-radius:4px; 
	z-index: 11; /* covers up any text that is below the sign-up form */
}


/* #### needed for map on were easy to find page  ########################################### */
a.noUnderline {
	outline: none;
	border: none;
}

/* #### footer section ####################################################### */
#footerSwath {
	background: #FFFFFF url(images/footer-swath-background.jpg) top left repeat-x;
}

#footer {
	position: relative;
	background: transparent;
	width: 1020px;
	margin-left: auto;
	margin-right: auto;
	font-size: 0.9em;
}

#footerImage {
	position: absolute;
	float: left;
	top: -287px;
	left: 70px;
}

#footerContent {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}

#footer p {
	line-height: 1.2em;
	margin-bottom: 0.65em;
}

#contactUsFooterTitle {
	background: transparent;
	float: left;
	width: 140px;
	padding-top: 30px;
	padding-left: 20px;
	border: none;
}
#contactUsFooterTitle a:hover {
	border: none;
}
#contactUsFooterTitle div#facebookLike {
	margin: 3px 0 0 1px;
}

#addressInfo {
	background: transparent;
	float: left;
	width: 140px;
	padding-top: 30px;	
}
	
#contactInfo {
	background: transparent;
	float: left;
	width: 149px;
	padding-top: 30px;	
}

#hoursInfo {
	background: transparent;
	float: left;
	width: 240px;
	border-left: 1px dotted #9e393d;
	padding-left: 25px;
	padding-right: 0;
	margin-right: 0;
	padding-bottom: 11px;
}

a#footerLogo {
	float: right;
	background: transparent;
	padding-top:21px;
}

a#footerLogo:hover {
	border: none;
}

#hoursInfo h5 {
	background: transparent;
	padding-top: 30px;
	font-size: 1.0em;	
}

#copyright {
	clear: both;
	background: #FFFFFF url(images/copyright-background.jpg) top left repeat-x;
	text-align: center;
	padding-top: 20px;
	font-size: 0.9em;	
}

.test {
	width: 100%;
	border-top: 1px solid red;
}