/* ==================================== */
/* == ELEMENT ATTRIBUTES FOR SCREENS == */
/* ==================================== */

/* ----------------------- */
/* ELEMENT/CLASS SELECTORS */
/* ----------------------- */

body {	
	color: #666;
	background-color: #333;
	}	
	/* Contact tables - altered via JavaScript */
	table.contacts {
		font-size: 90%;
		background-color: #fff;
		}	
		table.contacts caption {
			margin-top: 20px;
			font-weight: normal;
			text-align: left !important;
			}
		table.contacts th {		
			padding-right: 7px;
			padding-left: 7px;	
			font-weight: normal;
			white-space: nowrap;
			background-color: #eee;		
			border-bottom: 1px solid #fff;	
			}
		table.contacts tr.header th {
			color: #fff !important;
			background-color: #999 !important;
			font-size: 130% !important;
			}
		table.contacts caption:hover, table.contacts tr.header th:hover {
			cursor: pointer;
			}
		table.contacts td.title, table.contacts td.vm, table.contacts td.cell {
			white-space: nowrap;
			}
		table.contacts td {
			width: 16%;
			}
		table.contacts td.region {
			width: 20%;
			}
	/* SCI product tables - altered via JavaScript */
	table.sci {		
		font-size: 90%;
		background-color: #fff;
		}
	table.sci-adjusted {
		position: relative;
		left: -235px;
		width: 778px;
		}
		table.sci tr.alt {
			background-color: #eee;
			}
	/* Contacts - td.name */	
	td.name {
		width: 50%;			
		}
		td.hide-detail span.name {
			text-decoration: underline;
			cursor: pointer;
			}
		td.show-detail span.name {
			text-decoration: none;
			cursor: default;			
			}
		td.show-detail div.detail {
			display: block;
			}	
		td.name div.detail {
			margin-bottom: -2px;
			padding: 5px;
			background-color: #eee;
			}
		td.hide-detail div.detail {
		 	display: none;
		 	}				
		td.name div.detail:hover  {
			cursor: default;				
			}
			td.name div.detail span {
				display: block;
				}
	/* Specifications tables (Angela) */
	table.spec {
	    border: 1px solid #999;
	    font-family: Arial, Verdana, sans-serif;
	    font-size: 0.9em;
	    padding: 0px;
	    margin: 0px;
        }
	    table.spec th {
		    color: #fff;
		    background-color: #003366;
		    font-weight: bold;
		    padding: 2px 5px;
		    margin: 0px;
		    border: 1px solid #999;		
		    }
	    table.spec th.grey {
		    background-color: #ccc;
		    color: #000;	
		    }
	    table.spec th.white_back {
		    background-color: #fff;
		    color: #003366;
		    }
	    table.spec td {
		    height: 20px;
		    background-color: #fff;
		    color: #000;
		    text-align: center;
		    padding: 2px 5px; 
		    margin: 0px;
		    border: 1px solid #999;
		    }
	    table.spec td.subhead {
		    font-weight: bold;
		    text-align: center;
		    }
	    table.spec td.alt_row {
		    background-color: #ccc;
		    }
	    table.spec td.left_th {
		    background-color: #003366;
		    vertical-align: middle;
		    color: #fff;
		    height: 38px;
		    }
    /* Name cells in a table */
    td.name {
        white-space: nowrap;
        }
	h1, caption {
		text-transform: uppercase;
		}
	/* Headers for products */
	h2.product {
	    clear: both;
	    padding: 19px 22px;
	    text-transform: uppercase;
	    color: #fff;
	    background: #00529b url(../images/indicators/circle-arrow-down-on-blue.gif) right no-repeat;
	    }
	a {
		color: #666;
		}
	a:hover {
		text-decoration: none;
		}
	ul, ol {
		color: #00346c;
		}	
	div#primary blockquote {
		margin-left: 0;
		margin-right: 0;
		padding: 16px 19px 1px;
		font-style: normal;
		color: #fff;
		background-color: #999999;		
		margin-bottom:40px;
		}		
	/* Accessibility skip link */
	.skip {
		display: none;
		}
	/* IE bug fix for special links - appended via JavaScript function on load */
	span.special {
		display: inline-block;
		width: 13px;
		height: 6px;
		overflow: hidden;
		margin-top: 7px;
		margin-left: 5px;
		vertical-align: top;
		background-repeat: no-repeat;
		}
	/* Requires JavaScript - turned off by default */
	.req-js {
		display: none;
		}
	/* Generic Columns */
	.column1 {
		float: left;
		width: 45%;
		}
	.column2 {
		float: right;
		width: 45%;
		}
	/* Generic navigation */
	ul.nav {
		margin: 0;
		padding: 0;
		}	
		ul.nav li {
			margin: 0;
			padding: 0;
			list-style-type: none;
			}		
	/* Generic error messages */
	.error {
		color: red;
		font-weight: bold;
		}
	/* Generic Forms */
	fieldset {
		margin-bottom: 15px;
		}
	fieldset input.sf_searchSubmit {
		left:-5px;
		position:relative;
		top:3px;		
	}
		fieldset ul, fieldset li {
			list-style-type: none;
			margin: 0;
			padding: 0;
			}
			fieldset li {
				display: inline;
				}
		fieldset label {
			/* Commented SMH */
			/*display: inline !important; */ /* Needed for ASP.NET-generated labels which are not implicit */
			display: block;
			margin-right: 1em;			
			}
	div.input {
		float: left;
		margin-bottom: 5px;
		padding-right: 4px;	
		}	
		div.input input, div.input select {
			width: 202px;
			height: 1.5em;			
			}
		div.inquiryContactForm div.input textarea {
			width: 586px;
			height: 3em;
			}
		div.inquiryContactForm div.input ul li label {
			display: inline;			
			color: #666666;
		}
		div.inquiryContactForm div.input ul li input {
			height:13px;
			width:25px;
		}
		div.inquiryContactForm div.input ul li {
			margin-top: 3px;
			margin-bottom: 3px;					
			margin-right:-5px;
			vertical-align:bottom;
		}
		div.inquiryContactForm div.input ul { 
			margin-top: 5px;			
		}
		div.requestInformationForm div.checkbox input{
			vertical-align: bottom;
		}
		div.requestInformationForm ul 
		{
			list-style-type: none;
			margin-left: 0px;
		}
		div.requestInformationForm div.radio ul li input 
		{
			vertical-align: bottom;
		}
	div.default {
		width: auto !important;
		height: auto !important;	
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		}
		div.default input, div.default select {
		 	width: auto;
			height: auto;			
			}	
	div.checkbox, div.radio {
		clear: both;		
		float: none;
		}		
		div.checkbox input, div.radio input {
			width: auto;
			}
		div.checkbox label, div.radio label {
			display: inline; /* Needed for ASP.NET-generated labels which are not implicit */
			}
	div.phone {
		}
		div.phone input {
			width: auto !important;
			}
		div.phone fieldset {
			width: 565px;
			}
	div.address {
		clear: both;
		width: 100%;
		}
		div.address input {
			width: 100%;
			}
	div.zip {
		}
		div.zip input, div.zip select {
			width: 5em;
			}
	div.comment {
		clear: both;
		width: 100%;
		}
		div.comment textarea {
			width: 100%;
			height: 6em;
			}
	div.submit {
		float: none;
		clear: both;
		margin-bottom: 20px;
		padding-top: 10px;
		}
		div.submit * {
			clear: both;
			}
	/* Form focus */
	input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
		background-color: #fbd534;
		}	
	/* Product List with Images */
	div.products {	
		position: relative;
		top: -20px;
		min-height: 200px; /* IE 6 CSS EDIT */
		}
		div.product {
			position: relative;
			float: left;
			width: 150px; /* IE 5.5 CSS EDIT */
			padding: 0 10px;
			text-align: center;
			}
			div.product a {
			    position: relative;
				display: block;
				text-decoration: none;
				}
			div.product a:hover {
				cursor: pointer;
				background: transparent url(../images/indicators/lines-and-color.png) bottom no-repeat;
				}
				/* REM GML
				div.product span.image {
					display: block;
					height: 200px;
					}
                */
				div.product span.name {
					display: block;
					height: 10px;
					line-height: 10px;
					margin-top: -10px;
					padding-bottom: 7px;
					font-size: 90%;
					font-weight: bold;
					text-transform: uppercase;
					}
	/* Download specifications */
	p.download-specs {
		position: absolute;
		top: -1px;
		right: 0px;
		padding: 6px 34px 6px 13px;
		color: #fff;
		background: #00529b url(../images/icons/paper-w-arrow.gif) right no-repeat;
		}
		p.download-specs a {
			color: #fff;
			font-size: 90%;
			text-decoration: none;
			text-transform: uppercase;
			}						
	
