@import "Admin.css";
@import "locations.css";

body { 
	background-color: #EBEFEE;
	margin: 0px; 
	text-align: center;
	}
	
table
{
	margin:0 0 0 0;
	color: #5c5754;
	font: 11px verdana, arial, helvetica, sans-serif;
}

p
{
	color: #5c5754;
	font: 11px verdana, arial, helvetica, sans-serif;
	margin: 0 0 0 0;
	padding: 0 0 10px 0px;
	border: 0px dotted red;
}

.SampleRadio
{
	color: #5c5754;
	font: 11px verdana, arial, helvetica, sans-serif;
}

table.site { 
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	width: 780px;
	background-color: #EBEFEE;
	text-align:left;
}

td.whiterow
{
	height:12px;
	background-color:white;	
}

#whiterow
{
	height:12px;
	background-color:white;	
}

td.whitecolumn
{
	width:12px;
	background-color:white;	
}

td.white
{
	background-color:white;	
}

/* topBan */
#printLogo {
	display: none;
	visibility:hidden;
}

#topBan {
  position: relative;
	border: 0px dotted red;
	background: transparent; /*url("../images/topBG.gif") repeat-x top left;*/
	background-color: White;
	margin: 0 0 0 0;
	width: 780px;
	height:81px;
	z-index: 500;
	vertical-align:middle;
	}

#topBan span {
	display: none;
	}
	
#topBan span.glasscalc 
{
	position: absolute; top: 0px; right: 0px;
	border: 0px dotted red;
	padding: 10px 12px 0 0;
	display: inline;
	float:right;
}
		
#topBan span.logo 
{
	position: absolute; 
	left: 17px;
	top: 20px;
	padding:0 0 0 0;
	display: inline;
	float:left;
}

#topBan img.logo{
	padding: 0 0 0 0;
	}

#topBan img.glasscalcimg {
	padding: 0 0 0 0;
}

#topBan span#Header1_breadcrumblogo {
	
	position: absolute; top: 0; right: 50px;
	padding: 10px;
	display: inline;
	font: normal 9px verdana, sans-serif;
	color: #5c5754;
	border: 0px dotted orange;
	}

#topBan span#Header1_breadcrumb {
	
	position: absolute; top: 65px; left: 17px;
	padding: 0 0 0 0px;
	display: inline;
	font: normal 9px verdana, sans-serif;
	color: #5c5754;
	border: 0px dotted orange;
	}

#topBan span#Header1_breadcrumb a {
	color: #5c5754;
	text-decoration: none;
	}

#topBan span#Header1_breadcrumb a:hover {
	/* color: orange; */
	color: #d2cdca;
	text-decoration: none;
	}

#topBan span.logout {
  float:right;
  display: block;
  position: absolute; top: 50px; right: 50%;
}

#topBan img {
	padding: auto 0 auto 0px;
	}
/* END topBan */




/* topnav */
#topNav {
	position: relative;
	border: 0px dotted red;
	margin: 0 0px;
	height: 28px;
	background-color: #fff;
	z-index: 501;
	/*display:none;*/
	/*visibility:hidden;*/
	
	}

#topNav ul {
	margin:0;
	padding:0px 10px 0 10px;
	list-style: none;
	}

#topNav li {
	/*background: transparent url("../images/topArrow.gif") no-repeat right 13px ;*/
	float:left;
	margin: 0px; 
	padding: 8px 25px 0 15px;
	border: 0px dotted purple;
	text-transform: uppercase;
	}

#topNav li a {
	color: #4f74a6;
	text-decoration: none;
	}

#topNav li a:hover {
	/* color: orange; */
	color: #5c5754;
	}

td.search 
{
	height:28px;
	margin: 0px 0 0 0;
	z-index: 200;
	border: 0px dotted purple;
	background-color: White;
	color:#CCCCCC;
	width: 148px;
	}

