@import url(navigation.css); 
@import url(form.css); 

* 		{ margin:0; padding:0;}
body 	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 78%;
	text-align:center;
	background:url('../images/bkgd.gif') repeat 0 0;
}

img				{ border:none;} 
img.float-right	{ margin:0 0 10px 10px; float:right;}
img.float-left	{ margin:0 10px 10px 0; float:left;}

p, .list, td	{color:#4B4B4B; line-height:1.5em; font-size:1.0em;}
p				{margin-bottom:1.2em; }

.list			{margin:0 0 .5em 1.9em; }
.list li 		{padding:.2em 0;}
.list ul		{margin-left:2em;}

a					{color:#0d56a4;}
a:hover				{text-decoration:none;}
a:visited			{color:#0d56a4;}

h1					{width:625px; height:110px; background:#0d56a5 url(../images/header.gif) no-repeat 0 0; display:block; text-indent:-999em; margin-bottom:12px; position:relative; }
h1 span				{ text-indent:-999em; display:block; width:275px; height:25px; position:absolute; cursor:pointer; right:20px; top:15px;}
h2					{ text-transform:uppercase; font-size:1.8em; color:#0d56a4; font-weight:normal; margin:0 0 .7em; }
h3					{ text-transform:uppercase; font-size:1.2em; color:#0d56a4; font-weight:normal; margin:.5em 0;}


/* ---------------------------- */
/* Minor Classes */
/* ---------------------------- */
.txt-small		{ font-size:0.8em;}
.txt-medium		{ font-size:1.2em;}
.txt-large		{ font-size:1.4em;}
.txt-xlarge		{ font-size:1.9em;}

.txt-uppercase	{ text-transform:uppercase}

.txt-blue		{ color:#0d56a4}
.txt-orange		{ color:#F7941E}
 
a.hide				{ position:absolute; left:-999em; border:1px solid;}


/* ---------------------------- */
/* LAYOUT */
/* ---------------------------- */
#container			{ margin:0 auto; width:770px; text-align:left; background-color:#FFF; padding:15px;}
#header				{ background:url('../images/header-stripes.gif') no-repeat top right;}
#content			{ margin-top:20px;}
#left-col			{ width:305px; float:left; margin-right:20px;}
#mid-col			{ width:300px; float:left; margin-right:25px; position:relative}
#right-col			{ width:120px; float:left}
#footer				{ background:url('../images/rc-squares.gif') no-repeat top right; margin-top:12px;}
#footer #ft-text	{ text-align:center; background:#bcbdc0 url('../images/bkgd-footer.gif') repeat-x top left; width:625px; padding:6px 0;}
#footer #ft-text p	{ line-height:1.1em; font-size:.9em; color:#000; margin-bottom:0;}

.one-col #left-col	{ width:630px;}


/* Home */
/* ---------------------------- */
.two-col #left-col	{ width:625px; margin-right:25px;}
.two-col h2.home	{ /*margin-top:15px; */ position:absolute; text-indent:-999em}

ul.home-promos				{ margin-top:10px;}
ul.home-promos li			{ float:left; margin-right:15px; list-style:none; }
ul.home-promos li.order		{ margin-right:0;}
ul.home-promos li a			{ display:block; width:198px; height:103px; text-indent:-999em; text-decoration:none;}
ul.home-promos li.deliver a	{ background:url('../images/home/where-we-deliver.jpg') no-repeat 0 0; }
ul.home-promos li.plan a	{ background:url('../images/home/plan-ahead.jpg') no-repeat 0 0; }
ul.home-promos li.order a	{ background:url('../images/home/place-an-order.jpg') no-repeat 0 0; }
ul.home-promos li a:hover	{ background-position:0 -103px}


/* Lubricants */
/* ---------------------------- */
ul.lubricants 				{ clear:both;}
ul.lubricants li			{ float:left; width:45%; list-style:none; }
ul.lubricants li.first		{ margin-right:7.5%}



/* Middle Col */
/* ---------------------------- */
p.pic-title			{ text-align:center; display:block; background:url('../images/nav-bkgd.gif') repeat-x 0 0; padding:6px 10px 4px 9px; color:#000; text-transform:uppercase; margin-bottom:-1px; font-size:.9em}

/* Right Col */
/* ---------------------------- */
.promo				{ border:1px solid #cdced0; padding:10px; margin-bottom:8px}
.promo p			{ line-height:1.2em; margin-bottom:.4em;}
.promo-title		{ font-weight:bold; color:#0d56a4;}

p.heatcare			{ background:url('../images/logo-heatcare.gif') no-repeat 0 0; text-indent:-999em; display:block; width:93px; height:45px;}
img.squares			{ margin-top:10px;}

ul.right-col								{}
ul.right-col li								{ list-style:none; margin-bottom:13px; }
ul.right-col li.phone						{ margin-bottom:0}
ul.right-col li a							{ display:block; width:114px; height:103px; background-position:0 0; background-repeat:no-repeat; text-indent:-999em; text-decoration:none;}
ul.right-col li.empty-tank a				{ background-image:url('../images/right-col/empty-tank.jpg'); }
ul.right-col li.central-heating a			{ background-image:url('../images/right-col/central-heating-broken.jpg'); height:130px }
ul.right-col li.where-we-deliver a			{ background-image:url('../images/right-col/where-we-deliver.jpg'); height:116px; }
ul.right-col li.place-order a				{ background-image:url('../images/right-col/place-order.jpg'); height:117px;}
ul.right-col li.plan-ahead a				{ background-image:url('../images/right-col/plan-ahead.jpg'); height:116px;}
ul.right-col li.empty-tank a:hover			{ background-position:0 -103px;}
ul.right-col li.central-heating a:hover		{ background-position:0 -130px;}
ul.right-col li.where-we-deliver a:hover	{ background-position:0 -116px;}
ul.right-col li.place-order a:hover			{ background-position:0 -117px;}
ul.right-col li.plan-ahead a:hover			{ background-position:0 -116px;}

/* ---------------------------- */
/* LOGOS */
/* ---------------------------- */
ul.logos						{}
ul.logos li						{ float:left; list-style:none; margin-bottom:10px;}
ul.logos li a					{ background-position:10px center; background-repeat:no-repeat; display:block; padding:29px 0 29px 100px; width:210px;}
ul.logos li.corgi a				{ background-image:url('../images/logos/corgi.gif'); }
ul.logos li.greenchem a			{ background-image:url('../images/logos/greenchem.gif'); }
ul.logos li.sensor-systems a	{ background-image:url('../images/logos/sensor-systems.gif'); }
ul.logos li.flare a				{ background-image:url('../images/logos/flare.gif'); }
ul.logos li.worcester-bosch a	{ background-image:url('../images/logos/bosch-group.gif'); }
ul.logos li.qss a				{ background-image:url('../images/logos/qss.png'); }
ul.logos li.air1 a				{ background-image:url('../images/logos/air1.png'); }
ul.logos li.gas-safe a			{ background-image:url('../images/logos/gasSafe.png'); }
ul.logos li.oil-save a				{ background-image:url('../images/logos/oilsave.png'); }


/* ---------------------------- */
/* CONTACT */
/* ---------------------------- */
div#delivery-text				{ background-color:#0d56a4; padding:5px; position:absolute; top:30px; right:5px; width:160px;}
div#delivery-text p				{ font-size:.8em; line-height:1.3em; margin-bottom:0; color:#FFF;}


/* ---------------------------- */
/* SITEMAP */
/* ---------------------------- */
ul.sitemap				{margin-left:1.5em;}
ul.sitemap li			{margin:.4em 0; display:inline; }
ul.sitemap li a,
ul.sitemap li a:visited{ background-color:#008DA9; display:block; padding:.5em 1.3em; margin-bottom:1px; color:#FFF; font-weight:bold; text-decoration:none;}
ul.sitemap ul			{margin-bottom:1.5em; margin-left:2em; list-style-type:none;} 
ul.sitemap ul li a,
ul.sitemap ul li a:visited{ background-color:#E5F3F6;}
ul.sitemap ul ul li a,
ul.sitemap ul ul li a:visited{ background-color:#F0F0F0;}
ul.sitemap ul li a,
ul.sitemap ul li a:visited,
ul.sitemap ul ul li a,
ul.sitemap ul ul li a:visited{ color:#008DA9; font-weight:normal;}
ul.sitemap li a:hover{ background-color:transparent; color:#008DA9; text-decoration:underline;}

/* ---------------------------- */
/* POP-UP */
/* ---------------------------- */
body.popup-map			{ background-image:none; }
body.popup-map h2		{ margin:10px;}


/* --------------------- */
.clearfix:after {
    content: "."; /* the period is placed on the page as the last thing before the div closes */
	display: block; /* inline elements don't respond to the clear property */ 
    height: 0; /* ensure the period is not visible */
    clear: both; /* make the container clear the period */
    visibility: hidden; /* further ensures the period is not visible */
}
/*.clearfix {display: inline-block;} /* a fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */