@CHARSET "ISO-8859-1";

/*
======================================================================
 Liquid Nails: Adhesive Calculator CSS.
======================================================================
*/

body.adhesiveCalc div#my_pageContent  {
	min-height: 500px;
	background: rgb( 201, 186, 153 ) url( '../../img/products/adhesiveCalculator/calcBg.jpg' ) no-repeat top left;
}

body.adhesiveCalc div#my_column1 {
	float: left;
	width: 160px;
}

body.adhesiveCalc div#my_column2 {
	float: right;
	width: 735px;
}

body.adhesiveCalc div#my_column2Inside {
	padding: 10px 20px 0px 0px;
}

body.productSafety div#my_column2 div#my_column2_row1 {
}

body.adhesiveCalc div#my_column2 div#my_column2_row2 {
	padding: 0px 25px;
}

body.adhesiveCalc div#my_column2 div#my_column2_row3 {
}

body.adhesiveCalc div#my_column2 div#my_column2_row4 {
	padding: 0px 25px;
}

body.adhesiveCalc div#my_startColumns {
}

body.adhesiveCalc div#my_startColumns div.clear {
	font-size: 1px;
}

body.adhesiveCalc div#my_startColumn1 {
	float: left;
	width: 200px;
}

body.adhesiveCalc div#my_startColumn2 {
	float: right;
	width: 450px;
}

body.adhesiveCalc div#my_startColumn2 h3 {
	margin: 0px;
	padding: 3px;
	background: rgb( 155, 135, 81 );
	color: white;
	text-align: center;
	text-transform: uppercase;
}

body.adhesiveCalc div#my_startProjectsList {
	padding: 5px 3px 8px 3px;
	border-bottom: solid 1px rgb( 103, 76, 64 );
}

body.adhesiveCalc div#my_startOptionsList {
	padding: 8px 3px 10px 3px;
}

body.adhesiveCalc div#my_startProjectsList ul,
body.adhesiveCalc div#my_startOptionsList ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

body.adhesiveCalc div#my_startProjectsList ul li,
body.adhesiveCalc div#my_startOptionsList ul li {
	padding-bottom: 2px;
}

body.adhesiveCalc div#my_startProjectsList ul li.my_projectsListItemOn {
	background: rgb( 206, 192, 150 );
}

body.adhesiveCalc div#my_startProjectsList ul li.my_projectsListItemOff {
	background: none;
}

body.adhesiveCalc div#my_startProjectsList ul li label {
	padding: 1px 15px 0px 2px;
	background: url( '../../img/products/adhesiveCalculator/startProjectArrow.gif' ) no-repeat right;
	font-weight: bold;
}

body.adhesiveCalc div#my_startOptionsList ul li label {
	padding: 1px 0px 0px 2px;
}

body.adhesiveCalc div#my_startFormButtons {
}

body.adhesiveCalc div#my_startFormButtons input.submitButton {
	width: 150px;
}

body.adhesiveCalc div#my_startDescContainer {
	padding: 5px;
	background: white;
}

body.adhesiveCalc div#my_startDescContainer div.my_startDesc {
}

body.adhesiveCalc div#my_startDescContainer div.my_startDescOn {
	display: block;
}

body.adhesiveCalc div#my_startDescContainer div.my_startDescOff {
	display: none;
}

body.adhesiveCalc div#my_startDescContainer div.my_startDescPhoto {
	float: left;
	width: 255px;
}

body.adhesiveCalc div#my_startDescContainer div.my_startDescText {
	float: right;
	width: 180px;
	padding-top: 5px;
}

body.adhesiveCalc div#my_startDescContainer div.my_startDescText h4 {
	margin-bottom: 3px;
	color: rgb( 80, 80, 80 );
	font-size: 13px;
	font-weight: bold;
}

body.adhesiveCalc div#my_startDescContainer div.my_startDescText p {
	margin-bottom: 3px;
	color: rgb( 80, 80, 80 );
}

body.adhesiveCalc div.my_questionSets h3 {
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: bold;
	border-bottom: solid 1px rgb( 103, 76, 64 );
}

body.adhesiveCalc div.my_questionSetRow {
	margin-bottom: 20px;
	padding-left: 10px;
}

body.adhesiveCalc div.my_questionRow {
	margin-bottom: 10px;
}

body.adhesiveCalc div.my_questionRow div.clear {
	height: 1px;
	overflow: hidden;
	font-size: 1px;
}

body.adhesiveCalc div.questionLabel {
	float: left;
	width: 200px;
	padding: 2px 2px 0px 0px;
}

body.adhesiveCalc div.questionLabel label {
	font-weight: bold;
}

body.adhesiveCalc div.questionField {
	float: left;
	width: 160px;
}

body.adhesiveCalc div.questionFieldFeet {
	float: left;
	width: 70px;
}

body.adhesiveCalc div.questionFieldInches {
	float: left;
	width: 90px;
}

body.adhesiveCalc div.questionTool {
	float: left;
	width: 150px;
}

body.adhesiveCalc div.my_resultSets {
}

/* Result set row. */
body.adhesiveCalc div.my_resultSetRow {
	margin-bottom: 10px;
	padding: 10px;
	background: url( '../../img/products/adhesiveCalculator/resultSetBorder.gif' ) repeat-x bottom;
}

/* Result set H2 is for markup only. */
body.adhesiveCalc div.my_resultSetRow h2 {
	display: none;
}

/* Result set H3 tips heading. */
body.adhesiveCalc div.my_resultSetRow h3 {
	margin-bottom: 3px;
}

body.adhesiveCalc div.my_results {
}

body.adhesiveCalc table.my_resultsTable {
}

body.adhesiveCalc table.my_resultsTable th,
body.adhesiveCalc table.my_resultsTable td {
	border: solid 1px rgb( 84, 59, 49 );
}

body.adhesiveCalc table.my_resultsTable th {
	padding: 2px;
	color: rgb( 84, 59, 49 );
	font-weight: bold;
	text-align: center;
}

body.adhesiveCalc table.my_resultsTable td {
	padding: 5px 3px 2px 3px;
}

/* Label heading. */
body.adhesiveCalc table.my_resultsTable th.my_columnLabel {
	font-size: 12px;
	color: black;
	text-align: left;
	border-left: none;
	border-top: none;
}

/* Quantity heading. */
body.adhesiveCalc table.my_resultsTable th.my_columnQuantity {
	width: 80px;
	border-left: none;
}

/* Measurement heading. */
body.adhesiveCalc table.my_resultsTable th.my_columnMeasurement {
	width: 80px;
	border-left: none;
}

/* Cost heading. */
body.adhesiveCalc table.my_resultsTable th.my_columnCost {
	width: 80px;
	border-left: none;
}

/* Label column. */
body.adhesiveCalc table.my_resultsTable td.my_columnLabel {
	border-left: none;
	border-top: none;
}

/* Quantity column. */
body.adhesiveCalc table.my_resultsTable td.my_columnQuantity {
	width: 80px;
	text-align: right;
	border-left: none;
	border-top: none;
}

/* Measurement column. */
body.adhesiveCalc table.my_resultsTable td.my_columnMeasurement {
	width: 80px;
	text-align: right;
	border-left: none;
	border-top: none;
}

/* Cost column. */
body.adhesiveCalc table.my_resultsTable td.my_columnCost {
	width: 80px;
	border-left: none;
	border-top: none;
}

/* Total column. */
body.adhesiveCalc table.my_resultsTable td.my_columnTotal {
	font-weight: bold;
	text-align: right;
	text-transform: uppercase;
	border-left: none;
	border-top: none;
	border-bottom: none;
}

body.adhesiveCalc div.my_resultLabel {
}

body.adhesiveCalc div.my_resultLink {
}

/* Result set bullets. */
body.adhesiveCalc div.my_resultSetBullets {
	padding: 0px 30px;
}

body.adhesiveCalc div.my_resultSetBullets ul {
	margin-left: 20px;
	padding-left: 0px;
}

body.adhesiveCalc div.my_additionalResultLinks {
	margin-bottom: 10px;
	padding: 0px 10px;
}

body.adhesiveCalc div.my_additionalResultLinks ul {
	margin: 0px 0px 0px 20px;
	padding-left: 0px;
}

/* Form buttons at the bottom of each page. */
body.adhesiveCalc div.my_formButtons {
	padding: 5px 20px 0px 30px;
	text-align: right;
}

/* Disclaimers. */
body.adhesiveCalc div.my_disclaimers p {
	margin-bottom: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: rgb( 97, 69, 36 );
	line-height: normal;
}

/* Bottom disclaimers for the screen (not print). */
body.adhesiveCalc div.my_screenDisclaimers {
	padding: 0px;
}

