/* 	Site	Dooer Selection Guide
	URL		www.overheaddoor.com
	CSS		Main Styles
	............................................ */
a:link, a:visited { color: #d01a11; text-decoration:underline; }
a:hover, a:active { color: #8e0b05; }

span.linkselect { padding: 10px 0 0 0px; background: url(/Style%20Library/OHD/Images/arrow-link.gif) no-repeat; font-size: 12px; }
span.linkselect a { text-decoration: none; }


/* --Main Styles  --------------------------- */

.one-col-content { width: 920px; background: #DCDCDC; margin:0px auto;  padding: 10px 0 0 40px;}
#grid-col-content { width: 910px; margin: auto; padding: 0px 0 0px 0px;}
#grid-col-selection { width: 875px; margin: auto; padding: 0px 0px 20px 20px;}

.attribute { width: 890px; margin:0px auto; padding: 10px 0 10px 0px;  line-height: 18px; font-size: 14px; color: #524C46; margin-bottom: 10px;}

/* --Styles  --------------------------- */

.step1 { float: left; width: 290px; padding: 0px; display:inline; }

.step2 { float: left; width: 200px; padding: 0px; display:inline; }

.step3 { float: left; width: 320px; margin:0px; padding: 0px; display:inline;}

.step4 { float: left; width: 200px; margin:0px;  padding: 0px;  display:inline;}

img.style { display: block; margin: 10px 5px 0px 0px;  }
img.material { margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px }

.clear {clear: both;}

.fr { float: right; display:inline;}
.fl { float: left; display:block;margin: 0px 3px 0 0;}

/* --radio  --------------------------- */

.checkbox, .radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(/Style%20Library/OHD/Images/checkbox.gif) no-repeat;
	display: block;
	clear: left;
	float: left;
}
.radio {
	background: url(/Style%20Library/OHD/Images/radio.gif) no-repeat;
}


.block {
	display:block;
}

.finddoor { float: right; margin: 0px 20px 0px 0px; padding: 0px 0px 0px 0px;}

.rvalue { color: #d01a11; font-weight:bold; }

.budgets { color: #c8c8c8; }

.seriesbox { width:254px; height:79px; background:#D2D2D2; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

.seriesnumberbox {  width:254px; color:#87837F;}

.seriesnumber {
	width:72px;
	font-size: 18px;
	position: absolute;
	margin-top:30px;
	margin-left:20px;
	height: 59px;
}

/* -Compare Table  --------------------------- */

#series-table { margin: 20px 0 20px 0; text-align: left; width: 911px;}

#series-table li {font-size: 11px; list-style: disc; list-style-position: inside; }
#series-table td.series-table-col1 { width: 125px; padding: 6px; background-color: #EEEEEE;  border-bottom: 2px solid #fff; border-right: 2px solid #fff; }
#series-table td.series-table-col2 { width: 240px; padding: 0px; background-color: #EEEEEE;  border-bottom: 2px solid #fff; border-right: 2px solid #fff; }
#series-table td.series-table-col3 { width: 240px; padding: 0px; background-color: #EEEEEE; border-bottom: 2px solid #fff; border-right: 2px solid #fff;  }
#series-table td.series-table-col4 { width: 240px; padding: 6px; background-color: #EEEEEE;  border-bottom: 2px solid #fff; border-right: 2px solid #fff; padding-right:1px; }

#series-table td p { margin: 0px 0px 0px 0px; font-size: 11px; line-height: 15px;  }

#series-table td.series-table-col1 { font-size: 12px; color:#524C46; font-weight: bold; margin: 0 0 10px 0; text-transform: uppercase; }

#series-table tr.header td { background-color: #4e4841; width: 125px; height: 50px; font-size: 12px; font-weight: bold; color: #c0bcb2; text-transform: uppercase; }

/* --Selection Grid --------------------------- */

#doors-landing-grid { margin: 20px 0;}
#doors-selection-grid:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#doors-selection-grid li { height: 260px; width: 255px; float: left; display: inline;}

#doors-selection-grid  li.grid-top-left { padding: 0 20px 20px 0px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;}

#doors-selection-grid  li.grid-top-middle { padding: 0 20px 20px 20px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;}

#doors-selection-grid li.grid-top-right { padding: 0 0 20px 20px; border-bottom: 1px solid #ccc;}

#doors-selection-grid  li.grid-bottom-left { padding: 20px 20px 0 0; border-right: 1px solid #ccc;}

#doors-selection-grid  li.grid-bottom-middle { padding: 20px 20px 0px 20px; border-right: 1px solid #ccc;}

#doors-selection-grid li.grid-bottom-right { padding: 20px 0 0 20px;}


#doors-selection-grid  p { margin: 5px 0px 4px 0px; font-size: 11px; line-height: 15px; }
#doors-selection-grid  p.series-title { font-size: 16px; font-weight: bold; margin: 5px 0 5px 0; }
#doors-selection-grid  p.series-title a { text-decoration: none; }
#doors-selection-grid  p.series-title a:link, #selection-landing-grid p.series-title a:visited { color: #2c2c2c; }
#doors-selection-grid  p.series-title a:hover, #selection-landing-grid p.series-title a:active { color: #d01a11; }

span.attributetitle { padding: 0; margin: 0;}
p.attributetitle {color:#D01A11; padding: 0 0 2px 0; margin: 0; font-weight:bold;  display:inline-block; }