/* --------------------- */
/* SPECIFIC ID SELECTORS */
/* --------------------- */

/* Outer container */
div#main {
	position: relative;
	width: 950px;
	margin: 0 auto;
	background-color: #fff;
	}
	/* Header */
	div#main div#header {
		width: inherit;
		height: 509px; /* IE 5.5 CSS EDIT */
		overflow: hidden;
		border-top: 30px solid #333;	
		}
	/* Header for pages with left navigation (2 columns) */
	div#main.columns div#header {
		height: 434px;
		}	
		/* Worthington Cylinders logo */
		div#logo {
			width: inherit;
			height: 99px; /* Height of logo plus margin on image */
			overflow: hidden;
			text-align: right;
			}
			div#logo img {
				margin: 16px 22px 0 0;	
				}
		/* Stock ticker */
		div#ticker {
			position: absolute;
			top: 1px;
			left: 0px;
			}
		/* Welcome image and rich-media */
		div#welcome {
			position: relative;
			z-index: 1;
			top: 66px;			
			height: auto;					
			}
			div#welcome object, div#welcome embed {
			    width: 950px;
			    overflow: hidden;
			    }
		/* Header navigation (redundant and JavaScript-based) */
		div#header-nav {
			position: absolute;
			top: 7px;
			right: 230px;			
			}
			div#header-nav li {
				float: left;
				padding: 0 8px 0 6px;
				background: transparent url(../images/navigation/dots-2.gif) right no-repeat;
				}
			div#header-nav li.last {
				padding-right: 14px;
				background-image: url(../images/icons/cube-4-color.gif);
				}
		/* Links to other Worthington Cylinder sites - to be languages eventually */
		div#country {
			position: absolute;			
			top: 7px;
			right: 0px;
			width: 220px;
			text-align: right;
			}
			img.header, div#country ul {
				display: inline;
				}
			div#country li {
				display: inline;
				padding-left: 4px;
				}
			div#country li.first {
				padding-left: 3px;
				}
	/* Navigation (main) */
	div#main div.navigation {
		position: absolute;
		z-index: 100;
		top: 140px;
		left: 31px;
		width: 919px;
		height: 27px;
		overflow: visible;
		border-top: 1px solid #e0e0e0;
		border-bottom: 1px solid #e0e0e0;
		}
		/* Primary navigation and secondary navigation */
		div.navigation li.level-1, div.navigation li.search, div.navigation li.level-2 {
			float: left;			
			height: 11px;			
			overflow: visible;
			margin-top: 9px;
			padding: 0 10px 0 8px;
			background: transparent url(../images/navigation/dots-3.gif) right no-repeat;			
			}
		div.navigation li.level-2 {
			background-image: none; /* IE 6 CSS EDIT */
			}
		div.navigation li.level-1.first, div.navigation li.level-2.first {
			padding-left: 0;			
			}
		/* Navigation items split from original list items (Steve) */
		div#main div.contactSalesRep { /* IE 6 CSS EDIT */
			position: absolute;			
			z-index: 100; 
			top: 149px;
			left: 783px;
			height: 10px;	
			overflow: visible;
			margin: 0;
			padding: 2px 46px 1px 0;
			background: #fff url(../images/icons/phone-w-arrow.gif) 126px -5px no-repeat;			
			}			
	    div#main div.search {
           	position: absolute;
		   	top: 144px;
            left: 535px;            
            height: 27px; 
			overflow: visible;           
            z-index: 100;
            }   		
			div.navigation li.level-1 a {
				display: block;				
				background-repeat: no-repeat;
				}				
			div.navigation li.level-1 img, div.navigation li.search img, div#main div.contactSalesRep img {
				display: block; /* To override line-height */				
				}
			/* Show background image on roll */				
			div.navigation li.level-1 a:hover img, div.navigation li.level-2 a:hover img, div#main div.contactSalesRep a:hover img {
				visibility: hidden !important;			
				}				
			/* JQUERY/.NET SET CLASSES - SHOW NAVIGATION AND PAGE INDICATORS */			
			div.navigation li.level-1.active ul.nav-secondary, div.navigation li.level-1.selected ul.nav-secondary {
				display: block;
				width: 650px; 
				}
			div.navigation li.level-1.active ul.nav-secondary {
			    z-index: 100;
			    }
			div.navigation li.level-1.selected ul.nav-secondary {
			    z-index: 90;
			    }
				div.navigation li.active a img, div.navigation li.selected a img {
					visibility: hidden;
					}
					div.navigation li.active li.level-2 a img, div.navigation li.selected li.level-2 a img {
					    visibility: visible;
					    }	
					div.navigation li.active li.active a img, div.navigation li.selected li.active a img, div.navigation li.selected li.selected a img {
					    visibility: hidden;
					    }			
			/* Secondary navigation */
			div.navigation ul.nav-secondary {
				display: none; /* Hide by default */
				position: absolute;
				top: 28px;
				left: 0px;			
				background-color: #fff;
				}
				div.navigation li.level-2.last { /* IE 6 CSS EDIT */
					background-image: none;					
					}
				/* Tertiary navigation */
				div.navigation ul.nav-tertiary {
					display: none; /* Hide by default */
					position: absolute;
					top: 26px;		
					z-index: 100;
					width: 239px;
					height: auto;
					margin-left: -15px;
					border-top: 0;
					border-bottom: 1px;
					border-right: 1px;
					border-left: 1px;
					border-color: #bfbfbf;
					border-style: solid;
					background-color: #fff;
					}				
					div.navigation ul.nav-tertiary a {
						display: block;
						padding: 0px 16px;
						text-transform: uppercase;
						text-decoration: none;
						color: #666;
						font-size: 90%;
						border: 1px solid #fff;
						}
					div.navigation ul.nav-tertiary a:hover {
						color: #fff;
						background-color: #999;
						border-color: #d6d6d6;
						}
		/* Site search title */
		div.navigation li.search {
			background-image: none;		
			}
			div.navigation span.input {
				position: absolute;
				top: 3px;
				left: 490px;				
				font-size: 10px;	
				white-space: nowrap; /* For IE 6 */			
				}
			div.navigation input[type="text"] {
				width: 114px;
				}
			div.navigation input[type="image"] {
				position: relative;
				top: 3px;
				}			                  
			/* Specific navigation hyperlinks - IE 6 EDIT */
			a#nav-home { background-image: url(../images/navigation/home-alt.gif); }
			a#nav-products { background-image: url(../images/navigation/products-alt.gif); }	
			a#nav-technical_information { background-image: url(../images/navigation/technical_information-alt.gif); }
			a#nav-specifications { background-image: url(../images/navigation/specifications-alt.gif); }
			a#nav-where-to-buy { background-image: url(../images/navigation/where-to-buy-alt.gif); }
			a#nav-about { background-image: url(../images/navigation/about-alt.gif); }	
			a#nav-industrial-gas, a#nav-industrial-gas-2 { background-image: url(../images/navigation/industrial-gas-alt.gif); }
			a#nav-propane, a#nav-propane-2 { background-image: url(../images/navigation/propane-alt.gif); }
			a#nav-refrigerant, a#nav-refrigerant-2 { background-image: url(../images/navigation/refrigerant-alt.gif); }
			a#nav-composite-cylinders, a#nav-composite-cylinders-2 { background-image: url(../images/navigation/composite-cylinders-alt.gif); }
			a#nav-air-brake-tanks, a#nav-air-brake-tanks-2 { background-image: url(../images/navigation/air-brake-tanks-alt.gif); }
			a#nav-consumer-products, a#nav-consumer-products-2 { background-image: url(../images/navigation/consumer-products-alt.gif); }
			a#nav-contact-worthington-cylinders { background-image: url(../images/navigation/contact-wc-direct-alt.gif); }
			a#nav-retailers { background-image: url(../images/navigation/retailers-alt.gif); }
			a#nav-master-distributors { background-image: url(../images/navigation/master-distributors-alt.gif); }
			a#nav-quality-safety { background-image: url(../images/navigation/quality-safety-alt.gif); }
			a#nav-philosophy { background-image: url(../images/navigation/philosophy-alt.gif); }
			a#nav-news-room { background-image: url(../images/navigation/news-room-alt.gif); }
			a#nav-industry-links { background-image: url(../images/navigation/industry-links-alt.gif); }
			a#nav-jobs { background-image: url(../images/navigation/jobs-alt.gif); }
			a#nav-contact-us { background-image: url(../images/navigation/contact-us-alt.gif); }
			a#nav-locations { background-image: url(../images/navigation/locations-alt.gif); }
			a#nav-msds-sheets { background-image: url(../images/navigation/msds-sheets-alt.gif); } 			
	        a#nav-contact-a-sales-rep {
				display: block;
				height: 10px;	
				overflow: visible;				
				background-image: url(../images/navigation/contact-a-sales-rep-alt.gif);				
				background-repeat: no-repeat;						
				}
	div#agreementText {		
		height:390px;
		margin:5px;
		overflow-y:scroll;		
		}				
	div#agreementText ul, div#agreementText ol, div#agreementText p {
		color: #000000;
	}		
	/* Content */
	div#content {
		position: relative;	
		z-index: 2;	
		background: transparent url(../images/gradients/white-283h.png) bottom repeat-x;
		border-top: 1px solid transparent; /* IE 6 CSS EDIT */		
		}
		/* Image-based "tab" headline */
		h1#tab {	
			margin: -24px 0 0 32px;
			height: 24px;			
			line-height: 24px; /* Height of tab image */										
			}
		/* Left navigation */
		div#nav-content {
			top: 37px;
			left: 37px;
			position: relative;
			z-index: 100;
			float: left;
			width: 232px;
			margin: 0 48px 48px 0;
			}
			div#nav-content li li a {
				padding-left: 26px;
				}
			div#nav-content a {	
				display: block;
				padding: 2px 9px;		
				text-decoration: none;
				text-transform: uppercase;
				border-left: 1px solid transparent; /* IE 6 CSS EDIT */
				border-bottom: 1px solid transparent; /* IE 6 CSS EDIT */
				}
			div#nav-content ul.nav-tertiary a:hover, div#nav-content ul.nav-tertiary a.selected {
				color: #fff; /* IE 5.5 CSS EDIT */
				background-color: #999999;
				border-left-color: #e1e1e1;
				border-bottom-color: #ebebeb;
				position:relative;
				} 				
		div#content div#primary div.products div.sitemapTree td {
			border-bottom: 0px;
		}
		div#content div#primary div.products div.sitemapTree table {
			margin: 0px;
		}		
		/* Primary content area */
		div#primary {
			position: relative;
			z-index: 2;
			padding: 46px 47px 38px;		
			}		
		div#content.has-nav div#primary {
			float:right;
			padding-left:0;
			padding-right:90px;
			width:543px;
			}
		/* Features (Latest News and Banner) */
		div#features {
			clear: both;	
			position: relative;
			z-index: 3;
			height: 146px;			
			}
			div#features h1 {						
				margin: -24px 0 0 32px;	
				height: 24px;
				line-height: 24px;													
				}
			div.latest-news {
				float: left;
				width: 475px;
				height: 146px;
				overflow: auto;
				background-color: #999;
				}
				div.latest-news table {
					width: 437px;
					margin: 27px 0 0 32px;
					}
					div.latest-news td {
						color: #fff;
						font-weight: bold;
						border-top: 1px solid #7f7f7f;
						border-bottom: 1px solid #7f7f7f;
						}
						div.latest-news a {
							margin-right: 5px;
							text-decoration: none;
							color: #fff;
							}
						div.latest-news a:hover {
							text-decoration: underline;
							}
						div.latest-news a {
							background-image: none;
							}
						div.latest-news a.special {							
							padding-right: 18px;													
							background: transparent url(../images/indicators/arrows-on-gray.gif) right no-repeat;
							}	
						div.latest-news span.special {
							background: transparent url(../images/indicators/arrows-on-gray.gif) right no-repeat;
							}						
			div.banner {
			    position: relative;
				float: right;
				width: 445px; /* 475 - IE 5.5 */
				height: 116px; /* 146 - IE 5.5 */
				padding: 15px;
				overflow: hidden;
				color: #fff;
				background-color: #999;
				}
				div.banner * {
				    position: relative;
				    z-index: 2;   
				    }						
				div.banner a {
				    display: block;
				    color: #fff;
				    }
				div.banner img {
				    display: block;
				    position: absolute;
				    top: -15px;
				    left: -15px;
				    z-index: 1;
				    } 		
	/* Footer */
	div#footer {
		clear: both;		
		font-size: .9em;
		padding: 3px 0 50px 32px;		
		background-color: #333;		
		}
		div#footer * {
			color: #fff;
			}
			div#footer-nav li {
				float: left;
				padding-right: 15px;
				background: transparent url(../images/indicators/slash.gif) right no-repeat;
				}
			div#footer-nav li.last {
				padding-right: 50px;
				background-image: none;
				}

