/* -------------------------------------------------------------- 
   
   layout.css
   * Put all your layout and positioning code here
   * Removes some of the default Blueprint styling from grid.css as well, but not much...
   * Leaving default styles alone for easier upgrading.
   
-------------------------------------------------------------- */
/* First, grid.css fixes */

body {
  margin:0 auto;
  padding:0;
  background:#841010 url(../images/GC-BG.jpg) top center repeat-y;
  font-family:Tahoma, Arial, Sans-Serif;  	
}

/* Layout styles */

#Header{
	height:199px;
	margin:0px;
	padding-right:10px;
	background-image:url(../images/GC-Header.jpg);
}

#HeaderLogo
{
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
}

#LR-Company{
	font-family:Times New Roman,serif;
	font-size:15px;
	text-transform:uppercase;
	color:#FFF;
	padding-left:275px;
	padding-top:107px;
}
#LR-Company a{
  color:#fff;
}


#ContentWrapper{
	background-color:#FFF;
	margin:0px;
	padding:0px;
}

#Content{
	background:url(../images/GC-HomeBackground.jpg) top right no-repeat #FFF;
	width:660px;
	min-height:435px;
	padding-top:25px;
	padding-left:10px;
	padding-bottom:10px; 
}

#Content a{
    color:#000;
}

#Content a:hover{
    color:#841010;
}

#MapContent ol li
{
	display:block !important;
	line-height:normal;
}

#ContentMain{
	background:#FFF;
	width:660px;
	min-height:390px;
	padding-top:70px;
	padding-left:10px; 
}

#ContentMain p{
    margin:0 12px 12px 0;
}

#ContentMain ol
{
	list-style:none;
	margin:0px 0 0 0px;
	padding:0;
}

#ContentMain ol li
{
	display:inline;
}

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

#ContentMain ul li a
{
	color:#000;
	text-decoration:none;
}

#ContentMain ul li a:hover
{
	color:#841010;
	text-decoration:underline;
}

#ContentInterior{
	background:url(../images/ProductBG.jpg) bottom right no-repeat #000;
	float:right;
	width:661px;
	min-height:600px;
	_height:600px;
	background-color:#000;
}

#Sidebar{
	background-color:#FFF;
	width:290px;
}

#Footer{
	background:url(../images/FooterBackground.jpg) top no-repeat;
	height:200px;
	color:#FFF;
	text-align:center;
	padding-top:38px;
	margin:0;
	font-size:12px;
}

#FooterInt{
	background:url(../images/FooterIntBG.jpg) top no-repeat;
	height:100px;
	color:#000;
	text-align:center;
	padding-top:38px;
	margin:0;
	font-size:12px;	
}

#ResourceStyle
{
	padding:10px;
	border:1px solid #000;
	width:75%;
}

#CalcContainer
{
	width:350px;
	float:left;
}

#CalcProjContainer
{
	float:left;
	width:40%;
	background:#EEE;
	margin-left:20px;
	min-height:200px;
	_height:200px;
}

.calcProjHeader
{
	background:#CCC;
	color:#5c5c5c;
	padding:5px;
	font-weight:bold;
	font-size:1.4em;
	position:relative;
}

.calcProjHeader li
{
	position:absolute;
	top:5px;
	right:0px;
}

#CalcProjContainer ol
{
	margin:5px;
	padding:5px;
	height:18px;
	border:1px solid #CCC;
	position:relative;	
}

#CalcProjContainer ol.blockProject
{
	margin:5px;
	padding:5px;
	height:60px;
	border:1px solid #CCC;
	position:relative;	
}

#CalcProjContainer ol.blockProject li
{
	display:block;
	margin-top:0;
}

#CalcProjContainer ol.blockProject li.calcNumHeader
{
	float:left;
	margin-top:0;
	width:50%;
}

#CalcProjContainer ul
{
	margin:0px;
	padding:0px;	
}

#CalcProjContainer ol li
{
	margin-right:12px;
	margin-top:12px;
}

#CalcProjContainer ol.calcSubHeader
{
	padding:0;
	color:#000;
	font-weight:bold;
	border:0 !important;
	margin:5px 5px 0 5px !important;
	display:block !important;
}

#CalcProjContainer ol.calcSubHeader li
{
	font-size:1.2em;
}

li.calcNumHeader
{
	font-weight:bold;
	width:50px;
}

#CalcProjContainer ol li input
{
	position:absolute;
	right:5px;
	top:5px;
}

#CalcProjContainer ol li.calcSqFt
{
	position:absolute;
	right:59px;
	top:-7px;
}

input.removeFromProject
{
	border:none;
	background:#841010;
	padding:1px;
	color:#fff;
	width:50px;
	font-size:.8em;
	font-weight:bold;
	border:1px solid #ccc;
	text-align:center;
}

input.removeFromProject:hover
{
	background:#5c5c5c;
}


.calcSubTotal
{
	text-align:right;
	margin:0 5px;
	padding-bottom:10px;
	border-bottom:1px dashed #5c5c5c;	
}

.calcSubTotal ul
{
	float:left;
	text-align:left;
}

