@import url(../css/tabs.css);
@import url(../css/paging.css);


.js .tabs-container h2 {
    display: none;
}

/*=== Product listing ===*/

#ProductDescriptions h2 {
	/*border: solid 3px green;*/
	margin: 0 0 -16px 0;
	line-height: 1.5;
	padding: 0 0 8px 0;
	background: transparent url(../library/cat-box-off-bottom.png) no-repeat 0 bottom;
	cursor: pointer;
}
#ProductDescriptions div.selected h2 {
	cursor: auto;
}
#ProductDescriptions h2 span {
	display: block;
	padding: 8px 5px 16px 25px;
	background: transparent url(../library/cat-box-off-top.png) no-repeat 0 0;
}
#ProductDescriptions h2.last span {
	padding-bottom: 5px;
}
#ProductDescriptions div.selected h2 span {
	padding-bottom: .6em;
}
#ProductDescriptions div.selected .info {
	background: #338bd0 url(../library/cat-box-on-top.png) no-repeat 0 -30px;
	padding-bottom: 18px;
}
#ProductDescriptions img {
	float: right;
	margin: 0 10px 10px;
	position: relative;
}
#ProductDescriptions div.selected img {
	top: -10px;
}
#ProductDescriptions div.selected {
	background: transparent url(../library/cat-box-on-bottom.png) no-repeat 0 bottom;
	padding-bottom: 8px;
	margin: 0 0 -16px 0;
}
#ProductDescriptions div.selected h2 span {
	background: transparent url(../library/cat-box-on-top.png) no-repeat 0 0;
	color: White;
}
#ProductDescriptions p {
	padding: 0 10px 0 25px;
	color: #bdd9ef;
}
#ProductDescriptions ul {
	clear: both;
}
#ProductDescriptions ul,
#ProductDescriptions ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#ProductDescriptions ul li {
	margin-left: 10px;
	display: inline;
	float: left;
}
#ProductDescriptions ul li a {
	display: block;
	width: 187px;
	line-height: 1.3;
	padding: 4px 5px 2px 15px;
	color: White;
	background: #599fd6 url(../library/cat-box-link.png) no-repeat 4px .7em;
	border-bottom: solid 1px #338bd0;
}
#ProductDescriptions ul li a:focus,
#ProductDescriptions ul li a:hover {
	color: #00407c;
	background-color: #bdd9ef;
	background-position: -296px .7em; 
}


/*=== Virtual Installations ===*/

.vi {
	background: #FFFFFF none no-repeat left top;
	height: 451px;
	width: 848px;
	position: relative;
}
.vi ul,
.vi ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.vi ul li {
	position: absolute;
	top: 0;
	left: 0;
	width: 25px;
	height: 25px;
}
.vi ul li a {
	width: 25px;
	height: 25px;
	display: block;
	/*border: 1px solid grey;
	background: #ccc;*/
}
.vi ul li a:hover {
    background-color: transparent !important;
}
.vi ul li a span {
	display: none;
}
.vi ul li a span.tooltip {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 0px; /*Setting width to 0 rather than hiding means the images preload*/
	height: 94px;
	background: transparent none no-repeat left top;
	/*background-color: #ccc;*/
	z-index: 2000;
	cursor: pointer;
}
.vi ul li a:hover span.tooltip {
	width: 115px;
}

/*Home*/
div.vi-irrigation {background-image: url(../library/bg-irrigation.jpg);}
.vi-irrigation ul li#drippers a span.tooltip {background-image: url(../library/irrigation-drippers.png) !important;}
.vi-irrigation ul li#in-line-filter a span.tooltip {background-image: url(../library/irrigation-in-line-filter.png) !important;}
.vi-irrigation ul li#pop-up-spray a span.tooltip {background-image: url(../library/irrigation-pop-up-spray.png) !important;}
.vi-irrigation ul li#controller a span.tooltip {background-image: url(../library/irrigation-controller.png) !important;}
.vi-irrigation ul li#rain-sensor a span.tooltip {background-image: url(../library/irrigation-rain-sensor.png) !important;}
.vi-irrigation ul li#pop-up-rotor a span.tooltip {background-image: url(../library/irrigation-pop-up-rotor.png) !important;}
.vi-irrigation ul li#solenoid-valves a span.tooltip {background-image: url(../library/irrigation-solenoid-valves.png) !important;}
.vi-irrigation ul li#valve-box a span.tooltip {background-image: url(../library/irrigation-valve-box.png) !important;}
.vi-irrigation ul li#spray-on-rigid-riser a span.tooltip {background-image: url(../library/irrigation-spray-on-rigid-riser.png) !important;}
.vi-irrigation ul li#anti-ant-micro-sprinkler a span.tooltip {background-image: url(../library/irrigation-anti-ant-micro-sprinkler.png) !important;}
.vi-irrigation ul li#drippers {top: 168px; left: 94px;}
.vi-irrigation ul li#in-line-filter {top: 194px; left: 244px;}
.vi-irrigation ul li#pop-up-spray {top: 352px; left: 271px;}
.vi-irrigation ul li#controller {top: 82px; left: 432px;}
.vi-irrigation ul li#rain-sensor {top: 83px; left: 621px;}
.vi-irrigation ul li#pop-up-rotor {top: 263px; left: 599px;}
.vi-irrigation ul li#solenoid-valves {top: 259px; left: 543px;}
.vi-irrigation ul li#valve-box {top: 259px; left: 564px;}
.vi-irrigation ul li#spray-on-rigid-riser {top: 190px; left: 623px;}
.vi-irrigation ul li#anti-ant-micro-sprinkler {top: 152px; left: 693px;}