/* The tools container on state. */
body.adhesiveCalc div.my_toolsContainerOn {
	display: block;
	position: fixed;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	text-align: center;
}

/* The tools container off state. */
body.adhesiveCalc div.my_toolsContainerOff {
	display: none;
}

/* The tool background's on state. */
body.adhesiveCalc div.my_toolBgOn {
	display: block;
	position: fixed;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	z-index: 9000;
	background: black;
	-moz-opacity: .75;
	opacity: .75;
}

/* The tool background's off state. */
body.adhesiveCalc div.my_toolBgOff {
	display: none;
}

/* The tool dialog's on state. */
body.adhesiveCalc div.my_toolDialogOn {
	display: block;
	position: relative;
	width: 712px;
	margin: 0px auto;
	padding-top: 80px;
	z-index: 9001;
	text-align: left;
}

/* The tool dialog's off state. */
body.adhesiveCalc div.my_toolDialogOff {
	display: none;
}

/* The tools' column container. */
body.adhesiveCalc div.my_toolColumns {
}

/* The tools' intro copy on state. */
body.adhesiveCalc div.my_toolIntroOn {
	display: block;
}

/* The tools' intro copy off state. */
body.adhesiveCalc div.my_toolIntroOff {
	display: none;
}

/* The tools' sub headings. */
body.adhesiveCalc div.my_toolColumns h2 {
	margin-bottom: 3px;
	padding-bottom: 1px;
	border-bottom: solid 1px black;
}

/* The tools' sub sections (content under a sub heading). */
body.adhesiveCalc div.my_toolColumns div.my_toolSubSection {
	padding: 0px 5px;
}

/* The tools' sub section on state. */
body.adhesiveCalc div.my_toolSubSectionOn {
	display: block;
}

/* The tools' sub section off state. */
body.adhesiveCalc div.my_toolSubSectionOff {
	display: none;
}

/* The tools' left column. */
body.adhesiveCalc div.my_toolColumns div.my_toolColumn1 {
	float: left;
	width: 420px;
}

/* The tools' right column. */
body.adhesiveCalc div.my_toolColumns div.my_toolColumn2 {
	float: right;
	width: 210px;
}

/* The tools' right totals list box. */
body.adhesiveCalc div.my_toolColumns div.my_toolColumn2 select {
	width: 195px;
	height: 200px;
	margin-bottom: 3px;
}

/* The tools' remove segment button. */
body.adhesiveCalc div.my_toolColumns div.my_toolColumn2 input {
	width: 195px;
	margin-bottom: 10px;
}

/* The tools' field labels. */
body.adhesiveCalc div.my_toolFieldLabel {
	font-weight: bold;
}

/* The tools' list of options. */
body.adhesiveCalc ul.my_toolOptionsList {
	margin: 0px 0px 10px 20px;
	padding: 0px;
	list-style-type: none;
}

/* The tools' feet and inches field containers. */
body.adhesiveCalc div.my_toolFeetInchesField {
	position: relative;
	width: 125px;
	height: 50px;
}

/* The tools' feet and inches field labels. */
body.adhesiveCalc div.my_toolFeetInchesField div.my_dimLabel {
	padding-bottom: 3px;
}

body.adhesiveCalc div.my_toolFeetInchesField div.my_dimLabel label,
body.adhesiveCalc div.my_toolFeetInchesField div.my_dimLabel label span {
	font-weight: bold;
}

/* The tools' feet and inches fields. */
body.adhesiveCalc div.my_toolFeetInchesField div.my_dimFeet,
body.adhesiveCalc div.my_toolFeetInchesField div.my_dimInches {
	float: left;
	width: 60px;
}

body.adhesiveCalc div.my_toolFeetInchesField input {
	width: 30px;
}

/* The tool's 'Add' button field. */
body.adhesiveCalc div#my_areaDims div.my_addButtonField {
	position: relative;
	width: 150px;
	height: 30px;
}

/* Restrict the width of the 'Add' button (for IE). */
body.adhesiveCalc div#my_areaDims div.my_addButtonField input {
	width: 150px;
}

/* The area tool's dimensions container. */
body.adhesiveCalc div#my_areaDims {
}

/* The area tool's dimensions on state. */
body.adhesiveCalc div#my_areaDims div.my_areaDimOn {
	display: block;
}

/* The area tool's dimensions off state. */
body.adhesiveCalc div#my_areaDims div.my_areaDimOff {
	display: none;
}

