/*******************************************TAG STYLES******************************************************/
body
{
	/* This is a legacy style that was carried over */
	width: 960px;
	border: solid 1px #000000;
	margin: 0px;
	padding: 0px;
	/* for lightbox */
	overflow-x: hidden;
}

body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6,  ol, li, pre, form, fieldset, p, blockquote, th, td, img
{
	/* This is a legacy style that was carried over for ease of migration */
	margin: 0;
	padding: 0;
	color: #282B2E;
    font-family: Arial;
    font-size: 12px;

}

h4, h5, h6 
{
font-size:100%;
}

img
{
	border:none;
}

ul.NoMarginNoPadding
{
	/* This is a legacy style that was carried over for ease of migration */
	margin: 0;
	padding: 0;
}

h1
{
	/* This is a legacy style that was carried over for ease of migration */
	font-size: 17px;
	line-height: 17px;
	font-family: helvetica;
}

h2
{
	/* This is a legacy style that was carried over for ease of migration */
	font-size: 15px;
	line-height: 15px;
	font-family: helvetica;
}

a
{
	/* This is a legacy style that was carried over for ease of migration */
	text-decoration: none;
	color: #608bb8;
	
}
sup
{
	line-height: 0;
}
a:hover
{
	/* This is a legacy style that was carried over for ease of migration */
	text-decoration: underline;
}

input.text, textarea {
	border-style:solid none none solid;
	border-width:1px 0 0 1px;
}

input.text, select, textarea
{
	background-color:#F4F4F4;
	color:#666666;
	font-size:11px;
}

/***************************************END TAG STYLES******************************************************/

/***********************************GENERIC LAYOUT CLASSES**************************************************/
.container
{
	overflow:hidden;
}

.leftNav
{
	min-width:198px;
	width:198px;
	
	float:left;
	padding-bottom:2000px; /*This is important for column height - do NOT change!*/
	margin-bottom:-2000px; /*This is important for column height - do NOT change!*/
} 

.contentWithLeftNav
{
	width:760px;
	float:left;
	padding-bottom:2000px; /*This is important for column height - do NOT change!*/
	margin-bottom:-2000px; /*This is important for column height - do NOT change!*/
}

/**********************************END GENERIC LAYOUT STYLES************************************************/

/***********************************GENERIC SITEWIDE CLASSES************************************************/
.pngFix 
{
	/* This is a legacy style that should NOT be necessary because we have supersleight-min.js - kept here as a reminder not to port over from legacy */
}

.clear
{
	clear: both;
}

.clearLeft
{
	clear: left;
}

.clearRight
{
	clear: right;
}

.indent 
{
	padding-left:20px;
}

.indentSmall
{
	padding-left:10px;
}

.indentTop
{
	padding-top:5px;
}

.hang 
{
	text-indent: -1em; 
	margin-left: 1em; 
} 

.emphasis
{
	font-weight:bold;
}

.disabledfont
{
	color:Gray;
}

.error
{
	color:#FF0000;
	font-weight:bold;
}

.required
{
	color:#990000;
	font-weight:bold;
}

.required-light
{
	color: red; 
	visibility: visible;
}

.confirmation
{
	color:#00CC00;
	font-weight:bold;
}

.ActAsLink
{
	cursor:pointer;
}

.floatLeft
{
	float:left;
}

.cssLeft
{
	float: left;
	position: relative;
}

.floatRight
{
	float:right;
}

.cssRight
{
	float:right;
	position:relative;
}

.noDisplay, .cssDisplayNone
{
	display:none;
}

.FormTable
{
	margin-top:10px;
	font-size:12px;
}

.FormTable td
{
	vertical-align:top;
}

.FormTable td.PadTop
{
	padding-top:5px 
}

.FormTable td.indent
{
	padding-left:20px;
}

.BorderCollapse
{
	border-collapse:collapse;
	border-spacing:0;
}

.HorizontalList td
{
	padding-right:15px;
}

.RadioButtonIndent input
{
	clear:both;
	float:left;
}

.RadioButtonIndent label
{
	float:left;
}

.h1
{
	font-size: 25px;
	line-height: 33px;
	font-weight:normal;
	font-family: helvetica;
	margin-bottom:5px;
}

.Processing
{
	position:absolute;
	background-color:#FFFFFF;
	color:#608bb8;
	border:solid 2px #CCCCCC;
	width:125px;
	text-align:center;
	padding:15px;
	z-index:12;
}

/* Z-index of #mask must lower than #boxes .window */  
.mask {   
  position:absolute;   
  z-index:11;   
  background-color:#333333;   
  top:0px;
  left:0px;
  opacity:0.8;
  filter:alpha(opacity=80);
  padding:5px;
  height:100%;
  width:100%;
}   

/* video css*/

a.videoImage { 
   display:block; 
   float:left; 
   position:relative; 
   text-decoration:none; 
} 
        
a.videoImage span.play-button { 
   left:35%; 
   position:absolute; 
   top:25%; 
   visibility:visible; 
} 

/*classes for calendar popup*/

.popUpBubbleLeftBottom
     {
          width:280px;
         
          position:absolute;
          background-image:url("/siteimages/utility/PopUpDivPointerLeftBottom.png");
          background-repeat:no-repeat;
          background-position: left bottom;
          padding-top:10px;
          padding-right:10px;
          padding-left:25px;
          z-index:1000;
     }
     
     .popUpBubbleLeftTop
     {
         width:280px;
           /*height:400px;*/
          position:absolute;
         background-image:url("/siteimages/utility/PopUpDivPointerLeftTop.png");
          background-repeat:no-repeat;
           background-position: left top;
          padding-top:0px;
          padding-right:10px;
          padding-left:25px;
          z-index:1000;
     }     
     
     .popUpBubbleRightBottom
     {
          width:280px;
        
          position:absolute;
          background-image:url("/siteimages/utility/PopUpDivPointerRightBottom.png");
          background-repeat:no-repeat;
            background-position: right bottom;
          padding-top:10px;
           padding-right:25px;
          margin-right:5px;
          margin-left:5px;
          z-index:1000;
     }
     
     .popUpBubbleRightTop
     {
          width:280px;
          
          position:absolute;
          background-image:url("/siteimages/utility/PopUpDivPointerRightTop.png");
          background-repeat:no-repeat;
            background-position: right top;
          padding-top:0px;
           padding-right:25px;
          margin-right:5px;
          margin-left:5px;
          z-index:1000;
     }          
     
   
/*******************************END GENERIC SITEWIDE CLASSES************************************************/

/***************************START HEADER / FOOTER CLASSES***************************************************/

/*  header legacy styles start here */
#header
{
	width: 960px;
	height: 127px;
	position: relative;
	background: #ffffff;
}
#siteSearchContainer a
{
	color: #0168b3;
	font-size: 12px;
	font-family: Arial;
}
#header, #header a, #siteSearchContainer
{
	color: #0168b3;
	font-size: 14px;
	font-family: Arial;
}
#header a
{
	text-decoration: none;
	font-weight: normal;
}
#quickLinks
{
	height: 25px;
	width: 717px; /*width: 900px;   	padding: 7px;*/
	float: right;
	padding-top: 7px;
	padding-right: 0px; /*!important;   	padding-right: 338px;*/
	padding-bottom: 7px;
	padding-left: 7px;
	margin-right: 0px;
}
#quickLinks a:hover
{
    font-size: 11px;
  	text-decoration: underline !important;
  	font-weight: bold;
}

#quickLinks .selected
{
     font-size: 11px !important;
  	text-decoration: none !important;
  	font-weight: bold !important;
}



#quickLinks, #quickLinksMenu li a
{
	font-size: 11px;
}
#quickLinksMenu li
{
	font-size: 11px;
	color:#0168B3;
}
#siteSearchContainer
{
	/*float: right;*/
	position: absolute;
	top: 54px; /*right: 17px;*/
	left: 700px;
	z-index: 1;
}
#siteSearchContainer input#q
{
	height: 15px;
	color: #999999;
	width: 157px;
	border: solid 1px;
	border-color: #777766 #e7e5e5 #e7e5e5 #babaac;
	padding: 3px 10px;
}
#quickLinksMenu
{
	list-style-type: none;
	float: right;
	margin: 2px 10px 0 0;
}
#quickLinksMenu li
{
	display: block;
	float: left;
	padding: 0 10px 0 10px;
	border-left: solid 1px #cccccc;
}
#quickLinksMenu li.welcome
{
	display: block;
	float: left;
	border: 0px;
}
#quickLinksMenu .dvWelcome
{
	float: left;
    color: #0168B3;
    height: 15px;	
    z-index: 2002;
}

#quickLinksMenu .dvNotMe a
{
font-size: 9px;
}

#quickLinksMenu li.first
{
	border: 0;
	display:block;
	float: left;
	padding: 0 10px 0 2px;
}

.quickLinks_Language
{
	float:left;
	color:#999999;
	font-size: 11px;
}



#quickLinksMenu li#about
{
	padding: 1px 5px 0 5px;
}
#quickLinksMenu li#about a
{
	background: url(../img/about_arrow.jpg) no-repeat center left;
	padding: 1px 5px 0 20px;
}
#headerLogo
{
	margin-left: 27px;
	float: left;
}
#headerToolsMenu
{
	/*width: 450px;*/
	float: left;
	margin-top: 11px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 110px;
}
#headerToolsMenu ul
{
	list-style-type: none;
	margin: 0px;
}
#headerToolsMenu ul li
{
	float: left;
	margin-right: 5px;
}
.adjustedZIndex
{
	z-index: 100;
}
/*  this handles the toplevel menu in the header */


/* for searchtextbox on header */

