@charset "utf-8";
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
basic styling
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
* {
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*overflow-y: scroll, forces firefox, safari and opera to have a right scrollbar which fixes problem of page shifting from page to page if height is different i.e. height greater then content or not.*/
html {
	overflow-y: scroll;
}

body {
	text-align: center;
	background: white url(../assets/body_bg.gif) repeat-x;
}


div#container {
	width: 827px;
	margin: 0 auto;
	position: relative;
	text-align: left;
}

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

.big {
	font-size: 14px;
}

.orange {
	color: #e7832d;
}

.green {
	color: #005953;
}

.link {
	color: black;
	font-weight: bold;	
}
.link:hover {
	text-decoration: none;
}

.orange_link {
	color: #e7832d;
	font-weight: bold;	
}
.orange_link:hover {
	text-decoration: none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
banner styling
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#banner {
	width: 827px;
	height: 192px;
	background: url(../assets/banner_bg.jpg) right no-repeat;
}

div#logo {
	width: 283px;
	height: 122px;
	background: url(../assets/logo.gif);
	text-indent: -9999px;
	position: absolute;
	left: 0px;
	top: 22px;
}

p#banner_text {
	width: 600px;
	position: absolute;
	color: white;
	top: 170px;
	left: 260px;
	font-size: 12px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
main_nav styling
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#main_nav {
	width: 827px;
	height:23px;
	background: white;
	overflow: hidden;
	position: relative;
}

div#main_nav ul {
	list-style: none;
	position: absolute;
	top: 0px;
	left: 464px;/*latest news included*/
	left: 552px;
}

div#main_nav ul li {
	float: left;
	height: 21px;
	border: 1px solid white;
	border-right: none;
}

div#main_nav ul li a {
	background: #e7832d;
	display: block;
	line-height: 21px;
	color: white;
	font-size: 12px;
	text-decoration: none;
	padding: 0 4px;
}

div#main_nav ul li a:hover, div#main_nav ul li a.selected {
	background: #eea86c;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
main content container styling
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#main_content_container {
	background: url(../assets/sidebar_faux_bg.gif) repeat-y;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
adds styling
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#add_one {
	width: 583px;
	margin: 10px 0px;
	/*background: #005953 url(../assets/banner_ads_tara_plumbing.gif);*/
	float: right;
}

div#add_two {
	width: 583px;
	height: 80px;
	margin-bottom: 10px;	
	background: #005953 url(../assets/banner_ads.gif);
	float: right;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
sidebar_nav styling
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#sidebar_nav {
	width: 222px;
	float: left;
}
div#sidebar_nav ul {
	list-style: none;
	font-size: 12px;
}
div#sidebar_nav ul a {
	padding-left: 20px;	
}
div#sidebar_nav h1 {
	color: #005953;
	font-size: 12px;
	padding-left: 20px;
}

div#tile_ranges {
	background: #e7832d;
	padding-top: 15px;
	padding-bottom: 15px;
}
div#tile_ranges ul {
	padding-top: 12px;
}
div#tile_ranges ul li {
	height: 22px;	
}
div#tile_ranges ul li a {
	color: white;
	display: block;
	line-height: 22px;
	width: 202px;	
	text-decoration: none;
}
div#tile_ranges ul li a:hover, div#tile_ranges li a.selected {
	background: #eea86c;
}

div#services {
	background: #005953;
	padding-top: 15px;
	padding-bottom: 15px;
}
div#services ul li {
	height: 22px;
}
div#services ul li a {
	color: white;
	display: block;
	line-height: 22px;
	text-decoration: none;
	font-weight: bold;
	width: 202px;	
}
div#services ul li a:hover, div#services li a.selected {
	background: #eea86c;
}

div#latest_news {
	background: #f9e0cb;
	padding-top: 15px;
	padding-bottom: 15px;
}

