body {
	margin: 0px 0px 0px 0px; font-size:12px; font-family:arial; color:#565656; background-color:#ffffff;
}

.text11Bold {font-size:11px; font-weight:bold;}
.text11 {font-size:11px;}

hr {
	border:3px solid #CBCBC9; padding:0px 0px 0px 0px;
}

hr.viewHtml {
	border:3px solid #c8dbe8; padding:0px 0px 0px 0px;
}

a.pageMenu:link, a.pageMenu:visited {
	color:#4c3e3b; font-size:14px; font-weight:bold; text-decoration:none; padding: 0px 15px 0px 15px;
}

a.pageMenu:hover {
	color:#006599; font-size:14px; font-weight:bold; text-decoration:underline; padding: 0px 15px 0px 15px;
}

a.pageMenuca_fr:link, a.pageMenuca_fr:visited {
	color:#4c3e3b; font-size:12px; font-weight:bold; text-decoration:none; padding: 0px 15px 0px 15px;
}

a.sponsorLink:link, a.sponsorLink:visited {
	color:#4c3e3b; font-size:14px; font-weight:bold; text-decoration:none; padding: 0px 15px 0px 15px;
}

a.sponsorLink:hover {
	color:#006599; font-size:14px; font-weight:bold; text-decoration:underline; padding: 0px 15px 0px 15px;
}

a.sponsorLinkca_fr:link, a.sponsorLinkca_fr:visited {
	color:#4c3e3b; font-size:14px; font-weight:bold; text-decoration:none;
}

a.sponsorLinkca_fr:hover {
	color:#006599; font-size:14px; font-weight:bold; text-decoration:underline;
}

a.pageMenuca_fr:hover {
	color:#006599; font-size:12px; font-weight:bold; text-decoration:underline; padding: 0px 15px 0px 15px;
}

a.selLink:link, a.selLinkvisited {
	color:#ffffff; font-size:13px; font-weight:bold; text-decoration:none;
}
a.selLink:hover {
	color:#a2c3d9; font-size:13px; font-weight:bold; text-decoration:underline;
}

a.selButton:link, a.selButton:visited {
	border:1px solid #467AB5; font-size:14px; padding:8px 10px 8px 10px; font-weight: bold; text-transform:uppercase; color:#467AB5; background-color:#c8dbe8; text-decoration:none;
}

a.selButton:hover {
	border:1px solid #467AB5; font-size:14px; padding:8px 10px 8px 10px; font-weight: bold; text-transform:uppercase; color:#ffffff; background-color:#467AB5;
}

a.greenButton:link, a.greenButton:visited {
	border:1px solid #7f9f29; font-size:14px; padding:8px 10px 8px 10px; font-weight: bold; text-transform:uppercase; color:#7f9f29; background-color:#c2ec52; text-decoration:none
}

a.greenButton:hover {
	border:1px solid #7f9f29; font-size:14px; padding:8px 10px 8px 10px; font-weight: bold; text-transform:uppercase; color:#ffffff; background-color:#7f9f29;
}

a.BIMButton:link, a.BIMButton:visited {
	border:1px solid #6d1d5f; font-size:14px; padding:8px 10px 8px 10px; font-weight: bold; text-transform:uppercase; color:#6d1d5f; background-color:#c264b2; text-decoration:none
}

a.BIMButton:hover {
	border:1px solid #6d1d5f; font-size:14px; padding:8px 10px 8px 10px; font-weight: bold; text-transform:uppercase; color:#ffffff; background-color:#6d1d5f;
}


a.luxuryButton:link, a.luxuryButton:visited {
	border:1px solid #36100d; font-size:14px; padding:8px 10px 8px 10px; font-family:garamond; font-weight: bold; text-transform:uppercase; color:#36100d; background-color:#ffe7bb; text-decoration:none; letter-spacing: 5px; text-transform:uppercase;
}

a.luxuryButton:hover {
	border:1px solid #ffe7bb; font-size:14px; padding:8px 10px 8px 10px; font-family:garamond; font-weight: bold; text-transform:uppercase; color:#ffe7bb; background-color:#36100d;  letter-spacing: 5px; text-transform:uppercase;
}