input.projSubTotal
{
	border:none;
	background:#5c5c5c;
	color:#fff;
	font-size:1em;
	padding:2px;
	font-weight:bold;
	border:1px solid #ccc;
	text-align:center;	
}

input.projSubTotal:hover
{
	background:#841010;
}

input.CalcProjTotal
{
	border:none;
	margin:5px;
	width:72px !important;
	padding:0 3px;
	background:#5c5c5c;
	font-size:9px;
	color:#FFF;
	border:1px solid #ccc;
	float:right;
}

input.CalcProjTotal:hover
{
	background:#841010;
}

#ConCalc
{
}

#ConCalc ul
{
	list-style:none;

}

#ConCalc ul li
{
	display:inline;
	margin-right:10px;	
}

#ConCalc ul li a
{
	font-size:12px;
	display:inline;
	font-weight:bold;
	color:#000;	
}

#ConCalc ul li a:hover
{
	display:inline;
	font-weight:bold;
	color:#841010;	
}

#ResourcesCalc
{
	background:#000;
	width:95%;
	padding-left:10px;
}

#ResourcesCalc ol
{
	list-style:none;
}

#ResourcesCalc ol li
{
	display:inline;
	margin-right:15px;	
}

#ResourcesCalc ol li a
{
	color:#fff;
	text-decoration:none;
}

#ResourcesCalc ol li a:hover
{
	text-decoration:underline;
}

#BrickBlockBorder
{
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	width:95%;
	padding:10px 0 10px 8px;
}

#BrickBlockBorder li input
{
	margin-bottom:10px;
}

#BrickBlockBorder ol li div.calcLabel
{
	margin-top:5px;
}

.ConCalcForm
{
	margin:20px 20px 0 20px;
	padding:10px;
	color:#fff;
}


.hrLine{
	color:#000;
	border-bottom:1px solid #000;
}

.productContent{
	border-top:1px solid #FFF;
	margin:0;
	padding:0;
}

.imageHeader{
	color:#fff;
	font-size:24px;
	padding-left:15px;
	margin-top:-40px;
}

.prodHeader{
	color:#fff;
	font-size:24px;
	padding-left:15px;
	margin-top:-42px;
	margin-bottom:4px;
}

.productImage
{
	float:left;
}

.productType{
	font-size:28px;
	padding-top:5px;
	color:#FFF;
}

.productType a
{
	text-decoration:none;
	padding-top:5px;
	color:#FFF;
}

.productType a:hover
{
	text-decoration:none;
	font-family:Tahoma, Arial, Sans-Serif;
	color:#CCC;
}

.productCopy
{
	float:left;
	width:460px;
	margin-left:0px;
	margin-bottom:10px;
	color:#fff;
	font-size:11px;
}

.productCopyWide
{
	float:left;
	width:200px;
	margin-left:15px;
	margin-top:20px;
	color:#fff;
}

.subContent ul.subset
{
	margin-left:10px;
}

.subContent table
{
	width:300px;
}

.subContent table th
{
	font-size:12px;
	font-weight:bold;
	background:none;
	margin:0;
	padding:0;
}

.subContentL1{
	line-height:normal;
	margin:10px;
	position:relative;
	color:#FFF;
	border:1px solid #CCC;
	padding:10px;
	background:url(../images/SubContentBG-trans.png) repeat-y top right;
	width:620px;
	min-height:75px;
	_height:75px;
}

.subContent{
	line-height:normal;
	margin:10px;
	position:relative;
	color:#FFF;
	border:1px solid #CCC;
	padding:10px;
	background:none;
	width:620px;
	min-height:110px;
	_height:110px;
}

.subContentGreen{
	line-height:normal;
	margin:10px;
	position:relative;
	color:#FFF;
	padding:10px 0 0 0;
	background:none;
	width:620px;
}

.subContent p
{
	font-size:12px;
	width:450px;
}

.subContent a
{
	text-decoration:none;
	color:#FFF;
	font-size:17px;
}

.subContent a:hover
{
	color:#CCC;
}

.subContent ul
{
	list-style:none;
	float:left;
	display:block;
	margin-right:15px;
	position:relative;
	margin:5px 0;
	width:600px;
}

.subContent ul li
{
	margin-right:20px;
}

.subContent ul li ul li a
{
	font-size:12px;
}

.subContent ul li.imglink
{
	display:inline;
	margin-right:20px;
}

.subContent ul li.cipLink a
{
	font-size:14px;
	line-height:20px;
}

.subContent a span{
	font-size:10px;
	display:block;
	text-align:center;
	margin-right:25px;
	margin-bottom:10px;
	width:100px;
}

.subContent ol
{
	list-style:none;
	float:left;
	margin-right:15px;
	line-height:15px;
}

.subContent ol li
{
	display:block;
	font-size:15px;
	margin-right:20px;
}

.subContent ol li.para
{
	display:block;
	font-size:11px;
	width:400px;
	margin-bottom:3px;
}

.subContent ol li.para a
{
	font-size:11px;
	margin-bottom:3px;
	line-height:normal;
	text-decoration:underline;
}

.subContentL1:hover
{
	background:url(../images/SubContentHoverBG-trans.png) repeat-y top right;
}

