/* CSS Document */

body {
	font-size:12px;
	color:#333333;
	font-family:"Lucida Grande", Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	background:#ff5900 url(../images/ttsbg.jpg) repeat-x;
}

/* DIV PLACEMENT */

#wrapper {
	width:894px;
	padding:0px 10px;
	margin:10px auto;
	background-color: #ffffff;
}

#header {
	height:20px;
	margin-bottom:5px;
	background:url(images/tile-source-header.jpg) left no-repeat;
	font-size:10px;
	padding:80px 0px 0px 200px;
}

#main {
	position:relative;
	width:894px;
}

#menu {
	width:120px;
	float:left;
	font-size:11px;
	overflow:hidden;
}

#leftinfo {
	font-size:10px;
	text-align:right;
	padding-right:10px;
}

#specialside {
	text-align:left;
}

#content {
	border:1px solid #cccccc;
	margin-left:125px;
	padding:0px 10px 10px 10px;
	font-weight:normal;
}

#pagecontent {
	border:1px solid #cccccc;
	width:743px;
	padding:0px 10px 10px 10px;
	font-weight:normal;
	float: right;
	margin-bottom:0px;
}

#footer {
	text-align: right;
	font-size: 10px;
	padding:10px;
}

/* MENU FORMATTING */

#menu a:link, #menu a:visited {
	display:block;
	padding:5px 0px 5px 10px;
	border:1px solid #666666;
	margin-bottom:1px;
	background-color:#666666;
	color:#ffffff;
	text-decoration:none;
	text-transform: lowercase;
}

#menu a:hover {
	text-decoration:none;
	background-color:#ff6600;
	border:1px solid #ff6600;
	color:#ffffff;
}

#menu a.specialmenu:link, #menu a.specialmenu:visited {
	display:block;
	padding:5px 0px 5px 10px;
	border:1px solid #ff6600;
	margin-bottom:1px;
	background-color:#ff6600;
	color:#ffffff;
	text-decoration:none;
	text-transform: lowercase;
}

#menu a.specialmenu:hover {
	text-decoration:none;
	background-color:#ff9900;
	border:1px solid #ff9900;
	color:#ffffff;
}

#menu a.submenu:link, #menu a.submenu:visited {
	background-color:#cccccc;
	border: 1px solid #cccccc;
	width:100px;
	float:right;
	clear:both;
	color:#333333;
	text-transform: lowercase;
}

#menu a.submenu:hover {
	text-decoration:none;
	color:#333333;
	background-color:#ff9900;
	border:1px solid #ff9900;
}

/* OTHER FORMATTING */

h1 {
	font-size:20px;
	font-style: normal;
  	color: #FF6600;
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom:1px solid #cccccc;
	margin-top:10px;
}

#special h1 {
	font-size:50px;
	font-style: normal;
  	color: #111111;
	padding:10px;
	margin-bottom:10px;
	margin-top:10px;
	background-color: #ff6600;
	text-align: center;
	border:none;
	text-transform: uppercase;
}

h2 {
	font-size: 14px;
	color:#333333;
}

.headerorangebold {
	font-weight:bold;
	color:#FF6600;
	padding-right:20px;
}

.orangebold {
	color: #FF6600;  
	font-size: 11px;
	font-weight: bold;
}

.contentorange {
	color:#ff6600;
	font-size:14px;
	padding-top:10px;
	clear:right;
}

/* LINKS */

#header .showroom {
	color:#333333;
	text-decoration:none;
	padding:3px 12px;
	display:inline;
}

#header .showroom a:hover {
	color:#ff6600;
}

#header a:link, #header a:visited {
	color:#333333;
	text-decoration:none;
	display:inline;
}

#header a:hover {
	color:#ff6600;
}

a:link, a:visited {
	color:#ff6600;
	text-decoration:none;
}

a:hover {
	color:#000000;
}

.boxes {
	text-align:center;
	margin:10px 0px 0px 0px;
}

.randomimages img {
	border:1px solid #cccccc;
	margin:0px 0px 10px 0px;
}

.halfsplit2 {
	float:right;
	margin-right:20px;
	width:350px;
}

.halfsplit {
	float:right;
	width:350px;
	margin-right:13px;
}

.clrright {
	clear:right;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
	height:0;
}

.clr {
	clear:both;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
	height:0;
}

hr {
	height:1px;
	background-color:#cccccc;
	color:#cccccc;
	width:80%
}

.row {
	margin-right:5px;
}

.table-underscore {
	border-bottom:1px solid #cccccc;
}

.popupbox {
	padding:0px 10px 10px 10px;
}

.popupbox img {
	margin-bottom:20px;
}

.bigboxes {
	margin-left:8px;
}

.bigboxes a:link, .bigboxes a:visited {
	text-decoration:none;
	color:#333333;
	display:block;
	border:1px solid #cccccc;
	padding:15px 20px 15px 90px;
	width:123px;
	display:block;
	float:left;
	margin:5px;
	text-align:center;
}

.bigboxes a:hover {
	border: 1px solid #ff6600;
	color: #ff6600;
}