#sitesearch_divSiteSearch
{
	/*margin-top:-5px;*/
	padding-top: 0px;
	position: relative;
	padding: 0px;
}

.searchtext
{
	background-image: none;
	border: 0 none;
	color: #666666;
	font-size: 11px;
	width: 221px;/*85*/
	float: left;
	margin: 0px;
}

.sitesearchform
{
	width: 245px;
	padding: 0px;
	position: absolute;
}

.sitesearchInnerForm
{
	border: solid 2px silver;
	position: absolute;
	background-color: #EEEEEE;
}

#ulNav
{
	position: absolute;
	border: solid 1px silver;
	width: 129px;
	font-size: 10px;
	margin-top: -16px;
	margin-left: 0px;
	background-color: #EEEEEE;
}

#ulNav ul
{
	list-style-type: none;
}

#ulNav ul li
{
	font-size: 10px;
	color: #0168B3;
	padding-left: 2px;
}

#linav
{
	font-size: 10px;
}

#divSearchTextBox
{
	float: left;
	width: 223px; /*90*/
	background-color: #FFFFFF;
	padding: 0;
	margin: 0;
}

#divSearchSelectedText
{
	width: 129px;
}

#divSearchDropDown
{
	padding-top: 2px;
	width: 131px;
	float: left;
	font-size: 10px;
}

#divSearchDropDown span
{
	font-size: 10px;
	color:#0168B3;
}

#divSearchButton
{
	float: right;
	vertical-align: top;
	background-image: url('/SiteImages/Utility/magGlass.png');
	height: 18px;
	width: 18px;
	cursor: pointer;
	margin: 0;
}

#divSearchHeader
{
	text-align: left;
	padding-left: 5px;
	width: 200px;
	font-size: 8pt;
	color: #FFFFFF;
	font-weight: bold;
	background-image: url('/SiteImages/HeaderFooterImages/SearchHeader.png');
	background-repeat: no-repeat;
}


.highlightSelection, .currentSelection
{
	background-color: #CCCCCC;
	cursor: pointer;
	font-weight: normal;
}


#selectArrow
{
	float: right;
	margin-top: 3px;
	margin-left: 1px;
	margin-right: 1px;
	font-weight: bolder;
	width: 9px;
	height: 8px;
	max-height: 8px;
	background-repeat: no-repeat;
	background-image: url('/SiteImages/Utility/selectArrow.png');
}
/* end searchbox css */

#navMenu
{
	height: 24px;
	width: 960px;
	position: absolute;
	bottom: -1px !important;
	bottom: -2px;
	left: 0px;
	border-top: solid 1px #cacaca;
	border-bottom: 1px solid #cacaca;
}
#navMenu ul
{
	list-style-type: none;
	margin: 0px;
}
#navMenu ul li
{
	display: block;
	height: 24px;
	float: left;
	width: 189px;
	text-align: center;
}
#navMenu ul li#professionalsNavLink
{
	width: 192px;
}
#navMenu ul li.first
{
	width: 197px;
	border: none;
	background: #e2e0e0;
}
#navMenu ul li.separator
{
	display: block;
	width: 1px;
	height: 12px;
	background: #6a9ad9;
	margin-top: 6px;
}
#navMenu ul li a
{
	line-height: 24px;
	display: block;
	width: 100%;
}
#navMenu ul li a:hover, #navMenu ul li a.selected, #navMenu ul li a.menuHover
{
	color: #ffffff !important;
	background: #608bb8 !important;
	text-decoration:underline;
}
#navMenu ul li#sustainableBuildingMainNav a:hover, #navMenu ul li#sustainableBuildingMainNav a.selected, #navMenu ul li#sustainableBuildingMainNav a.menuHover
{
	background-color: #5ba045 !important;
}
#navMenu ul li.first a:hover
{
	background: #e2e0e0;
	color: #0168b3;
}
/* end toplevel menu */

/*Handles Submenus*/
#bpMenuContainer
{
	position: absolute;
	top: 127px;
	left: 0px;
	z-index: 1000;
	max-width:436px;
	padding-bottom:4px;
	background: #608bb8;
	border-bottom: solid 1px #4974a1;
}

#bpMenuIframe
{
	position: absolute;
	top: 127px;
	left: 0px;
	z-index: 999;
}

.bpMenu
{
	z-index: 1999;
	color: #0168b3;
	font-size: 14px;
	font-family: Arial;
	font-weight: normal;
	overflow:hidden;
	padding:5px;
}

.bpMenu .categoryHeader
{
	display: block;
	/*font-weight: bold;*/
	color: #000000;
	/*border: solid;
	border-width: 1px 0;*/
	font-size: 18px;
	border-top-color: #4974a1;
	border-bottom-color: #6b96c3;
	margin:10px 10px 0 0;
	padding: 8px 0 0 0px;
	width:210px;
}

.bpMenu .CategorySeparator
{
	background: url("/siteimages/utility/megamenu-break.gif") repeat-x scroll 0 0 transparent;
}

.bpMenu .ProductsContainer, .bpMenu .RecentlyViewedContainer
{
	float:left;
}

.bpMenu .ProductsContainer
{
	padding-left:24px;
}

.bpMenu .RecentlyViewedContainer
{
	overflow:hidden;
	background-color:#95B3D3;
	padding:5px 25px 2000px 10px;
	margin: 0px 0px -2000px 19px;
	height:auto;
}

.bpMenu ul.Products
{
	list-style-type: none;
	margin: 0px;
	padding:0px;
	width:220px;
}
.bpMenu ul.Products li
{
	/*border: solid;
	border-width: 1px 0;
	border-top-color: #4974a1;
	border-bottom-color: #6b96c3;*/
}
.bpMenu ul.Products li a
{
	cursor: pointer;
	font-family: Arial;
	font-size: 14px;
	line-height:15px;
	/*font-weight: bold;*/
	color: #ffffff;
	padding: 2px 0 1px 0px;
	display: block;
	width: 230px;
	text-decoration: none;
}
.bpMenu ul.Products li a:hover
{
	/*background: #81b3e6;*/
	text-decoration:underline;
}

.bpMenu ul.recently-viewed
{
	list-style-type: none;
	margin: 4px;
	float:right;
	padding:0px;
	width:120px;
	overflow:hidden;
}

.bpMenu ul.recently-viewed .header
{
	font-size:14px;
	color:#FFFFFF;
}

.bpMenu ul.recently-viewed li
{
	padding-top:13px;
	font-size:11px;
}

.bpMenu ul.recently-viewed a
{
	color:#000000;
}

.bpMenu ul.recently-viewed a:hover
{
	text-decoration:underline;
}

#bpControl
{
	float: right;
	z-index: 2000;
}

#icMenu, #icMenuIframe
{
	left: 200px;
	width:195px;
}
#proMenu
{
	width: 240px;
	left: 721px;
}

#proMenu ul li a
{
	width: 230px;
}



#ftpMenu, #ftpMenuIframe
{
	width: 252px;
	left: 707px;
}

#ftpMenu ul li a
{
	width: 243px;
}
#icMenu ul li a {
    width: 187px;
}
#lcMenu, #lcMenuIframe
{
	left: 353px;
}

#bsMenu, #bsMenuIframe
{
	left: 583px;
}
/* Overwrite existing main nav styling for The "Sustainable Building" main dropdown*/
#sbMenu, #sbMenuIframe
{
	left: 393px;
}

#sbMenu
{
	border: solid 1px #90b46a;
}
#sbMenu ul li
{
	border-color: #90b46a;
}
#sbMenu ul li a
{
	color: #545451 !important;
	background: #d8e0bc;
	cursor: pointer;
	display: block;
	font-family: Arial !important;
	font-size: 11px !important;
	font-weight: bold !important;
	padding: 5px 0 1px 9px;
	text-decoration: none;
	width: 157px;
}

#sbMenu ul li a
{
	border-top-color: #90b46a;
}

#sbMenu ul li a:hover
{
	background: #ecf0de;
	text-decoration: none;
}
/* End "Sustainable Building" main dropdown */


.dropDownMenu
{
	background: #CEE2F3 none repeat scroll 0 0;
	border: 1px solid #5889B7;
	display: none;
	position: absolute;
	top: 127px;
	width: 166px;
	z-index: 2003;
}

.dropDownMenu ul
{
	list-style-type: none;
}

.dropDownMenu ul li.first
{
	border-top: medium none;
}

.dropDownMenu ul li
{
	border-color: #97B6D5;
	border-style: solid;
	border-width: 1px 0 0;
	padding: 0;
}

.dropDownMenu ul li a
{
	color: #45719F !important;
	cursor: pointer;
	display: block;
	font-family: Arial !important;
	font-size: 11px !important;
	font-weight: bold !important;
	padding: 5px 0 1px 9px;
	text-decoration: none;
	width: 157px;
}

.dropDownMenu ul li a:hover
{
	background: #cccccc;
	text-decoration: none;
}

.dropDownIframe
{
	display: none;
	position: absolute;
	top: 127px;
	width: 166px;
	z-index: 2002;
}

/*End Submenus*/

/* header legacy styles end here */

/*regionmodal styles*/
.cssBgWhite
{
	background-color: #ffffff;
}
.minHeight
{
	float: right;
	width: 1px;
}

