@charset "utf-8";
/* CSS Document */

/************************ LAYOUT *****************************/

html					{height:100%; overflow:hidden;}
body					{height:100%; margin:0px; overflow:hidden; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
h1						{position:absolute; top:-9999px; left:-9999px;}
h2						{font-family:'Arial Black', Arial, Helvetica, sans-serif; color:#FF0000; font-size:18px; letter-spacing:-1px;}

p						{color:#262626;}
a						{text-decoration:none; color:#170491;}
a:hover					{color:#F60800;}
a.backLink				{font-size:12px;}

#header					{position:absolute; top:0px; left:0px; z-index:991; width:100%; margin-left:-17px; height:127px; background:url('../images/top_bg.gif') repeat-x;}
#header div				{margin-left:17px;}
#header div #awards		{position:absolute; top:0px; right:0px; width:196px; background:url('../images/top_right_space.gif') repeat-x; margin:0px;}
#header div #awards img	{float:right; margin:0 10px 5px 0;}


#navigation				{position:absolute; top:0px; left:0px; z-index:990; width:138px; height:100%; background:url('../images/menu_bg.jpg') no-repeat; background-position:0 130px; background-color:#F70900;}
#navigation #navList	{position:absolute; top:205px; left:15px; z-index:999; width:100px; padding:0px; margin:0px; list-style:none;}
#navList li				{display:inline; margin:0px; height:17px;}
#navList li a			{display:inline-block; width:104px; height:17px; margin:0px; margin:1px 0 1px 0;}
#navList li a:hover,
#navList li .on			{background-position:0 -17px;}
#navList li a span		{display:none;}

#mainContainer			{position:absolute; top:0px; left:0px; height:100%; width:100%; overflow-x:hidden; overflow-y:scroll;}
#mainContent			{background:url('../images/home_bg.jpg') top right no-repeat; margin:140px 0 0 150px; padding:5px 30px 20px 20px;}

#navList.home .home,	
#navList.aboutUs .aboutUs,
#navList.locations .locations,
#navList.products .products,
#navList.contactUs .contactUs {background-position:0 -17px;}

#navList .aboutUs		{background:url('../images/menu/aboutUs.gif') no-repeat;}
#navList .locations		{background:url('../images/menu/locations.gif') no-repeat;}
#navList .products		{background:url('../images/menu/products.gif') no-repeat;}
#navList .contactUs		{background:url('../images/menu/contactUs.gif') no-repeat;}
#navList .home			{background:url('../images/menu/home.gif') no-repeat;}


/*************************LIST STYLES*********************/
.subMenuList.pw300		{width:300px;}
.subMenuList			{list-style:none; margin:0 100px 0 0; padding:0px; font-size:10px; width:150px; float:left;}
.subMenuList li			{display:inline-block; width:100%; height:68px; position:relative; margin:3px 0 3px 0;}
.subMenuList .img		{display:block; width:65px; padding:4px; background:#6B82B5;}
.subMenuList .text		{position:absolute; left:76px; top:0px; color:#000000; padding:1px 5px 0 8px; width:100%; height:68px; background:#CED7F7; border:1px solid #6B82B5; margin-top:0;}
.subMenuList .text:hover{background:#DEE3FF;}
.subMenuList img		{border:none;}
.subMenuList span		{display:block; width:100%; height:49px; margin:18px 5px 5px 82px;}

.subMenuList h3			{font-size:10px; color:#000000; margin:5px 0 3px 0px;}

.sectionList			{border:1px solid #253286; width:430px; font-size:12px; list-style:none; padding:0px; float:left; margin:5px 0 5px 0;}
.sectionList li			{border-top:1px solid #253286; padding:4px 0 4px 20px; color:#170491;}
ul li h3				{margin:0px; font-size:12px; color:#ffffff;}
.sectionList h3			{margin-left:-15px;}
ul li.header			{background:#554A98; border-top:0px; display:block;}
ul li.subHead			{background:#6B82B5; color:#ffffff; font-weight:bold;}
.blu					{background:#E7F0FA;}

#sectionListCont		{width:440px; border-right:1px solid #2C388E; float:left;}
#sectionComments		{float:left; width:120px; text-align:center; color:#2C388E; font-weight:bold; padding:5px;}
#sectionComments img	{margin:3px; border:1px solid #000000;}
#productLogos .underline{text-decoration:underline;}
#productLogos img		{vertical-align:middle;}

.infoPic				{float:left; margin-right:20px;}
#infoText				{float:left; width:75%;}

.conservatoryPic		{margin:-50px 0 0 400px; border:1px solid #000000;}
#roofEnquiry			{background:#E2EAFD; width:600px; padding:5px;}
#conservatoryTable		{width:95%; border:1px solid #000000; text-align:left;}
#conservatoryTable th,
#conservatoryTable td	{border:1px solid #474747; border-bottom:1px solid #D8D8D8; border-right:1px solid #D8D8D8;}
#conservatoryTable th	{background:#DDDDDD; padding:3px; font-weight:normal;}
#conservatoryTable .head{background:#ffffff; width:12%;}
#conservatoryTable .image{width:30%; text-align:left; background:#ffffff;}
#conservatoryTable .title{background:#ffffff; text-align:center;}

#omnidrainInspectionPics{float:right; width:130px;}

/*************************FORM STYLES*********************/
#contactForm			{}
#contactForm table		{border-collapse:collapse;}
#contactForm table th	{text-align:left; background:#8C9CC0; font-weight:normal;}
#contactForm table td	{background:#EAEAEA;}
#contactForm table th,
#contactForm table td	{border:1px solid #555555; height:24px;}
#contactForm .header	{padding:2px; background:#6B82B5; color:#EAEAEA; font-weight:bold;}
#contactForm label		{display:inline-block; width:350px; padding:2px; color:#262626;}
#contactForm input,
#contactForm textarea	{font-size:10px; margin:2px; width:170px; background:#9FB2DD;}
#contactForm .space		{background:#ffffff; height:24px; margin:-1px;}
#contactForm .btn		{width:60px; background:#ff0000; color:#ffffff; font-weight:bold;}
/*************************PRODUCT TABLE*********************/
.productList			{width:90%; font-size:12px;  border-collapse:collapse; position:relative;}
.productList tr			{color:#000000; border-top:1px solid #253286;}
.productList th.header	{background:#554A98; color:#ffffff;}
.productList h3			{margin:0px; text-align:left; font-size:12px;}
.productList th			{border:1px solid #253286; text-align:left; background:#6B82B5; color:#ffffff; padding:3px;}
.productList td			{width:60%; border:1px solid #253286; padding:3px; vertical-align:top;}
.productList .code		{width:15%;}
.productList .price		{width:10%;}
.productList .image		{width:15%;}
.productList img		{border:none; margin:2px;}
.productList .topImage	{position:absolute;}

/*************************NEWS*********************/
#news p					{margin:0px;}
#news h3				{font-size:12px; margin:0px;}
#news .date				{color:#ff0000; font-weight:bold;}

#newsItem p				{margin:12px 0 12px 0;}
#newsItem h3			{color:#ff0000; margin-bottom:12px;}
#newsItem span.small	{font-size:10px;}

/*************************OTHER*********************/
.linksImg				{float:left; margin:0 10px 0 0; border:1px solid #000000;}

#locations				{width:90%; border:1px solid #253286; background:#DAE5FF;}
#locations h3			{text-align:left; color:#ffffff; font-size:12px; background:#253286; padding:5px 0 5px 0; margin:0 0 0 388px;;}
#locations img			{border:none; border-right:1px solid #253286; float:left;}
#locationsList			{margin:0px; padding-top:20px; margin-left:388px; padding-left:45px;}
#headAddress			{background:#253286; color:#ffffff; width:100%; height:145px; font-size:10px; clear:both;}
#headAddress .headAdd	{float:left; margin:5px;}
#locations #addressHolder{padding:20px 10px 10px 10px; margin-left:388px;}
/*************************SIG LINK*********************/
#SIGLink				{position:absolute; left:0px; bottom:5px; width:138px; text-align:center;}
#SIGLink a				{color:#CCCCCC; text-decoration:none; font-size:12px;}
#SIGLink a:hover		{color:#FFFFFF;}

.bigLogo				{position:absolute; right:15%; top:200px;}
.floatLeft				{float:left;}
.floatRight				{float:right;}
.alignMid				{vertical-align:middle;}
.textCenter				{text-align:center;}
.textRight				{text-align:right;}
.bold					{font-weight:bold;}
.error					{font-weight:bold; color:#ff0000;}

.cleaner				{overflow:hidden; clear:both; margin-1px; height:1px;}