input.searchField 
{
	vertical-align: top;
	position:absolute;
	width: 144px;
	height:24px;
	font: bold 11px verdana, sans-serif;
	color: #529231;
	background: #f1f4f6;
	border: 2px solid;
	margin:0 0 0 0;
	padding:0 0 0 0;
	border-color: #CCCCCC; /* #A8b7c3 #d1dbe3 #d1dbe3 #A8b7c3;*/
}

td.go
{
	background-color: #CCCCCC;
	color:White;
	vertical-align:middle;
	width:30px;
	margin:0 0 0 0;
	font: bold 12px arial, helvetica, verdana, sans-serif;
}

a.go, a.go:visited, a.go:hover
{
	color:White;
	text-decoration:none;
}

/* END toptav */



/* MAIN container page content */
table.content {  
  background: transparent; /*url(../images/contentBG.gif) repeat-y 0px 0px;*/
	background-color: #EBEFEE;
	color: #c4f6ff;
	border: 0px dotted orange;	
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0px 0 0;
	display: inline; /* ie/win double-margin hack */
	float: left;
	line-height: 16px;
	padding: 0;
	width: 800px;
	}


/* LEFT COLUMN */
#lnav 
{
	position: relative;
  background-color: White;
  margin:0 0 0 0;
  display: inline; /* ie/win double-margin hack */
  width: 201px;
  min-height: 440px;
  overflow: hidden;
  float: left;
  border: 0px dotted lime;
  /* following hack from svend tofte - forces min-height*/
  height: expression( this.scrollHeight < 440? "440px" : "auto" );
}

#lnav.support {
  background: transparent url(../images/lnav_support.jpg) no-repeat left top;
}

/* LEFT COLUMN */
#lnavSml {
  margin-left: 0px;
  display: inline; /* ie/win double-margin hack */
  width: 0px;
  overflow: hidden;
  float: left;
  border: 0px dotted lime;
}


#catimg {
  background-color: #bec8c8;
  margin-left: 0px;
  display: inline; /* ie/win double-margin hack */
  width: 201px;
  min-height: 440px;
  overflow: hidden;
  float: left;
  /* following hack from svend tofte - forces min-height*/
  height: expression( this.scrollHeight < 440? "440px" : "auto" );
  border:solid 0px green;
}

/* CENTER COLUMN */
#details {
  width: 351px; 
  background: transparent;/* url(../images/tophead.gif) no-repeat left top;*/
 	padding: 0px; 
	float: left;
  border: 0px dotted teal;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color:#5c5754;
  }

#details  h1 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0 10px 0px 10px;
	}

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

#details h2 {
  font: bold 14px Arial, Helvetica, Verdana, sans-serif;
	color: #999999;
	margin: 0 0 0 0px;
	padding: 0 8px 0 10px;
	text-decoration: none;
  }

#details a {
  color: White;
  text-decoration: none;
  }

#details a:hover {
  /* color: #fc0; */
	color: #5c5754/*#b6f9ff;*/
  }

#details hr {
  border: 0;
  color: White;
  background-color: Gray;
  width: 100%;
  height: 1px;
  }
  
#details dl
{
	margin:0 0 0 0;
}

#details dt {
  font: bold 11px verdana,arial, helvetica, sans-serif;
  }

#details dd {
  font: normal 11px verdana, arial, helvetica, sans-serif;
  border: 0px dotted green;
  margin: 0 0 10px 10px;
  }

/* Center Column INTRO BLOCK - "pageHeader" */
#pageHeader 
{
  border: 0px dotted black;
  padding: 10px 10px 10px 10px;
  margin:0 0 0 0;
  }

#pageHeader h1 {
	font: bold 16px arial, helvetica, sans-serif;
	color: White;
	padding: 0 0 8px 0;
	margin: 0;
	border: 0px dotted gold;
	}

#pageHeader p.subhead, #pageHeader h2 
{
	font: arial, helvetica, sans-serif;
	font-size:12px;
	margin: 0;
	padding: 0 0 10px 0px;
	color: White;
	border: 0px dotted lime;
	}