.cssHeaderImg
{
	display: block;
}
/* Region Pop-Up Window */
#regionContentModal
{
	padding: 20px 0px 0px 50px;
	background: url(../img/img_map_bg.gif) no-repeat top right;
	width: 550px;
	font-family: helvetica, arial;
	font-size: 13px;
	line-height: 17px;
	color: #000000;
	font-weight: normal;
}
#regionContentModal .minHeight
{
	height: 250px;
}
#regionContentModal .cssHeaderImg
{
	padding: 0 0 12px 2px;
}
#regionContentModal #regionOptions
{
	position: absolute;
	top: 130px;
}
#regionContentModal #regionOptions .cssRegionBlockBg, #regionContentModal #regionOptions .cssRegionBlock
{
	width: 410px;
	padding: 10px 20px 10px 12px;
	position: absolute;
}
#regionContentModal #regionOptions .cssRegionBlockBg
{
	background-color: #90b3d7;
	opacity: .25;
	filter: alpha(opacity=25); /* ie */
	-moz-opacity: .25; /* mozilla */
	z-index: 1;
	height: 16px;
}
#regionContentModal #regionOptions .cssRegionBlock
{
	z-index: 2;
	font-size: 11px;
	line-height: 16px;
	font-family: arial;
	vertical-align: middle;
}
#regionContentModal #regionOptions .cssRegionBlock a
{
	color: #0056ca;
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
}
#regionContentModal #regionOptions .cssRegionBlock h1, #regionContentModal #regionOptions .cssRegionBlock h2
{
	display: inline;
	padding-right: 10px;
}
#regionContentModal #regionOptions .cssRegionBlock input
{
	width: 90px;
	margin: 0px;
	padding: 0px;
}
/* End Region Pop-Up Window */
/* end regionmodal styles */





#footer
{
	/*width: 940px; - 940px seems too small - if it has to be explicit, I would try 956px*/
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	border-top: solid 7px #6a9acc;
}

.footerNav
{
	/*clear:both; */ /*float:left;*/
	width: 940px;
	height: 42px;
	overflow: hidden;
	padding-top: 5px;
}

/*#footerURL, #footerURLBottom {
	  padding:0;
	  margin:0 auto;
	  list-style-type:none;
	  /*float:left;*/
/*position:relative;*/
/*left:50%;*/
/*padding-left:20%;
	  padding-right:20%	  
  	}*/

/*#footerURLBottom {	  
	padding-left:30%;
	padding-right:30%;	  
  	}*/

.footerURLEnglish
{
	padding-left: 16% !important;
	padding-right: 16% !important;
}

.footerURLBottomEnglish
{
	padding-left: 27% !important;
	padding-right: 20% !important;
}

.footerURLSpanish
{
	padding-left: 2% !important;
	padding-right: 2% !important;
}

.footerURLBottomSpanish
{
	padding-left: 12% !important;
	padding-right: 12% !important;
}

.footerURLFrench
{
	padding-left: 8% !important;
	padding-right: 8% !important;
}

.footerURLBottomFrench
{
	padding-left: 12% !important;
	padding-right: 12% !important;
}

#footerURLDiv ul
{
	padding: 0 0 5px 0; /*IE compatibility*/ 
	float: left;
	margin: 0 auto;
	list-style-type: none;
	width: 980px;
}

#footerURLDiv li
{
	float: left; /*position:relative;*/ /*right:50%;*/
	border-left: solid 1px #3067b1;
	height: 10px;
}

#footerURLDiv li.first
{
	border: none;
}

#footerURLDiv a
{
	width: auto;
	display: block;
	padding: 0px 20px;
	color: #3067b1;
	font-family: arial;
	font-size: 10px;
	text-decoration: none;
}

#footerURLDiv a:hover
{
	color: #666666;
}

#disclaimer
{
	font-family: arial;
	font-size: 10px;
	color: #999999;
	width: 910px;
	margin: 5px auto;
	text-align: left; /*float: left;*/ /*This property was set in what we were provided by NetPlus marketing, but, it causes issues in FireFox*/
}
#disclaimer #contact
{
	font-family: arial;
	font-size: 10px;
	color: #666666;
	/*float: left;*/
	margin-top: 5px;
	width: 900px;
}
/* footer legacy styles end here */

/***************************END HEADER / FOOTER CLASSES***************************************************/

/*sitewide faq classes*/

.ArrowImg
{
	padding-left: 2px;
}

.FAQBoxes
{
	padding-left: 35px;
	padding-right: 10px;
	border-width: 1px;
	border-style: none solid none solid;
	border-color: #d8d8d8;
	font-size: 12px;
	font-family: Arial;
	color:  #4c4c4c;
}
.FAQBoxes p
{
	padding: 5px 0px;
}

/* Border & HR Colors */

.BorderLeftBlue
{
	border-left: 10px solid #3586FB;
}
.BorderLeftLightBlue
{
	border-left: 10px solid #C2DAFE;
}
.HRBlue
{
	color:#608BB8;	
	background-color:#608BB8;	
	height:1px;
	border:none;
}

.BorderLeftBrown
{
	border-left: 10px solid #BC8F4D;
}
.BorderLeftLightBrown
{
	border-left: 10px solid #E3D0B5;   
}
.HRBrown
{
	color:#BC8F4D;	
	background-color:#BC8F4D;	
	height:1px;
	border:none;
}

.BorderLeftGreen
{
	border-left: 10px solid #66A70A;
}
.BorderLeftLightGreen
{
	border-left: 10px solid #cbe1ab;
}
.HRGreen
{
	color:#66A70A;	
	background-color:#66A70A;	
	height:1px;
	border:none;
}

.BorderLeftGrey
{
	border-left: 10px solid #5B6168;
}
.BorderLeftLightGrey
{
	border-left: 10px solid #CDCFD1;
}
.HRGrey
{
	color:#5B6168;	
	background-color:#5B6168;	
	height:1px;
	border:none;
}

.BorderLeftMaroon
{
	border-left: 10px solid #B02E22;
}
.BorderLeftLightMaroon
{
	border-left: 10px solid #E9C5C1;
}
.HRMaroon
{
	color:#B02E22;	
	background-color:#B02E22;	
	height:1px;
	border:none;
}

.BorderLeftOrange
{
	border-left: 10px solid #F5933D;
}
.BorderLeftLightOrange
{
	border-left: 10px solid #FCDCC1;
}
.HROrange
{
	color:#F5933D;	
	background-color:#F5933D;	
	height:1px;
	border:none;
}

.BorderLeftPurple
{
	border-left: 10px solid #8835FB;
}
.BorderLeftLightPurple
{
	border-left: 10px solid #DEC7FE;
}
.HRPurple
{
	color:#8835FB;	
	background-color:#8835FB;	
	height:1px;
	border:none;
}

.BorderLeftRed
{
	border-left: 10px solid #F53D43;
}
.BorderLeftLightRed
{
	border-left: 10px solid #FCDCC1;
}
.HRRed
{
	color:#F53D43;	
	background-color:#F53D43;	
	height:1px;
	border:none;
}

.BorderLeftYellow
{
	border-left: 10px solid #FBCA35;
}
.BorderLeftLightYellow
{
	border-left: 10px solid #FEEFC0;
}
.HRYellow
{
	color:#FBCA35;	
	background-color:#FBCA35;	
	height:1px;
	border:none;
}
/*	MODAL WINDOW STYLES	*/
.modalWindow {
	/*
		Every modal window div should have this class definition so that minimal css
		will need to be implemented for future modal windows.
	*/
	display: none;
	/*visibility: hidden;*/
	border: 4px solid #959fac;
	position: absolute;
	padding: 22px 0px 16px 25px !important;	
	padding-right: 0px;
	z-index: 2002;
	background-color: #ffffff;
	color: #000000;
}
.modalWindow, .modalWindow a, .modalWindow td, .modalWindow li {
	font-family: arial;
	font-size: 10px;
	line-height: 12px;
}
	.modalWindow .closeButton {
		float: right;
		position: relative;
		top: -22px;
		right: 0px;
	}
		.modalWindow .closeButton img.btnClose {
			padding: 1px;
			
			border: 1px solid #959fac;
		}
		.modalWindow .closeButton a.lnkClose {
			position: relative;
			top: -2px;
		}
		
#modalDropShadow {
	padding-top: 12px;
	background: url(http://dev.codeworksonline.com/certainteed/img/img_modalDropShadowTop.png) top left repeat-x;
	display: none;
	visibility: hidden;
	position: absolute;
}
	#modalDropShadow .dropShadowRight, #modalDropShadow .dropShadowBottom, #modalDropShadow .dropShadowLeft {
		background-position: top left;
	}
	#modalDropShadow .dropShadowRight, #modalDropShadow .dropShadowLeft {
		width: 12px;
		background-repeat: repeat-y;
	}
	#modalDropShadow .dropShadowRight {
		float: right;
		background-image: url(http://dev.codeworksonline.com/certainteed/img/img_modalDropShadowRight.png);
	}
	#modalDropShadow .dropShadowBottom {
		clear: both;
		background-repeat: repeat-x;
		background-image: url(http://dev.codeworksonline.com/certainteed/img/img_modalDropShadowBottom.png);
		height: 12px;
	}
	#modalDropShadow .dropShadowLeft {
		float: left;
		background-image: url(http://dev.codeworksonline.com/certainteed/img/img_modalDropShadowLeft.png);
	}

#finishesModal {
	width: 554px;
	top: 164px;
	left: 232px;
}

#viewLargerModal{
	top: 164px;
	left: 72px;
}

	#finishesModal h2 {
		font-family: arial;
		color: #3067b1;
		padding-bottom: 4px;
	}
	#finishesModal td {
		line-height: 14px;
		padding: 10px 20px 0 0;
	}
/*	END MODAL WINDOW STYLES	*/

/* case studies styles lifted from legacy*/

#subPhotoNav {
		background-color: #fcf5eb;
		padding: 6px 5px 3px 5px;
		border-bottom: 1px solid #cccccc;
		vertical-align: top;
		font-size: 9px;
		line-height: 15px;
		color: #adacac;
	}
	.cssMagnifyingGlass {
	display: inline; width: 13px; height: 13px;clear: left; margin-top: 2px; padding-right: 5px;
}
.caseStudyProductLink{line-height: 18px;}

