@charset "utf-8";
/* MAIN CSS SHEET */

/* GLOBAL RESET */
* { margin:0; padding:0; }

/* ELEMENT ASSIGNMENT */
html, body { margin:0; padding:0; background:#fff; font-family:Arial,Helvetica,sans-serif;}
h3 { font-size:16px; margin:0; padding:12px 0 10px 0; }
a { color:#333; }
img { border:0; }
table { border-spacing:0; }

/* CUSTOM CLASSES */
.floatLeft { float:left; }
.floatRight { float:right; }
.clearBoth { clear:both; }

/* WRAPPER ELEMENTS */
#siteContainer {width:940px; background-color:#FFF; padding: 0 20px; background: transparent url(../Images/background.jpg) repeat-y 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
#pageContainer { }
#pageHeader { }
#pageContent { margin:0 auto; }
#pageFooter { }
#menu{ clear:both; background-color: #000; }
#leftCol {float:left; clear:none; width:269px;}
#rightCol {float:left; clear:none; width:639px;}

/* MENU */
#menu ul{ width:940px; list-style: none; background-color:#000; display:block; clear:both; }
#menu li{ float: left; clear:none; margin: 0; }
#menu li a{ background: #000 url(../Images/menuback.jpg) repeat-x 0px 0px; float: left; width:134px; display: block; text-decoration: none; font-family:Verdana, Geneva, sans-serif; color:#fff; font-size:12px; height:46px; padding-top: 31px; text-align:center; }
#menu li a:hover{ background: #000 url(../Images/menuback.jpg) repeat-x 0px -77px; float: left; width:134px; display: block; text-decoration: none; font-family:Verdana, Geneva, sans-serif; color:#fff; font-size:12px; height:46px; padding: 31px 0 0 0; text-align:center; }
#menu .end a{ background: #000 url(../Images/menuback_end.jpg) repeat-x 0px 0px; width:136px;}
#menu .end a:hover{ background: #000 url(../Images/menuback_end.jpg) repeat-x 0px -77px; width:136px;}
#menu .selectedend a{background: #000 url(../Images/menuback_end.jpg) repeat-x 0px -77px; width:136px;}
#menu .selectedend a:hover{background: #000 url(../Images/menuback_end.jpg) repeat-x 0px -77px; width:136px;}
#menu .selected a{background: #000 url(../Images/menuback.jpg) repeat-x 0px -77px; width:134px;}
#menu .selected a:hover{background: #000 url(../Images/menuback.jpg) repeat-x 0px -77px; width:134px;}

/*--------- General --------*/
.contentLeft			{ float:left; clear:none; width:405px; }
.contentRight			{ float:left; clear:none; width:209px; margin:10px 0 0 25px; }
.contentRight a			{ border:0; }
.clearboth				{ clear:both; }

.pageContentHome {clear:both;}
.pageContentHome h2 {font-size:16px; color: #cc0000; background: transparent url(../Images/h2underline.gif) repeat-x 0 25px; padding: 2px 0 12px 2px; margin: 14px 0 0 14px;}
.pageContentHome p {font-size:100%; margin-top: 0px;}
.pageText {padding: 0 0 0 16px;}

.banner					{clear:both; background-color:#ebf2fc; height:94px;}

.pageContent			{clear:both; padding: 10px 0 0 0;}
.pageContent h2			{background:transparent url(../Images/h2underline.gif) repeat-x scroll 14px 25px; color:#CC0000; font-size:16px; margin:0 0 0 15px; padding:2px 0 12px 0;}
.pageContent p			{font-size:100%; margin-top: 0px;}

.pageContent ul			{ margin:0; padding:0 0 0 15px;}
.pageContent li			{padding: 0 0 4px 0; list-style:disc;}

.pageContent li a		{text-decoration:none;}
.pageContent li a:hover	{text-decoration:underline}

.pageText				{padding: 0 0 0 16px;}

/*--------- Footer ---------*/
#footer					{clear:both; height:34px; background: #000 url(../Images/footer_back.jpg) repeat-x 0px 0px;}
.footerCopy				{float:left; clear:none; color:#FFF; font-size: 120%; padding: 8px 0 0 34px;}
.footerMenu				{float:right; clear:none; color:#FFF; font-size:120%; padding: 8px 34px 0 0;}
.footerMenu a, 
.footerMenu a:active,
.footerMenu a:visited	{text-decoration:none; color:#FFF;}
.footerMenu a:hover,
.footerMenu a:visited:hover{text-decoration:underline;}

/*--------- Prices / Calculator -----*/
#prices_box				{height:290px; background: transparent url(../Images/prices_back.jpg) repeat-x 0px 0px; color:#FFF; font-size: 110%;}
.priceTitle				{clear:both; padding:1px 0 8px 21px; color:#FFF; background: transparent url(../Images/title_underline.gif) repeat-x 0px 37px; margin-right:15px; font-size:14px;}
.priceRow				{clear:both; padding:10px 0 0 48px; width:216px;}
.priceRowTitle			{clear:both; padding:6px 0 0 48px; width:216px;}
.priceCell1				{float:left; clear:none; width:125px;}
.priceCell2				{float:left; clear:none; width:90px;}
.priceCell1Title		{float:left; clear:none; width:125px; padding-bottom: 11px;}
.priceCell2Title		{float:left; clear:none; width:90px; padding-bottom: 11px;}
.home_image				{padding: 1px 0 0 1px;}
#calculatorBox			{height: 174px; background: #000 url(../Images/calculator_price.jpg) repeat-x 0px 0px;}
.calculatorTitle		{clear:both; padding: 17px 0 12px 75px; color:#FFF; background: transparent url(../Images/title_underline.gif) repeat-x 0px 44px; font-size:16px; margin-right:15px; font-weight:bold; }
.calculatorSubTitle		{clear:both; padding: 4px 0 4px 48px; color:#FFF;}
.calculatorForm			{clear:both; padding: 0 0 0 46px;}
.calculatorField		{float:left; clear:none; background:#fff url(../Images/input_bg.gif) repeat-x; border:0; width:82px; padding:1px 2px 1px 2px; }
.calculatorButton		{ background:url(../Images/button_calculate.gif) no-repeat top left; border:0; width:86px; height:20px;}
.calculatorForm form	{margin: 0; padding:0;}

/*--------- Home -----------*/
.orderTitle				{color:#FFF; font-size:190%; padding: 32px 0 5px 143px;}
.orderTitle a,
.orderTitle a:active,
.orderTitle a:visited	{color:#FFF; text-decoration:none;}
.orderTitle a:hover,
.orderTitle a:visited:hover{color:#FFF; text-decoration:underline;}
.orderText				{color:#FFF; font-size:120%; padding-left: 143px;}
.orderText a,
.orderText a:active,
.orderText a:visited	{color:#FFF; text-decoration:none;}
.orderText a:hover,
.orderText a:visited:hover{color:#FFF; text-decoration:underline;}

/*---------- order -----------*/
.formTitle				{float:left; clear:none; width:100px; padding: 0 0 4px 0; font-weight:bold;}
.formField				{float:left; clear:none; width:325px; padding: 0 0 4px 0; }
.formInput				{width: 220px; height: 16px; padding: 3px; font-size: 110%; }
.formInputArea			{width: 220px; height: 55px; padding: 3px; font-size: 110%; }

.confirmTitle			{float:left; clear:none; width:100px; padding: 2px 0 4px 0; font-weight:bold;}
.confirmField			{float:left; clear:none; width: 350px; padding: 0 0 4px 0;}

.ordererror				{color:#F00; padding: 8px 0 8px 0;}

.orderCanelText			{clear:both; padding: 10px; border: 1px #CA0000 solid; margin: 10px 50px 10px 17px; color:#CA0000; font-weight:bold; font-size:120%;}

#contactForm{
	padding: 0 0 60px 17px;
	float:left;
	width:420px;
}

.formFieldTitle{
	float:left;
	clear:none;
	width:75px;
	color:#000;
	font-size:110%;
	padding: 2px 0 0 0;
	font-weight:bold;
}

.formFieldDiv{
	float:left;
	clear:none;
	padding: 0 0 2px 0;
}

.formFieldError{
	float:left;
	clear:none;
	padding: 0 0 2px 2px;
	color:#F00;
	font-size: 110%;
}

.formFieldInput{
	border: 1px #a5acb2 solid;
	width:335px;
	padding:3px;
	font-size: 110%;
	background:url(../Images/input_bg.gif) repeat-x;
}

.formFieldArea{
	border: 1px #a5acb2 solid;
	width:335px;
	height:95px;
	font-size: 110%;
	padding:3px;
	background:url(../Images/textarea_bg.gif) repeat-x;
}

.formField{
	float:left;
	margin-bottom:0px;
	width:425px;
}

.formFieldButton{
	clear:both;
	padding: 8px 0 0 75px;
}

.formFieldButton .sub_btn { background:url(../Images/red_btn.gif) no-repeat; color:#ffffff; width:86px; height:18px; font-size:11px; border:0; }

.mainContentContact p{
	color:#000;
	font-size:113%;
}

.contactSentMessage{
	color:#000;
	font-weight:bold;
	font-size:113%;
	margin-left: 17px;
}

#contact_info { float:right; }
#contact_info a img { border:1px solid #DCDCDC; margin:0; }
#contact_info p { margin:3px 0 7px 0; padding:0; }
#contact_info p a { margin:0 0 5px 99px; background:#9A0000; width:50px; padding:4px 10px; color:#fff; border:1px solid #DCDCDC; border-top:0; text-decoration:none; }
#contact_info p a:hover { background:#000; }

.contactText {
	float:right; width:170px;
}

.contactText p { margin:0; }

.contactTitle { color:#A21716; font-size:18px; }
.contactAddress { font-size:12px; line-height:18px; color:#000; }
.required { color:#F00; }


/* SERVICES PAGE - OLD 
.serviceDiv				{ padding:10px 0 0 17px; margin-bottom:20px; float:left; }
.serviceText 			{ clear:both; }
.serviceText p 			{ margin-top:0px; padding: 0px 0 0 0; }
.serviceTitle			{ font-size:150%; padding: 0 0 8px 0; color:#cc0000; font-weight:bold;  }
.serviceImageHolder		{ float:left; width:100px; height:100px; border:5px solid #ccc; }
.serviceImageHolder img { height:100px; width:100px; }
.serviceContent			{ float:left; margin-left:20px; }
.serviceContent ul 		{ margin:0; padding:0 0 0 15px; }
.serviceContent li		{ }
.serviceWidth { width:162px; padding:0 7px 0 0; }
.serviceWidth2 { width:320px; padding:15px 0 0 0;}
*/

/* SERVICES PAGE - NEW */
#serviceContent { width:650px; padding:10px; line-height:1.6em;}
#serviceContent ul { list-style-image:url(../Images/orange_bullet.gif); list-style-type:circle; margin-left:18px; }
.serviceDiv { width:100%; border:1px solid #CCCCCC; margin-bottom:10px; padding:10px 0; background:#ededed url(../Images/gray_tab_bg.gif) repeat-x top;) }
.serviceImageHolder { width:102px; float:left; padding:0 10px; }
.serviceImageHolder img { border:1px solid #CCC; width:100px; }
.serviceContent { float:left; }
.serviceTitle { font-size:1.2em; color:#ca0000; font-weight:bold; }

#coal1 { float:left; width:190px; margin:0 0 10px 0; }
#coal2 { float:left; }

.clear { clear:both; }

p.payment, ul.payment { font-size:1.3em; margin-top:10px; }
ul.payment li { list-style-type:circle; list-style-image:url(../Images/orange_bullet.gif); line-height:1.3em; }

/* SITEMAP PAGE */
#sitemapContent li {list-style-type:circle; list-style-image:url(../Images/orange_bullet.gif); line-height:1.3em;}

/* BUTTONS */
.large_calc_btn { height:38px; width:101px; background:url(../Images/btn_calculate.gif) top left no-repeat; border:0; }
.placeorder_btn { height:38px; width:101px; background:url(../Images/placeorder.jpg) top left no-repeat; border:0; }