div#latest_news ul {
	padding-left: 20px;
	padding-top: 12px;
	padding-right: 12px;
	background: #f9e0cb;	
}
div#latest_news ul li {
	margin-bottom: 20px;
	background:#f9e0cb url(../assets/bullet.gif) no-repeat 6px 4px;
	padding-left: 20px;
	margin-top: -10px;
	padding-top: -10px;
}
div#latest_news ul li a {
	color: black;
	padding-left: 0;
	background: #f9e0cb;	
}
div#latest_news ul li a:hover {
	text-decoration: none;
}

#scrollingContainer{
padding: 10px 0;
} 
 
#marqueecontainer{
position: relative;
width: 220px; /*marquee width */
height: 200px; /*marquee height */
overflow: hidden;
background: transparent;/*fixes ie bug - would only stop when text was moused over and not the container*/
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
main content styling
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div.main_content {
	width: 543px;
	padding: 20px;
	margin-top: 23px;
	background: #fbdcc5;
	float: right;
	position: relative;
}
div.main_content p {
	font-size: 12px;
	margin-bottom: 10px;
	line-height: 1.5;
}
div.main_content h1 {
	margin-bottom: 20px;
	overflow: hidden;
}

div.main_content h2 {
	font-size: 12px;
	margin-bottom: 10px;
}

div.main_content ul{
	list-style: none;
}
div.main_content ul li {
	height: 18px;
	font-size: 12px;
	background: url(../assets/bullet.gif) no-repeat 0 4px;
	padding-left: 20px;
}

div#home {
	padding: 20px 0 20px 20px;
	width: 563px;
	background: #fbdcc5 url(../assets/home_bg.gif) top right no-repeat;

}
div#home_picture {
	width: 583px;
	height: 173px;
	background: url(../assets/home_slideshow/image1.jpg);
	float: right;
}
div#home h1 {
	background: url(../assets/home.gif);
	width: 396px;
	height: 22px;
	text-indent: -9999px;
}

div#our_services {
	background: #fbdcc5 url(../assets/our_services_bg.jpg) bottom no-repeat;
	padding-bottom: 180px;
}
div#our_services h1 {
	background: url(../assets/our_services.gif);
	width: 139px;
	height: 20px;
	text-indent: -9999px;
}

div#about_us {
	background: #fbdcc5 url(../assets/about_bg.jpg) bottom no-repeat;
	padding-bottom: 180px;
}
div#about_us h1 {
	background: url(../assets/about.gif);
	width: 336px;
	height: 20px;
	text-indent: -9999px;
}

div#contact {
	background: #fbdcc5 url(../assets/map.gif) bottom no-repeat;
	padding-bottom: 265px;
}
div#contact h1 {
	background: url(../assets/contact.gif);
	width: 351px;
	height: 22px;
	text-indent: -9999px;
}

div#news h1 {
	background: url(../assets/news.gif);
	width: 131px;
	height: 20px;
	text-indent: -9999px;
}
div.news_story {
	padding-left: 20px;
	padding-bottom: 20px;
	background: url(../assets/bullet.gif) no-repeat 0 4px;
}

div#links h1 {
	background: url(../assets/links.gif);
	width: 135px;
	height: 20px;
	text-indent: -9999px;
}

div#abk h1 {
	background: url(../assets/abk.gif);
	width: 168px;
	height: 65px;
	text-indent: -9999px;
}

div#padana h1 {
	background: url(../assets/padana.gif);
	width: 194px;
	height: 65px;
	text-indent: -9999px;
}

div#saloni h1 {
	background: url(../assets/saloni.gif);
	width: 150px;
	height: 70px;
	text-indent: -9999px;
}

div#cinca h1 {
	background: url(../assets/cinca.gif);
	width: 144px;
	height: 45px;
	text-indent: -9999px;
}

div#victorian h1 {
	background: url(../assets/victorian.gif);
	width: 201px;
	height: 26px;
	text-indent: -9999px;
}

div#stone h1 {
	background: url(../assets/natural_stone.gif);
	width: 150px;
	height: 20px;
	text-indent: -9999px;
}

div#glass h1 {
	background: url(../assets/glass_splashbacks.gif);
	width: 197px;
	height: 26px;
	text-indent: -9999px;
}
div#glass a.thumbnail {
	float: left;
}

a.thumbnail img {
	border: none;
}