/*Municipal*/
div.vi-municipal {background-image: url(../library/bg-municipal.jpg);}
.vi-municipal ul li#utc-elbow a span.tooltip {background-image: url(../library/municipal-utc-elbow.png) !important;}
.vi-municipal ul li#elbow a span.tooltip {background-image: url(../library/municipal-elbow.png) !important;}
.vi-municipal ul li#utc-joiner a span.tooltip {background-image: url(../library/municipal-utc-joiner.png) !important;}
.vi-municipal ul li#tee a span.tooltip {background-image: url(../library/municipal-tee.png) !important;}
.vi-municipal ul li#fi-tee a span.tooltip {background-image: url(../library/municipal-fi-tee.png) !important;}
.vi-municipal ul li#double-end-curb-stop-valve a span.tooltip {background-image: url(../library/municipal-double-end-curb-stop-valve.png) !important;}
.vi-municipal ul li#mi-end-connector a span.tooltip {background-image: url(../library/municipal-mi-end-connector.png) !important;}
.vi-municipal ul li#fi-end-connector a span.tooltip {background-image: url(../library/municipal-fi-end-connector.png) !important;}
.vi-municipal ul li#utc-elbow {top: 89px; left: 676px;}
.vi-municipal ul li#elbow {top: 108px; left: 703px;}
.vi-municipal ul li#utc-joiner {top: 106px; left: 660px;}
.vi-municipal ul li#tee {top: 126px; left: 671px;}
.vi-municipal ul li#fi-tee {top: 119px; left: 626px;}
.vi-municipal ul li#double-end-curb-stop-valve {top: 257px; left: 502px;}
.vi-municipal ul li#mi-end-connector {top: 310px; left: 423px;}
.vi-municipal ul li#fi-end-connector {top: 380px; left: 125px;}
.vi-municipal ul li#fi-end-connector a span.tooltip {top: -14px;}

/*Rural*/
div.vi-rural {background-image: url(../library/bg-rural.jpg);}
.vi-rural ul li#elbow-rural a span.tooltip {background-image: url(../library/rural-elbow-rural.png) !important;}
.vi-rural ul li#non-return-valve a span.tooltip {background-image: url(../library/rural-non-return-valve.png) !important;}
.vi-rural ul li#threaded-fittings a span.tooltip {background-image: url(../library/rural-threaded-fittings.png) !important;}
.vi-rural ul li#float-valve a span.tooltip {background-image: url(../library/rural-float-valve.png) !important;}
.vi-rural ul li#fi-end-connector a span.tooltip {background-image: url(../library/rural-fi-end-connector.png) !important;}
.vi-rural ul li#tee a span.tooltip {background-image: url(../library/rural-tee.png) !important;}
.vi-rural ul li#elbow a span.tooltip {background-image: url(../library/rural-elbow.png) !important;}
.vi-rural ul li#ball-valve a span.tooltip {background-image: url(../library/rural-ball-valve.png) !important;}
.vi-rural ul li#tapping-saddle a span.tooltip {background-image: url(../library/rural-tapping-saddle.png) !important;}
.vi-rural ul li#mi-end-connector a span.tooltip {background-image: url(../library/rural-mi-end-connector.png) !important;}
.vi-rural ul li#elbow-rural {top: 424px; left: 612px;}
.vi-rural ul li#elbow-rural a span.tooltip {top: -60px;}
.vi-rural ul li#non-return-valve {top: 195px; left: 412px;}
.vi-rural ul li#threaded-fittings {top: 190px; left: 383px;}
.vi-rural ul li#float-valve {top: 31px; left: 273px;}
.vi-rural ul li#fi-end-connector {top: 121px; left: 242px;}
.vi-rural ul li#tee {top: 270px; left: 153px;}
.vi-rural ul li#elbow {top: 301px; left: 273px;}
.vi-rural ul li#ball-valve {top: 366px; left: 119px;}
.vi-rural ul li#ball-valve a span.tooltip {top: -2px;}
.vi-rural ul li#tapping-saddle {top: 384px; left: 93px;}
.vi-rural ul li#tapping-saddle a span.tooltip {top: -20px;}
.vi-rural ul li#mi-end-connector {top: 396px; left: 233px;}
.vi-rural ul li#mi-end-connector a span.tooltip {top: -32px;}