#welcomeMenu
{
	 position: absolute; 
	 top: 15px; 
	 left: 0;
	 padding: 5px; 
	 background-color: #FFFFFF; 
	 border-bottom: solid 1px #CBDEFF;
	 z-index: 2002;
}
#welcomeMenu li
{
	clear: left; 
	padding-left: 0; 
	border: none; 
	width: 105px;
}
/*  copied from legacy for tabs / details */
#tabSystem {
	padding-top: 33px !important;
	padding-top: 20px;
	clear: right;
}
#tabs {
	float: left;
}
	#tabs ul {
		list-style-type: none;
	}
	#tabs td, #tabs li {
		height: 26px;
		border-left: 1px solid #d1d1d1;
		background: url(../img/img_tab_bg.gif) repeat-x bottom;
		font-family: arial;
		font-size: 12px;
		line-height: 15px;
		font-weight: bold;
		color: #a6a6a6;
	}
	#tabs li {
		float: left;
	}
	#tabs li#tabOverview {
		width: 71px;
	}
	#tabs li#tabTechnicalInformation {
		width: 140px;
	}
	#tabs li#tabInstallation {
		width: 83px;
	}
	#tabs li#tabWarranty {
		width: 72px;
	}
	#tabs li#tabGreenInformation {
		width: 122px;
	}
	#tabs li#tabViewByProduct {
		width: 140px;
	}
	#tabs li#tabViewByDocument {
		width: 140px;
	}
	
	
		#tabs td a, #tabs li a {
			color: #a6a6a6;
		}
		#tabs li a {
			display: block;
			cursor: pointer;
		}
	#tabs .selected {
		background: url(../img/img_tabOn_bg.gif) repeat-x top;
		border-left: 1px solid #aeaeae;
		color: #3067b1;
	}
		#tabs .selected a, #details a {
			color: #3067b1;
		}
		#tabs td .cssRightBG, #tabs li .cssRightBG {
			float: right;
		}
		#tabs td .cssTabText, #tabs li a.cssTabText {
			/*padding: 5px 10px 5px 0;*/
			padding: 6px 0 5px 4px;
			text-align: center;
			white-space: nowrap;
		}

#detailsTopBorder {
	height: 25px;
	border-bottom: 1px solid #aeaeae;
	float: left;
}
#details {
	width: 671px;
	padding: 21px 0px 14px 16px;
	border: solid #aeaeae;
	border-width: 0px 1px 1px 1px;
	position: relative;
	top: 26px !important;
	top: 1px;
	color: #000000;
	font-weight: normal;
	font-size: 11px;
	line-height: 16px;
}



	#details ul {
		margin-left: 15px;
	}
	#details ul.productIconKeys {
		list-style-type: none;
		clear: left;
		margin: 0px;
		padding: 0px;
	}
		#details ul.productIconKeys li {
			float: left;
			padding: 0 12px 10px 0;
			margin-bottom: 0px;
			height: 42px;
		}

	#details #detailContent {
         padding:0 28px 0 0;
         float: left;
         background: none;
         border-right: solid 2px #E0E0E0;
	}
	#details .thumbnail {
		 padding: 0 0 10px 26px;
         float: left;
         background: none;
	}
		#details .thumbnail a {
			line-height: 13px;
		}


		#details .thumbnail .imgContainer {margin-bottom: 5px !important; text-align: center;}

		#details .thumbnail #tblBrochureLinks a {
			font-weight: normal;
		}
		#tabDetailMinHeight {
float:right;
height:320px;
width:1px;
}
.tabSystemDetail {
float:left;
}
/***********************************SITEWIDE HORIZONTAL MODULES CLASSES**************************************************/
.horizontalmodulesleftnav
{
	width:  960px;
	margin: 0 auto;
}

.horizontalmodulesleftnav li
{
	list-style:none; 
}

.content-area
{  
	background: url( "../SiteImages/Products/Ceilings/ceilings-leftnav-bg.gif" ) no-repeat scroll left top #FFFFFF;
	display: block;
	float: right;
	padding: 0 18px 20px;
	margin: 0;
	width: 729px;
}

.content-area-no-nav
{  
	background-image: url("../SiteImages/Products/Ceilings/ceilings-nonav-bg.png" );
	background-position: left top;
	background-repeat:no-repeat;
	background-color:  #FFFFFF;
	display: block;
	float: right;
	padding: 0 18px 20px;
	margin: 0 98px 0 97px;
	width: 729px;
}

.content-area-blue
{  
	float:  left;
	background:  none;
	width:  727px;
	border-left:  197px solid #6A9ACC;
}

.content-area-green
{  
	float:  left;
	background:  none;
	width:  727px;
	border-left:  197px solid #6CAE55;
}

.content-area-darkgreen
{  
	float:  left;
	background:  none;
	width:  727px;
	border-left:  197px solid #68913F;
}

.content-area-gray
{  
	float:  left;
	background:  none;
	width:  727px;
	border-left:  197px solid #AAA8A8;
}

.content-area-insulation
{  
	float:  left;
	background:  none;
	width:  768px;
	border-left:  156px solid #AAA8A8;
}
.leftNav-old .BKLeftNavDiv
{
	margin-bottom: 0;
	padding-bottom: 0;
	width: 197px !important;
}

.leftNav-old .bldgresptierLeftNav
{
	margin-bottom: 0;
	padding-bottom: 0;
	width: 197px !important;
}

.leftNav-old .professionalLeftNav
{
	margin-bottom: 0;
	padding-bottom: 0;
	width: 197px !important;
}

.leftNav-old .dvInsLeftNav
{
	margin-bottom: 0;
	padding-bottom: 0;
}
.leftNav-old .Ceilings_LeftNavContainer
{
	background:  none;
	margin-bottom: 0;
	padding-bottom: 0;
	width: 197px !important;
}
.leftNav-old .SolarLeftNav
{
	margin-bottom: 0;
	padding-bottom: 0;
	width: 197px !important;
}
.leftNav-old .adbLeftNav
{
	margin-bottom: 0;
	padding-bottom: 0;
	width: 197px !important;
}
.leftNav-old
{
	margin-bottom: 0;
	padding-bottom: 0;
	width: 195px;
	margin-right: -195px;
	position: relative;
}
.horizontaldivider
{
	border-bottom: 1px solid #B3B3B3; 
	width:600px; 
	display:inline-block;  

	margin: 0px 40px 0px 90px ;
	
	
	}
.horizontalmodulesleftnav div.header
{
	clear: both;
	color: #444;
	display: block;
	min-height: 28px;
	margin: 0 0 20px 30px;
	padding: 0 0 5px;
	position: relative;
}
.horizontalmodulesleftnav div.header h2
{
	color: #444;
	display: inline-block;
	font-size: 19px;
	font-weight: normal;
	line-height: 22px;
	padding: 0 0 5px;
}
.ie7 .horizontalmodulesleftnav div.header h2
{
	display: inline;
	float: left;
	zoom: 1;
}
/***********************************END SITEWIDE HORIZONTAL MODULES CLASSES**************************************************/
/***********************************SITEWIDE LEFTNAV CLASSES**************************************************/
.LeftNavContainer
{
	
	display: block;
	float: left;
	margin: 0;
	padding: 20px 18px 50px;
	width: 165px;
	
	
	
}

.LeftNavContainer h2
{
	margin: 0 0 20px;
}

.LeftNavContainer h2 a
{
	color: #444444;
	font: bold 16px/16px Arial,Helvetica,sans-serif;
	text-transform: uppercase;
}

.LeftNavContainer .extra-info
{
	text-align: center;
}

.LeftNavContainer .extra-info h3
{
	color: #444444;
	font-size: 15px;
	font-weight: bold;
	line-height: 19px;
	margin: 0 0 4px;
}

.LeftNavContainer .extra-info a
{
	color: #0168B3;
	display: block;
	font-size: 12px;
	font-weight: bold;
	margin: 5px 0;
}

.LeftNav ul
{
	color: #444444;
	display: block;
	list-style: none outside none;
	margin: 0 0 35px;
	padding: 0;
	width: 165px;
}

.LeftNav li
{
	color: #444444;
	display: block;
	font-size: 13px;
	font-weight: normal;
	list-style: none outside none;
	margin: 0;
	padding: 0;
	width: 165px;
}

.LeftNav li.LefNav_Active
{
	font-weight: bold !important;
}

.LeftNav li.ResourceList
{
	padding-top: 30px;
	font-size: 13px !important;
	font-weight: bold;
}
.LeftNav li.ResourceList a
{
	color: #5F6062;
	border-bottom: 0px none !important;
	padding: 6px 0;
}

.LeftNav_InActive
{
	color: #444444 !important;
	text-decoration: none !important;
	display: block;
	font-size: 10px !important;
	font-weight: normal;
	margin: 0;
	cursor:  pointer;
}

.LeftNav li a
{
	border-bottom: 1px solid #E5E5E5;
	color: #0168B3;
	display: block;
	outline: 0;
	padding: 6px 15px;
}

.LeftNav li.LeftNav_Closed
{
	background: url( "../SiteImages/Products/Ceilings/ceilings-leftnav-closed.gif" ) no-repeat scroll 0 9px transparent;
}

.LeftNav li.LeftNav_Open
{
	background: url( "../SiteImages/Products/Ceilings/ceilings-leftnav-open.gif" ) no-repeat scroll 0 9px transparent;
}

.LeftNav li.LeftNav_Level_2
{
	margin-left: 15px;
}

.LeftNav li.LeftNav_Level_3
{
	margin-left: 30px;
}

