/* CSS for BraneskySheetMetal.com */

body, p { margin:0; padding:0; font-family: "Palatino Linotype", Geneva, Arial, Helvetica, sans-serif; color: #52504B; } 
/*body { text-align:center; background-color:#000000; }*/

/*body { text-align:center; background:url(../bg/red112.jpg) repeat; }*/
/*body { text-align:center; background:url(../bg/red204.jpg) repeat; }*/
/*body { text-align:center; background:url(../bg/red016.jpg) repeat; }*/
/*body { text-align:center; background:url(../bg/grey110.gif) repeat; }*/
/*body { text-align:center; background:url(../bg/dgrey056.jpg) repeat; }*/
/*body { text-align:center; background:url(../bg/16935068.gif) repeat; }*/
/*body { text-align:center; background:url(../bg/16937240.gif) repeat; }   /*  mottled green */
/*body { text-align:center; background:url(../bg/16940264.gif) repeat; }*/
/*body { text-align:center; background:url(../bg/16940384.gif) repeat; }*/

/*body { text-align:center; background:url(../images/Page-BG-Lt-Gray50.gif) center repeat #e9e9e9; }*/
/*body { text-align:center; background:url(../images/Page-BG-Beige-Flame.gif) center repeat; }*/
body { text-align:center; background:url(../bg/dgrey056.jpg) repeat; }

img { border:none; }
h1 { font-size:125%; color:#A34E2F; text-align:center;   /* background-color:#FFCC66; */
        margin:0; padding:0; font-variant:small-caps; line-height:30px;  height:30px; 
		text-shadow: 2px 2px 3px rgba(0,0,0,0.60); }
h2 { color: #974c25;  font-size:108%; font-weight: bold; padding: 6px; text-align:center; background-color:#e6d7b8; }
h3 { color: #974C25; font-size: 12px; font-weight: bold; padding: 4px; text-indent: 5px; margin:.1em 0; padding: 0; }

a              { text-decoration:none; }
a:link       {  }
a:visited {  }
a:hover  { color:#F33; border-bottom: 2px dotted #ccc; }
a:active {  }
a:focus   { outline: none; }

.emphasis { font-weight:bold; color:#a34f22; text-shadow: 2px 2px 2px rgba(0,0,0,0.30); }
.emphasis2 { font-weight:bold; color:#faa; text-shadow: 2px 2px 2px rgba(0,0,0,0.30); }
.emphboth { font-style:italic; font-weight:bold; color:#991111; }
.shadow { text-shadow: 2px 2px 2px rgba(0,0,0,0.30); }
.textdiff { font-weight:bold; color:#773311; }
#manlist { font-weight:bold; }

#pagecontent {text-align:left; width:900px; margin: 12px auto; 	}

/* styles for header and navbar */
#header    { padding-top: 0; padding-bottom: 0; }
#header img { display:block; border:8px solid #bcbdc1; border-bottom:none;
	border-radius:20px 20px 0 0;
	-moz-border-radius:20px 20px 0 0;
	-webkit-border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
}
#navbar   { background-color: #d12121;  color:#ffcc66; height:36px; line-height:24px; 
                       padding-top: 0; padding-bottom: 0;
					   border-left:8px solid #bcbdc1; border-right:8px solid #bcbdc1;
					}
/*#navbar ul { float:left; list-style-type:none; margin:0 0 0 16px; padding:0; font-size:90%; font-style:italic; font-weight:bold; }
#navbar ul li { float:left; margin-right:24px; }*/
#navbar a 	{ display:block; }
#navbar a:link 		{ color:#ffcc66;  }
#navbar a:visited 	{ color:#ffcc66; }
#navbar a:hover 	{ color:#f5f0f0; border-bottom:none;  }
#navbar a:active 	{  }
#navbar a:focus     {  }

/* styles for simple dropdown menu */
#jsddm { margin: 0; padding: 0; font-size:16px; }
#jsddm li {float: left; list-style: none; font-weight:bold; }
#jsddm li a { display: block; padding: 5px 13px; text-decoration: none; white-space: nowrap; }
/*#jsddm li a:hover { background: #24313C; color:#ff0000;}*/
/*#jsddm li a:hover { background: #24313C; }*/
#jsddm li ul {	margin: 0; padding: 0; position: absolute; visibility: hidden; z-index:999; width:190px; }
#jsddm li ul li { float: none; display: inline; font-size:15px;}
#jsddm li ul li a {	width: auto; display:block; background-color: #d12121; color: #24313C;}
#jsddm li ul li a:hover  { background-color: #ffcc66; color:#881111; text-shadow: 2px 2px 3px rgba(48,0,0,0.50); }

li#nav-heat ul li a { width:90px; }
li#nav-stoves ul li a { width:190px; }
li#nav-metal ul li a { width:150px; }
li#nav-service ul li a { width:180px; }
li#nav-about ul li a { width:150px; }

/*  -webkit-border-radius: 10px; -moz-border-radius: 10px;    */
#content { background-color: #F6E7C8; position: relative;   
	border-top:8px solid #bcbdc1; border-left:8px solid #bcbdc1; border-right:8px solid #bcbdc1;
}
#sidebar { width: 219px; position: absolute; top:0; right: 0px; }

.sidehead h3 { font-weight:bold; font-size:18px; font-variant:small-caps; margin-left:16px; 
	text-shadow: 2px 2px 3px rgba(0,0,0,0.60); 
	} 
.sidehead ul { padding:0 0 0 24px; margin:0 auto; }
.sidehead ul li { list-style-type:square; }

.sidebar a#facebook-link:hover { border-bottom:none !important; }

#maincontent { position:relative; margin-right:220px; border-right: #d12121 1px solid; }

#contentwrapper { color: #52504B; padding: 10px; }
#contentwrapper > p { padding:10px; }

/* sidebar stuff */
/* join our mailing list */
#wrapper {width:220px;margin:0 auto; display:none; }
#homepage #wrapper { display:block; }
#wrapper p {text-align:center;}
.message {background:#eee; color:#000;display:none;width:160px; padding:10px;}
.contact {text-align:left;}
.contact ul {list-style-type:none;width:200px; padding:0 10px;}
.contact li {list-style-type:none;}
#contactForm li {list-style-type:none;}
.contact li.special {display:none;}
.contact input {width:190px; background-color:#faf3e3; }
.contact textarea {width:190px; background-color:#faf3e3; }
.contact label { font-weight:bold; }
#contactForm .submitbutton input { margin-top:12px; padding:0; color:#cc0033; 
	background-color:#ffcb65; font-weight:bold; }

#footer { background-color:#dddddd;  color:#aa7711; padding-top: 4px; text-align:left; font-weight:bold; clear:both;
		border:8px solid #bcbdc1; 	border-radius:0 0 20px 20px; -moz-border-radius:0 0 20px 20px;
		-webkit-border-bottom-left-radius:20px; -webkit-border-bottom-right-radius:20px; }
#footer a 	{  }
#footer a:link 		{ color:#bb6611;  }
#footer a:visited 	{ color:#bb6611; }
#footer a:hover 	{ color:#ff2222;  }
#footer a:active 	{  }
#footer a:focus     {  }

#footer h3 { color: #bb6611; font-size: 12px; font-weight: bold; padding: 4px; margin:.3em 0;  }
#footer ul { list-style-type:none; font-size: 12px; text-align:left; padding: 0 0 0 8px; margin:0; }
#footer li { list-style-type:none; font-size: 12px; text-align:left; }
#footer p { clear:both; text-align:center;color:#bb6611; font-size:80%; }

.footerbit  { float:left; width:270px; padding:0 10px; }
.footerbitnodash  { float:left; width:260px; padding:10px; }

h3.subtitle { text-align:center; padding:5px; margin:8px 0 0 0; background-color:#ffcc66; font-size:18px; }

#hydropix { width:280px; height:200px; float:right; margin:12px 0 12px 12px; }
#hydropix img { padding:4px; background-color:#ccc; border:1px solid #d12121; }

/* *** product tables *** */
.tc1 { width:20%; background-color:#ffcc66; }
.tc2 { width:40%; background-color:#ffcc66; }
.tc3 { width:35%; background-color:#ffcc66; }
.odd { background-color:#ffeecc; }
.even { background-color:#eee0c0; }
.stanford { float:left; width:210px; }
.logopix { float:left; margin-right:8px; margin-bottom:16px; padding:2px; border:1px solid white; }

.product { float:left; width:640px; overflow:hidden; clear:both; margin-bottom:16px; background-color:#faf3e4; border:1px solid #ffcc66; }
.product img, .product p { padding:10px; }
.product a.item_add img { padding:0; }
.product a.item_add, .product a.item_add:hover { border-bottom:none !important; }
.product h3 { font-size:18px; text-align:left; }
.product-image { float:left; width:220px; /*background-color:#fff;*/ }
.item_quantity, .item_price { margin-left:12px; }
.add-line { line-height:30px; vertical-align:middle; }
.item_add img { margin-bottom:-10px; padding-bottom:0; display:inline; }
a.item_add { margin: 0 0 0 12px; padding:0; }
input.item_quantity { width:2em; }
.item_price { font-weight:bold; }
.itemdecrement, .itemincrement { float:left; padding-right:4px; }
.itemdecrement { padding-left:36px; }
.simpleCart_items { font-weight:bold; }
.cartHeaders { float:left; clear:left; width:100%; background-color:#FC6; margin-bottom:16px; }
.cartHeaders div { float:left; margin-right:2px; }
.cartHeaders .itemQuantity { padding-left:40px; }
.cartHeaders .itemTotal { padding-left:40px; }
.itemContainer  { clear:left; float:left; width:100%; border-bottom: 2px solid #999; margin-bottom:16px; }
.itemContainer div { float:left; margin-right:2px; }
.itemContainer .itemRemove { font-style:italic; }
.simpleCart_finalTotal { background-color:#FC9; }

.itemName { width:120px; padding-right:12px; }
.itemPrice { width:80px; }
.itemQuantity { }
.itemQuantity input { width:2em; }
.itemTotal { width:100px; float:right; padding-right:1em !important; text-align:right;}

/* sitemap */
.sitemap { }
.sitemap li { font-weight:bold; }
.sitemap li li { font-size: 100%; }

/*  *** Home Page Stuff  ***  */
.homebox { width:320px; min-height:300px; float:left; }
.homespecial { background-color: #974C25; color:#ffcc66; border:1px solid #ffcc66; font-size: 16px; font-weight: bold; margin:.1em 0 .4em; padding: 0; }
.homespecial p { margin-top:0; margin-bottom:0; padding:8px; text-align:left; background-color: #974C25; color:#ffcc66;}

.homespecial a:link, .homespecial a:visited { color:#ffeedd; border-bottom: 1px dotted #ffcc66; }
.homespecial a:hover { color:#ff3333; background-color:#ffcc5c; border-bottom: 1px dotted #ff3333; }

.alt-special { background-color: #ffcc66; color:#974C25; border:1px solid #974C25;}
.alt-special p { background-color: #ffcc66; color:#974C25;}
.alt-special a { color:#ff3333 !important; }
.alt-special a:hover { background-color:#FFC !important; }

.homebox h3 { text-align:center; padding:5px; margin:0; background-color:#ffcc66; font-size:21px; }
.homebox p { padding:10px; font-size:16px; }
#tl { background-color:#ffeec0; border-right:2px solid #e87643; }    /* #d12121*/
#tr { background-color:#ffeec0;  }
#bl { background-color:#ffeec0; border-top:2px solid #e87643; border-right:2px solid #e87643; }
#br { background-color:#ffeec0; border-top:2px solid #e87643; }

/* highlight the current page in the navbar */
#homepage a#nav-home, #heating a#nav-heating, #store a#nav-store, #stoves a#nav-stoves,
#service a#nav-service, #metal a#nav-metal, #cpi a#nav-cpi, #about a#nav-about { color:#442244; }

#homepage li#nav-home > a, #heating li#nav-heat > a, #stoves li#nav-stoves > a, #metal li#nav-metal > a,
#service li#nav-service > a, #cpi li#nav-cpi > a, #about li#nav-about > a { color:#eeccbb; text-shadow: 2px 2px 3px rgba(0,0,0,0.80); border-bottom:2px solid #eeccbb; }


/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */