/* 
================================
Styles from "style.css"
================================
*/
* {
	padding: 0px;
	margin: 0px;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}


p, .normalText {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 125%;
	font-size: 12px;
	padding-bottom: 15px;
}

ul {
	padding-left: 15px;
}

ul li { 
	font-family: Arial, Helvetica, sans-serif;
	line-height: 125%;
	font-size: 12px;
}

h1 {
	font-family: "Trebuchet MS", Trebuchet, Helvetica, Arial, sans-serif;
	font-size: 28px;
	line-height: 100%;
	font-weight: normal;
	padding-bottom: 5px;
	color: #333333;
}

h2 {
	font-family: "Trebuchet MS", Trebuchet, Helvetica, Arial, sans-serif;
	font-size: 24px;
	line-height: 100%;
	font-weight: normal;
	padding-bottom: 5px;
	color: #333333;
}

h3 {
	font-family: "Trebuchet MS", Trebuchet, Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-weight: normal;
	line-height: 100%;
	padding-bottom: 5px;
	color: #333333;
}


h4 {
	font-family: "Trebuchet MS", Trebuchet, Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 100%;
	padding-bottom: 5px;
	color: #333333;
}


a:link {
	color: #9D5100;
	text-decoration: underline;
}

a:visited {
	color: #9D5100;
	text-decoration: underline;
}

a:hover {
	cursor: pointer;
	color: #9D5100;
	text-decoration: none;
}

a:active {
	color: #78bde8;
	text-decoration: none;
}

.mainContentColumn h1, .newsIntro h1, .galleryContent h1, .productsContentColumn h1 {
	font-family: "Trebuchet MS", Trebuchet, Helvetica, Arial, sans-serif;
	font-size: 28px;
	font-weight: normal;
	padding-bottom: 10px;
}

#mainContentNoPadding p {
	padding-bottom: 0px;
}

.productImageColumn a:link {
	color: #333333;
	text-decoration: underline;
}

.productImageColumn a:visited {
	color: #9D5100;
	text-decoration: underline;
}

.productImageColumn a:hover {
	cursor: pointer;
	text-decoration: none;
}

.productImageColumn a:active {
	color: #78BDE8;
	text-decoration: underline;
}

.hiddenText {
	visibility: hidden;
	left: -5000px;
	top: -5000px;
}

#clearAll {
	clear: both;
	width: 100%;
	margin-top: 5px;
	float: left;
	position: relative;
}

.footerLinks a {
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 13px;
	text-align: center;
	font-weight: normal;
	vertical-align: middle;
	color: #666666;
}

.footerLinks a:link, .footerLinks a:visited, .footerLinks a:active,
.socialBookmark a:link, .socialBookmark a:visited, .socialBookmark a:active {
	color: #666666;
	text-decoration: none;
}

.footerLinks a:hover, .socialBookmark a:hover {
	cursor: pointer;
	color: #666666;
	text-decoration: underline;
}

/* 
================================
Styles from "structure.css"
================================
*/   

body {
	background-image: url(img/bckground.jpg);
	background-repeat: repeat-x;
	font-size: 62.5%;
	text-align: center;
}

#pageContentBackground {
	background-image: url(img/pagebkgrnd.jpg);
	background-repeat: no-repeat;
	width: 980px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 500px;
}

#pageContentBackground #header {
	display: block;
	height: 123px;
	width: 960px;
	margin-right: 10px;
	margin-left: 10px;
	background-color: #FFFFFF;
}

#header #lcdLogo {
	float: left;
	height: 123px;
	width: 200px;
}

#header #loginNav {
	float: left;
	height: 123px;
	width: 575px;
	text-align: right;
	background-image: url(img/header_phone.jpg);
	background-repeat: no-repeat;
	background-position: center right;
}

#header #worldmap {
	float: right;
	height: 123px;
	width: 185px;
}

#pageContentBackground #globalNav {
	text-align: left;
	background-color: #f5f5f5;
	display: block;
	height: 29px;
	_height: 41px;
	width: 960px;
	margin-right: 10px;
	margin-left: 10px;
	font-size: 1.4em;
	line-height: 100%;
	padding-top: 12px;
}

#pageContentBackground #mainContentContainer {
	width: 960px;
	margin-right: 10px;
	margin-left: 10px;
	height: auto;
}

/**
 * =========================================
 * Homepage Page
 * =========================================
 */


#mainContentContainer #homePageImageContainer {
	height: 413px;
}

#homepageBannerContainer {
	background-image: url(img/hmhdr_bkgrnd.gif);
	background-repeat: repeat-x;
	background-position: 0px px;
	height: 100px;
}

#homePageImageContainer .hmPageImageLeft {
	background-image: url(img/hmpg_mainimageleft.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 248px;
}

#homePageImageContainer .hmPageImageCentre {
	background-image: url(img/hmpg_mainimagecentre.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 481px;
}

#homePageImageContainer .hmPageImageRight {
	background-image: url(img/hmpg_mainimageright.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 231px;
}

.hmPageBannerRight {
	width: 200px;
}

.hmPageBannerRight p {
	color: ffffff;
	line-height: 150%;
	padding-top: 14px;
	padding-bottom: 0px;
}

.hmPageBannerRight a, .hmPageBannerRight a:link, .hmPageBannerRight a:active, 
.hmPageBannerRight a:hover, .hmPageBannerRight a:visited {
	color: ffffff;
	text-decoration: underline;
}

.hmPageBannerRight a:hover {
	color: ffffff;
	text-decoration: none;
}

.hmPageImageLeft ul, .hmPageImageRight ul {
	list-style-type: none;
	overflow: hidden;
	padding-left: 0px;
}

.hmPageImageLeft #hmDealerOpptn {
	display: block;
	float: left;
	height: 102px;
	width: 248px;
	margin-top: 113px;
}

.hmPageImageLeft #hmFeatureProjects {
	display: block;
	float: left;
	height: 176px;
	width: 248px;
	margin-top: 21px;
}

.hmPageImageRight #hmEUpdates {
	display: block;
	float: left;
	height: 98px;
	width: 228px;
	margin-top: 116px;
}

.hmPageImageRight #hmGetAQuote {
	display: block;
	float: left;
	height: 136px;
	width: 228px;
	margin-top: 63px;
}

.baseImageRight ul, .baseImageRight ul li, .baseImageLeft ul, .baseImageLeft ul li {
	list-style-type: none;
	padding-left: 0px;
}

#mainContentContainer #baseWatermarkImges {
	height: 362px;
}

#mainContentContainer a img {
	border: 0px;
}	

#baseWatermarkImges .baseImageLeft {
	background-image: url(img/hmimge_baseleft.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 248px;
}

#baseWatermarkImges #baseImageCentre {
	background-image: url(img/hmimge_basecentre.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 362px;
	width: 481px;
}

#baseWatermarkImges .baseImageRight {
	background-image: url(img/hmimge_baseright.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 231px;
}

#footerContainer {
	height: 65px;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	padding-top: 50px;
	padding-bottom: 10px;
	margin-bottom: 0px;
	text-align: center;
}

#baseImageCentre .firstColumn {
	height: auto;
	width: 210px;
	padding-left: 16px;
}

#baseImageCentre .secondColumn {
	height: auto;
	width: 210px;
	padding-right: 16px;
	padding-left: 29px;
}

.baseImageRight #hmCasestudies {
	padding-left: 6px;
	margin-top: 29px;
	float: left;
	height: 132px;
	width: 210px;
}

.baseImageLeft #hmGreenDesign {
	display: block;
	float: left;
	height: 165px;
	width: 248px;
}

.baseImageLeft #hmFloridaApproved {
	display: block;
	float: left;
	margin-top: 0px;
	height: 160px;
	width: 248px;
}

/** 
 * =======================================
 * Styles for Snapsis MENU, Root Level Tab
 * =======================================
 */

#ParentTabs, #HomeParentTabs {
	margin: 0px;
	text-align: center;
}

#ParentTabs ul li, #HomeParentTabs ul li {
	list-style: none;
}

/* Make the list appear without bullet */
#ParentTabs ul, #HomeParentTabs ul {
	clear: both;
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: inline;
}

/* Make the list appear without bullet */
#ParentTabs li, #HomeParentTabs li {
	margin: 0px;
	display: inline;
	padding: 0px;
}

/* Styles the links and creates spaces around the link */
#ParentTabs a, #ParentTabs .SelectedTab a, #HomeParentTabs a, #HomeParentTabs .SelectedTab a {
	color: #684F40;
	text-align: center;
	text-decoration: none;
	background-color: transparent;
   	cursor: pointer; 
	cursor: hand; 
	font-weight: bold;
	font-size: 15px; 
	font-style: bold; 
	line-height: 100%;
   	white-space: nowrap;  /*Word wrapping menu item now optional*/	    
   	padding: 0px 16px 13px 16px;
	font-family: Arial, Helvetica, sans-serif;
}

/* Changes to the selected tab background */
#ParentTabs .SelectedTab a {
	background-image: URL(img/nav_selected.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
}

/* Changes the selected tab background for HOME */
#HomeParentTabs .SelectedTab a {
	background-image: URL(img/nav_homeselected.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
}

#ParentTabs a:hover, #HomeParentTabs a:hover {
	cursor: pointer;
	color: #333333;
	font-style: bold; 
}

/** 
 * =======================================
 * Styles for Snapsis MENU, Level 1 Tab
 * =======================================
 */

#pageContentBackground #secNav {
	background-color: #78bde8;
	display: block;
	height: 21px;
	_height: 35px;
	width: 960px;
	margin-right: 10px;
	margin-left: 10px;
	font-size: 1.4em;
	line-height: 100%;
	color: #666666;
	word-spacing: .7em;
	vertical-align: bottom;
	padding-top: 14px;
}

#Level1Tabs {
	margin: 0px;
	padding: 0px;
	padding-left: 4px;
	text-align: left;
}

#GalleryLevel1Tabs {
	margin: 0px 0px 0px -225px;
	padding: 0px;
	text-align: middle;
}

#CaseStudyLevel1Tabs {
	margin: 0px;
	padding: 0px 0px 0px 310px;
	text-align: left;
}

/* Make the list appear without bullet */
#Level1Tabs ul, #GalleryLevel1Tabs ul, #CaseStudyLevel1Tabs ul {
	clear: both;
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: inline;
	
}

/* Make the list appear without bullet */
#Level1Tabs li, #GalleryLevel1Tabs li, #CaseStudyLevel1Tabs li {
	margin: 0px;
	display: inline;
	padding: 2px 15px 2px 15px;
}

/* For the About Us Page */
#Level1Tabs li#Level1Tabs404 {
	margin-left: 530px;
}

/* Styles the links and creates spaces around the link */
#Level1Tabs a, #Level1Tabs .SelectedTab a,
#GalleryLevel1Tabs a, #GalleryLevel1Tabs .SelectedTab a,
#CaseStudyLevel1Tabs a, #CaseStudyLevel1Tabs .SelectedTab a {
	text-align: center;
	text-decoration: none;
	color:  #333333;
	background-color: transparent;
   	cursor: pointer; 
	cursor: hand; 
	font-size: 15px; 
	font-style: normal; 
	line-height: 100%;
   	white-space: nowrap;  /*Word wrapping menu item now optional*/	    
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px 10px 2px 10px;
}

#Level1Tabs .SelectedTab a,
#GalleryLevel1Tabs .SelectedTab a,
#CaseStudyLevel1Tabs .SelectedTab a {
	background-color: #666666;
	color: #FFFFFF;
}

/* Style for mouse over */
#Level1Tabs a:hover,
#GalleryLevel1Tabs a:hover,
#CaseStudyLevel1Tabs a:hover {
	cursor: pointer;
	color: #FFFFFF;
}