.LeftNav li.LeftNav_Level_4
{
	font-weight: normal !important;
	margin-left: 45px;
}

.LeftNav_Level_11
{
	border-bottom: 0px none !important;
	font-size: 12px !important;
	font-weight: normal !important;
	padding: 6px 0px !important;
}

.LeftNav li.LeftNav_Hidden
{
	display:  none;
}
/***********************************END SITEWIDE LEFTNAV CLASSES**************************************************/

/***********************************SITEWIDE ASPOTS CLASSES**************************************************/
.aspot
{
	display: block;
	margin: 0 0 20px -16px;
	position: relative;
	width: 760px;
	z-index: 10;
}
.content-area-blue .aspot, .content-area-green .aspot, .content-area-gray .aspot, .content-area-darkgreen .aspot
{
	margin-left:  -18px;
	padding-top:  1px;
}

.aspot .carousel
{
	display: block;
	height: 280px;
	margin: 0 0 20px;
	position: relative;
	overflow: hidden;
	width: 760px;
	z-index: 5;
}
.aspot .slides_nav
{
	display: block ;
	height: 15px ;
	left: 15px ;
	margin: 0 ;
	padding: 0 ;
	position: absolute;
	top: 255px ;
	z-index: 10;
}
.aspot .slides_nav ul
{
	display: block ;
	float: left ;
	height: 15px ;
	list-style: none ;
	margin: 0 !important;
	padding: 0 !important;
	width: auto;
	z-index: 10;
}
.aspot .slides_nav li
{
	display: block ;
	float: left ;
	height: 15px ;
	margin: 0 1px !important;
	overflow: hidden;
	padding: 0 !important;
	text-indent: 100%;
	width: 12px;
	white-space: nowrap;
}
.aspot .slides_nav li .faux-link
{
	background: url(../SiteImages/Products/Ceilings/ceilings-aspot-slider-slide.png) no-repeat 0 0;
	cursor: pointer;
	display: block;
	height: 15px;
	width: 100%;
}
.ie .aspot .slides_nav li .faux-link
{
	background: url(../SiteImages/Products/Ceilings/ceilings-aspot-slider-slide.png) no-repeat 0 0 !important;
	filter: none !important;
}

.aspot .slides_nav .activeSlide a
{
	background: url(../SiteImages/Products/Ceilings/ceilings-aspot-slider-active.png) no-repeat 0 0;
	cursor: default;
}


.aspot-nav
{
	position: absolute;
}
.aspot-nav li
{
	float: left;
	list-style-type: none;
}

.aspot-nav li a
{
	background: url( "../../../SiteImages/Products/Ceilings/ceilings-aspot-slider-slide.png" ) no-repeat scroll 0 0 transparent;
	display: block;
	height: 15px;
	width: 15px;
}
.aspot-nav li.activeSlide a
{
	background: url( "../../../SiteImages/Products/Ceilings/ceilings-aspot-slider-active.png" ) no-repeat scroll 0 0 transparent;
}



.aspot .slides_nav li.active .faux-link
{
	background: url(../SiteImages/Products/Ceilings/ceilings-aspot-slider-active.png) no-repeat 0 0;
	cursor: default;
}
.ie .aspot .slides_nav li.active .faux-link
{
	background: url(../SiteImages/Products/Ceilings/ceilings-aspot-slider-active.png) no-repeat 0 0 !important;
	filter: none !important;
}
.aspot .slides_nav p.button
{
	display: block;
	float: left;
	height: 15px;
	margin: 0 5px;
	overflow: hidden;
	padding: 0;
	text-indent: 100%;
	width: 10px;
	white-space: nowrap;
}
.aspot .slides_nav p.button .previous
{
	background: url(../SiteImages/Products/Ceilings/ceilings-aspot-slider-previous.png) no-repeat 0 0;
	cursor: pointer;
	display: block;
	height: 15px;
	width: 100%;
}
.aspot .slides_nav p.button .next
{
	background: url(../SiteImages/Products/Ceilings/ceilings-aspot-slider-next.png) no-repeat 0 0;
	cursor: pointer;
	display: block;
	height: 15px;
	width: 100%;
}
.aspot ul
{
	display: block;
	height: 280px;
	list-style: none;
	margin: 0 0 20px;
	padding: 0;
	overflow: hidden;
	width: 760px;
	z-index: 5;
}
.aspot li
{
	display: list-item;
	float: left;
	height: 280px;
	margin: 0 !important;
	padding: 0 !important;
	position: relative;
	width: 760px;
	z-index: 5;
}
.aspot li .slide
{
	display: block;
	left: 0;
	position: absolute;
	top: 0;
	z-index: 5;
}
.aspot li .header
{
	display: block;
	margin-left: 15px !important;
	position: absolute;
	top: 20px;
	width: 550px;
	z-index: 5;
}
.aspot li .header h2
{
	background: rgba(0,0,0,0.6);
	color: #fff;
	display: inline-block;
	font-size: 24px !important;
	font-weight: normal !important;
	line-height: 26px !important;
	margin: 0;
	padding: 12px 12px 6px 12px !important;
}
.ie7 .aspot li .header h2, .ie8 .aspot li .header h2
{
	background: url( "http://www.certainteed.com/SiteImages/SiteLanding/black-60.png" );
}
.aspot li .header .subhead
{
	display: block !important;
	margin: 0 0 0 1px !important;
	position: relative !important;
	z-index: 5 !important;
}
.ie8 .aspot li .header .subhead, .ie7 .aspot li .header .subhead
{
	margin: 0;
}
.aspot li .header .subhead h3
{
	background: rgba(255,255,255,0.8);
	box-shadow: 0 1px 2px 1px rgba(0,0,0,0.6);
	color: #0168b3;
	display: inline-block;
	font-size: 13px ;
	font-weight: bold !important;
	line-height: 16px !important;
	margin: 0 !important;
	padding: 6px 8px 3px 12px ;
}
.ie7 .aspot li .header .subhead h3
{
	background: url( "http://www.certainteed.com/SiteImages/SiteLanding/white-85.png" );
	display: inline;
	zoom: 1;
}
.ie8 .aspot li .header .subhead h3
{
	background: url( "http://www.certainteed.com/SiteImages/SiteLanding/white-85.png" );
}
.aspot li .header a
{
	color: #0168b3;
}
.aspot li .features
{
	background: rgba(255,255,255,0.8);
	bottom: 0;
	display: block;
	padding: 6px 8px 5px 12px !important;
	position: absolute;
	right: 0;
	z-index: 5;
}
.ie7 .aspot li .features, .ie8 .aspot li .features
{
	background: url( "http://www.certainteed.com/SiteImages/SiteLanding/white-85.png" );
}
.aspot li .features p
{
	color: #333333;
	font-size: 10px !important;
	font-weight: bold !important;
	line-height: 12px !important;
	margin: 0 !important;
}
.aspot li .features a
{
	color: #0168b3;
}
.aspot .aspot-details
{
	font-size: 12px;
	margin: 0 auto;
	width: 720px;
}
.aspot .aspot-details h2
{
	color: #000;
	font-size: 20px;
	font-weight: normal;
	line-height: 24px;
	margin: 0 0 6px 0;
}
.aspot .aspot-details p
{
	color: #636363;
	font-size: 14px;
	line-height: 18px;
	margin: 0 0 20px 0;
}
/***********************************END SITEWIDE ASPOTS CLASSES**************************************************/

/***********************************SITEWIDE BSPOTS CLASSES**************************************************/
.bspot
{
	display: block;
	margin: 20px 20px 20px -30px;
	width: 750px;
}
.bspot div.header
{
	border-bottom: 1px solid #b3b3b3;
}
.bspot .header h3.subhead
{
	clear: both;
	color: #636363;
	display: block;
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;
	margin: 0;
	padding: 0 0 5px;
}
.bspot .header a.learn-more
{
	color: #0168b3;
	float: right;
	font-size: 13px;
	font-weight: bold;
	padding-top: 12px;
}
.bspot ul
{
	display: block;
	float: right;
	list-style-type: none;
	margin: 0 0 20px;
	padding: 0;
	position: relative;
}
.bspot li
{
	display: block;
	list-style-type: none;
	float: left;
	margin: 0 0 0px 30px;
	width: 220px;
}

.bspot li img
{
	margin: 0 0 20px;
}
.bspot li h3
{
	color: #000;
	font-size: 16px;
	font-weight: normal;
	line-height: 26px;
	margin: 0 0 6px;
}
.bspot li p
{
	color: #636363;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	margin: 0;
}
.bspot div
{
	padding-bottom: 10px;
}
.bspot td
{
	vertical-align: top;
}

.learn-more
{
	color: #0168b3;
	font-size: 13px;
	font-weight: bold;
}


/***********************************END SITEWIDE BSPOTS CLASSES**************************************************/
/***********************************SITEWIDE CONTENT FEED CLASSES**************************************************/
.contentfeed
{
	display: block;
	float: left;
}
.contentfeed div
{
	background-color: #F2F2F2;
}
.contentfeed div.header
{
	border-bottom: 1px solid #b3b3b3;
	clear: both;
	color: #444;
	display: block;
	margin: 0;
	min-height: 28px;
	position: relative;
	padding-top: 20px;
	margin-right: 15px;
	margin-left: 15px;
	margin-top: 15px;
}
.contentfeed .header h2
{
	color: #444;
	display: inline-block;
	font-size: 19px;
	font-weight: normal;
	line-height: 22px;
	padding: 0 0 5px;
}
.contentfeed .header a.learn-more
{
	color: #0168b3;
	float: right;
	font-size: 13px;
	font-weight: bold;
	padding: 5px;
}
.blog_header
{
	display: block;
	font-size: 14px;
	line-height: 16px;
	margin: 0 0 10px;
	color: #0168b3;
}
.blog_header a
{
	color: #0168b3;
}
.blog_info
{
    font-size: 11px;
    margin: 0 0 10px;
}
.blog_thumbnail
{
	float: left;
	padding: 5px 25px 5px 0;
	width: 120px;
}
.blog_container
{
	padding: 10px 15px;
	overflow: auto;
}

