/* 
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' Title: 			Stylesheet
' Description:		This page contains overall styles for the entire site.
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' History
' 03/04/2007	: Tony Groves - Created Page
' 12/21/2007	: Tony Groves - Modified for thefireplacenandchimneyshop.com
' 04/14/2008	: Tony Groves - Updated for tfpcs.com new wide format.
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	HTML <tag> REVISIONS
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

html {}

body {
	background:#D2D2D2;
	font-family:Verdana, sans-serif;
	font-size:12px;
	margin:0;
	padding-left:0;
	padding-right:0;
	padding-top:0;
	padding-bottom:0;
	text-align:center;
	}

a 							{color:#593A09; text-decoration:underline;}
a:hover 					{color:#C71E1E; text-decoration:none;}
a:active 					{}
a:visited 					{}	

img 						{}

h1, h2, h3, h4, h5, h6, p {margin:0; padding:0;}

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

p 							{font-size:.8em; color:#593A09;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Site additions
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#outerwrap {
	width:880px;
	margin-top:7px;
	margin-bottom:0;
	margin-right:auto;
	margin-left:auto;
	padding:10px;
	background-color:#F1F1F1;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	}

.clear 											{clear:both; font-size:1px; line-height:1px; margin:0; padding:0;}

input.button									{border:none; background:#ddd; font-size:.8em; margin:0; padding:0 5px;}
input.button:hover								{border:none; background:#AAA8A8; cursor:pointer;}

.imgfloatright									{float:right; width:250px;}

#top											{background-color:#F1F1F1; -moz-border-radius-bottomright:8px; -moz-border-radius-bottomleft:8px; -webkit-border-bottom-right-radius:8px; -webkit-border-bottom-left-radius:8px; color:#301712; font-size:.8em; text-align:right; width:890px; margin-right:auto; margin-left:auto; padding-left:0; padding-right:10px; padding-top:5px; padding-bottom:7px}
#top a											{color:#AB4005; text-decoration:none;}
#top a:hover									{color:#AB4005; text-decoration:underline;}
#top img										{margin:0 5px -3px 0;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Header and Navigation additions
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#header 										{margin:0 0 10px 0;}

#masternav										{width:176px; background:#E3E3E3; margin:0 10px 0 0; padding:5px 0 10px 0; float:left; display:block; -moz-border-radius:6px; -webkit-border-radius:6px;}
#masternav ul 									{margin:0 0 60px 0; padding:0;}
#masternav ul li 								{list-style-type:none; text-align:left; margin:5px 0;}
#masternav ul li a 								{color:#593A09; text-decoration:none; margin:5px 0; text-align:left; font-size:.8em; font-weight:bold; background:#D7D7D7; width:161px; padding:3px 5px 3px 10px; display:block;}
#masternav ul li a:hover 						{color:#DA4A0B; text-decoration:none; background:#F1F1F1;}
#masternav img									{}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Footer additions
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#footer 										{text-align:center; margin:0 0 20px 0; padding:0;}
#footer h1 										{color:#99908F; font-weight:normal; font-size:.8em; line-height:1.4em; width:680px; margin-left:auto; margin-right:auto;}
#footer h1 a 									{color:#99908F; text-decoration:none;}
#footer h1 a:hover 								{color:#5E5857; text-decoration:underline;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	More Site additions
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#mainflash 										{width:950px; margin:0 0 -49px 0; position:relative; z-index:2;}

#content										{float:right; margin:0; width:690px; text-align:right; border-top:1px solid #D7D7D7; padding:5px 0 0 0;}
#content p.left									{text-align:left;}

.item											{border-bottom:1px solid #D7D7D7; padding:0 0 5px 0; margin:0 0 5px 0;}
.item p											{padding:5px 15px 10px 15px; text-align:left;}
.item p.break									{border-top:1px solid #D7D7D7; margin:5px 0; height:1px; clear:both; font-size:1px; line-height:1px; padding:0;}
.item #image									{float:right; padding:0 0 5px 5px; text-align:center;}
.item #image img								{border:3px solid #BBBBBB; margin:0 0 5px 5px;}
.item #image a img.vl							{border:none; margin:0; padding:0;}
.item .title									{float:left; width:678px; margin:0 0 5px 0; padding:6px 6px 7px 6px; text-align:left; background:#E3E3E3;}
.item .title h1									{float:left; font-weight:bold; font-size:.9em; color:#593A09; display:inline; width:275px;}
.item .title h2									{float:right; font-weight:normal; font-size:.8em; color:#C74B07; display:inline;}
.item .title h2 a								{color:#C74B07; text-decoration:underline;}
.item .title h2 a:hover							{color:#C74B07; text-decoration:none;}
.item .vfd										{display:block; position:relative; text-align:left; clear:both; }
.item .vfd a									{color:#C74B07; text-decoration:underline; font-size:.8em;}
.item .vfd a:hover								{color:#C74B07; text-decoration:none;}

#sizes											{font-size:.9em; width:520px; float:left;}
#sizes select.ddsize							{width:150px; margin:0 10px 0 10px;}
#sizes ul										{float:left; margin:0; padding:0;}
#sizes ul li									{text-align:center; list-style-type:none; margin:5px 0 0 0; padding:3px 0 0 0;}
#sizes ul li.addtocart							{padding:0 15px; margin:8px 0 0 0;}
#sizes ul li.ttl								{background:#E3E3E3; padding:3px 8px 4px 8px; margin:0;}
#sizes ul li.retail								{text-decoration:line-through; color:#C71E1E;}
#sizes ul li a									{border:1px solid #D0CFCF; padding:1px 10px 2px 10px; background:#DDDCDC; color:#C71E1E; text-decoration:none; margin:5px;}
#sizes ul li a:hover							{border:1px solid #593A09; background:#D0CFCF; color:#593A09; text-decoration:none; cursor:pointer;}

#sp1											{font-size:.8em;}
#sp1 ul											{float:left; margin:0; padding:0; width:136px;}
#sp1 ul li										{width:136px; text-align:center; list-style-type:none; margin:5px 0 0 0; padding:3px 0 0 0;}
#sp1 ul li a									{background:none; text-decoration:underline; border:none; padding:0; margin:0;}
#sp1 ul li a:hover								{background:none; text-decoration:none; border:none;}
#sp1 ul li.ttl									{background:#E3E3E3; width:136px; padding:3px 0 4px 0; margin:0;}
#sp1 ul li.retail								{text-decoration:line-through; color:#C71E1E;}
#sp1 ul li input								{width:11px; margin:0; padding:0; height:13px;}
#sp1 a											{border:1px solid #D0CFCF; padding:1px 10px 2px 10px; background:#DDDCDC; color:#C71E1E; text-decoration:none; margin:5px;}
#sp1 a:hover									{border:1px solid #593A09; background:#D0CFCF; color:#593A09; text-decoration:none; cursor:pointer;}

#sp2											{font-size:.8em;}
#sp2 ul											{float:left; margin:0; padding:0;}
#sp2 ul li										{width:98px; text-align:center; list-style-type:none; margin:5px 0 0 0; padding:3px 0 0 0;}
#sp2 ul li a									{background:none; text-decoration:underline; border:none; padding:0; margin:0;}
#sp2 ul li a:hover								{background:none; text-decoration:none; border:none;}
#sp2 ul li.ttl									{background:#E3E3E3; width:98px; padding:3px 0 4px 0; margin:0;}
#sp2 ul li.retail								{text-decoration:line-through; color:#C71E1E;}
#sp2 ul li input								{width:11px; margin:0; padding:0; height:13px;}
#sp2 a											{border:1px solid #D0CFCF; padding:1px 10px 2px 10px; background:#DDDCDC; color:#C71E1E; text-decoration:none; margin:5px;}
#sp2 a:hover									{border:1px solid #593A09; background:#D0CFCF; color:#593A09; text-decoration:none; cursor:pointer;}

#sp3											{font-size:.8em;}
#sp3 ul											{float:left; margin:0; padding:0;}
#sp3 ul li										{width:98px; text-align:center; list-style-type:none; margin:5px 0 0 0; padding:3px 0 0 0;}
#sp3 ul li a									{background:none; text-decoration:underline; border:none; padding:0; margin:0;}
#sp3 ul li a:hover								{background:none; text-decoration:none; border:none;}
#sp3 ul li.ttl									{background:#E3E3E3; width:98px; padding:3px 0 4px 0; margin:0;}
#sp3 ul li.retail								{text-decoration:line-through; color:#C71E1E;}
#sp3 ul li input								{width:11px; margin:0; padding:0; height:13px;}
#sp3 a											{border:1px solid #D0CFCF; padding:1px 10px 2px 10px; background:#DDDCDC; color:#C71E1E; text-decoration:none; margin:5px;}
#sp3 a:hover									{border:1px solid #593A09; background:#D0CFCF; color:#593A09; text-decoration:none; cursor:pointer;}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
					Thank You Page additions
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#thankyou 				{padding:0; height:200px; background:#000;} 
#thankyou h3 			{color:#fff; text-align:center; padding:50px 0 0 0; font-size:1em;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
					DB additions
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#db						{}
#db #whois				{text-align:right; padding:5px 5px 7px 5px; background:#E3E3E3;}
#db #whois a 			{color:#593A09; text-decoration:none;}
#db #whois a:hover		{text-decoration:underline;}
#db #whois h4			{color:#593A09; font-weight:bold; float:left; font-size:.8em;}
#db #whois h5			{color:#593A09; font-weight:bold;}

#options										{width:176px; background:#E3E3E3; margin:10px 10px 0 0; padding:5px 0 10px 0; float:left; display:block;}
#options ul 									{margin:0 0 350px 0; padding:0;}
#options ul li 									{list-style-type:none; text-align:left; margin:5px 0;}
#options ul li a 								{color:#593A09; text-decoration:none; margin:5px 0; text-align:left; font-size:.8em; font-weight:bold; background:#D7D7D7; width:161px; padding:3px 5px 3px 10px; display:block;}
#options ul li a:hover	 						{color:#DA4A0B; text-decoration:none; background:#F1F1F1;}

#colm2											{float:right; width:690px; margin:10px 0 0 0; text-align:right;}
#colm2 h6										{text-align:left; color:#593A09; font-weight:bold; font-size:.9em; padding:5px 5px 7px 5px; background:#D0CFCF;}
#colm2 div ul									{margin:0; padding:0;}
#colm2 div ul li								{list-style-type:none; text-align:left; margin:2px 0 0 0;}
#colm2 div ul li a 								{color:#593A09; text-decoration:none; margin:5px 0 0 0; text-align:left; font-size:.8em; font-weight:bold; background:#D7D7D7; padding:3px 5px 4px 10px; display:block;}
#colm2 div ul li.sub							{list-style-type:none; text-align:left; margin:2px 0 0 0;}
#colm2 div ul li.sub a 							{color:#AD1010; text-decoration:none; margin:5px 0 0 0; text-align:left; font-size:.8em; font-weight:normal; background:#DDDCDC; padding:2px 5px 3px 30px; display:block;}
#colm2 div ul li.sub a:hover					{color:#DA4A0B; text-decoration:none; background:#F1F1F1;}
#colm2 div ul li.sub2							{list-style-type:none; text-align:left; margin:2px 0 0 0;}
#colm2 div ul li.sub2 a 						{color:#593A09; text-decoration:none; margin:5px 0 0 0; text-align:left; font-size:.8em; font-weight:normal; background:#E3E3E3; padding:2px 5px 3px 50px; display:block;}
#colm2 div ul li.sub2 a:hover					{color:#DA4A0B; text-decoration:none; background:#F1F1F1;}
#colm2 ul li a:hover	 						{color:#DA4A0B; text-decoration:none; background:#F1F1F1;}
#colm2 #viewable								{background:#E3E3E3; margin:0 0 10px 0; padding:0 0 10px 0;}
#colm2 #hidden									{background:#E3E3E3; margin:0; padding:0 0 10px 0;}
#colm2 a.add									{border:1px solid #D0CFCF; padding:2px 10px 3px 10px; background:#DDDCDC; color:#593A09; font-size:.8em; text-decoration:none; margin:5px;}
#colm2 a.add:hover								{border:1px solid #593A09; background:#D0CFCF; color:#593A09; text-decoration:none; cursor:pointer;}

.gray											{background:#E3E3E3;}

input.feild										{width:680px; margin:5px;}
input.button									{border:1px solid #D0CFCF; padding:2px 10px 3px 10px; background:#DDDCDC; color:#593A09; font-size:.8em; text-decoration:none; margin:5px 0 5px 0;}
input.button:hover								{border:1px solid #593A09; background:#D0CFCF; color:#593A09; text-decoration:none; cursor:pointer;}
select											{width:680px; margin:5px;}
textarea										{width:680px; margin:5px;}
.mappingdiv										{text-align:left; margin:5px;}

.attributes										{text-align:left; margin:0 0 5px 0;}
.attributes p									{text-align:left; margin:5px 10px 0 10px;}
.attributes a									{border:1px solid #D0CFCF; padding:5px 10px 6px 10px; background:#DDDCDC; color:#593A09; font-size:.8em; text-decoration:none; margin:5px;}
.attributes a:hover								{border:1px solid #593A09; background:#D0CFCF; color:#593A09; text-decoration:none; cursor:pointer;}

#submit											{background:#D0CFCF; padding:5px; text-align:right;}
#submit a										{border:1px solid #AFAEAE; padding:2px 10px 3px 10px; background:#DDDCDC; color:#593A09; font-size:.8em; text-decoration:none;}
#submit a:hover									{border:1px solid #593A09; background:#fff; color:#593A09; font-size:.8em; text-decoration:none; cursor:pointer;}

#imageupload									{text-align:right;}
#imageupload p									{text-align:left; margin:5px 10px 0 10px;}
#imageupload a									{border:1px solid #D0CFCF; padding:2px 10px 3px 10px; background:#DDDCDC; color:#593A09; font-size:.8em; text-decoration:none; margin:5px;}
#imageupload a:hover							{border:1px solid #593A09; background:#D0CFCF; color:#593A09; text-decoration:none; cursor:pointer;}

/*
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' Extra Styles
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

/* Used for alerting customers to importnat info, errors, corrections, problems, etc. */

span.alert h5 					{color:#f00; text-transform:uppercase; font-size:.8em; padding:1px 0; text-align:center; font-weight:normal;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
					End Styles
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */