﻿body {margin:0; padding:0;}
#wrapper #slideContainer {width:688px; height: 618px; background: url(flangesliderulenarrow.jpg) no-repeat; position:relative; left:11px;}
#wrapper #slideContainer select, 
#wrapper #slideContainer input {width:91px; position:absolute; border:none; font-size:12px;}
#wrapper #slideContainer select {left:49px; border:1px solid #B5B5B5;}
#wrapper #slideContainer input {text-align:center; left:276px;}
#flangeSize {top:21px;}
#maxServicePressureRating {top:49px;}
#slideContainer input#standardRingNumber {top:22px; left:374px; width:69px;}
#slideContainer input#pressureEnergisedRingNumber {top:50px; left:374px; width:69px;}
#top1 {top:95px;}
#top2 {top:122px;}
#top3 {top:148px;}
#top4 {top:175px;}
#top5 {top:200px;}

#wrapper #slideContainer #inner1 {top:260px; width:66px;}
#wrapper #slideContainer #inner2 {top:285px; width:66px;}
#wrapper #slideContainer #inner3 {top:311px; width:66px;}
#wrapper #slideContainer #inner4 {top:336px; width: 66px;}
#wrapper #slideContainer #inner5 {top:360px; width: 66px;}

#bottom1 {top:412px;}
#bottom2 {top:441px;}
#bottom3 {top:468px;}
#bottom4 {top:520px;}
#bottom5 {top:549px;}
#bottom6 {top:576px;}

#wrapper #slideContainer select:focus { outline: 0; }

#slideContainer #nav {position: absolute; right:12px; top:144px; 
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#slideContainer #nav li {margin:0 0 3px; width:178px;}

#slideContainer #nav li a
{
  height:              25px;
  width:178px;
  background-color:    transparent;
  background-repeat:   no-repeat;
  background-position: 0 0;
  text-indent:         -9999px;
  display: block;
  outline: none;
  }


#nav #navAboutUs a {background-image: url(nav/aboutus.jpg); }
#nav #navAboutUs a:hover {background-image: url(nav/aboutusover.jpg); }

#nav #navNews a {background-image: url(nav/news.jpg); }
#nav #navNews a:hover {background-image: url(nav/newsover.jpg); }

#nav #navCaseStudies a {background-image: url(nav/casestudies.jpg); }
#nav #navCaseStudies a:hover {background-image: url(nav/casestudiesover.jpg); }

#nav #navTechnicalArticle a {background-image: url(nav/technicalarticles.jpg); }
#nav #navTechnicalArticle a:hover {background-image: url(nav/technicalarticlesover.jpg); }

#nav #navProducts a {background-image: url(nav/products.jpg); }
#nav #navProducts a:hover {background-image: url(nav/productsover.jpg); }

#slideContainer #navQHSE a {background-image: url(nav/qhse.jpg); }
#slideContainer #navQHSE a:hover {background-image: url(nav/qhseover.jpg);}

#slideContainer #navNewsletter a {background-image: url(nav/newsletter.jpg); }
#slideContainer #navNewsletter a:hover {background-image: url(nav/newsletterover.jpg); }

#slideContainer #navContactUs a {background-image: url(nav/contactus.jpg); }
#slideContainer #navContactUs a:hover {background-image: url(nav/contactusover.jpg); }

#slideContainer #nav a img {border: none;}