.subContentL1 p
{
	font-size:12px;
	width:375px;
}

.subContentL1 a
{
	text-decoration:none;
	color:#FFF;
	font-size:17px;
}

.subContentL1 a:hover
{
	color:#CCC;
}

.subContentL1 ul
{
	list-style:none;
	float:left;
	display:block;
	margin-right:15px;
	position:relative;
	margin-bottom:5px;
	width:400px;
}

.subContentL1 ul li
{
	margin-right:20px;
}

.subContentL1 ul li ul li a
{
	font-size:12px;
}

.subContentL1 ul li.imglink
{
	display:inline;
	margin-right:20px;
}

.subContentL1 ul li.cipLink a
{
	font-size:14px;
	line-height:20px;
}

.subContentL1 a span
{
	font-size:10px;
	float:left;
	display:block;
	text-align:center;
	margin-right:25px;
	width:100px;
}

.subContentL1 ol
{
	list-style:none;
	float:left;
	margin-right:15px;
	line-height:15px;
}

.subContentL1 ol li
{
	display:block;
	font-size:15px;
	margin-right:20px;
}

.subContentL1 ol li.para
{
	display:block;
	font-size:11px;
	width:400px;
	margin-bottom:3px;
}

.subContentL1 ol li.para a
{
	font-size:11px;
	margin-bottom:3px;
	line-height:normal;
	text-decoration:underline;
}

.subContentNarrow{
	margin:0;
	padding:0;
	float:left;
	width:288px;
	min-height:288px;
	_height:288px;
}

.subContentNarrow{
	font-family:Tahoma, Arial, Sans-Serif;
	font-size:2.2em;
	margin:10px 10px 10px 10px;
	min-height:75px;
	_height: 75px;
	color:#FFF;
	border:1px solid #CCC;
	padding:10px;
}

.subContentNarrow a
{
	text-decoration:underline;
	font-family:Tahoma, Arial, Sans-Serif;
	padding-top:15px;
	line-height:30px;
	color:#FFF;
}

.subContentNarrow a:hover
{
	text-decoration:none;
	font-family:Tahoma, Arial, Sans-Serif;
	color:#CCC;
}

.subContentNarrow ul
{
	list-style:none;
	margin-right:15px;
	line-height:15px;
}

.subContentNarrow ul li
{
	display:inline;
	font-size:15px;
	margin-right:20px;

}

.subContentNarrow ol
{
	list-style:none;
	margin-right:15px;
	line-height:15px;
}

.subContentNarrow ol li
{
	display:block;
	font-size:15px;
	margin-right:20px;

}

.whRule
{
	height:1px;
	color:#FFF;
	padding:0;
	margin-top:-20px;
}
.clearProd
{
	clear:both;
	visibility:hidden;
}

.lastList
{
	margin-right:25px;
}

.clear
{
	clear:both;
	height:0;
}

.displayRequired
{
	vertical-align:middle;
}

.selected
{
	padding:12px 5px;
	margin:12px 3px;
	font-size:16px;
	background:#841010;
	font-weight:normal;

}

.notselected
{
	padding:13px 5px;
	margin:12px 3px;
	color:#fff;
	font-size:16px;
}

.AbsoluteImg
{
	float:right;
	margin-right:60px;
	display:inline;
	padding:0;
}

.AbsoluteImg img
{
	margin:auto 0;

}

.AbsoluteBig
{
	position:absolute;
	right:15px;
	top:15px;
}

td.admix
{
	width:125px;
	padding:0;
	margin:0;
}

td.admix a
{
	font-size:12px;
	margin:0;
	padding:0;
}

p.vapCopy
{
	font-size:11px;
	margin-top:3px;
	padding:0;
}

p.vapCopy a
{
	font-size:11px;
	margin:0;
	padding:0;
}

a.inline
{
	font-size:11px;
	text-decoration:underline;
}

.contactMap
{
	position:absolute;
	right:60px;
	top:250px;
	border:1px solid #ccc;	
}

.contactMap img
{
	width:175px;
}

a.exLink
{
	background:url(../images/exLink.gif) no-repeat left;
	padding:0 0 0 15px !important;
}

a.exLinkWhite
{
	background:url(../images/exLinkWhite.gif) no-repeat left;
	padding:0 0 0 15px !important;
}

#divPlant ol li
{
	display:block;
}

.calcProjReset
{
	font-size:10px;
	position:absolute;
	right:80px;
	top:5px;
}

p.aboutus{
    float:left;
    width:200px;
}

.subContentMap{
  line-height:normal;
  margin:10px;
  position:relative;
  color:#FFF;
  border:1px solid #CCC;
  padding:10px;
  background:none;
}

.subContentMap li a{
  color:#fff;
  font-size:16px;
  font-weight:bold;
  text-decoration:none;
}

.subContentMap li a:hover{
  color:#841010;
}

.subContentMap ul li ul li a{
  font-size:12px;
  font-weight:normal;
}

.subContentMap ul li{
  list-style:none;
  padding:2px 0;
}

.subContentMap ul li ul li{
  list-style-type:disc;
}