/* ----------- */
/* CSS MODULES */
/* ----------- */

/* PSEUDO-SELECT MENU version 3 GML */
/* Use with JavaScript */
div.pseudo-select-active, div.psuedo-select-active.off {	
	position: relative;
	width: 300px;
	height: 1.7em;
	overflow: hidden;
	margin-bottom: 20px;
	color: #000;	
	background-color: #fff;	
	border: 1px solid #7f9db9;		
	}
div.pseudo-select-active.on {
	overflow: visible;
	}
div.pseudo-select-active:hover {
	cursor: pointer;	
	}
	div.pseudo-select-active span {
		display: block;
		min-height: 17px;
		padding-top: 2px;
		padding-left: 3px;
		overflow: visible;
		color: #000;
		background: #fff url(../images/indicators/pseudoselect-arrow.gif) right top no-repeat;														
		}	
	div.pseudo-select-active ul {	
		position: absolute;
		top: 1.7em;
		left: -1px;
		display: block;		
		list-style-type: none;
		width: 300px;
		height: 100px;
		margin: 0;				
		overflow: auto;	
		overflow-x: hidden;
		overflow-y: scroll;	
		background-color: #fff;	
		border: 1px solid #7f9db9;
		border-top: 0px;					
		}	
		div.pseudo-select-active ul a {
			display: block;
			width: 280px;					
			padding-left: 3px;
			color: #000;
			text-decoration: none;
			}
			div.pseudo-select-active ul a:hover {
				background-color: #b2b4bf;
				}
				
				
/* Simple modal */
/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {height:400px; width:600px; background-color:#fff; border:3px solid #ccc;}
#simplemodal-container a.modalCloseImg {background:url(../images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-18px; cursor:pointer;}
#simplemodal-container #basicModalContent {padding:8px;}