#pageHeader #PageDescription {
	font: 14px arial, helvetica, sans-serif;
	color: White;
	padding: 0 0 8px 0;
	margin: 0;
	border: 0px dotted aqua;
	}
	
#pageHeader #Description {
	font: bold 11px verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0px 0px;
	color: #fff;
	border: 0px dotted aqua;
	}

#pageHeader p 
{
	color: #5c5754;
	font: 11px verdana, arial, helvetica, sans-serif;
	margin: 0;
	padding: 0 0 10px 0px;
	border: 0px dotted red;
	}

#pageHeader span.intro {
  border: 0px dotted orange;
  }

#Body1, #Body2, #Body3, #Body4, #Body5 {
  border: 0px dotted orange;
  display: block;
  font: 11px verdana, arial, helvetica, sans-serif;
  }

#Body1 ul, #Body2 ul, #Body3 ul, #Body4 ul, #Body5 ul {
	margin:0 0 0 0;
	padding-left:18px;
	padding-right:5px;
	list-style-type:disc;
}
 
#Body1 ul li, #Body2 ul li, #Body3 ul li, #Body4 ul li, #Body4 ul li {
	margin:0 0 0 0;
	border: 0px dotted purple;
	padding: 0 0 10px 9px;
	/*background: transparent url(../images/listArrow2.gif) no-repeat 0 8px;*/
	}

#pageHeader a {
  color: White;
  text-decoration: none;
  }

#pageHeader a:hover {
  /* color: fc0; */
	color:#5c5754;/*#dffcff;*/
  }

/* END pageHeader */

/* START content2 (used in managed pages)*/
#content2 {
	padding: 0 10px;
	border: 0px dotted orange;
  }

#content2 h1,#content2 h2,#content2 h3 {
	padding: 0px 0 4px 0px;
	margin: 0;
	color: #e4f6ff;
	border: 0px dotted gold;
  }
#content2 h1 {
	font: bold 16px arial, helvetica, sans-serif;
  }

#content2 h2 {
	font: bold 14px arial, helvetica, sans-serif;
  }

#content2 h3 {
	font: bold 12px arial, helvetica, sans-serif;
  }

#content2 p, #content2 ul, #content2 li {
	margin: 0;
	padding: 0 0 10px 0;
	color: #fff;
	border: 0px dotted red;
	}
/* END content2 */


/* START pageSection styles */
#details .pageSection {
  border: 0px dotted yellow;
  float: left;
	padding: 0px 10px 10px 10px;
	margin: 0 0 0 0;
	width: 331px;
	background-color: #CCCCCC;
	}

.pageSection .thumb {
	width: 52px;
	height: 49px;
	margin: 0px;
	float: left;
	border: 0px dotted pink;
	}

#details .pageSection .thumb img {
	border: 0px solid black;
	width: 52px;
	padding: 7px 0 0 0;
	}

#details .pageSection h1 {
	font: bold 13px Arial, Helvetica, Verdana sans-serif;
	margin: 0 0 0 65px;
	padding: 5px 0 0 0;
	border: 0px dotted silver; 
	}

#details .pageSection p {
  border: 0px dotted pink;
	padding: 0 0 0 0;
	margin:0 0 0 0;
}

#details .pageSection .shortBody1 {
  border: 0px dotted lime;
  margin: 0 0 0 65px;
	padding: 2px 0 0 0;
	display: block;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}

#details .pageSection .shortBody1 p {
  margin: 0 0 0 0;
	padding: 0 0 0 0;
  }

#details .pageSection h1 a {
  color: White;
  text-decoration: none;
  margin: 0 0 0 0;
	padding: 0 0 0 0;
	}

#details .pageSection h1 a:hover {
	/* color: fc6; */
	color: #5c5754;
	text-decoration: none;
  margin: 0 0 0 0;
	padding: 0 0 0 0;	
}