.blog_text
{
	padding: 5px 15px 5px 0;
	overflow: auto;
}
/***********************************END SITEWIDE CONTENT FEED CLASSES**************************************************/
/***********************************PAGE TITLE CLASSES**************************************************/
h1.pagetitle, h1.pagetitle p
{
	color: #2b7ac3;
	display: block;
	font: normal 30px "Helvetica Neue" , Arial, Helvetica, sans-serif;
	line-height: 36px;
	margin: 20px 0;
	min-height: 30px;
	position: relative;
	width: 720px;
}
/***********************************END PAGE TITLE CLASSES**************************************************/
/***********************************Generic Text CLASSES**************************************************/
.generictext
{
               display: block;
               margin: 20px 20px 20px -30px;
               z-index: 10;
}
.generictext div
{
               color: #636363;
               font-size: 14px;
               line-height: 18px;
               margin: 0 0 20px 30px;
}

.generictext p, .generictext ul li
{
               color: #636363;
               font-size: 14px;
               line-height: 18px;
               margin: 0 0 0 0;
}

.generictext ol li
{
               color: #636363;
               font-size: 14px;
               line-height: 18px;
               margin: 0 0 0 20px;
}
.generictext li
{
             list-style: disc outside none; 
}

.generictext li li
{
             list-style: circle outside none; 
}

.horizontalmodulesleftnav .content-area .generictext div.header
{
	border-bottom: 1px solid #b3b3b3;
}

/***********************************END Generic Text **************************************************/


/***********************************Longform Module **************************************************/
.horizontalmodulesleftnav .content-area .longform
{
	display: block;
	margin: 20px 20px 20px -30px;
	z-index: 10;
}
.horizontalmodulesleftnav .content-area .longform div.header
{
	border-bottom: 1px solid #b3b3b3;
}
.horizontalmodulesleftnav .content-area .longform img
{
	display: block;
	float: left;
	margin: 0 20px 20px 30px;
	width: 220px;
	height: 165px;
}
.horizontalmodulesleftnav .content-area .longform .description
{
	display: block;
	float: right;
	margin: 0 0 20px 0;
	width: 445px;
}
.horizontalmodulesleftnav .content-area .longform .description ul
{
	margin-left: -40px;
	margin-top: 0;
}

.horizontalmodulesleftnav .content-area .longform .description li
{
	margin-bottom: 4px;
	color: rgb(1, 104, 179);
}


.horizontalmodulesleftnav .content-area .longform h3
{
	color: #000;
	display: block;
	font-size: 16px;
	font-weight: normal;
	line-height: 24px;
	margin: 0 0 3px;
}
.horizontalmodulesleftnav .content-area .longform p
{
	color: #636363;
	font-size: 14px;
    line-height: 18px;
	margin: 0 0 6px;
}
.horizontalmodulesleftnav .content-area .longform h4
{
	color: #444444;
	font-size: 16px;
	line-height: 20px;
	margin: 0 0 6px;
}

/***********************no nav ************************************/

.horizontalmodulesleftnav .content-area-no-nav .longform
{
	display: block;
	margin: 20px 20px 20px -30px;
	z-index: 10;
}
.horizontalmodulesleftnav .content-area-no-nav .longform div.header
{
	border-bottom: 1px solid #b3b3b3;
}
.horizontalmodulesleftnav .content-area-no-nav .longform img
{
	display: block;
	float: left;
	margin: 0 20px 20px 30px;
	width: 220px;
	height: 165px;
}
.horizontalmodulesleftnav .content-area-no-nav .longform .description
{
	display: block;
	float: right;
	margin: 0 0 20px 0;
	width: 445px;
}
.horizontalmodulesleftnav .content-area-no-nav .longform .description ul
{
	margin-left: -40px;
	margin-top: 0;
}

.horizontalmodulesleftnav .content-area-no-nav .longform .description li
{
	margin-bottom: 4px;
	color: rgb(1, 104, 179);
}


.horizontalmodulesleftnav .content-area-no-nav .longform h3
{
	color: #000;
	display: block;
	font-size: 16px;
	font-weight: normal;
	line-height: 24px;
	margin: 0 0 3px;
}
.horizontalmodulesleftnav .content-area-no-nav .longform p
{
	color: #636363;
	font-size: 14px;
    line-height: 18px;
	margin: 0 0 6px;
}
.horizontalmodulesleftnav .content-area-no-nav .longform h4
{
	color: #444444;
	font-size: 16px;
	line-height: 20px;
	margin: 0 0 6px;
}


/***********************************END Longform Module **************************************************/
/***********************************MoreResources Module **************************************************/
.horizontalmodulesleftnav .content-area .moreresources
{
	display: block;
	margin: 20px 20px 20px -30px;
	z-index: 10;
}
.horizontalmodulesleftnav .content-area .moreresources div.header
{
	border-bottom: 1px solid #b3b3b3;
}
.horizontalmodulesleftnav .content-area .moreresources div.resourcelist
{
	display: block;
	float: left;
	margin: 0 0 5px 50px;
	width: 300px;
	height: 50px;
}
.horizontalmodulesleftnav .content-area .moreresources div.moreresourceslink
{
	display: block;
	float: right;	
	margin: 5px 0px 0px 0px;
}
.horizontalmodulesleftnav .content-area .moreresources div.resourcelist a
{
	margin-left: 18px;
	line-height: 23px;
	vertical-align: top;
}
.horizontalmodulesleftnav .content-area .moreresources div.resourcelist a:nth-child(2){
	width: 270px;
	height: 50px;
	position: absolute;
}

/***********************************No Nav***********************************************************/
.horizontalmodulesleftnav .content-area-no-nav .moreresources
{
	display: block;
	margin: 20px 20px 20px -30px;
	z-index: 10;
}
.horizontalmodulesleftnav .content-area-no-nav .moreresources div.header
{
	border-bottom: 1px solid #b3b3b3;
}
.horizontalmodulesleftnav .content-area-no-nav .moreresources div.resourcelist
{
	display: block;
	float: left;
	margin: 0 0 5px 50px;
	width: 300px;
	height: 50px;
}
.horizontalmodulesleftnav .content-area-no-nav .moreresources div.moreresourceslink
{
	display: block;
	float: right;	
	margin: 5px 0px 0px 0px;
}
.horizontalmodulesleftnav .content-area-no-nav .moreresources div.resourcelist a
{
	margin-left: 18px;
	line-height: 23px;
	vertical-align: top;
}
.horizontalmodulesleftnav .content-area-no-nav .moreresources div.resourcelist a:nth-child(2){
	width: 270px;
	height: 50px;
	position: absolute;
}
/***********************************END MoreResources Module **************************************************/
/***********************************AnchorLinks Module **************************************************/
.horizontalmodulesleftnav .content-area .anchorlinks
{
	display: block;
	margin: 20px 20px 20px -20px;
	position: relative;
	z-index: 10;
}
.horizontalmodulesleftnav .content-area .anchorlinks div
{
	clear: both;
    color: #444444;
    display: block;
    margin: 0 0 20px 30px;
    min-height: 28px;
    padding: 0 0 5px;
    position: relative;
}
.horizontalmodulesleftnav .content-area .anchorlinks div span
{
	font-weight: bold;
}
.horizontalmodulesleftnav .content-area .anchorlinks div span.separator
{
	background: none repeat scroll 0 0 #6A9AD9;
    height: 12px;
    margin-top: 6px;
    margin-left: 5px;
    margin-right: 5px;
    width: 1px;
}
/************************************No Nav**************************************************************/
.horizontalmodulesleftnav .content-area-no-nav .anchorlinks
{
	display: block;
	margin: 20px 20px 20px -20px;
	position: relative;
	z-index: 10;
}
.horizontalmodulesleftnav .content-area-no-nav .anchorlinks div
{
	clear: both;
    color: #444444;
    display: block;
    margin: 0 0 20px 30px;
    min-height: 28px;
    padding: 0 0 5px;
    position: relative;
}
.horizontalmodulesleftnav .content-area-no-nav .anchorlinks div span
{
	font-weight: bold;
}
.horizontalmodulesleftnav .content-area-no-nav .anchorlinks div span.separator
{
	background: none repeat scroll 0 0 #6A9AD9;
    height: 12px;
    margin-top: 6px;
    margin-left: 5px;
    margin-right: 5px;
    width: 1px;
}
/***********************************END AnchorLinks Module **************************************************/
/***********************************TakeAction CLASSES**************************************************/
.takeactionmodule
{
	display: block;
	margin: 0 20px 20px -20px;
	z-index: 10;
	overflow: auto;
	padding-top: 15px;
}
.takeaction
{
	float: left;
	font-weight: bold;
	width: 200px;
	margin: 0 0 20px 30px;
}
.takeaction img
{
	float: left;
	margin-right: 5px;
}
/***********************************END TakeAction CLASSES**************************************************/

/* horizontal modules common */
.module
{
	width: 710px;
	height: 1%;
	overflow: hidden;
}

