body{

	background: url(../images/topfloor/bg1.jpg);
	background-repeat: repeat-x;
	background-color: #b4b4b4;

	margin:0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif; 
	color: #000000; 
	font-size: 12px
}

#wrapper {
		width:994px;
		margin-right:auto;
		margin-left:auto;
		margin-top:0px;
		padding:0px;
		text-align:left;
}


#header { 
	width:994px;
	height:114px;
	margin:0px 0px 0px 0px; 
	padding:0px;	
	background: url(../images/topfloor/header.jpg) repeat-x;
	float:right;
	clear:both;

}


#logo { 
	width:203px;
	height:114px;
	margin:0px 0px 0px 0px; 
	padding:0px;	
	background: url(../images/topfloor/logo.jpg) repeat-x;
	float:left;
	clear:both;

}

#logo2 { 
	width:203px;
	height:105px;
	margin:0px 0px 0px 0px; 
	padding:0px;	
	background: url(../images/topfloor/sublogo.jpg) repeat-x;
	float:left;
	clear:both;

}

h1 span{margin-left:-999em;}
h2 span{margin-left:-999em;}

#topnav { 

	margin:0px 0px 0px 0px;
	width: 732px;
	height:35px;
	padding:0px 0px 0px 0px;	

}

#navbar {
    font-family:Arial, Helvetica, sans-serif;
    font-size:0px;
    font-weight:bold;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;

}



#navbar ul li {
    list-style:none;
    display:inline;
    padding: 3px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}

#nav1 {

    width:113px;
    height:24px;
    text-align:center;
    text-decoration:none;
    float:left;
    padding: 11px 0px 0px 0px;
    margin:39px 0px 0px 0px;
    background: url(../images/topfloor/topshells.jpg)
}

#nav2 {
    width:113px;
    height:24px;
    text-align:center;
    text-decoration:none;
    float:left;
    padding: 11px 0px 0px 0px;
    margin:39px 0px 0px 0px;
    background: url(../images/topfloor/topshells.jpg)
}

#nav3 {
    width:113px;
    height:24px;
    text-align:center;
    text-decoration:none;
    float:left;
    padding: 11px 0px 0px 0px;
    margin:39px 0px 0px 0px;
    background: url(../images/topfloor/topshells.jpg)
}

#nav4 {
    width:113px;
    height:24px;
    text-align:center;
    text-decoration:none;
    float:left;
    padding: 11px 0px 0px 0px;
    margin:39px 0px 0px 0px;
    background: url(../images/topfloor/topshells.jpg)
}

#topright { 
	margin:8px 0px 0px 0px;
	width: 250px;
	padding:0px 0px 0px 0px;
	float:right;


}



#searchbox { 
	margin:10px 17px 0px 0px;

	padding:0px 0px 0px 0px;
	float:right;


}
.phone { 
	font-family: Arial, Helvetica, sans-serif; 
	color: #ffffff; 
	font-size: 16px;
	font-weight:bold;


}

.search { 
	font-family: Arial, Helvetica, sans-serif; 
	color: #262626; 
	font-size: 13px;
	font-weight:bold;


}

div#main { 
	width:994px;
	margin:0px 0px 0px 0px; 
	padding:0px;	
	background: url(../images/topfloor/body-tile.gif);
	float:right;

}

#left-links { 
	clear: both;
	margin:0px 0px 0px 0px;
	width: 188px;

	padding:0px 0px 0px 0px;	
	background: url(../images/topfloor/left-fader.gif);
	background-repeat:no-repeat;

	float:left;


}

#left-links strong {
	margin:20px 0px 20px 5px;
	width: 189px;
	min-height:543px;
	padding:10px 0px 0px 10px;
	font-size:18px;
	font-color:#000000;	
	font-weight:normal;
	
}


#left-links ul{
        margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px;
	padding: 0px 0 0 0px;


	clear:both;
}

li.navlinks {
	margin:0px 0px 0px 30px;
	padding:0px 0px 0px 0px;

	list-style-image: url(../images/topfloor/arrow.gif);
	list-style-type: circle;
	float:left;
	width:140px;
	border-bottom:1px solid #E1E1E1; 
	line-height:27px; 
	color: #000000;
}