/**
 * =======================================
 * Bookmarking Styles
 * =======================================
 */

.bookmarkIntro, .bookmarkContent {
	font-family: Arial;
	font-size: 13px;
	color: #666666;
	padding-right: 2px;
	padding-left: 2px;
}

/**
 * =======================================
 * Gallery Page
 * =======================================
 */

#mainContentContainer #mainGalleryColumn {
	background-image: url(img/contentpage_bkgrndstrip.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	width: 960px;
	display: block;
}

#mainGalleryColumn .galleryContent {
	padding-left: 68px;
	padding-top: 41px;
	width: 892px;
}

#mainGalleryColumn .galleryLeftContent {
	padding-left: 68px;
	width: 446px;
}

#mainGalleryColumn .galleryRightContent {
	padding-right: 48px;
	width: 446px;
}

/**
 * =======================================
 * FAQ Page
 * =======================================
 */
.mainContent select.NormalBold {
	display: none;
}

/**
 * =======================================
 * News Page
 * =======================================
 */

#mainContentContainer #mainNewsColumn {
	background-image: url(img/contentpage_bkgrndstrip.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	width: 960px;
	display: block;
}

#mainNewsColumn .newsContent {
	padding-left: 68px;
	padding-top: 21px;
	padding-right: 41px;
	width: 892px;
}

#mainNewsColumn .newsIntro {
	padding-left: 68px;
	padding-right: 41px;
	padding-top: 41px;
	width: 892px;
	height: 190px;
}

.newsactionbarlinks:link,
.newsactionbarlinks:active,
.newsactionbarlinks:visited,
.newsreadmore:link,
.newsreadmore:active,
.newsreadmore:visited {
	cursor: pointer;
	background-color: transparent;
	color: #333333;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
}

.newsactionbarlinks:hover,
.newsreadmore:hover {
	text-decoration: none;
}


/**
 * =======================================
 * Products Page
 * =======================================
 */

#mainContentContainer #mainProductColumn {
	background-image: url(img/contentpage_bkgrndstrip.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	width: 960px;
	display: block;
}

#pageContentBackground .productImageColumn {
	height: auto;
	width: 361px;
	background-image: url(img/bck_productcolumn_strip.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	font-size: 1.2em;
	line-height: 140%;
	padding-bottom: 50px;
}

.productImageColumn .productImage {
	float: left;
	height: 345px;
	_height: 395px;
	width: 335px;
	_width: 361px;
	background-image: url(img/productsimage_base.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-top: 50px;
	padding-left: 26px;
}

.productImageColumn .imageText {
	float: left;
	width: 212px;
	_width: 281px;
	height: auto;
	padding-left: 69px;
}

#mainContentContainer .mainContentColumn {
	width: 568px;
	_width: 599px;
	height: 190px;
	padding-left: 11px;
	padding-right: 20px; 
	padding-top: 41px;
}

#mainContentContainer .productsContentColumn {
	width: 568px;
	_width: 599px;
	height: 154px;
	padding-left: 11px;
	padding-right: 20px; 
	padding-top: 41px;
}

.mainContent {
	height: auto;
	width: 330px;
	padding-left: 11px;
	padding-top: 21px;
}

.productsMainContent {
	height: auto;
	width: 330px;
	padding-left: 11px;
}

#mainContentContainer .rightColumn {
	float: right;
	width: 227px;
	font-size: 1.3em;
	padding-top: 21px;
}

.rightColumn li {
	display: block;
	height: 128px;
	width: 210px;
	padding-bottom: 24px;
	list-style-type: none;
}

/** 
 * =======================================
 * Styles for Products AJAX Tabs
 * =======================================
 */

.AjaxTabs_Products
{
	text-align: left;
	width: 568px;
}

.AjaxTabs_Products .ajax__tab_header {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
	font-weight: bold;
	background-color: transparent;
	margin-top: -1px;
}

.AjaxTabs_Products .ajax__tab_outer {
    height:36px; 
}