/*********************************** Video Module **************************************************/
div.video
{
	display: inline-block;
	margin: 15px 0px;
	padding: 15px 10px 0px 0px;
	z-index: 10;
	/*border: 1px dashed red; for visual indication only */
	
}
div.video div.header
{
	border-bottom: 1px solid #b3b3b3;
	padding-bottom: 0px;
	margin-left: 0px;
}
div.video div.header h2
{
}
div.video div.header ul
{
    float: right;
    margin-top: 0px;
}
div.video .videocontent
{
	overflow:hidden;
	height: 1%;
}
div.video .videocontent p
{
    padding-bottom: 15px;
}
div.video .videocontent iframe
{
    margin-right: 20px;
}
div.video .videocontent .description
{
	float: right;
	width: 215px;
}
div.video .videocontent .description ul
{
    margin-top: 12px;
    margin-left: -40px;
    list-style-type: none;
    cursor: pointer;
}
div.video .videocontent .description li
{
	margin-bottom: 4px;
    color: rgb(1, 104, 179);
}
div.video .videocontent .description li span
{
    font-size: 13px;
    font-weight: bold;
}
div.video .videocontent .description p
{
	margin: 0px;
}
div.video .videocontent h3
{
	font-size: 16px;
	padding-bottom: 8px;
    font-weight: normal;
}
div.video .videocontent h4
{
	color: #444444;
	font-size: 16px;
	line-height: 20px;
	margin: 0 0 6px;
}
/***********************************END Video Module **************************************************/

/*********************************** Photo Gallery Module **************************************************/
.photogallery
{
	display: inline-block;
	margin: 15px 0px 0px 0px;
	padding: 15px 10px 0px 0px;
	z-index: 10;
	min-height: 335px;
}
.photogallery ul 
{
    list-style-type: none;
    display: inline-block;
    margin: 6px 0 0 0;
    padding: 0;
}
.photogallery div.header
{
	border-bottom: 1px solid #b3b3b3;
	margin-left: 0px;
	display: inline-block;
	width: 100%;
}
.photogallery div.header h2
{
}
.photogallery div.header ul
{
    float: right;
    margin-top: 5px;
}
.photogallery div.header li 
{
    color: rgb(1, 104, 179);
}
.photogallery .photogallerycontent
{
	display: block;
	float: left;
	margin: 17px 5px 0px 0px;
}
.photogallery .photogallerycontent p
{
    padding-bottom: 15px;
}
.photogallery .photogallerycontent .description
{
	display: block;
	float: right;
	margin: 0px;
	width: 318px;
}
.photogallery .photogallerycontent .description li
{
	margin-bottom: 4px;
    cursor: pointer;
    color: rgb(1, 104, 179);
}
.photogallery .photogallerycontent .description li span
{
    font-size: 13px;
    font-weight: bold;
}
.photogallery .photogallerycontent .description p
{
	margin: 0px;
}
.photogallery .photogallerycontent h3
{
	font-size: 16px;
	padding-bottom: 8px;
    font-weight: normal;
}
.photogallery .photogallerycontent h4
{
	color: #444444;
	font-size: 16px;
	line-height: 20px;
	margin: 0 0 6px;
}
.photogallery .photogallerycontent .galleryslider
{
	display: inline-block;
	float: left;
	margin: 25px 5px 10px 0px;
}
.photogallery .photogallerycontent .galleryslider img.left,
.photogallery .photogallerycontent .galleryslider img.right
{
	display: inline;
	height: 70px;
	width: 30px;
	border: 1px solid black;
}
.photogallery .photogallerycontent .galleryslider ul
{
    display: inline;
    list-style-type: none;
}
.photogallery .photogallerycontent .galleryslider li
{
	display: inline;
	margin: 0px 3px;
	height: 70px;
	width: 110px;
	/*border: 1px dashed black;*/
}
.photocontainer 
{
    float: left;
    width: 350px;
    height: 263px;
    position: relative;
}
.photogallerysliderwrapper
{
    float: left;
    margin-top: 15px;
    width: 720px;
    height: 120px;
    overflow: hidden;
}

.photogallerysliderwrapper .photo
{
	float: left;
    /*height: 59px;*/
    margin: 0 2px;
    overflow: hidden;
    padding: 5px;
    width: 120px;
}
.magnifier 
{
    bottom: 0;
    cursor: pointer;
    display: block;
    height: 20px;
    position: absolute;
    right: 0;
    width: 20px;
    z-index: 10;
}
/***********************************END Photo Gallery Module **************************************************/

/*********************************** Explore Gallery Module *******************************************/
.explore
{
	display: inline-block;
	margin: 15px 0px;
	padding: 15px 10px 0px 0px;
	z-index: 10;
	/*border: 1px dashed red;  for visual indication only */
}
.explore ul 
{
    list-style-type: none;
    display: inline-block;
}
.explore div.header
{
	border-bottom: 1px solid #b3b3b3;
	margin-left: 0px;
	display: inline-block;
	width: 100%;
}
.explore div.header h2
{
	padding-bottom: 0px;
	float: left;
}
.explore div.header a
{
    float: right;
    display: block;
    color: rgb(1, 104, 179);
    margin-top: 4px;
}

.explore p
{
	
}
.explore h3
{
	color: #444444;
	display: block;
	font-size: 16px;
	font-weight: normal;
	margin: 0 0 2px;
	max-height: 20px;
	overflow: hidden;
}
.explore .description
{
	display: block;
	float: right;
	margin: 0 0 20px 0;
	width: 250px;
}
.explore .gallery-wrap
{
}
.explore .gallery-wrap ul
{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
.explore .gallery-wrap li.galleryitem
{
    float:left;
	width: 340px;
	height: 120px;
	margin: 0px 6px 6px 0px;
	padding: 5px 3px 0px 0px;
	overflow: hidden;
}
.explore .gallery-wrap li.galleryitem img
{
    float: left;
	width: 150px;
	height: 113px;
	margin-right: 8px;
}
.explore .gallery-wrap li.galleryitem .galleryitemdetail 
{
    float: right;
    width: 180px;
}
.explore .gallery-wrap li.galleryitem .galleryitemdetail .content
{
    max-height: 75px;
    overflow: hidden;
    line-height: 15px;
}
.explore .gallery-wrap li.galleryitem .galleryitemdetail ul
{
    display: inline-block;
    float: left;
}
.explore .gallery-wrap li.galleryitem .galleryitemdetail li
{
    padding-top: 5px;
    margin-left: 0px;
    float: left;
    cursor: pointer;
    color: rgb(1, 104, 179);
}
.explore .gallery-wrap li.galleryitem .galleryitemdetail li span
{
    font-size: 13px;
    font-weight: bold;
}

.explore .galleryitemdetail a.read-more
{
	display: block;
	margin-top: 3px;
}
/***********************************END Explore Gallery Module ****************************************/

/***********************************BEGIN Filmstrip ****************************************
div#filmstripDiv    {clear: both; position: relative; width: auto; min-height: 125px; }

a.filmStripArrowRgt {position: absolute; top: 50px; right:0; display: block; height: 24px; width: 24px; background: url(../images/icons/filters/icon-FilmStripArrow-rgt.png) left top no-repeat;}
a.filmStripArrowRgt:hover {background: url(../images/icons/filters/icon-FilmStripArrow-rgt.png) left bottom no-repeat;}

a.filmStripArrowLft {position: absolute; top: 50px; left:0; display: block; height: 24px; width: 24px; background: url(../images/icons/filters/icon-FilmStripArrow-lft.png) left top no-repeat;}
a.filmStripArrowLft:hover {background: url(../images/icons/filters/icon-FilmStripArrow-lft.png) left bottom no-repeat;}

div#filtersChart    {width: auto; border: 1px solid #c9cdc7; min-height: 600px;}


a.pinUnclicked {display: block; width: 13px;  height:14px; margin: 120px 0 0 10px; background: url(../images/icons/bluenav/icon-pin-unclicked.png) no-repeat;}
a.pinUnclicked:hover { display: block; width: 13px;  height:14px; margin: 120px 0 0 10px; background: url(../images/icons/bluenav/icon-pin-unclicked.png); background-position:0px -14px;}

a.pinClicked {display: block; width: 11px;  height:18px; margin: 120px 0 0 10px; background: url(../images/icons/bluenav/icon-pin-click.png) no-repeat;}
a.pinClicked:hover { display: block; width: 11px;  height:18px; margin: 120px 0 0 10px;  background: url(../images/icons/bluenav/icon-pin-click.png) no-repeat; background-position:0px -18px;}
***********************************END Filmstrip ****************************************/

/***********************************BEGIN Lightbox2 stylizing ****************************************/
#lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
  display: none;
}

#lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  font-weight: normal;
  display: none;
}
#lightbox img {
  width: auto;
  height: auto;
  left: -10px;
  top: -10px;
  display: inline-block;
  position: relative;
}

#lightbox a img {
  border: none;
  max-width: 900px;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  border-left: 10px solid white;
  border-right: 10px solid white;
  border-top: 10px solid white;
  zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
}
.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 10px;
}

.lb-loader {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
}

.lb-prev, .lb-next {
  width: 49%;
  height: 100%;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
  /* Trick IE into showing hover */
  display: block;
}

.lb-prev, .lb-next 
{
	filter: alpha(opacity=30);
	opacity: 0.30;
}
.lb-prev {
  left: 0;
  float: left;
  background: url(/siteimages/utility/prev.png) left 48% no-repeat;
}
.lb-next {
  right: 0;
  float: right;
  background: url(/siteimages/utility/next.png) right 48% no-repeat;
}

.lb-prev:hover, .lb-next:hover
{
	filter: alpha(opacity=100);
	opacity: 1.00;
}