li.parent {
	margin: 10px 0px 0px 15px;
	padding:0px 0px 0px 0px;
	list-style-type: none;
	float: left;
	width: 140px;
	line-height:27px; 
}
li.parent.noLink {font-family: Arial, Helvetica, sans-serif; text-decoration:none; color: #000000; font-size: 18px}
li.parent a {font-family: Arial, Helvetica, sans-serif; text-decoration:none; color: #000000; font-size: 18px}
li.parent a:visited {font-family: Arial, Helvetica, sans-serif; text-decoration:none; color: #000000; font-size: 18px}
li.parent a:hover {font-family: Arial, Helvetica, sans-serif; text-decoration:underline; color: #c70000; font-size: 18px}

#left-links .divider  {
        margin:0px 0px 0px 14px;
        padding:0px 0px 0px 0px;
	background:url(../images/topfloor/divline.gif) no-repeat; 
	width:161px;
	height:11px;


}


#mainbody { 
	position: relative;
	margin:0px;
	width: 720px;
	padding: 20px;
	background:#ffffff;
	float:left;
	display: inline;
}

img.contact {
	position: absolute;
	top: 105px;
	right: 0px;
}

html>body #mainbody { width:745px; }

#topcontainer { 

	margin:0px;
	width: 745px;
	padding: 0px;	
	background:#ffffff;
	float:left;

}

#greycontainer { 
	margin:0px;
	width: 590px;
	padding: 0px;
	padding-top: 10px;
	padding-bottom: 20px;
	background:#f6f7f8;
	float:left;

}
div.whatsnew {
	position: absolute;
	right: 13px;
	top: 160px;
}
div.whatsnew h3 {
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	padding: 0px;
	font-size: 18px;
	font-weight: normal;
}

html>body #greycontainer { width: 590px; }

#grid { 
	width:590px;
	height:100%;  /*522px;*/
	background:url(../images/topfloor/grid.gif) no-repeat; 
        margin:0px 0px 0px 0px;
	padding: padding:0px;
	float:left;
}

#footer { 
	width:994px;
	height:85px;

        margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background: url(../images/topfloor/footbg.jpg) repeat-x;
	float:left;

}

#footer p{ 

	text-align:center;
        margin:6px 0px 10px 0px;
	padding:0px 0px 3px 0px;
	color: #ffffff; 
	font-size:11px;
	font-weight:bold;

}



.title { 
	font-family: Arial, Helvetica, sans-serif; 
	color: #880101; 
	font-size: 21px;
	font-weight:bold;
	margin:0px 0px 20px 0px; 
	padding:0px;

}

.subtitle { 
	font-family: Arial, Helvetica, sans-serif; 
	color: #262626; 
	font-size: 17px;
	font-weight:bold;
	margin:8px 0px 20px 0px; 
	padding:8px 0px 0px 0px; 

}