/*Agricultural*/
div.vi-agricultural {background-image: url(../library/bg-agricultural.jpg);}
.vi-agricultural ul li#impact-sprinkler a span.tooltip {background-image: url(../library/agricultural-impact-sprinkler.png) !important;}
.vi-agricultural ul li#tapping-saddle a span.tooltip {background-image: url(../library/agricultural-tapping-saddle.png) !important;}
.vi-agricultural ul li#filter a span.tooltip {background-image: url(../library/agricultural-filter.png) !important;}
.vi-agricultural ul li#butterfly-valve a span.tooltip {background-image: url(../library/agricultural-butterfly-valve.png) !important;}
.vi-agricultural ul li#electrofusion-fitting a span.tooltip {background-image: url(../library/agricultural-electrofusion-fitting.png) !important;}
.vi-agricultural ul li#ball-valve a span.tooltip {background-image: url(../library/agricultural-ball-valve.png) !important;}
.vi-agricultural ul li#float-valve a span.tooltip {background-image: url(../library/agricultural-float-valve.png) !important;}
.vi-agricultural ul li#micro-sprinkler a span.tooltip {background-image: url(../library/agricultural-micro-sprinkler.png) !important;}
.vi-agricultural ul li#camlock-fittings a span.tooltip {background-image: url(../library/agricultural-camlock-fittings.png) !important;}
.vi-agricultural ul li#pipe-riser a span.tooltip {background-image: url(../library/agricultural-pipe-riser.png) !important;}
.vi-agricultural ul li#threaded-fittings a span.tooltip {background-image: url(../library/agricultural-threaded-fittings.png) !important;}
.vi-agricultural ul li#tee a span.tooltip {background-image: url(../library/agricultural-tee.png) !important;}
.vi-agricultural ul li#impact-sprinkler {top: 307px; left: 264px;}
.vi-agricultural ul li#tapping-saddle {top: 389px; left: 262px;}
.vi-agricultural ul li#tapping-saddle a span.tooltip {top: -20px;}
.vi-agricultural ul li#filter {top: 93px; left: 348px;}
.vi-agricultural ul li#butterfly-valve {top: 116px; left: 365px;}
.vi-agricultural ul li#electrofusion-fitting {top: 144px; left: 379px;}
.vi-agricultural ul li#ball-valve {top: 99px; left: 601px;}
.vi-agricultural ul li#float-valve {top: 226px; left: 489px;}
.vi-agricultural ul li#micro-sprinkler {top: 111px; left: 224px;}
.vi-agricultural ul li#camlock-fittings {top: 118px; left: 617px;}
.vi-agricultural ul li#pipe-riser {top: 348px; left: 263px;}
.vi-agricultural ul li#threaded-fittings {top: 162px; left: 348px;}
.vi-agricultural ul li#tee {top: 262px; left: 397px;}

/*Mining*/
div.vi-mining {background-image: url(../library/bg-mining.jpg);}
.vi-mining ul li a {
	background: transparent url(../library/mining-hover.gif) no-repeat left -100px;
	width: 99px;
	height: 92px;
	}
.vi-mining ul li a:hover {
	background-position: left top;
	}
.vi-mining ul li#safelok {top: 18px; left: 21px;}
.vi-mining ul li#viking-johnson-coupler {top: 123px; left: 21px;}
.vi-mining ul li#electrofusion-fitting {top: 228px; left: 21px;}
.vi-mining ul li#ratio-valve {top: 333px; left: 21px;}
.vi-mining ul li#ball-valve {top: 18px; left: 726px;}
.vi-mining ul li#backflow-prevention-valves {top: 123px; left: 726px;}
.vi-mining ul li#ABS-pipe-system {top: 228px; left: 726px;}
.vi-mining ul li#sprinkler {top: 333px; left: 726px;}