a.baaButton:link, a.baaButton:visited {
	border:1px solid #BF0A30; font-size:14px; padding:8px 10px 8px 10px; font-weight: bold; text-transform:uppercase; color:#ffffff; background-color:#002868; text-decoration:none; text-transform:uppercase;
}

a.baaButton:hover {
	border:1px solid #BF0A30; font-size:14px; padding:8px 10px 8px 10px; font-weight: bold; text-transform:uppercase; color:#002868; background-color:#ffffff; text-transform:uppercase;
}


a.bodylink:link, a.bodylink:visited {
	color:#006599; text-decoration:none;
}
a.bodylink:hover {
	color:#666666; text-decoration:underline;
}

a.edit:link, a.edit:visited {
	color:#006599; text-decoration:none; font-size:10px;
}
a.edit:hover {
	color:#666666; text-decoration:underline; font-size:10px;
}

a.fixture:link, a.fixture:visited {
	color:#467AB5; font-size:14px; font-weight:bold; text-decoration:none;
}

a.fixture:hover {
	color:#565656; font-size:14px; font-weight:bold; text-decoration:underline;
}

a.fixtureca_fr:link, a.fixtureca_fr:visited {
	color:#467AB5; font-size:12px; font-weight:bold; text-decoration:none;
}

a.fixtureca_fr:hover {
	color:#565656; font-size:12px; font-weight:bold; text-decoration:underline;
}