.copyright {display:inline; font-family: Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; color: #5c7e9c; font-size: 10px}


/* Links Here */

a {font-family: Arial, Helvetica, sans-serif; text-decoration:underline; color: #0a5da5; font-size: 12px}
a:visited {font-family: Arial, Helvetica, sans-serif; text-decoration:underline; color: #0a5da5; font-size: 12px}
a:hover {font-family: Arial, Helvetica, sans-serif; text-decoration:underline; color: #2580cf; font-size: 12px}

.categoryhead a {font-family: Arial, Helvetica, sans-serif; text-decoration:underline; color: #0a5da5; font-size: 16px}
.categoryhead a:link {font-family: Arial, Helvetica, sans-serif; text-decoration:underline; color: #0a5da5; font-size: 16px}
.categoryhead a:visited {font-family: Arial, Helvetica, sans-serif; text-decoration:underline; color: #0a5da5; font-size: 16px}
.categoryhead a:hover {font-family: Arial, Helvetica, sans-serif; text-decoration:underline; color: #2580cf; font-size: 16px}

a.leftnav {font-family: Arial, Helvetica, sans-serif; text-decoration:none; color: #4f4f4f; font-size: 12px}
a.leftnav:visited {font-family: Arial, Helvetica, sans-serif; text-decoration:none; color: #4f4f4f; font-size: 12px}
a.leftnav:hover {font-family: Arial, Helvetica, sans-serif; text-decoration:underline; color: #c70000; font-size: 12px}

a.toplinks {font-family: Arial, Helvetica, sans-serif; text-decoration:none; color: #3f3637; font-size: 13px}
a.toplinks:visited {font-family: Arial, Helvetica, sans-serif; text-decoration:none; color: #3f3637; font-size: 13px}
a.toplinks:hover {font-family: Arial, Helvetica, sans-serif; text-decoration:underline; color: #c70000; font-size: 13px}

a.botlinks {font-family: Arial, Helvetica, sans-serif; text-decoration:none; color: #ffffff; font-size: 11px}
a.botlinks:visited {font-family: Arial, Helvetica, sans-serif; text-decoration:none; color: #ffffff; font-size: 11px}
a.botlinks:hover {font-family: Arial, Helvetica, sans-serif; text-decoration:underline; color: #fff3f3; font-size: 11px}

a.redlink {font-family: Arial, Helvetica, sans-serif; text-decoration:none; color: #880101; font-weight:bold; font-size: 12px}
a.redlink:visited {font-family: Arial, Helvetica, sans-serif; text-decoration:none; color: #880101; font-weight:bold; font-size: 12px}
a.redlink:hover {font-family: Arial, Helvetica, sans-serif; text-decoration:underline; color: #c70000; font-weight:bold; font-size: 12px}

.arrow {font-family: Arial, Helvetica, sans-serif; text-decoration:none; color: #880101; font-size: 9px}

.installationPhotoText {
	background-color: #ebf1f8;
	background-image: url(../images/interior/categoriespage/categoryback.jpg);
	background-repeat: repeat-y;
	padding: 15px;
	border-top: 7px solid #ffffff;
	border-bottom: 7px solid #ffffff;
	border-right: 14px solid #ffffff;
}
.installationPhotoText a {
	font-size: 18px;
}
.installationPhotoImage {
	border-top: 7px solid #ffffff;
	border-bottom: 7px solid #ffffff;
	border-right: 14px solid #ffffff;
}

a.hoseLink {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 10px;
}

.hoseTable {
	background-color: #ffffcc;
	margin: 0px;
}
.hoseTable td {
	height: 65px;
	padding-left: 10px;
	padding-right: 10px;
}
.hoseTable td.bigHoseHeader, .hoseTable td.bigHoseHeader a {
	font-size: 22px;
	height: 50px;
	padding-top: 10px;
	padding-left: 10px;
}
.hoseTable td.smallHoseHeader {
	padding-left: 15px;
	font-size: 16px;
	height: 50px;
	font-weight: bold;
	color: red;
}
.hoseTable .hoseType {
	font-size: 12px;
	font-weight: bold;
	color: red;
}
.hoseTable img {
	border: none;
}

.handToolTable {
	background-color: #ffffcc;
	margin: 0px;
}
.handToolTable td {
	padding: 5px;
	height: 85px;
}
.handToolTable td.bigHandToolHeader, .handToolTable td.bigHandToolHeader a {
	font-size: 22px;
	height: 100%;
	padding-bottom: 15px;
}
.handToolTable td.smallHandToolHeader {
	font-size: 16px;
	font-weight: bold;
	color: red;
	padding: 15px;
}
.handToolTable .handToolType {
	font-size: 12px;
	font-weight: bold;
	color: red;
}
.handToolTable img {
	border: none;
}

.contactTable td {
	padding: 5px;
}

#aboutImg1 {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
.aboutImg {
	border: 1px solid black;
}
.aboutImgTable td {
	padding-bottom: 5px;
	text-align: center;
}
.aboutImgTable td p {
	padding-top: 2px;
}

.required {
	font-weight: bold;
}