#details .pageSection h2 {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: White;
  margin: 0 0 0 65px;
	padding: 0 0 0 0;	
	}

/*#details .pageSection p {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 4px 0;
	color: #fff;
	margin: 0 0 0 65px;
	line-height: 13px;
	border: 1px dotted green; 
	}*/

/* hide from ie5-mac ... this solve the 3px problem \*/
* html .pageSection .thumb {
  margin: 0 0 0 0;
	padding: 0 0 0 0;
  }

* html #details .pageSection h1 {
  height: 1%;
  margin: 0 0 0 0;
	padding: 0 0 0 0;
  }

* html #details .pageSection h2 {
  height: 1%;
  margin: 0 0 0 0;
	padding: 0 0 0 0;
  }

* html #details .pageSection p {
  height: 1%;
  margin: 0 0 0 0;
	padding: 0 0 0 0;  }

* html #details .pageSection .shortBody1 {
  height: 1%;
  margin: 0 0 0 0;
	padding: 0 0 0 0;  }
/* end hide from ie5/mac */

#details .pageSection a.readMore {
  font: normal 10px verdana, arial, sans-serif;
  font-weight: bold;
  text-decoration: none;
  color: White;
  margin: 0 0 0 0;
	padding: 4px 0 0 4px;
  }
  
#details .pageSection a.readMore:hover 
{
	color:#5c5754;
	text-decoration: underline;
	}

#details .pageSection ul {
	border: 0px dotted blue;
	margin:0 0 0 65px;
	padding-left:18px;
	padding-right:5px;
	list-style-type:disc;
}
 
#details .pageSection ul li {
	margin:0 0 0 0;
	border: 0px dotted purple;
	padding: 0 0 10px 9px;
	}

#details .pageSection ul a {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: White;
	border: 0px dotted teal;
}

.pageSection ul a:hover {
	/* color: #f90; */
	color: #5c5754;
}

#details .pageSection p.prodLink {
  margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 0px dotted orange;
}

.pageSection p.prodLink a {
	text-decoration: none;
	color: White;
}

.pageSection p.prodLink a:hover {
	/* color: #fc0; */
	color: #5c5754;
	}

#details .pageSection .pagesection2 {
	margin: 0 0 0 0;
	padding: 5px 0 0 65px;
	border: 0px dotted orange;
}

#details .pageSection .pagesection2 h1 {
	font: bold 12px Arial, Helvetica, Verdana sans-serif;
  margin: 0 0 0 0;
	padding: 5px 0 0 0;
	border: 0px dotted black;
	height:auto;
	}

#details .pageSection .pagesection2 h2 {
  margin: 0 0 0 0;
	padding: 0 0 0 0;
	}

 #details .pageSection .pagesection2 p {
  margin: 0 0 0 0;
	padding: 0 0 0 0;
	} 

#details .pageSection .pagesection2 h1 a {
	color: White;
	text-decoration: none;
	}

#details .pageSection .pagesection2 h1 a:hover {
	/* color: #fc6; */
	color: #5c5754;
	text-decoration: none;
}

#details .pageSection .pagesection2 .shortBody1 {
	border: 0px dotted lime;
  margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.pageSection .pagesection2 .pagesection3 {
	margin: 0 0 0 0;
	padding: 0 0 0 0px;
	border: 0px dotted red;
}

#details .pageSection .pagesection2 .pagesection3 h1 {
	background: transparent url(../images/pageHead3.gif) no-repeat 0 7px;
	font: bold 11px Arial, Helvetica, Verdana sans-serif;
  margin: 0 0 0 0;
	padding: 2px 0 0 9px;
	border: 0px dotted black; 
	}

#details .pageSection .pagesection2 .pagesection3 h1 a {
	color: White;
	text-decoration: none;
	}

#details .pageSection .pagesection2 .pagesection3 h1 a:hover {
	/* color: #fc6; */
	color: #5c5754;
	text-decoration: none;
}