body.adhesiveCalc div.my_toolTotal {
	font-size: 18px;
	font-weight: bold;
	text-align: right;
}

/* ---------- Area Tool: Displays. ---------- */

/* Have the height label display by default. */
body.adhesiveCalc span.my_toolHeightText {
	display: inline;
}
body.adhesiveCalc span.my_toolLengthText {
	display: none;
}

/* Have the length label show instead of height for ceiling calculations. */
body.adhesiveCalc div.my_areaToolDisplay_ceilingIncludedArea span.my_toolHeightText {
	display: none;
}
body.adhesiveCalc div.my_areaToolDisplay_ceilingIncludedArea span.my_toolLengthText {
	display: inline;
}

/* ---------- Area Tool: Rectangle Area. ---------- */

/* The area tool's rectangle dimensions container. */
body.adhesiveCalc div#my_areaDim_rect {
	height: 200px;
	background: url( '../../img/products/adhesiveCalculator/areaToolDimRect.gif' ) no-repeat;
	background-position: 125px 5px;
}

/* The area tool's rectangle width field. */
body.adhesiveCalc div#my_areaDim_rect div.my_widthField {
	left: 130px;
	top: 145px;
}

/* The area tool's rectangle height field. */
body.adhesiveCalc div#my_areaDim_rect div.my_heightField {
	left: 265px;
	top: 5px;
}

/* The area tool's add rectangular add area button field. */
body.adhesiveCalc div#my_areaDim_rect div.my_addButtonField {
	left: 265px;
	top: 10px;
}

/* ---------- Area Tool: Slope Area. ---------- */

/* The area tool's slope dimensions container. */
body.adhesiveCalc div#my_areaDim_slope {
	height: 200px;
	background: url( '../../img/products/adhesiveCalculator/areaToolDimSlope.gif' ) no-repeat;
	background-position: 125px 5px;
}

/* The area tool's slope width field. */
body.adhesiveCalc div#my_areaDim_slope div.my_widthField {
	left: 140px;
	top: 145px;
}

/* The area tool's slope height field 1. */
body.adhesiveCalc div#my_areaDim_slope div.my_height1Field {
	left: 5px;
	top: 5px;
}

/* The area tool's slope height field 2. */
body.adhesiveCalc div#my_areaDim_slope div.my_height2Field {
	left: 265px;
	top: -40px;
}

/* The area tool's add slope add area button field. */
body.adhesiveCalc div#my_areaDim_slope div.my_addButtonField {
	left: 265px;
	top: -40px;
}

/* ---------- Window Tool. ---------- */

/* The window tool's dimensions container. */
body.adhesiveCalc div#my_windowDim {
	height: 200px;
	background: url( '../../img/products/adhesiveCalculator/windowToolDim.gif' ) no-repeat;
	background-position: 125px 5px;
}

/* The window tool's width field. */
body.adhesiveCalc div#my_windowDim div.my_widthField {
	left: 130px;
	top: 145px;
}

/* The window tool's height field. */
body.adhesiveCalc div#my_windowDim div.my_heightField {
	left: 265px;
	top: 5px;
}

/* The window tool's add window button field. */
body.adhesiveCalc div#my_windowDim div.my_addButtonField {
	position: relative;
	left: 265px;
	top: 10px;
	width: 150px;
	height: 30px;
}

/* Restrict the width of the 'Add Window' button (for IE). */
body.adhesiveCalc div#my_windowDim div.my_addButtonField input {
	width: 150px;
}

/* ---------- Door Tool. ---------- */

/* The door tool's dimensions container. */
body.adhesiveCalc div#my_doorDim {
	height: 200px;
	background: url( '../../img/products/adhesiveCalculator/doorToolDim.gif' ) no-repeat;
	background-position: 125px 5px;
}

/* The door tool's width field. */
body.adhesiveCalc div#my_doorDim div.my_widthField {
	left: 140px;
	top: 145px;
}

/* The door tool's height field. */
body.adhesiveCalc div#my_doorDim div.my_heightField {
	left: 265px;
	top: 5px;
	height: 30px;
}

/* The door tool's add door button field. */
body.adhesiveCalc div#my_doorDim div.my_addButtonField {
	position: relative;
	left: 265px;
	top: 20px;
	width: 150px;
	height: 30px;
}

/* Restrict the width of the 'Add Door' button (for IE). */
body.adhesiveCalc div#my_doorDim div.my_addButtonField input {
	width: 145px;
}