table.frame { border:2px solid #cccccc; padding:0px 0px 0px 0px; }

th.bold {font-weight:bold;background-color:#c8dbe8;color: #565656; height:25px; text-align:left;border-bottom: 1px solid #ffffff;}
th.bold2 {font-weight:bold;
font-size: 10px;
background-color:#006598;
color: #fff; height:25px; text-align:left;
border-bottom: 1px solid #ffffff;}
th.small {background-color:#c8dbe8;color: #565656; height:25px; text-align:left; font-size:10px;border-bottom: 1px solid #ffffff;}

table.listing {border-top: 2px solid #c8dbe8; border-left: 2px solid #c8dbe8; border-right: 2px solid #c8dbe8; }
tr.listing {}
tr.listing:hover {background-color: #c8dbe8;}
td.listing {border-bottom: 2px solid #c8dbe8; height:20px;}
tr.listingLast {border-bottom: 2px solid #c8dbe8; height:20px;}
tr.listingNoBorder {height:20px;}

table.listingThin {border-top: 1px solid #c8dbe8; border-left: 1px solid #c8dbe8; }
td.listingThin {border-bottom: 1px solid #c8dbe8; height:20px;border-right: 1px solid #c8dbe8; text-align:center; }
tr.listingThin {border-bottom: 1px solid #c8dbe8; height:20px;border-right: 1px solid #c8dbe8; text-align:center; }

table.listingThinHWT {border: 0px; }
td.listingThinHWTTop {height:20px;border-bottom: 1px solid #c8dbe8; text-align:center;}
td.listingThinHWTBottom {height:20px;border-right: 1px solid #c8dbe8; text-align:center;}
tr.listingThinHWT {border-bottom: 1px solid #c8dbe8; height:20px;border-left: 1px solid #c8dbe8;border-top: 1px solid #c8dbe8; }

td.listingThinBlue {border-bottom: 1px solid #c8dbe8; height:20px;border-right: 1px solid #c8dbe8; color:#006599; font-weight:bold;}
tr.listingThinBlue {border-bottom: 1px solid #c8dbe8; height:20px;border-right: 1px solid #c8dbe8; color:#006599; font-weight:bold; }

td.listingThinRed {border-bottom: 1px solid #c8dbe8; height:20px;border-right: 1px solid #c8dbe8; color:#ff0000; font-weight:bold;}
tr.listingThinRed {border-bottom: 1px solid #c8dbe8; height:20px;border-right: 1px solid #c8dbe8; color:#ff0000; font-weight:bold; }

td.menuStart {
	background-image:url(images/b5.jpg); background-repeat:no-repeat; width:145px;
}

td.siteMenu {
	background-image:url(images/b2.jpg); background-repeat:no-repeat; width:972px;
	padding-bottom:15px; padding-right:35px; text-align:right; vertical-align:bottom;
	font-size:14px; color:#ffffff; font-weight:bold;
}

td.specMenu {
	padding-left: 30px; background-image:url(images/menuBkg.jpg); background-repeat:repeat-x; width:971px; height:33px;
}

td.leftShade {
	width:10px; background-image:url(images/shadeLeft.jpg); background-repeat:repeat-y;
}

td.rightShade {
	width:10px; background-image:url(images/shadeRight.jpg); background-repeat:repeat-y;
}

td.bottomShade {
	height:10px; background-image:url(images/shadeBottom.jpg); background-repeat:repeat-x;
}

td.contentBoxCol {
	padding: 20px 10px 20px 5px; vertical-align:top;
}

table.bkg {
	background-image:url(images/triangle.jpg); 
	background-repeat:no-repeat;background-attachment:fixed;background-position: bottom right; height: 500px;
}

td.newsBoxCol {
	padding: 20px 5px 20px 5px; vertical-align:top;
}

.header {
	color:#006699; font-size:36px;
}

.headerFeatures {
	color:#006699; font-size:14px; font-variant:small-caps;
}

table.newsBox {
	border:2px solid #CBCBC9; padding:0px 0px 0px 0px;
}
td.newsBoxHeader {
	background-color:#CBCBC9; font-size:14px; font-weight:bold; color:#6B6E6F; height:30px; padding-left:5px;
}
td.newsBoxContent {
	padding:10px 5px 10px 5px;
}

.button { 
	border: 1px solid #006699; background-color: #c8dbe8; height:24px; 
	font-family: arial; font-size: 12px; color: #565656; vertical-align: middle; padding-bottom: 1px;
}
	
.buttonOn, .button:hover, .button:focus, .buttonOn:focus {
	border: 1px solid #006699; background-color: #006699;
	font-family: arial; color: #ffffff; vertical-align: middle; padding-bottom: 1px;
	cursor:pointer; font-size: 12px; 
}
	
.button[disabled] {
	border-color: #565656; background-color: #CBCBC9; color: #565656;font-family: arial; 
}

td.label {
	font-size:11px; 
}

td.labelRequired {
	font-size:11px; color:#ff0000;
}

input.text {
	border:1px solid #cccccc; font-size:10px; color:#565656;
}

textarea.terms {
	background-color: #ffffff; font-size:11px; border:1px solid #cccccc; color:#565656;
}

textarea.regular {
	background-color: #ffffff; font-size:12px; border:1px solid #cccccc; color:#565656; font-family:arial;
}

.legend {
	color:#467AB5; font-size:14px;
}

table.form {
	border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; background-color: #ffffff;
}

td.form {
	border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; height:25px;
}

td.formReq {
	border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; color:#FF0000; height:25px;
}
td.formLast {
	border-right: 1px solid #cccccc; border-bottom: 3px solid #cccccc; height:25px;
}

td.formReqLast {
	border-right: 1px solid #cccccc; border-bottom: 3px solid #cccccc; color:#FF0000; height:25px;
}

td.borderRightBottom2PX {
	border-bottom: 2px solid #c8dbe8; border-right: 2px solid #c8dbe8;
}

td.borderRightBottom2PXClickable { border-bottom: 2px solid #c8dbe8; border-right: 2px solid #c8dbe8; }
td.borderRightBottom2PXClickable:hover {border-bottom: 2px solid #c8dbe8; border-right: 2px solid #c8dbe8; background-color: #c8dbe8;}

td.borderBottom2PX {
	border-bottom: 2px solid #c8dbe8;
}

.thank {
	color:#467AB5; font-size:18px; font-weight:bold;	
}

.loginError { color:#ff0000; font-size:12px; font-weight:bold;}

img.bkg {position:absolute; left:0px; top:0px;z-index:-1;}

.price {color: #006599; font-weight:bold;}

/* STYLESHEET FOR DWG CONFIRM*/
.dwgDwgDesc {font-size:10px;}
.dwgLabel {color:#ff0000; font-weight:bold;}
.dwgManf {font-weight:bold; font-size:15px; text-transform:uppercase;}
.dwgFittingType {font-weight:bold; font-size:13px;}

.dwgOuterBox {border-top:2px solid #c8dbe8;border-left:2px solid #c8dbe8;}
.dwgLeftBox {border-bottom:2px solid #c8dbe8;border-right:2px solid #c8dbe8;}
.dwgImageBox {border-bottom:2px solid #c8dbe8;border-right:2px solid #c8dbe8;}
.dwgSpecNoBox {border-bottom:2px solid #c8dbe8;border-right:2px solid #c8dbe8;border-top:2px solid #c8dbe8; font-weight:bold;}

ul.dot {list-style: url('drawings/dot.jpg'); text-align:justify; margin-left:25px; margin-right:5px; margin-bottom:0px; margin-top:0px;}

ul.checkbox {list-style: url('drawings/checkbox.jpg'); text-align:justify; margin-left:25px; margin-right:5px; margin-bottom:0px; margin-top:0px;}
ul.checkbox11 {list-style: url('drawings/checkbox.jpg'); text-align:justify; margin-left:25px; margin-right:5px; margin-bottom:0px; margin-top:0px;font-size:11px;}

ul.emptybox {list-style: url('drawings/emptybox.jpg'); text-align:justify; margin-left:25px; margin-right:5px; margin-bottom:0px; margin-top:0px;}
ul.emptybox11 {list-style: url('drawings/emptybox.jpg'); text-align:justify; margin-left:25px; margin-right:5px; margin-bottom:0px; margin-top:0px;font-size:11px;}

li.checkbox {list-style: url('drawings/checkbox.jpg'); text-align:justify; margin-left:25px; margin-right:5px; margin-bottom:0px; margin-top:0px;}
li.checkbox11 {list-style: url('drawings/checkbox.jpg'); text-align:justify; margin-left:25px; margin-right:5px; margin-bottom:0px; margin-top:0px;font-size:11px;}

li.emptybox {list-style: url('drawings/emptybox.jpg'); text-align:justify; margin-left:25px; margin-right:5px; margin-bottom:0px; margin-top:0px;}
li.emptybox11 {list-style: url('drawings/emptybox.jpg'); text-align:justify; margin-left:25px; margin-right:5px; margin-bottom:0px; margin-top:0px;font-size:11px;}

td.edit {padding-left:2px; padding-right:2px; font-size:11px;}

legend {font-weight: bold; text-transform:capitalize; font-size:12px;}

.highlight { background-color:#FFFF00;}

/* For Marquee starts */
#marqueecontainer{
position: relative;
width: 140px; /*marquee width */
height: 100px; /*marquee height */
background-color: white;
overflow: hidden;
padding: 2px;
}
/* For Marquee ends */

#bookletBkg {position:relative; top:10px; left:100px; width:75px; background-color:#fff; z-index:100;}
#bookletBkg a.p1 {display:block; width:75px; height:75px; text-decoration:none; background:#fff; top:0; left:0; border:0;}
#bookletBkg a img {border:0;}
#bookletBkg a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#bookletBkg a.p1:hover .large {display:block; position:absolute; top:0px; left:50px; width:400px; height:188px;}


/* HTML LINK ROLLOVER IMAGE POPUP FOR THE PRINT SECTION LEFT*/
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 0px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: #006599;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

#rwhtscalc table {
	width: 100%;	
}

#rwhtscalc td, th {
	height: 20px;
	text-align: left;
	border-bottom: 1px solid #CCC;
}

#rwhtscalc th {
	font-weight: bold;
}

#rwhtscalc div.buttons {
	float: right;
}

#rwhtscalc table input {
  width: 100px;
  color: #565656;
}

#rwhtscalc select {
  width: 106px;
  color: #565656;
}

.fulledit {
  color: blue;
}

/*********************** HOT WATER SIZING STARTS ****************************/
#hwtSizing div.container {
	border:2px solid #c8dbe8;
	width:920px;
}

#hwtSizing div.section {
	padding: 10px 5px;
	font-weight: bold;
	color: #565656;
	width:910px;
	text-transform:uppercase;
	background-color:#c8dbe8;
}

#hwtSizing div.headers {
	padding: 5px 0px 10px 0px;
	font-weight: bold;
	color: #565656;
	width:900px;
}

#hwtSizing div.headersNote {
	padding: 5px 0px 10px 0px;
	font-weight: bold;
	color: #565656;
	width:900px;
	color:red;
}

#hwtSizing div.headersLeft {
	padding: 5px 0px 10px 0px;
	position: relative;
	font-weight: bold;
	float: left;
	color: #565656;
	width:500px;
}

#hwtSizing div.headersWithLink {
	padding: 5px 0px 10px 0px;
	position: relative;
	float: left;
	text-align:right;
	font-weight: bold;
	color: #565656;
	width:410px;
}

#hwtSizing div.itemTopBorder {
	position: relative;
	float: left;
	padding: 5px 5px;
	width: 910px;
	border-top:1px solid #c8dbe8;
}

#hwtSizing div.item {
	position: relative;
	float: left;
	padding: 5px 5px;
	width: 910px;
}

#hwtSizing div.name {
	position:relative;
	float: left;
	width: 150px;
	left:0px;
}

#hwtSizing div.nameExtend {
	position:relative;
	float: left;
	width: 910px;
	left:0px;
}

#hwtSizing div.note {
	position:relative;
	float: left;
	width: 910px;
	left:0px;
	color:red;
}

#hwtSizing div.value {
	width: 750px;
	position:relative;
	float:left;
}

#hwtSizing div.valueResults {
	width: 750px;
	position:relative;
	float:left;
	font-weight:bold;
}

#hwtSizing #foodServiceLoadsSection, #laundryRoomSection, #storageSettings {
	position:relative;
	padding-top:10px;
	left:0px;
	float: left;
	width: 910px;
}

#hwtSizing input, select{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#hwtSizing #gasType {
	display:inline;
}
/*#hwtSizing .btn { 
	border: 1px solid #006699; background-color: #c8dbe8; height:30px; 
	font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #565656; vertical-align: middle;
	font-weight:bold; width:270px;
}
	
#hwtSizing .btn:hover, .btn:focus {
	border: 1px solid #006699; background-color: #006699; height:30px; 
	font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #ffffff; vertical-align: middle;
	cursor:pointer; width:270px;
	font-weight:bold;
}
	
#hwtSizing .btn[disabled] {
	border-color: #565656; background-color: #CBCBC9; color: #565656;font-family: arial; 
	font-weight:bold; width:270px;
}*/

#hwtSizing label.error {
	color:red;
}

#hwtSizing #prodSelect {
	position:relative;
	padding-top:10px;
	left:0px;
	float: left;
	text-align:right;
	width: 910px;
}

#hwtSizing h4 {
	font-size:14px;
	font-weight:bold;
}

#hwtSizing .prodInfo {
	position: relative;
	margin-left:200px;
}

#hwtSizing .leftColumn {
	width:350px;
	left:0px;
	position:absolute;
	float:left;
}

#hwtSizing .rightColumn {
	position:absolute;
	top:35px;
	right:0px;
}

