@charset "UTF-8";
/* Central Plumbing Specialities CSS Document */

/* --- Global Style ---*/

body, html {
width:100%;
height:100%;
margin:0px;
padding:0px;
text-align:left;
background: #cccccc;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
line-height:17px;
}
.request input, .request textarea {
padding:2px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
letter-spacing:.08em;
border:1px solid #CCC;
width:210px;
}
div{
margin:0px;
padding:0px;
}

p {
line-height:16px;
margin-bottom:15px;
margin-top:0px;
font-size:11px;
}
h1 {
	
}
h2 {
	font-size:13px;
	padding:10px 0px 6px 0px;
	margin-bottom:0px;
	margin-top:0px;
	font-family: "arial";
}
h3 {
	
}


img {
padding: 0px;
margin: 0px;
border: 0px;
}
a {
	color:#70a23e;
	text-decoration:none;
}
a:hover {
	color:#70a23e;
	text-decoration:underline;
}
a:active, a:focus {
      outline: 0;
}
.clear {
	height:0px;
	width:100%;
	clear:both;
}

/* Structure */
.left {
	float:left;
}
.right {
	float:right;
}
.clear {
	float:none;
	clear:both;
}
.container {
	width:1000px;
	padding:0px 4px;
	height:auto;
	margin:0px auto;
	background: #ffffff;
	text-align:left;	
	border-left:solid 2px;
	border-right:solid 2px;
	border-bottom:solid 2px;
	border-color:#bcbcb6;	
}
/*Header */
#header {
	width:100%;
	height:auto;
	padding-bottom:3px;
	position:relative;
	z-index:10;
	overflow:hidden;	
}
#logo {
	float:left;
	padding-top:20px;
	padding-left:30px
}

#logo2 {
	float:right;
	padding-top:20px;
}

#topnav {
	width:363px;
	height:38px;
	position:absolute;
	z-index:15;
	background: url(../images/top-nav-bg.png) top left no-repeat;
	top:0px;
	right:25px;
	color:#666666;
	float:right;
}
#topnav a {
	color:#ffffff;
	text-decoration:none;
}
#topnav a:hover {
	text-decoration:underline;
}
#topnav p {
	padding:6px 0px 0px 19px;
}
/*Menu*/
#spash_logo{
	width:970px;
	padding:35px 0 30px 0;
}
#menu {
	width:615px;
	height:25px;
	position:relative;
	bottom:0px;
	right:25px;	
	z-index:10;
	float:right;
}

#menu ul {
	margin:0;
	padding:0px 0px 0px 45px;
}
#menu ul li {
	list-style-type: none;
	float:left;
	margin: 0;
	padding: 0;
	position:relative;
	display:block;
}

#menu ul li a {
	display:block;
	height:12px;
	text-indent:-9999em;
}
#nav1 {
	width:90px;
	background:url(../images/nav1.png) top left no-repeat;
}
#nav2 {
	width:185px;
	background:url(../images/nav2.png) top left no-repeat;
}
#nav3 {
	width:110px;
	background:url(../images/nav3.png) top left no-repeat;
}
#nav4 {
	width:95px;
	background:url(../images/nav4.png) top left no-repeat;
}
#nav5 {
	width:85px;
	background:url(../images/nav5.png) top left no-repeat;
}
#nav1:hover, #nav2:hover, #nav3:hover, #nav4:hover, #nav5:hover {
	background-position:0px -12px;
}
#menu .active {
	background-position:0px -12px !important;
}
.sidenav, .sidenav-active {
	padding:0 0 20px 0;
	font-size:13px;
	color:#666666;
	background:url(../images/arrow1.png) 0 2px no-repeat;
	margin-left:-17px;
	padding-left:17px;
	height:10px;
}
.sidenav a:hover {
	text-decoration:none;
	background:url(../images/arrow.png) 0 2px no-repeat;
	*background:none;
	margin-left:-17px;
	padding-left:17px;
	font-weight:bold;
}
.sidenav-active {
	background:url(../images/arrow.png) 0 2px no-repeat;
	font-weight:bold;
}

/*Tertiary Nav*/
#menu ul li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}
#menu ul li li:hover ul, #nav li li.sfhover ul {
	display:block;
	position: absolute;
	z-index: 50;
	clear:none;
	overflow:visible;
	left: 160px;
	top:0px;
}
#menu ul li ul li ul li a {
}
/*End Tertiary Nav*/

/*Content */
legend {
	color:#333333;
}

#main {
	position:relative;
	z-index:1;
	width:100%;
}

#content {
	float:right;
	width:613px;
	position:relative;
	padding-right:22px;
	padding-top:27px;
	overflow:auto;
	
}
#content p { line-height:20px; }
.alignright {
	float:right;
	margin:15px;
}
.hdr {
	display:block;
	margin-bottom:36px;
	clear:both;
}
/*Home */
#mainbanner {
	float:left;
	width:675px;
	position:relative;
	left:25px;
	padding-top:20px;	
}
#secondarycontent {
	float:right;
	width:605px;
	position:relative;
	right:25px;
	margin-top:20px;	
}
#mainbanner p{
font-size:12px;
line-height:25px;
}
#mainbanner a{
font-size:12px;
line-height:20px;
}
#homecontent {
	width:816px;
	height:200px;
	margin:0px auto;
	padding-top:40px;
}
#homecontent a { font-weight:bold; }
#homemain {
	float:left;
	width:358px;
	height:200px;
}
#homemain h2 {
	color:#272727;
	font-size:14px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px 0px 10px 0px;
}
#homemain h2, #homemain p {
	padding-right:38px;
}
#homevideos {
	background: url(../images/bg-home-videos.png) top left no-repeat;
	width:182px;
	height:200px;
	float:right;
	padding:0px 13px 0px 14px;
}
#homevideos .more {
	text-align:right;
	padding-top:8px;
}
#homevideos .more a { color:#ffffff; }

