/****** Guardian Site CSS ******/

/**** Globals ****/

body 
{
	background-image: url(/images/gradient-bg.jpg); background-repeat: repeat-x; background-color: #fff; 
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

img { border: none; }
p { margin: 11px 0px; }
a { color: #0f5f99; text-decoration: none; }
a:hover { text-decoration: underline; }

h2.title { color: #004880; margin: 20px 0px 10px; font-style: italic; font-size: 24px; font-weight: normal; }
h3.subheading { color: #006600; font-size: 18px; }
.strongtext { color: #004880; font-weight: bold; }
.text { color: #666666; font-weight: normal; line-height: 18px; }
.quote { font-style: italic; }

.button { height: 30px; width: 93px; background: url(/images/form/bttn-bg.gif) no-repeat; color: #fff; font-weight: bold; text-transform: uppercase; border: none; }
.textbox { border: solid 1px #98bc88; background: #fff; color: #666; font-size: 13px; padding: 3px; }
.loginbox{ border: solid 1px #98bc88; background: #fff; color: #666; font-size: 13px; padding: 3px; width:100px; }
div.hr { background: #98bc88; height: 1px; margin: 8px 0px; }
.paraImg { float: left; margin-right: 12px; }
.showhide { }

.hideMe {
	position:absolute;
	left:-3000px;
}

.errMsg { color: Red; }

.phoneNumber
{
	white-space: nowrap;
}

/**** ShadedBorder ****/
#content, #content .sb-inner { background: transparent; }
#content .sb-shadow { }
#content .sb-border { background: transparent; }

/**** Page Layout ****/
#wrap { /*margin: 24px auto 0px auto;*/ margin: 0 auto; /*width: 1012px;*/ width: 982px; }
#content { width: 982px; /*1000px;*/ }
#icontent { width: 970px; padding: 6px; }
#header {  }
#main { clear: both; }
#tblMainContent { width: 100%; height: 100%; }
#left { background: #a6c9d6; width: 193px; }
#right { background: #fff; width: 777px; }
#footer { background: #a3c4d9; }

/*** Top Links ***/
#topLinks { text-align: right; color: #fff; font-size: 11px; font-family: Verdana, Arial, Sans-Serif; padding: 7px; }
#topLinks a { color: #fff; }

/*** Header ***/
#banner { background: url(/images/header.jpg) no-repeat; height: 93px; cursor: pointer; }
#topNav { background: #98bc88; }
#breadcrumbs { background: #98bc88; height: 22px; line-height: 22px; }

/*** Left ***/
#leftNav { }
.leftSpacer { height: 39px; background: url(/images/leftnav/spacer.gif) no-repeat; }
#leftPromo { /*background: url(/images/leftpromo-temp.jpg) no-repeat; height: 244px; */ }

/*** Right ***/
#rightContent { font-family: Tahoma, Arial, Sans-Serif; font-size: 11px; color: #666666; margin: 0px 22px 20px; }

/*** Foot ***/
#footPromo { height: 129px; background: url(/images/footerpromo-bg.jpg) no-repeat; }
.fp-item { width: 236px; height: 119px; }

#footLinks { height: 39px; font-size: 11px; padding: 7px; font-family: Verdana, Arial, Sans-Serif; }

#footLinks .copyright { color: #669999; float: left; }
#footLinks .links { color: #3b8181; text-align: right; }
#footLinks .links a { color: #3b8181; text-decoration: none; }
#footLinks .links a:hover { text-decoration: underline; color: #99cccc; }
#footLinks .devBy { color: #99cccc; }

/**** Breadcrumbs ****/
.crumblist { padding: 0 1em; }
.crumb { color: #003300; text-decoration: none; }
.crumb:hover { text-decoration: underline; }
.currentcrumb { color: #014980; text-decoration: none; }

/**** Top Navigation ****/
.topNavContainer { }
ul#topNavList { list-style-type: none; padding: 0; margin: 0; height: 39px; }
ul#topNavList li {float: left; position: relative; height: 39px; } 
.topNode, .topNode-selected { border-right: solid 1px #7bafc8; }
#topNavList .lastNode { border-right: none; }

.topNode a { }


/**** Left Navigation ****/
.leftNavContainer { }
.leftNavContainer ul { list-style-type: none; padding: 0; margin: 0; }

ul#leftNavList { }
ul#leftNavList li { }

.baseNode { background: #3082A1; /* border-bottom: solid 1px #83b4c7; */ }
.baseNode-hover { background: #83b4c7; }
.baseNode-selected { background: #83b4c7; border-top: solid 1px #b5d2dd; border-bottom: solid 1px #a1c6d4; }

.subNode { background: #62A0B8; }
.subNode-hover, .subNode-selected { background: #1E6C3E; }

.bottomNode { }

ul.subList { }
ul.bottomList { }

.baseNode-selected .seperator,
#leftNavList .lastNode .seperator { display: none; height: 1px; /*background: #3082A1;*/ }

div.seperator { background: #83b4c7; height: 1px; width: 178px; margin-left: 8px; margin-right: 4px; }


/***** Page-Specific Styles *****/
.text a { color: #0f5f99; text-decoration: none; }

/*FAQ*/
.faqList { margin: 0; padding: 0; list-style-position: inside; }
.faqList li { border-bottom: solid 1px #98bc88; padding-bottom: 1em; margin-bottom: 1.2em; }
.faqItem a { color: #004880; font-weight: bold; text-decoration: none; }
.faqItem a:hover { text-decoration: underline; }
.faqItem .showhide { padding-top: 1em; display: none; }
.faqItem .showhide a { font-weight: normal; }
.arrow { float: right; cursor: pointer; display: none; }

/*About*/
.aboutWrap { margin-left: 212px; }

/*History*/
#tblTimeline { width: 100%; }
#tblTimeline td { border-bottom: solid 1px #98bc88; }
#tblTimeline .text { padding:10px 40px 10px 0px; }
.timeline-date { color: #006600; font-size: 24px; width: 100px; }

/*ENERGY STAR*/
#tblEstar { margin: 20px 0px 10px; }
#tblEstar ul { padding: 0 0 0 12px; margin: 0; list-style-type: none; }
#eStarAs .showhide { display: none; }
#eStarAs .arrow { display: none; }

#eStarAs { margin: 50px 0 0 0; padding: 0; list-style-type: none; }
#eStarAs li { border-bottom: solid 1px #98bc88; padding-bottom: 1em; margin-bottom: 1.2em; }
#eStarAs a { color: #0f5f99; }

/* Store Locations */
#location1 { width: 324px; float: left; height: 500px; }
#location2 { width: 324px; float: right; height: 500px; }

.address { color: #004880; font-weight: bold; }
.hours { color: #1e6c3e; font-weight: bold; }

/* Commercials */
#tblCommercials { float: left; width: 310px; }
#tblCommercials td { padding-bottom: 20px; }
#commVideo { /* width: 400px; height: 300px; border: solid 1px #98bc88; */ margin-left: 330px; }

/* Guardian Difference */
#guidaDifference .strongtext { color: #006600; font-size: 13px; }

/* Products - Standard Features */
.door { float: left; }
.typename { color: #004880; font-size: 18px; margin-bottom: 10px; border-bottom:1px solid #004880; }
.myImgs, .doorImg { float: left; }
.features { margin-left: 220px; }
.featImg 
{
	float: left; 
	width: 193px; height: 153px;
	/*margin-right: 50px; margin-bottom: 12px;*/ 
	/*width: 200px; height: 160px; */
	padding-top: 20px; 
	z-index: 2 !important;
}

.fwrap { float: left; width: 500px; }
.featList, .haxList { list-style: none; margin: 0; padding: 0; width: 230px; /*width: 510px;*/ }
.fl-item, .hax-item { padding: 0 15px 10px 10px; background: url(/images/bullet.gif) no-repeat 0 .5em; width: 200px; }

.fl-item a, .hax-item a { font-weight: bold; color: #004880; text-decoration: none; }
.fl-item a:hover, .hax-item a:hover { font-weight: bold; color: #004880; text-decoration: underline; }
.fl-item a.selected, .hax-item a.selected { color: #1e6c3e; }
.fl-item .text { }
/*
#tblFeatures { }
.feature { padding-right: 10px; }
.feature .thumb { float: left; margin-right: 10px; }
.feature .desc { padding-top: 2px; margin-left: 210px; }
*/


/* Products - Hardware */
#hardwares { margin-bottom: 10px; }
.hw { float: left; margin-right: 50px; margin-bottom: 20px; width: 320px; }
.hw .text { padding-left: 2px; } 
.hw-imgs { padding-top: 10px; }

.hw-img { float: left; margin-bottom: 3px; }
.hw-img .strongtext { padding-left: 2px; }

.hwList { list-style: none; margin: 0; padding: 0; }
.hwList li { float: left; }

/* Products - Styles */

/*
.doorStyles-vheight { background: url(/images/styles/styles-bg-vheight.gif) repeat-y 0 -18px; width: 725px; margin-bottom: 10px; }
.vheight-top { background: url(/images/styles/styles-vheight-tb.gif) no-repeat; height: 8px; width: 725px; }
.vheight-bottom { background: url(/images/styles/styles-vheight-tb.gif) no-repeat 0 -9px; height: 8px; width: 725px; }
*/

.doorStyles, .wpStyles { background: url(/images/styles/styles-bg.gif) no-repeat top left; width: 725px; height: 316px; margin-bottom: 10px; }
.styles { width: 368px; float: left; padding: 12px 20px; }
.stylename { color: #004880; font-size: 16px; }
.stylelist { list-style-type: none; height: 187px; margin: 0; padding: 0; }

.doorStyles .style-item, .doorStyles .style-item-selected { float: left; height: 93px; }
.doorStyles .style-item { background: url(/images/styles/doorbg.gif) no-repeat top center; cursor: pointer; }
.doorStyles .style-item-selected { background: url(/images/styles/doorbg-s.gif) no-repeat top center; cursor: auto; }

.wpStyles .stylelist { height: 200px; }
.wpStyles .style-item, .wpStyles .style-item-selected { float: left; height: 87px; }
.wpStyles .style-item img { padding: 8px; }
.wpStyles .style-item { background: url(/images/styles/wpbg.gif) no-repeat top center; cursor: pointer; }
.wpStyles .style-item-selected { background: url(/images/styles/wpbg-s.gif) no-repeat top center; cursor: auto; }

.wpStyles .selection { width: 300px; float: right; text-align: center; padding: 8px; }

.doorStyles .selection { width: 272px; float: right; padding: 12px 20px; text-align: center; }
.doorStyles .styleImg { margin-bottom: 3px; }
.styleNo { color: #014880; font-weight: bold; }

.styles .pager { text-align: center; }
.styles .pager ul { list-style-type: none; padding: 0; margin: 0; }
.styles .pager ul li { display: inline; padding: 0px 3px; }


.manufacturers { margin: 10px 0px; clear: both; width: 100%; }

.ihateie {  }

.sillyMsg { float: left; color: #006600; font-weight: bold; margin-bottom: 5px; }