#hwtSizing .infoLine {
	display:block;
	height:20px;
	line-height:20px;
	width:350px;
}

#hwtSizing .infoLineBottomSpacer {
	margin-bottom:15px;
	display:block;
	height:20px;
	line-height:20px;
	width:350px;
}

#hwtSizing .infoField {
	float:left;
	width: 140px;
	padding: 0px 5px;
}

#hwtSizing .infoValue {
	float:left;
}

#hwtSizing .imageContainer {
	position:relative;
	text-align:center;
	top:0px;
	width:200px;
}

#hwtSizing .prodImg {
	display:block;
	margin:0px auto;
	height:120px;
}

#hwtSizing #selectBtn {
	position: relative;
	z-index:10;
	top:0px;
	width: 910px;
	text-align:left;
	left:205px;
	right:0px;
	padding-bottom:15px;
}

#hwtSizing .loadSummary {
	margin:20px 10px 30px 10px;
}

#hwtSizing #alternateProd {
	display:none;
}

#hwtSizing #showAlternateProdLink, #hideAlternateProdLink{
	text-decoration:underline;
	cursor:pointer;
	font-weight:bold;
}

#hwtSizing #showAlternateProd {
	border-top:2px solid #c8dbe8;
	padding:20px 10px;
}

#hwtSizing #hideAlternateProd {
	text-transform:none;
	font-size:12px;
	width:150px;
}
/*********************** HOT WATER SIZING ENDS ****************************/