/*Sidebar */
#sidebar {
	width:258px;
	float:right;
	position:relative;
	right:25px;
	padding-top:20px;
	padding-left:15px
}
#sidebarsecondary {
	width:258px;
	float:left;
	position:relative;
	left:50px;
	margin-top:50px;
	padding-right:15px
}
#sidebarsecondary {
	margin-top:25px;
}
#sidebarvideos {
	padding-top:15px;
	float:right;
}
#sidebarvideos .more {
	text-align:right;
	padding-top:6px;
}
#sidebarvideos .more a { color:#ffffff; }

#sidebar ul {
	margin:0px 0px 20px 0px;
	padding:0px;
	list-style:none;
}
#sidebar ul li {
	border-top:1px solid #fdfdfd;
	border-bottom:1px solid #d6d6d6;
}
#sidebar ul li a {
	text-decoration:none;
	color:#777676;
	background:#f7f7f4;
	display:block;
	padding:12px 0px 12px 28px;
	line-height:11px;
}
#sidebar ul li a:hover {
	background: #f7f7f4 url(../images/bg-sidebar-nav.png) 18px 13px no-repeat;
	font-weight:bold;
}
#sidebar ul li a.active {
	background: #f7f7f4 url(../images/bg-sidebar-nav.png) 18px 13px no-repeat !important;
	font-weight:bold !important;
}
#sidebar h2 {
	font-weight:bold;
	font-size:11px;
	text-transform:uppercase;
	color:#424242;
	margin:0px;
	line-height:11px;
	padding:12px 0px 12px 28px;
	border-top:5px solid #a9a9a9;
	border-bottom:1px solid #d6d6d6;
}

/*Footer */
#footer {
	width:950px;
	height:45px;
	background:#666666;
	position:relative;
	z-index:1;
	margin-top:26px;
	left:25px;
	
}
#footer p {
	color:#cccccc;
	font-size:10px;
}
#footer .left {
	float:left;
	padding:13px 42px;
}
#footer .right {
	float:right;
	padding:13px 42px;
	text-align:right;
}
#footer a {
	color:#ffffff;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
	color:#ffffff;
}

/*Tooltips*/
.tip {
font:10px/12px Arial,Helvetica,sans-serif;
width:162px;
position:absolute;
z-index:300;
visibility:hidden;
color:#ffffff; 
top:20px;
left:35px; 
}

#t1 {
width:167px;
}

#t1 th{
text-align:left;
background:#70A23E;
padding:5px 0 5px 10px;
}

#t1 td{
background:#DDDDDD;
padding:6px 3px 6px 3px;
}

img#tool-tip-img {
float: right;
position: relative;
margin-top: -20px;
left: 0;
}

/*end Tooltips*/


/*Video Rollover*/
a.video { 
        background:url('../images/virtual-tour.png') no-repeat 0px 0px; 
        width: 254px; 
        height: 187px; 
        display: block; 
}

a.video span { 
        display: none; 
}

a.video:hover { 
        background: url('../images/virtual-tour.png') no-repeat 0px -187px; 
}
a.video2 { 
        background:url('../images/virtual-tour-inner.png') no-repeat 0px 0px; 
        width: 256px; 
        height: 146px; 
        display: block; 
}

a.video2 span { 
        display: none; 
}

a.video2:hover { 
        background: url('../images/virtual-tour-inner.png') no-repeat 0px -146px; 
}
a.decorative { 
        background:url('../images/decorative-fixtures.png') no-repeat 0px 0px; 
        width: 256px; 
        height: 157px; 
        display: block; 
}

a.decorative span { 
        display: none; 
}

a.decorative:hover { 
        background: url('../images/decorative-fixtures.png') no-repeat 0px -157px; 
}
a.supplies { 
        background:url('../images/plumbing-heating-supplies.png') no-repeat 0px 0px; 
        width: 258px; 
        height: 165px; 
        display: block; 
}

a.supplies span { 
        display: none; 
}

a.supplies:hover { 
        background: url('../images/plumbing-heating-supplies.png') no-repeat 0px -165px; 
}
#TB_title #TB_closeAjaxWindow {
    height: 10px;
    width: 14px;
    padding-top: 6px;
    overflow: hidden;	
}
#TB_title #TB_closeAjaxWindow a#TB_closeWindowButton {
    background-image: url("../images/btn-close.gif");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 15px;
    text-indent: 9999px;
    width: 14px;
}


div.hr {
	height: 5px;
	background-color: #666666;
	margin: 10px 0 20px 0;
}
.product-item {
    font-size: 11px;
    line-height: 13px;
    padding-bottom: 6px;
    padding-right: 40px;
    width: 170px;
}
.product-item a {
	display: block;
}
.product-item a:visited {
	color: #666666 !important;
}
.product-item a:hover {
	color: #000000;
}
.product-item a:active {
	color: #FF0000;
}

.product-row {
	width: 200px;
}