/* CSS Document */
body {
	background-color : #FFFFFF;
	color : #000000;
	text-align : left;
}
#content {
	width : 800px;
	border : 1px solid #66CCFF;
	margin-right : auto;
	margin-left : auto;
	background-color : #FFFFFF;
	text-align : justify;
	padding: 0px;
	font: arial;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
}
.style9 {font-size: 10px}
.style10 {font-size: 12px}
body,th {
	font-family: Arial, Helvetica, sans-serif;
}
.style11 {font-size: 11px}
.style12 {color: #EF2499}
.style15 {font-size: x-small}
.style20 {font-family: Arial, Helvetica, sans-serif; font-size: small; }
.style22 {font-family: Arial, Helvetica, sans-serif; font-size: x-large; }
.style24 {font-family: Arial, Helvetica, sans-serif; font-size: medium}
.style25 {font-weight: bold}
.style26 {color: #0000CC; font-style: italic;}
.style27 {color: #003399; font-weight:bold;}
.green	 {color: #009900; font-weight:bold;}

li {font-family: Arial, Helvetica, sans-serif; padding:0px 0px 0px 0px; margin:0px 0px 4px 0px; list-style-position:inherit;}
ul {margin:0; padding:0px 0px 0px 5px; list-style:none} 
ol {margin:0; padding:0px 0px 0px 0px; list-style:none} 
a{text-decoration:none;}
a:hover{text-decoration:underline;}

img {border:0;}

td {
	font-family: Arial, Helvetica, sans-serif;
	vertical-align:top;
	border-color: #CCCCCC;
} 
.advert {border:1px; border-color:#CCCCCC; border-style:solid} 


.description{border:solid 1px #205091; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:10px; text-align:center; background-image:url(/Images/Products/Products-background.gif); background-repeat:repeat-x; background-position:left; }
.header{background-image:url(/Images/Formatting/Header.gif); background-repeat:no-repeat; background-position:left; height:35px; vertical-align:middle; padding-left:10px;}
.headertext{color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.headertext a{color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.headertext a:hover{color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:underline}
.testimonials {margin-top:15px; font-size:11px; }
.testimonials td{border-color:#CCCCCC; border-style:solid; border-width:1px; background-color:#FFFFFF; color:#000000}
.thumbnails {border:1px; border-color:#CCCCCC; border-style:solid;}
.accessorytext {font-size:10px; border-right-color:#66CCFF; border-right-style:solid; border-right-width:1px; vertical-align:top}
.accessorytext li{list-style-type:none; list-style-position:outside; list-style-image:none; margin:0px 0px 2px 0px;}
.infobox {display:none;} 
.ticks li {font-family: Arial, Helvetica, sans-serif; padding:0px 0px 0px 10px; margin:0px 0px 4px 10px;  background:url(/Images/Formatting/Bullet-tick.gif) no-repeat left top; list-style-position:inherit;} 

.homecompare {	font-size:12px;
				width:100%;
				text-align:center;
				margin-top:10px}

.left 	{	border-bottom-style:solid; border-bottom-color:#000000; border-bottom-width:1px; 
			padding-bottom:2px;
			border-right-style:solid; border-right-color:#000000; border-right-width:1px;
			text-align:center}

.left a{	text-align:center;
			color:#000000}
.left a:hover{text-align:center; 
			color:#000000; text-decoration:underline}

.right	{	border-bottom-style:solid; border-bottom-color:#000000; border-bottom-width:1px; 
			padding-bottom:2px;
			text-align:center;
			color:#000000}

.right a{	text-align:center;
			color:#000000}

.right a:hover{text-align:center;
			color:#000000; text-decoration:underline}
			

.tableblueleft {color: #0000CC; font-style: italic; 
				border-bottom-style:solid; border-bottom-color:#000000; border-bottom-width:1px; 
				padding-bottom:2px;
				border-right-style:solid; border-right-color:#000000; border-right-width:1px;
				text-align:center}

.tableblueright{color: #0000CC; font-style: italic; 
				border-bottom-style:solid; border-bottom-color:#000000; border-bottom-width:1px; 
				padding-bottom:2px;
				text-align:center}

.clear		{	clear:both;}

.clear-small	{	clear:both; font-size:0.1em; line-height:0.1em;}

#anim-open		{	display:none;}

#green2			{	display:none;}

/* ###### styles for products #########*/

.product-buttons	{	padding:10px 0px 0px 17px;}

.product-buttons-left	{	padding:0px 0px 0px 20px;}

.products-bigheader	{	font-size:24px;
						font-weight:bold;
						color: #003399;
						padding:10px 0px 0px 0px;
						}	
						
/* ###### styles for prices #########*/

.prices {display:none;} 

#pricethumbs {text-align:center; vertical-align:middle}

#priceleft {width:17%;
			text-align:left;
			font-size:11px; 
			color:#FF0000; 
			vertical-align:middle}

#priceright {width:23%;
			text-align:right;
			font-size:11px; 
			color:#000000;
			vertical-align:middle}

#priceproduct	{font-size:11px; color:#000000; vertical-align:middle; text-align:left; padding-left:10px}

#pricetable {
	padding-left:10px;
  	padding-top:10px;  
	vertical-align:middle;
  	}

#pricebundlebig {font-size:11px; color:#000000; text-align:center; vertical-align:middle; width:23%; padding-top:10px}

#pricebundlesmall {font-size:11px; color:#000000; text-align:center; vertical-align:middle; width:2%}

#pricebundletable {width: 62%; font-size:11px; color:#000000; text-align:left; vertical-align:middle; padding-right:40px}

#bundleborder {
  	margin-top:10px;
	padding-bottom:15px; 
	border-color:#CCCCCC; 
	border-style:solid;
	border-width:1px;
	background-color:#B0D6E1;
  	}
	
.bundleheader {color: #000000; font-weight:bold;}

#bundleleft {width:19%;
			text-align:left;
			font-size:11px; 
			color:#000000; 
			vertical-align:middle}

#bundleright {width:19%;
			text-align:right;
			font-size:11px; 
			color:#000000;
			vertical-align:middle;
			}

#addressfields {text-align:left;
				font-size:11px;
				vertical-align:top;
				margin-top:10px;
				margin-right:15px;}

#addressfieldtable {margin-top:15px;
					vertical-align:top;}
					
#addressfieldheader {font-size:11px; 
					font-weight:bold;}

#submitbutton {	color: #ffffff; 
				background-color: #1a4276; 
				font-weight:bold; 
				vertical-align:middle;
				font-size:11px;
				margin-top:10px;
				}
				
.PriceRed	{	color:#FF0000;
				font-size:9px;}
				
				


/* ###### styles for accessories #########*/

#accessories		{	display:none;
						overflow:hidden;
						padding:5px 0px 0px 3px;}	
						
.acc-contents-2000-img	{	float:left;
							width:210px;
							padding:10px 0px 0px 3px;}

.acc-contents-2000-p 	{	float:left;
							width:350px;
							padding:10px 0px 0px 10px;
							}				

/* ###### styles for FAQs #########*/

.FAQtable {width:100%; margin-top:15px;}

.FAQ-question-left {color: #003399; font-weight:bold; font-size:12px; width:5%}
.FAQ-question-right {color: #003399; font-weight:bold; font-size:12px; width:95%}

.FAQ-answer-left {color: #000000; font-size:12px; width:5%}
.FAQ-answer-right {color: #000000; font-size:12px; width:95%}

/* ###### styles for gallery #########*/

#photoholder {
	display:none;
  	width:90%;
}

#thephototable {
	padding-left:10px;
  	padding-top:10px;  
	vertical-align:middle;
  	text-align:center;}

#thephotocell {background:#fff url('/Images/Formatting/loading.gif') 50% 50% no-repeat;}
	
#thephoto {
  	border:1px; 
  	border-color:#CCCCCC;
  	border-style:solid;
  	vertical-align:middle;
  	text-align:center;
	}

#thumbsleft {
	border-right-color:#66CCFF; 
	border-right-style:solid; 
	border-right-width:1px; 
	border-bottom-color:#66CCFF; 
	border-bottom-style:solid; 
	border-bottom-width:1px; 
	vertical-align:top;
	text-align:center;
	padding-right:5px;
	padding-bottom:5px;}

#thumbsright {
	border-bottom-color:#66CCFF; 
	border-bottom-style:solid; 
	border-bottom-width:1px; 
	vertical-align:top;
	text-align:center;
	padding-left:5px;
	padding-bottom:5px;}

#gallerythumbs {
	border:1px; 
	border-color:#CCCCCC; 
	border-style:solid;}

/* ######### Style for Chrome ######### */


.chromestyle{
width: 800px;
font-weight:bold;
font-size:12px;
z-index:2;
padding-top:154px;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
width: 100%;
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
margin-left:15px;
background:none;
}

.chromestyle ul li a{
color: #FFFFFF;
padding: 4px 7px;
margin: 0;
text-decoration: none;
}

.chromestyle ul li a:hover{
color: #FFFFFF;
border:thick;
border-color:#FFFFFF;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #66CCFF; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Arial;
line-height:18px;
z-index:99999;
background-color: #FFFFFF;
width: 200px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border: 1px solid #66CCFF; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #66CCFF;
}

/* ######### Style for News ######### */

.newsheader {	font-size:12px;
				font-weight: bold;
				padding-top: 15px;
				color:#000000}
.newssummary {	font-size:11px;
				color:#000000;}

.newsheader a{	font-size:12px;
				font-weight: bold;
				padding-top: 15px;
				color:#000000}
.newssummary a{	font-size:11px;
				color:#000000;}
				
.articletable {	margin-top: 10px}

.articleright {	padding-left: 8px;
				font-size:12px;
				color:#000000}
				
/* ######### Style for Sink Hire Pages ######### */

.hire			{vertical-align:top; }

.hire a			{	text-decoration:underline;
					}

.hiretable			{width: 100%; vertical-align:top;}

.hirecell-left		{width: 45%; vertical-align:top}

.hirecell-right 	{width: 55%; vertical-align:top}

.hiresmallprint		{font-size:10px}

.hirepricethumbs {text-align:center; vertical-align:middle}

.hirepriceleft {width:70%;
			text-align:left;
			font-size:11px; 
			vertical-align:middle}

.hirepriceright {width:30%;
				text-align:right;
				font-size:11px;
				vertical-align:middle;
				font-family:Arial, Helvetica, sans-serif; 
				}

.hirepriceproduct	{vertical-align:middle}

.hirepricetable {
	padding-left:10px;
  	margin-top:10px;  
	vertical-align:middle;
  	}

.hirepricefields {font-size:11px;
				vertical-align:middle;
				font-family:Arial, Helvetica, sans-serif;}


/* ######### Style for Contact Page ######### */


.contactfields {text-align:left;
				font-size:11px;
				vertical-align:top;
				font-family:Arial, Helvetica, sans-serif; 
				}

#contactfieldtable {margin-top:15px;
					vertical-align:bottom;} 
					
#contactcell {font-size:12px;
				padding-top:5px;  
				}

#contactsubmitbutton {	color: #ffffff; 
				background-color: #1a4276; 
				font-weight:bold; 
				vertical-align:top; 
				font-size:12px;
				margin-top:10px;
				}
				
/* ######### Style for Twitter ######### */

#twitter-righthand-div	{	border:#CCCCCC 1px solid;
							font-size:10px;
							color:#666666;}

#twitter_div	{	text-align:justify;
					font-family:Tahoma;
					
					
				}
				
.sidebar-title	{	font-size:12px;
					width:150px;
					background-color:#0099CC;
					color:#FFFFFF;
					padding:5px 0px 5px 0px;
					font-weight:bold;
					text-align:center;
					}

.sidebar-title a:link		{	color:#FFFFFF;}	
.sidebar-title a:active 	{	color:#FFFFFF;}	
.sidebar-title a:visited 	{	color:#FFFFFF;}	
.sidebar-title a:hover	{	color:#FFFFFF;}		

					
#twitter_update_list	{	padding:2px 3px 2px 3px;}

.News-feed			{	padding:10px 0px 10px 30px;
						width:580px;
						font-size:11px;
						font-family:Arial, Helvetica, sans-serif;}

/* #### events #### */

.events-header		{	font-size:20px; color: #003399; font-weight:bold;}
.events-header2		{	font-size:16px; color: #003399; font-weight:bold;}
.events-content		{	padding:0px 0px 0px 5px;}

.events-content ul	{	padding:0px;
						margin:10px 0px 15px 0px;
						}
						
.events-content li	{	list-style-position:inside;
						list-style-image:url("/Images/Formatting/Bullet-tick.gif");
						margin:0px 0px 5px 25px;
						padding:0px 0px 5px 6px;
						text-indent:-22px;}


.events-clients		{	font-size:11px;
						border:#09F solid 1px;
						padding:5px;
						margin:5px 0px 0px 0px;}

.events-clients ul	{	padding:0px;
						margin:10px 0px 10px 0px;
						}
						
.events-clients li	{	width:190px;
						list-style-position:none;
						margin:0px 0px 5px 5px;
						padding:0px 0px 5px 0px;
						border-bottom:dotted #09F 1px;}

#visible		{	display:block;}

.rotator		{	display:none; border:1px; border-color:#CCCCCC; border-style:solid; text-align:center; margin:0px 0px 0px 2px;}

/* footer */

.footer-left	{		float:left; 
						width:270px;}
						
.footer-right	{		float:right; 
						padding:5px 0px 0px 0px;						}
				

/* facebook like buttons */

#fb-root		{	margin:5px 0px 0px 15px; }

#fb-root span		{ font-size:11px; vertical-align:text-top;}
	
#fb-facepile	{	margin:5px 0px 0px 5px; }

#fb-footerlink	{ 	clear:both; text-align:left; margin:5px 0px 0px 15px; }