.lb-dataContainer {
  margin: 0 auto;
  zoom: 1;
  width: 100%;
   border-left: 10px solid white;
    border-right: 10px solid white;
    border-bottom: 10px solid white;
  background-color: black;
}
.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 10px;
  color: #bbbbbb;
}
.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}
.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}
.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 11px;
  display:none !important;
}
.lb-data .lb-close {
  display:block;
}
#lightbox .lb-closeImage
{
    left: 0;
    top: 0;
}
.lb-data .lb-close:hover,
.lb-closeImage:hover {
  cursor: pointer;
}
.lb-closeContainer 
{
   float: right;
    position: relative;
    right: -10px;
    top: -630px;
    z-index: 99999;
}
.lb-dataContainer {
    border-bottom: 10px solid white;
    border-left: 10px solid white;
    border-right: 10px solid white;
    color: White;
}
.lb-dataContainer .description {
    display: block;
    float: left;
    margin: 10px 20px;
}
.lb-dataContainer .description div {
    color: White;
    font-weight: normal;
}
.lb-dataContainer .description ul.link-list {
    display:none;
}
.lb-dataContainer .description p {
    margin: 0;
    color: White;
}
.lb-dataContainer h3 {
    color: white;
    display: block;
    font-size: 20px;
    font-weight: normal;
    line-height: 24px;
    margin: 0 0 3px;
}

/***********************************END Lightbox2 stylizing ****************************************/
/*Horizontal Orientation CSS*/
.jscarousal-horizontal,
.jscarousal-horizontal-back, .jscarousal-horizontal-forward,
.jscarousal-contents-horizontal
{
	background-color: #fff;
}
.jscarousal-horizontal
{
	width: 720px;
	height: 100px;
	margin: 0;
	padding: 0;
	padding: 10px 0px 10px 0px;
	position: relative; /*overflow: hidden;*/
}
.jscarousal-horizontal-back, .jscarousal-horizontal-forward
{
	float: left;
	width: 23px;
	height: 80px;
	color: White;
	position: relative;
	cursor: pointer;
	border: medium none;
}
.jscarousal-horizontal-back
{
	background-image: url("/siteimages/utility/gallery-left.jpg");
	background-repeat: no-repeat;
	background-position: left;
}
.jscarousal-horizontal-forward
{
	background-image: url("/siteimages/utility/gallery-right.jpg");
	background-repeat: no-repeat;
	background-position: right;
}
.jscarousal-contents-horizontal
{
	width: 652px;
	height: 100px;
	float: left;
	position: relative;
	overflow: hidden;
	padding-left: 10px;
	padding-right: 10px;
}
.jscarousal-contents-horizontal > div
{
	position: absolute;
	width: 100%;
	height: 100%;
}
.jscarousal-contents-horizontal img
{
	width: 120px;
	height: auto;
}
/*Common*/
.hidden
{
	display: none;
}
.visible
{
	display: block;
}
.thumbnail-inactive,
.thumbnail-active,
.thumbnail-selected 
{
    
}
.thumbnail-inactive a,
.thumbnail-active a,
.thumbnail-selected a
{
	display: block;
}
.thumbnail-inactive
{
	filter: alpha(opacity=95);
	opacity: 0.95;
}
.thumbnail-active,
.thumbnail-selected 
{
	background-color: #3FA2DA;
	filter: alpha(opacity=100);
	opacity: 1.0;
}
.thumbnail-text
{
	color: #7A7677;
	font-weight: bold;
	text-align: left;
	display: block;
	padding: 10px 2px 2px 0px;
}
/***********************************SITEWIDE FORM CLASSES (with LeftNav)**************************************************/
.horizontalmodulesleftnav #formContent
{
	display: block;
	margin: 0 0 20px -20px;
	position: relative;
	width: 760px;
	z-index: 10;
}
/***********************************END SITEWIDE FORM CLASSES (with LeftNav)**************************************************/
/***********************************Google Map CLASSES**************************************************/
.googlemap
{
	display: block;
	margin: 20px 0 20px 0;
	z-index: 10;
	height: 100%;
}
/***********************************END Google Map CLASSES**************************************************/
#content {
			height: auto;
			padding-bottom: 0px;
		}

        #designCenterMainContent {
            width: 932px;
            position: relative;
        }

        .designCenterLeftNav {
            width: 195px !important;
            float: left;
            position: relative;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding: 19px;
        }
        .dcNav {
            position: relative;
            list-style: none;
            padding: 25px 0 0 0;
            margin: 0;
            font-size: 12px;
            line-height: 12px;
        }
        .dcNav li {
            position: relative;
            list-style: none;
        }
        .dcNav a {
            color: #0c66af;
            padding: 6px 0 6px 15px;
            border-bottom: 2px solid #EEE;
            display: block;
            position: relative;
        }
        .hasSubNav:before {
            content: "";
            display: block;
            position: absolute;
            left: 0px;
            top: 50%;
            width: 8px;
            height: 8px;
            margin-top: -4px;
            background: transparent url(images/designCenter/nav-down-arrow.png) no-repeat center center;
        }
        .dcNav ul li {
            padding-left: 15px;
        }

        .designCenterMainContentColumn {
            border-left: 2px solid #d1d1d1;
            width: 760px;
            float: left;
            position: relative;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding: 25px 38px 30px 15px;
        }

        .designCenterIntro {
            margin-bottom: 25px;
            font-size: 14px;
            line-height: 18px;
        }

        .horizontalDivider {
            position: relative;
            width: 100%;
            border-bottom: 2px solid #c7c7c7;
            margin: 13px 0 17px;
        }

        .calloutFeature {
            position: relative;
            display: table;
            margin: 0 0 25px;
            min-height: 343px;
            width: 100%;
        }
        .calloutFeatureLeft {
            display: table-cell;
            background-color: #0e79c0;
            color: #ffffff;
            position: relative;
            width: 204px;
            font-size: 14px;
            line-height: 18px;
        }
        .calloutFeatureLeftContent p 
        {
			color: #FFF;
			font-size: 14px;
			line-height: 18px;
			margin-left: -30px;
		}
		.calloutFeatureLeftContent h2 
		{
			color: #FFF;
			margin-left: -30px;
		}
        .calloutFeatureLeftContent {
            position: relative;
            padding: 17px 11px 65px;
        }
        .calloutFeatureLink {
            position: absolute;
            bottom: -20px;
            left: -30px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding: 0 11px 14px;
            width: 100%;
        }
        .calloutFeatureLink a {
            font-size: 17px;
            line-height: 18px;
            color: #ffffff;
        }
        .calloutFeatureLeft h2 {
            font-weight: normal;
            font-size: 24px;
            line-height: 24px;
            padding-bottom: 15px;
            color: #FFF;
        }
        .calloutFeatureLeft .horizontalDivider {
            border-bottom: 2px solid #87bce0;
            margin: 13px 0;
        }

        .calloutFeatureRight {
            display: table-cell;
            position: relative;
        }

        .columnsTable {
            position: relative;
            display: table;
            margin: 0 0 25px;
        }
        .columnSection {
            display: table-cell;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            position: relative;
            padding: 0 12px;

        }
        .columnSection p {
            font-size: 14px;
            line-height: 18px;
            padding-bottom: 7px;
        }
        .columnSection h3 {
            font-weight: normal;
            font-size: 20px;
            line-height: 18px;
            padding-bottom: 7px;
        }
        .columnSectionImg {
            max-width:100% !important;
            vertical-align:bottom;
            width: 100%;
        }
        .columnSectionContent {
            padding: 17px 0 20px 0;
        }
        /* Main Nav Hover Menu - Design Center */
        #dcMenuContainer {
            position: absolute;
            top: 127px;
            left: 57px;
            z-index: 1001;
            max-width:450px;
            background: #628cb6;
        }

        #dcMenuIframe {
            position: absolute;
            top: 127px;
            left: 0px;
            z-index: 999;
        }

        .dcMenu {
            z-index: 1999;
            color: #ffffff;
            font-size: 13px;
            font-family: Arial;
            font-weight: normal;
            line-height: 18px;
            overflow:hidden;
            padding-bottom: 20px;
        }

        .dcMenu .categoryHeader {
            display: block;
            color: #000000;
            font-size: 18px;
            border-top-color: #4974a1;
            border-bottom-color: #6b96c3;
            margin:10px 10px 0 0;
            padding: 8px 0 0 0px;
        }
        .dcMenu .categoryHeader:first-child {
            margin-top: 0;
            padding-top: 0;
        }

        .dcMenu .ProductsContainer {
              padding: 20px;
        }
        .dcMenu .ProductsContainerLeft {
            width: 50%;
            float: left;
            padding-right: 15px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }
        .dcMenu .ProductsContainerRight {
            width: 50%;
            float: left;
            border-left: 2px solid #b1c6db;
            padding-left: 18px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        .dcMenu .FeaturedImg {
            padding: 10px 0;
        }
        .dcMenu .FeaturedDesc {
            padding-bottom: 10px;
            color: White;
        }
        .dcMenu ul.Products {
            list-style-type: none;
            margin: 0px;
            padding:0px;
            width:220px;
        }
        .dcMenu ul.Products li a {
            cursor: pointer;
            font-family: Arial;
            font-size: 14px;
            line-height:15px;
            color: #ffffff;
            padding: 2px 0 1px 0px;
            display: block;
            width: 230px;
            text-decoration: none;
        }
        .dcMenu ul.Products li a:hover {
            text-decoration:underline;
        }
        .dcMenu ul.recently-viewed {
            list-style-type: none;
            margin: 4px;
            float:right;
            padding:0px;
            width:120px;
            overflow:hidden;
        }
        .dcMenu ul.recently-viewed .header {
            font-size:14px;
            color:#FFFFFF;
        }
        .dcMenu ul.recently-viewed li {
            padding-top:13px;
            font-size:11px;
        }
        .dcMenu ul.recently-viewed a {
            color:#000000;
        }
        .dcMenu ul.recently-viewed a:hover {
            text-decoration:underline;
        }