.AjaxTabs_Products .ajax__tab_inner .ajax__tab_tab {
    height:20px;
	_height: 36px;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
	color: #333333;
	padding-top: 8px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	margin: 0px;
	background-color: #78bde8;
}

.AjaxTabs_Products .ajax__tab_hover .ajax__tab_tab {
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
	color: #FFFFFF;
}

.AjaxTabs_Products .ajax__tab_active .ajax__tab_tab {
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
	color: #333333;
	background-color: #FFFFFF;
}

.AjaxTabs_Products .ajax__tab_body {
    border-top:0;
    background-color: transparent;
	padding-top: 21px;
}

.AjaxTabs_Products ul {
	padding-left: 15px;
	padding-bottom: 5px;
	font-size: 12px;
}

/** 
 * =======================================
 * Styles for Quotes IFrame 
 * =======================================
 */

.quoteIframe {
	margin-top: -42px;
}

.quoteIframeCoverTop {
	background-color: #78BDE8;
	width: 560px;
	height: 149px;
	_height: 190px;
	position: absolute;
	float: top;
	margin-top: 0px;
	_margin-top: -42px;
	padding-top: 41px;
}

.quoteIframeCoverLeft {
	background-color: #FFFFFF;
	width: 10px;
	height: 828px;
	float: left;
	position: absolute;
}

.quoteIframeCoverBottom {
	background-color: #FFFFFF;
	width: 560px;
	height: 30px;
	position: absolute;
	float: bottom;
	margin-top: -30px;
}

/** 
 * =======================================
 * Styles for Nuke News
 * =======================================
 */

.NukeNews_Item, .NukeNews_AltItem {
	background-color: transparent;
	padding: 0px;
}

.NukeNews_Item p, .NukeNews_AltItem p {
	padding-bottom: 0px;
}

.NukeNews_Item H3, .NukeNews_AltItem H3 {
	font-size: 16px;
	font-weight: bold;
}

.NukeNews_AltItem {
	background-color: transparent;
}

.NukeNews_Homepage img {
	display: none;
}

.newstitle {
}

/** 
 * =======================================
 * Styles for Form  Elements
 * =======================================
 */
 
 .FormLabel {	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
 	padding-top: 2px;
	padding-bottom: 2px;
	}
	
 .FormInput {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
	height: 25px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 2px;
	margin-bottom: 10px;
	border: 1px solid #666666;
}


.FormLabelHidden {	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
 	padding-top: 0px;
	padding-bottom: 0px;
	}
	
 .FormInputHidden {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #ffffff;
	height: 25px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 2px;
	margin-bottom: 10px;
	background-color:#FFFFFF;
	border:none;


}



.FormTextArea	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 2px;
	margin-bottom: 2px;
	border: 1px solid #666666;
	}

/** 
 * =======================================
 * Styles for Speach Balloon
 * =======================================
 */
.speechBalloon {
	background-image: url(img/speech_balloon.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: auto;
	width: 210px;
	margin-bottom: 8px;
	margin-top: 0px;
}
.speechBkgrnd {
	background-color: #def0fa;
	display: block;
	height: 100%;
	width: 210px;
	margin-left: 18px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 12px;
	padding-left: 15px;
	margin-right: 9px;
	color: #333333;
	font-size: 12px;
	vertical-align: top;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
}
.speechBkgrnd h3 {
	font-size: 16px;
	font-weight: 500;
	margin-top: 0px;
	margin-bottom: 0px;
}
.speechBkgrnd p {
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
}
.speechBkgrnd a:link {
	text-decoration: underline;
	color: #000;
}
.speechBkgrnd a:visited {
	text-decoration: underline;
	color: #B5710C;
}
.speechBkgrnd a:active {
	text-decoration: none;
	color: #e33d31;
}
.speechBkgrnd a:hover {
	text-decoration: none;
	color: #269fe0;
}
.speechBkgrnd img {
	display: block;
	margin-right: 10px;
	margin-bottom: 8px;
	float: left;
	height: 80px;
	width: 80px;
}
