/* CSS Document */

* {margin:0; padding:0;}

body {margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:62.5%; background:#b5daf2 url(/_images/template/background.gif) top repeat-x; color:#898989; line-height:1.3; }

#container {width:769px; margin:0px auto; font-size:1.1em;}

.vgn-stuff{width:480px;
height: auto;font-size:11px;
}
.vgn-two{
position:relative;
}

/*** Text & General Formatting ***/
a {color:#a85dd8; text-decoration:none;}
a:hover {text-decoration:underline;}
a img {border:none;}

p {margin:0 0 10px 0; padding:0;}

h1 {font-size:1.8em; color:#565c63;}
h2 {font-size:1.5em; color:#b1b1b1;}
h3 {font-size:1.2em; color:#a692d3;}

#rightcol h2 {font-size:1.8em; color:#004876; margin:0 0 0 10px;}

hr {border-top:1px solid #f0f0f0; width:470px; height:1px; margin:3px 0; background-color:none; border-left:none; border-right:none; border-bottom:none;}

.left {float:left;}
.right {float:right;}
.clear {clear:both;}

ul {margin:0; padding:0; list-style:none;}
ul li {margin:0; padding:0;}

.top, .bottom {clear:both; height:10px;}


/*** Header ***/
#header {width:100%;  background:#fff; }
	#header-nav li {float:left; margin-right:2px;}
	#header-nav li.contact {float:right;}
	#header-nav li a {background:url(/_images/template/top-nav-bkg.gif) top repeat-x; display:block; padding:15px 10px 10px 15px;}
	#header-nav a.selected {background:url(/_images/template/top-nav-selected.gif) top repeat-x;}
		
#header-image {margin:0 10px;}

/*** Main ***/
#main {width:770px;  margin:10px 0px 0px 0px; }
	.internal {background:none;}
	.home {background-color:#fff;}
	
	/* CONTENT */
	#content {float:left; background-color:#fff;}
	.home #content {width:506px; margin:0;}
	.internal #content { width:496px; margin:0 10px 0 0;}
	
	#content ul {margin-left:15px; margin-bottom:8px; list-style:disc;}
	
	#contentsurround {padding:0 10px;}
	
#content #breadcrumb {border-top:1px dotted #004876;border-bottom:1px dotted #004876; height:20px; list-style:none; margin:0;}
#content #breadcrumb li {float:left; padding:3px 10px 3px 4px; background:url(/_images/template/arrow.gif) right no-repeat;}
#content #breadcrumb li.current {background:0;}
	
	/** PODS **/
			/* large home page pod */
			.large-pod {background:url(/_images/template/large-pod-bkg.gif) bottom no-repeat; width:496px; height:159px; margin:0 0 0 10px; }
			.large-pod .product-image {float:left; margin:0 25px 0 0 ;}
			.large-pod p {padding:15px 20px 10px 0; }
			
			/* general pod */
			.pod {width:217px; float:left;  height:123px; padding:12px; margin:10px 0 0 10px; background:url(/_images/template/home-pod-bkg.gif);background-repeat:no-repeat; display:block; color:#898989;}
			.pod:hover {text-decoration:none;}
			.pod span {padding:0 3px 10px 3px; display:block; }
			.pod .heading {padding:3px 0 9px 0;}
			#rightcol .pod {margin:10px 10px 0 10px;}
			
			.podimg {margin:10px 0 0 10px; float:left}
			
			/* news and case studies pod */
			#news-case-studies-pod {background-image:url(/_images/pods/news-and-case-studies-bkg.gif);}
			#news-case-studies-pod p {width:110px; color:#004876; padding:10px 3px;}
			
			/* need assistance pod */
			#need-assistence-pod {background-image:url(/_images/pods/need-assistence-bkg.gif); text-align:right;}
			#need-assistence-pod .heading {padding:1px 0 23px 0;}
		
			/* contact us pod */
			#contact-us-pod {background-image:url(/_images/pods/contact-us-bkg.gif); }
			#contact-us-pod .heading {padding:6px 0 23px 5px;}
		
	/** Products **/
			.half-page-images {width:235px; float:left; text-align:center;}
			.half-page-images img {margin:0 0 10px 0;}
			.half-page-text {width:225px; float:left; padding:0 5px;}
			
			/* Product List */
			#content .product-list-wide {margin:0; list-style:none;}
			.product-list-wide li {margin:0 0 10px 0;}
			.product-list-wide li img {float:left; margin:0 5px 0 0; width:130px;}
			.product-list-wide dl {float:left; width:330px;}
			.product-list-wide dt {padding:5px 0;  border-bottom:1px solid #f0f0f0;font-weight:bold; margin:15px 0 10px 0;  font-size:1.1em;}
			.product-list-wide dt a {width:330px;  background:url(/_images/template/list-arrow.gif) right no-repeat; display:block;}
			.product-list-wide .list-item {float:left; width:310px; }
			
		#content .product-list-narrow {list-style:none; margin:0;}
			.product-list-narrow li {margin:0; float:left; width:230px;}
			.product-list-narrow li img {float:left;}
			.product-list-narrow h3 {}
			.product-list-narrow .list-item  { text-align:left; width:100px; float:left; padding:20px 0 0 0; }
			.product-list-narrow .list-item p {margin:5px 0;}
			
			#content .product-image-list {margin:0 0 20px 0; list-style:none;}
			.product-image-list li {float:left;  width:150px; margin:20px 0 0 0 ;}
			.product-image-list li h3 {margin:0 0 0 5px}
			
			/* Ladders Page */
			#adjustable-bracket {margin-top:30px;}
			#ladder-features {padding:60px 185px 0 0; margin:-780px 0 0 0; }
			.ladderimg {margin-top:-20px; float:right;}
			#installation-ladder {float:left; margin:0 10px 0 0;}
			
			/* Valves */
			
			#ball-valves {width:300px; height:159px; margin:-330px 0 20px 0;  padding:20px 170px 150px 0;}			
			#EQBV {margin:65px 0 0 355px; position:absolute}
			#PT2BV {margin:120px 0 0 140px; position:absolute}
			
			
			/* Size Charts */
			.size-chart {border-top:1px solid #b1b1b1; border-left:1px solid #b1b1b1;border-bottom:1px solid #b1b1b1;}
			.size-chart td { border-right:1px solid #b1b1b1; padding:5px; text-align:center}
			.size-chart .products {background:#eaeaea; font-weight:bold;}
			.size-chart .product td {border-bottom:1px solid #b1b1b1;}
			.size-chart .darkrow {background:#f3f3f3;}
			#fitting1 td {width:35px;}
			#fitting2 td {width:26px; padding:7px 5px;}
			#fitting3 td {width:26px;}
			#valve1 td {width:40px;}
			#valve2 td {width:57px;}
			#valve2 td.size {text-align:left; width:90px;}
			#fitting1 td.size, #fitting2 td.size, #fitting3 td.size, #valve1 td.size {width:85px; text-align:left}
		
		.tank-chart {width:470px; border-top:1px solid #b1b1b1; border-left:1px solid #b1b1b1;border-bottom:1px solid #b1b1b1;font-size:85% ;color:000;}
			#split-tanks {font-family:Arial, Helvetica, sans-serif; }
		.tank-chart td { border-right:1px solid #b1b1b1; vertical-align:middle; padding:3px 2px; text-align:center}
		.tank-chart .top {background:#f3f3f3;}
		.tank-chart .top td {border-bottom:1px solid #b1b1b1; color:#666666;}
		.tank-chart .lwh {border-right:1px solid #d7d7d7;}
		.tank-chart .darkrow {background:#eff3f3;}
		.tank-chart .tank-type-split td {border-top:1px solid #b1b1b1}		
		#split-tanks .top td { font-family:Verdana, Arial, Helvetica, sans-serif}
		#drip {width:235px; margin-left:5px;}
		#drip td {padding:2px;}
		
		#one-piece-lids {width:290px; height:415px; margin-top:30px; padding:100px 25px 0 155px; background:url(/_images/products/tank-product-range/one-piece-tanks/lid-ladder-diagram.gif) no-repeat; margin-bottom:10px;}
		
	/* RIGHT COLUMN */
	#rightcol {float:left; width:263px; background-color:#fff; padding:0; margin:0;}
	*html #rightcol .pod {margin:10px 0 0 7px;}
		
		/* Navigation */
		#main-nav { float:right; margin:0px; height:157px; width:235px; padding:4px 10px 0px 0px;}
		#main-nav li {border-bottom:1px solid #f0f0f0; width:225px; margin:0px 0px 0px 0px; padding:0px;}
		#main-nav li a img { padding:4px 3px 1px 10px; margin:0;}
	
		
		

/*** Footer ***/
#footer {width:100%; background:#fff; margin-top:10px;}
	#footer-left {float:left; padding:0 0 0 5px}
	#footer-left p { margin:3px 0 10px 5px; color:#616161}
	#footer-left ul li {float:left; padding:0 9px; background:url(/_images/template/footer-nav-divide.gif) bottom right no-repeat;}
	#footer-left ul li.back {background:0;}
		
	#footer-right {float:right;}
	#footer-right ul {margin-right:10px;}
	#footer-right ul li {float:left; padding:0 10px;}