.adviceboxes {
	margin-bottom:10px;
	margin-left:7px;
}

.adviceboxes a:link, .adviceboxes a:visited {
	text-decoration:none;
	color:#333333;
	display:block;
	border:1px solid #cccccc;
	padding:15px 10px 15px 90px;
	width:122px;
	height:30px;
	float:left;
	margin:5px;
	text-align:center;
	display:block;
}

.adviceboxes a:hover {
	border: 1px solid #ff6600;
	color: #ff6600;
}

.bigbox1 a:link, .bigbox1 a:visited {
	padding:23px 20px 7px 90px;
}

.fourimage {
	margin-top: 10px;
}

.fourimage img {
	margin:3px;
	border:1px solid #cccccc;
}

.bordered img {
	border:1px solid #cccccc;
	margin:2px;
}

.companylogo {
	float:right;
	padding-top:10px;
}

#siteLoader {
	text-align:center;
	padding:250px 0px;
	width:100%;
	height:100%;
	background-color:#FFFFFF;
	float:right;
	font-size:18px;
}

#load {
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	text-align:center;
	padding:250px 0px;
	width:100%;
	background-color:#FFFFFF;
	font-size:18px;
	vertical-align:middle;
}

#leftinfo a:link, #leftinfo a:visited, #specialside a:link, #specialside a:visited {
	color:#ff6600;
	text-decoration:none;
	border:none;
	background:none;
}

.sitemap-level-1 {
	font-weight:bold;
	font-size:16px;
	padding:5px 0px;
}

.sitemap-level-2 {
	font-size:14px;
	padding:2px 0px;
	padding-left:20px;
}

.sitemap-level-3 {
	padding-left:40px;
}

.sitemap-level-4 {
	padding-left:80px;
	font-style:italic;
}

.businessboxshort {
	height:110px;
	border:1px solid #cccccc;
	padding:10px;
	margin-bottom:10px;
	text-align:left;
	overflow:hidden;
	font-size:11px;
	width:297px;
	float:right;
	margin-right:5px;
}

.businessboxshort img {
	margin-right:10px;
}

.businessboxshortleft {
	float:left;
}

.businessboxshortright {
	float:right;
	width:130px;
}

.businessname {
	color:#333333;
	font-size:16px;
}

.businessname a:link, .businessname a:visited {
	color:#ff6600;
	font-size:18px;
}

.businessname a:hover {
	text-decoration:underline;
	color:#333333;
}

.businessboxshort a:link, .businessboxshort a:visited {
	color:#ff6600;
}

.businessboxshort a:hover {
	text-decoration:underline;
}

.businessbox {
	height:110px;
	border:1px solid #cccccc;
	padding:20px;
	margin-bottom:10px;
	text-align:left;
	overflow:hidden;
	font-size:11px;
}

.businessbox img {
	margin-right:20px;
}

.businessboxleft {
	float:left;
}

.businessboxright {
	float:right;
	width:400px;
}

.businessname {
	color:#333333;
	font-size:16px;
}

.businessbox a:link, .businessbox a:visited {
	color:#ff6600;
}

.businessbox a:hover {
	text-decoration:underline;
}

#leftinfo a:hover {
	color:#000000;
}

#menu a.ltclink:link, #menu a.ltclink:visited {
	display:block;
	padding:5px 0px 5px 10px;
	border:1px solid #cccccc;
	margin-bottom:2px;
	background-color:#cccccc;
	color:#333333;
	text-decoration:none;
}

#menu a.ltclink:hover {
	text-decoration:none;
	color:#333333;
	background-color:#ffffff;
	border:1px solid #cccccc;
}

:link img {
  border: none;
}

#contactbutton input.button {
	border:1px solid #cccccc;
	background-color:#FFFFFF;
	padding:3px;
	color:#333333;
	margin-left:130px;
}

#contactbutton input.button:hover {
	border: 1px solid #ff6600;
	background-color:#ff6600;
	color:#ffffff;
}

#branchpage h1 {
	color:#ff6600;
	font-size:16px;
	padding:0px;
	margin:0px;
	text-decoration: none;
	border:none;
}

.companydetails {
	background-color: none;
	border:none;
	color:#ff6600;
}

.largeshop {
	height:160px;
	margin-left:10px;
	border:1px solid #cccccc;
	margin-bottom:10px;
	overflow:hidden;
	font-size:10px;
	background:url(tiles/images/largeshop.jpg);
	width:720px;
}

#specialofferbuttons td {
	text-align: center;
	font-size: 20px;
	height:200px;
	width:350px;
	vertical-align: middle;
}

td.sto {
	background:url(special-offers/images/trade-offers.jpg);
}

td.swo {
	background:url(special-offers/images/wall-tiles.jpg);
}

td.sfo {
	background:url(special-offers/images/floor-tiles.jpg);
}

td.sno {
	background:url(special-offers/images/natural-stone.jpg);
}

#specialofferbuttons td a:link, #specialofferbuttons td a:visited {
	display: block;
	width:150px;
	padding:35px 0px 20px 190px;
}

#specialofferbuttons td a:hover {
	text-decoration: none;
}