#details .pageSection .pagesection2 .pagesection3 p.prodLink {
	margin: 0 0 0 0;
	padding: 0 0 0 0px;
	border: 0px dotted orange;
	font-size: 10px;
}


/* END pageSection styles */
/* END CENTER COLUMN */


/* RIGHT COLUMN - see rnav.css */
#assets {
  border: 0px dotted orange;
  }
/* END RIGHT COLUMN */

/* GLASS CALC */

#gc
{
	height:466;
	width:780;
	margin:0 0 0 0;
  display: inline;
}
	
/* END GLASS CALC */

/* FOOTER */

#footer {
  width: 780px;
  border: 0px dotted lime;
	margin: 0 0 0 0;
	height: 44px;
	vertical-align:middle;
  }

#footbox {
	width: 780px;
	height: 44px;
	background-color: #CCCCCC;
	clear: both;
	margin: 0 0 0 0;
	border: 0px dotted orange;
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
	color:White;
}

td.footer_left
{
	padding-left:12px;
}

td.footer_right
{
	padding-right:12px;
}

a.smallNav, span.smallNav 
{
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: White;
	cursor: hand;
	padding-right:5px;
	}

a.smallNav:hover, span.smallNav:hover 
{
	color: #5c5754;
	}

#pageEnd { 
	margin: 0 auto 0 auto;
	padding: 0;
	width: 800px;
	height: 10px;
	/*background: url("../images/footerShadow.gif") no-repeat;*/
	float: left;
	border: 0px dotted red;
	}

#pageEnd span {
  display: none;
  }

/* END FOOTER */

/* START  PRODUCTFINDER*/
tr.results
{
	font-size:9px;
	vertical-align:top;
}
select.productfinder
{
	width:150px;
}

input.productfinder
{
	width:30px;
}

th.productfinder-top
{
	border-left: 1px solid Gray;
	border-top: 1px solid Gray;
}

th.productfinder-topmiddle
{
	padding: 4px 4px 4px 4px;
	border-left: 1px solid Gray;
	border-top: 1px solid Gray;
	border-bottom: 1px solid Gray;
}

th.productfinder-topright
{
	border-top: 1px solid Gray;
	border-right: 1px solid Gray;
}

th.productfinder-bottom
{
	padding: 4px 4px 4px 4px;
	border-left: 1px solid Gray;
	border-bottom: 1px solid Gray;
}

th.productfinder-bottom-desc
{
	padding: 4px 4px 4px 4px;
	border-left: 1px solid Gray;
	border-bottom: 1px solid Gray;
}

th.productfinder-bottomright
{
	padding: 4px 4px 4px 4px;
	border-bottom: 1px solid Gray;
	border-right: 1px solid Gray;
}

span#productfinder a.productfinder, a.productfinder:visited {
	color: #5c5754;
	text-decoration: underline;
	}

span#productfinder a.productfinder:hover
{
	color:White;
}

td.result-left
{
	text-align:left;
	padding: 4px 4px 4px 4px;
	border-left: 1px solid Gray;
	border-bottom: 1px solid Gray;
}
td.result-shgc
{
	text-align:left;
	padding: 4px 4px 4px 9px;
	border-left: 1px solid Gray;
	border-bottom: 1px solid Gray;
}
td.result-air
{
	text-align:left;
	padding: 4px 4px 4px 4px;
	border-bottom: 1px solid Gray;
}
td.result-argon
{
	text-align:left;
	padding: 4px 4px 4px 12px;
	border-bottom: 1px solid Gray;
}
td.result-whole
{
	text-align:right;
	padding: 4px 4px 4px 4px;
	border-bottom: 1px solid Gray;
}
td.result-desc
{
	width:100%;
	text-align:left;
	padding: 4px 4px 4px 4px;
	border-bottom: 1px solid Gray;
}
td.result-right
{
	text-align:center;
	padding: 4px 4px 4px 4px;
	border-right: 1px solid Gray;
	border-bottom: 1px solid Gray;
}
/* END PRODUCTFINDER */