/* =reset (ONLY EDIT THE FONT FAMILY)******************************** */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,var{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
body {font:13px arial,helvetica,clean,sans-serif;}
table {font-size:inherit;font:100% arial,helvetica,clean,sans-serif;}
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}
pre, code {font:115% monospace;}
body * {line-height:1.22em;}

#newsletter {height:150px;margin:509px 0 0;position:relative;right:-123px;text-align:center;width:180px;}

.clear:after {clear:both;content:"."; display:block;height:0;visibility:hidden;}
.clear {display:block;overflow:hidden;}
.hidden {position:absolute;left:0px;top:-500px;width:1px;height:1px;overflow:hidden;}
.hidetext {display:block;text-indent:-9999px;outline:0;}
.required {font-size:85%;font-weight:bold;color:#c00;}
.right {float:right;margin:0 0 1em 12px;}

/* =elements ***************************** */
a:link		{color: #068250;}
a:active	{color: #068250;}
a:visited	{color: #068250;}
a:hover		{color: #068250; text-decoration: none;}

/* =grids ***************************** */

html {text-align:center;}
body {text-align:left;background: url(/assets/images/bg.jpg) ;}

#wrap {width:960px;margin:0 auto;}

#header {position:relative;z-index:999;background: url(/assets/images/header.jpg) no-repeat 0 0;width:960px;height:161px;}
a#logo {position:absolute;display:block;height:105px;width:250px;outline:none;}

#google-search {float:right;padding:10px 75px 0 0;}
#google-search * {vertical-align:middle;}
#google-search input {float:left;width:150px;}
.search {width:5em!important;margin-left:5px;}

#nav {position:absolute;z-index:999;top:120px;left:10px;list-style:none;padding:0 3px 0;}
#nav li {float:left;}
#nav li a {font-family:tahoma;font-weight:bold;display:block;color:#fff;text-decoration:none;padding:12px 17px 13px;}
#nav li a:hover {color:#facf2a;background: url(/assets/images/li-hover.jpg) repeat-x 0 0;}

#nav li ul {position:absolute;z-index:999;top:-999px;width:1px;height:1px;overflow:hidden;list-style:none;}
#nav li:hover ul {top:auto;width:auto;height:auto;overflow:visible;}
#nav li ul li {float:none;width:200px;background: url(/assets/images/li-hover.jpg) repeat-x 0 0;}
#nav li ul li a {display:block;margin:0!important;}
#nav li span {font-family:tahoma;font-weight:bold;display:block;color:#fff;text-decoration:none;padding:12px 17px 13px;}
#nav li:hover span {color:#facf2a;background: url(/assets/images/li-hover.jpg) repeat-x 0 0;}

.float-right {float:right;padding:0 0 0 20px;}
.float-right span {text-align:center;display:block;width:110px;font-size:85%;}

ul.small li {width:110px!important;}
ul.medium li {width:150px!important;}
ul.long li {width:220px!important;height:100%;}
ul.long li a {height:100%;}

.album img {float:left;padding:0 10px 5px 0;}

#body {float:left;background: url(/assets/images/body-bg.jpg) repeat-y 0 0;padding:0 25px;width:910px;}

#oil-sight-glass {position:relative;margin-top:15px;float:left;background: url(/assets/images/cta-oil-sight-glasses.jpg) no-repeat;width:446px;height:264px;}
a#learn-more-glass {position:absolute;width:134px;height:30px;top:190px;left:136px; outline:none;}

#copalite {position:relative;margin-top:15px;float:left;margin-left:10px;background: url(/assets/images/cta-copalite.jpg) no-repeat;width:446px;height:264px;}
a#learn-more-copalite {position:absolute;width:134px;height:30px;top:205px;left:220px; outline:none;}

#cta-dow-corning {position:relative;padding-right:10px;margin-top:10px;float:right;background: url(/assets/images/cta-dow-corning.jpg) no-repeat 0 0;width:245px;height:231px;}
a#learn-more-dow {position:absolute;width:138px;height:45px;top:145px;left:15px;outline:none;}

#sub-cta-dow-corning {position:relative;padding-right:10px;margin-top:10px;float:right;background: url(/assets/images/sub-cta-dow-corning.jpg) no-repeat 0 0;width:245px;height:231px;}
a#learn-more-corning {position:absolute;width:134px;height:28px;top:205px;left:220px;outline:none;}

#sub-cta-repack-learn-more {position:relative;padding-right:10px;margin-top:10px;float:right;background: url(/assets/images/sub-cta-repack-learn.jpg) no-repeat 0 0;width:245px;height:196px;}
a#learn-more-repack {position:absolute;width:134px;height:28px;top:150px;left:20px;outline:none;}

#sub-cta-repack {position:relative;padding-right:10px;margin-top:10px;float:right;background: url(/assets/images/sub-cta-repack.jpg) no-repeat 0 0;width:245px;height:196px;}
a#learn-more-repack {position:absolute;width:134px;height:28px;top:150px;left:20px;outline:none;}

#sub-cta-sight-glass {position:relative;padding-right:10px;margin-top:10px;float:right;background: url(/assets/images/sub-cta-oil-sight-glass.jpg) no-repeat 0 0;width:249px;height:197px;}
a#learn-more-sub-sight-glass {position:absolute;width:180px;height:28px;top:150px;left:20px;outline:none;}

#sub-cta-copalite {position:relative;padding-right:10px;margin-top:10px;float:right;background: url(/assets/images/sub-cta-copalite.jpg) no-repeat 0 0;width:249px;height:197px;}
a#learn-more-sub-copalite {position:absolute;width:138px;height:28px;top:145px;left:22px;outline:none;}

#sub-cta-copalite-purchase {position:relative;padding-right:10px;margin-top:10px;float:right;background: url(/assets/images/side-cta-copalite.jpg) no-repeat 0 0;width:244px;height:231px;}
#sub-cta-copalite-purchase a {position:absolute;width:244px;height:231px;top:0;left:0;outline:none;}

#cta-clients {position:relative;padding-right:10px;margin-top:10px;float:right;background: url(/assets/images/cta-clients.jpg) no-repeat 0 0;width:245px;height:263px;}
a#view-full-list {position:absolute;width:134px;height:28px;top:215px;left:20px;outline:none;}

#main-content {float:left;width:600px;}
#main-content h1 {margin:1em 0 0.5em;font-size:153.9%;color:#028752;}
#main-content h2 {margin:1em 0 0.5em;font-size:123.1%;color:#028752;clear:both;}
#main-content h3 {margin:1em 0 0.5em;font-size:90%;color:#a28412;}
#main-content p {margin:0 0 1em;line-height:1.44em;}
#main-content ul,
#main-content ol {margin:1em 0;}
#main-content ul li,
#main-content ol li {margin:0 2.5em;line-height:1.44em;}
#main-content table {margin:0 0 1em;}
#main-content table th {padding:3px 5px;}
#main-content table td {padding:3px 5px;}


p.image {float:left; padding-right:30px;}



#ff-connect {float:left; width:282px; height:300px;}
#ff-social {float:right; width:282px; height:600px;}

/*=main content table*/
.title{font-weight: bold;}
.alt{background: #fff}
table.chart {background: #ccc; width: 645px ;border-right: 1px solid #018752; border-top: 1px solid #018752; margin-bottom: 15px; font-size: 85%;}
table.chart td {border-bottom: 1px solid #018752; border-left: 1px solid #018752; padding: 2px; text-align: center;}

#gallery {height:150px; margin-bottom:30px;}
#gallery img {border:solid 1px;}

.gallery {list-style:none;}
.gallery img {border:solid 1px;}
.gallery li {float:left;margin:0 10px 0 0!important;}

.products {list-style:none;}
.products li {float:left;text-align:center;width:200px;height:100px;}
.products li a {margin:1em 0 0.5em;font-size:108%;color:#028752;text-decoration:none;font-weight:bold;}

#products {overflow:hidden;margin:1em 0;}
#products .product {float:left;background:#ececec;border:1px solid #d7d7d7;width:275px;height:180px;padding:5px;margin:5px;position:relative;}
#main-content .product h3 {font-size:93%;color:#a28412;margin:0;}
#products .productInfo {overflow:hidden;margin:.5em 0;}
.product img.VOSG {position:absolute;top:20px;right:35px;}
.product img.HOSG {position:absolute;top:40px;right:0px;}
.product img.HTOSG {position:absolute;top:30px;right:15px;}
.product img.LVOSG {position:absolute;top:25px;right:15px;}
.product img.OSGL {position:absolute;top:15px;right:20px;}
.product img.bullseye {position:absolute;top:25px;right:0px;}
.product img.learnMore {position:absolute;bottom:15px;left:20px;}
#main-content .productInfo p {float:left;width:145px;line-height:1.2;margin:0;font-size:85%;}

div.productHorizontal {float:left;width:110px;margin:0 5px;position:relative;height:200px;}
div.productHorizontal img {margin:1em 0 0;}
div.productHorizontal img.learnMore {position:absolute;bottom:0;left:0;}

.no-bullets {list-style:none;}
.red {color:#ff0000;font-weight:bold;text-decoration:underline;}
.blue {color:#0000ff;font-weight:bold;text-decoration:underline;}


#captionContainer {width:100%;overflow:hidden;margin: 0 0 1em;}
.caption {width:30%;font-weight:bold;text-align:center;float:left;margin:0 40px;}

#sub-content {}

#side-content {float:right;width:300px;padding-bottom:20px;}
#side-content img {float:right;padding:10px;}

#cta-rebranding {width:246px;height:196px;background:url(/assets/images/cta-dow-corning-rebrand.jpg) no-repeat;position:relative;margin:1em 0;float:right;margin-right:10px;}
#cta-rebranding a {display:block;width:130px;height:30px;position:absolute;bottom:20px;left:20px;}

#cta-smaller-quantities {width:246px;height:196px;background:url(/assets/images/cta-smaller-quantities.jpg) no-repeat;position:relative;margin:1em 0;float:right;margin-right:10px;}
#cta-smaller-quantities-learn {width:246px;height:196px;background:url(/assets/images/cta-smaller-quantities-lear.jpg) no-repeat;position:relative;margin:1em 0;float:right;margin-right:10px;}
#cta-smaller-quantities a, #cta-smaller-quantities-learn a {display:block;width:130px;height:30px;position:absolute;bottom:20px;left:20px;}

#footer {clear:both;background: url(/assets/images/footer.jpg) no-repeat;width:960px;padding-bottom:50px;}
#footer p {text-align:center;padding-top:30px;font-size:85%;}
#footer p a {color:#000;}

/* =forms ********************************** */
#main-content form dl {margin:0 0 1em;}
#main-content form dt {font-weight:bold;color:#333;margin:1em 0 0.25em;}
#main-content form p.submit {width:440px;margin:2em 0 1em;text-align:right;}
#main-content p.required {font-size:100%;}
input[type=text] {width:434px;padding:3px;border:1px solid #999;}
textarea {width:440px;border:1px solid #999;}
table.recaptcha_theme_clean {border:0 !important;}
table.recaptcha_theme_clean td.recaptcha_image_cell {padding-left:0 !important;padding-right:0 !important;}
table.recaptcha_theme_clean #recaptcha_image {width:auto !important;margin-left:0;margin-right:0 !important;border:none !important;}
table.recaptcha_theme_clean div.recaptcha_input_area {position:relative;left:-7px;}
table.recaptcha_theme_clean #recaptcha_response_field {border:1px solid #999 !important;}


/**lightbox**/

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 9999;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
        z-index:9999;
	}

#imageContainer{
	padding: 10px;
        background:#fff;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/assets/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/assets/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/assets/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	
#caption {color:#1d1d1d;}

/* Google CSE */
#google-cse-results {margin:0!important;}
#google-cse-results li {position:relative;margin:1em 0!important;padding-left:2em;list-style:none;}
.google-cse-result-num {position:absolute;left:0;top:0;font-size:116%;width:1.5em;text-align:right;}
a.google-cse-result-title {font-size:116%;color:#00f;}
a.google-cse-result-title:hover {text-decoration:none;}
a.google-cse-result-title:visited {font-style:italic;color:#666;}
.google-cse-result-desc {font-size:93%;}
.google-cse-result-meta {color:#080;}
#google-cse-pages {text-align:center;margin:2em 0 1em;}
.google-cse-page-active,
.google-cse-page-disabled,
.google-cse-page-link {padding:0.25em;}
.google-cse-page-active {font-weight:bold;}
.google-cse-page-disabled {color:#666;}