.vi-box {
    background: transparent url(../library/vi-box-bg.png) no-repeat 0 0;
    padding: 3px;
    height: 501px;
    }
.vi-box h2{
    color: #fff;
    height: 45px;
    line-height: 45px;
    margin: 0;
    padding-left: 15px;
    padding-top: 5px;
    }
.vi-box h2 span{
    color: #999;
    }

div.googlemap { background: white url(../library/spinner.gif) no-repeat 0 0;}


/*=== Product info ===*/

/*div.mod-products {
	border: solid 1px red;
	}
div.product-overview {
	border: solid 1px green;
	}
div.product-list {
	border: solid 1px blue;
	}*/

p.prod-image {
	background-color: transparent;
	border: 1px solid #ddd;
	border-color: #eee #ccc #ccc #eee;
	height: 150px;
	width: 150px;
	float: right;
	display: inline;
	margin-left: 1em;
	}
/*.prod-image img {
	border: 1px solid #fff;
	}*/
div.product-overview p {
	}
div.product-list {
	clear: both;
	margin-top: 1.5em;
	}
div.product-list ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
div.product-list li {
	margin: 0;
	padding: 0 0 0 60px;
	list-style-type: none;
	position: relative;
	top: 0;
	left: 0;
	min-height: 55px; /* Need to set height for IE 5/6 */
	}
div.product-list li h2 {
	margin-top: 0;
	}
div.product-list h2 a,
p.viewAll a {
	display: block;
	background: transparent url(../library/product-heading.png) no-repeat -503px center;
	border-bottom: solid 1px #d7e8f5;
	padding: 4px 25px 4px 0;
	}
div.product-list h2 a:focus,
div.product-list h2 a:hover {
	background-position: -60px center;
	}
p.viewAll a {
	background-position: -443px center;
	}
p.viewAll a:focus,
p.viewAll a:hover {
	background-position: 0 center;
	}
div#ctl00_cphMain_divProduct div.product-list h2 a,
div#ctl00_cphMain_divProduct p.viewAll a,
body.search-results div.product-list h2 a {
	background-image: url(../library/product-heading-pop.png);
	}

div.product-list p.prod-image {
	background-color: #ccc;
	height: 50px;
	width: 50px;
	position: absolute;
	top: 0;
	left: 0;
/*	display: block;*/
	margin-left: 0;
	}
div.product-list img {
	height: 50px;
	width: 50px;
	}
div.product-list strong {
	background-color: #eee;
	display: block;
	}
div.product-list span.desc {
	background-color: #eef;
	display: block;
	}

/*div.product-detail table tbody {
	overflow: auto;
	overflow-x: hidden;
	height: 200px;
	}*/






/*=== Product detail ===*/

.lightbox div.product-detail div.product-table {
/*	overflow: auto;
	height: 300px;
*/	}
div.product-detail table {
	border-width: 0;
	}
div.product-detail table td,
div.product-detail table th {
	border: none;
	background-color: #fff;
	background-image: none;
	}
div.product-detail table th {
	border-bottom: 1px solid #cccccc;
	}
div.product-detail table tr.alternate td {
	background-color: #d8e1e9;
	}
div.classinfo {
	background-color: #fff;
	position: relative;
	top: 0;
	left: 0;
	}
.lightbox div.classinfo {
	height: 431px;
	overflow: auto;
	border-top: solid 10px #fff;
	border-bottom: solid 10px #fff;
	}

div.classinfo p.prod-image {
	float: none;
	position: absolute;
	top: 15px;
	left: 0;
	margin: 0;
	}
.lightbox div.classinfo p.prod-image {
	left: 15px;
	top: 6px;
	
/*	float: none;
	position: absolute;
	top: 15px;
	margin: 0;
*/	}

div.classinfo div.product-table {
	background-color: #ececec;
	border-bottom: solid 1px #ccc;
	width: 645px;
	float: right;
	display: inline;
	}
.lightbox div.classinfo div.product-table {
	width: 570px;
/*	position: absolute;
	top: 15px;
	left: 185px;
	float: none;
	display: block;
*/	}
div.classinfo div.related-files {
	width: 245px;
	float: left;
	margin-top: 150px;
	margin-left: 15px;
	}

.lightbox div.classinfo div.related-files {
/*	position: absolute;
	border-top: 1px solid #ccc;
	top: 330px;
	left: 15px;
	height: 105px;
	overflow: auto;
	margin: 0;
	float: none;
*/	}