div#porcelain h1 {
	background: url(../assets/porcelain.gif);
	width: 171px;
	height: 26px;
	text-indent: -9999px;
}

div#contemporary h1 {
	background: url(../assets/contemporary.gif);
	width: 223px;
	height: 26px;
	text-indent: -9999px;
}

div#mosaic h1 {
	background: url(../assets/mosaic.gif);
	width: 149px;
	height: 26px;
	text-indent: -9999px;
}

div#marmox h1 {
	background: url(../assets/marmox.gif);
	width: 282px;
	height: 94px;
	text-indent: -9999px;
}

div#schluter h1 {
	background: url(../assets/schluter.gif);
	width: 310px;
	height: 101px;
	text-indent: -9999px;
}

div#sealing h1 {
	background: url(../assets/sealing.gif);
	width: 246px;
	height: 85px;
	text-indent: -9999px;
}

div#sealing_products {
	background: url(../assets/sealing_products.jpg) no-repeat top right;
	padding-right: 150px;
}

div#under_floor_heating h1 {
	background: url(../assets/under_floor_heating.gif);
	width: 223px;
	height: 26px;
	text-indent: -9999px;
}

div#adhesives h1 {
	background: url(../assets/adhisives.gif);
	width: 351px;
	height: 81px;
	text-indent: -9999px;
}
div#ultracolour_plus {
	 background: url(../assets/ultracolour_plus.jpg) no-repeat 430px 30px;
	 padding-right: 130px;
}
div#ready_mixed {
	background: url(../assets/ready_mixed_tile_adhesives.jpg) no-repeat 430px 70px;
	padding-right: 130px;
}
div#adhesives h1#ultra_tile {
	background: url(../assets/ultra_tile.gif);
	width: 119px;
	height: 49px;
	text-indent: -9999px;
}

div#opening_times {
	width: 583px;
	height: 30px;
	overflow: hidden;
	background: #ef7506;
	float:right;
}
div#opening_times p {
	color: white;
	line-height: 30px;
	text-align: center;
	font-size: 10px;
}

div#opening_times_contact {
	width: 583px;
	height: 30px;
	overflow: hidden;
	background: #ef7506;
	position: absolute;
	bottom: 0px;
	left: 0px;	
}
div#opening_times_contact p {
	color: white;
	line-height: 30px;
	text-align: center;
	font-size: 10px;
}

/*---------------------------------------------------------
form styling
----------------------------------------------------------*/
#container form#form1 * {
	font-size: 12px;
}

form#form1 {
	position: relative;
}


form#form1 p {
	margin-bottom: 8px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 12px;
}

div#quoteForm fieldset {
	border: none;
}

p.segmented {
	width: 168px;
	float: left;
}

label {
	font-size: 18px;
	color: #404040;	
	text-align: left;
}

textarea {
	width: 330px;
	height: 50px;
	background: #fbe9db;
	border: 1px solid #ae9c8e;
}

input {
	width: 166px;
	background: #fbe9db;
	border: 1px solid #ae9c8e;
	padding: 2px;
}

input#submit:hover {
	border: 1px solid white;
}

input#submit {
	width: 60px;
	background: #e7832d;
	color: white;
	font-weight: bold;
	border: 1px solid #e7832d;
	float: left;
	margin-top: 48px;
	margin-left: 14px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
footer styling
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#footer_container {
	width: 100%;
	height: 96px;
	background: url(../assets/footer_container_bg.jpg);
}

div#footer {
	width: 582px;
	padding-left: 245px;
	height: 76px;
	padding-top: 20px;
	margin: 0 auto;
	position: relative;
	text-align: left;
}

div#footer p {
	color: #005953;
	font-size: 12px;
}

div#footer a {
 	color: #005953;	
}
div#footer a:hover {
	text-decoration: none;
}

div#footer a#tta_link {
	width: 43px;
	height: 96px;
	position: absolute;
	top: 0px;
	left: 784px;
	background: url(../assets/footer_logo.gif);
	text-indent: -9999px;
	outline: none;
}

p#copyright {
	position: absolute;
	left: 10px;
	top: 30px;
}