@charset "UTF-8";
/* CSS Document */

/* Site: geniecompany.com
   Variant: Selection Guides Layout Styles

   Content
	2.0 Opener Selection Guide
	4.0 Comparison Page
*/

/*1.0 Opener Selection Guide - Elise -------*/

.one-col-contentOpener { width: 920px; background: #DCDCDC; margin:0px 0px 0px 10px;  padding: 10px 0 0 40px;}

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

#series-table li {font-size: 11px; list-style: disc; list-style-position: inside; }
	
.seriesopener {
	width:125px;
	font-size: 18px;
	position: absolute;
	margin-top:25px;
	margin-left:7px;
	height:80px;
}
.seriesopener  a {width: 19px; width: 132px; height: 37px; margin-right: 10px; margin-top: 10px; display: block; text-indent: -9999px; text-decoration: none; background: url(/Style%20Library/OHD/Images/learnmore-opener.jpg) 0 0 no-repeat; }

.openerbox { width:254px; height:118px; background:#D2D2D2; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 1px solid #cccccc;}

.openernumberbox {  width:300px; color:#87837F;}

.logo-area { float: left; margin: 6px 0 0 30px; }
	
 .clear {clear: both;}

/*1.0 Opener Selection Guide -------*/

#select #contact { padding-right: 0; }

#main-select { width: 980px; margin: 0px 0px 0px 40px;}
#main-select:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#main-select ul,
#main-select ol { list-style: none; margin: 0; }
	
#main-select h4 { margin: 0; padding: 0; text-transform: uppercase; }
	.select-subheading { color: #edebeb; background-color: #dcdcdc; padding: 5px;  margin: 0px 0px 10px 0;}

#main-select ol li { width: 440px; margin: 20px 15px 0px 0; float: left; height: 150px;}

#general-header p { width: 400px; }
#general-header img.img-hdr { position: absolute; right: 0; top: 0; }


#results-openers h5 { margin: 0 0 10px 0; padding: 0; color: #000; font-size: 18px; font-weight: bold; }
	
	/*1.1 Selection -------*/	
	
#main-select label { color: #2e2e2e; font-size: 12px; line-height: 10px; font-weight: bold; }
	#main-select label span { font-weight: normal; font-style: italic; color: #c72113; margin: 0 0 0 20px; }
#main-select input { margin-top: 22px; }
#main-select ol img { display: inline; margin: 0 10px -10px 4px; }

#main-select ol li .one-col { width: 430px; margin-left: 10px; }
	#main-select ol li .one-col p { margin-top: 20px; color: #2e2e2e; font-size: 10px; line-height: 14px; font-weight: bold; }
		#main-select ol li .one-col p span { font-weight: normal; color: #5c5c5c; }
#main-select ol li .col1 { width: 215px; float: left; margin-left: 10px; display: inline; }
#main-select ol li .col2 { width: 215px; float: left; }

#main-select .input-submit { clear: left; width: 450px; text-align: center; padding: 20px 0; float: right; margin: 0 20px 40px 0; display: inline; }
	#main-select .input-submit input { background: none; margin: 0; display: block; margin: 0 auto; }

	/*1.2 Results -------*/
	
#attributesopener { width: 250px; padding: 0; margin: 0px 0 0px 0px;}
#attributesopener:after { width: 19px; content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#attributesopener li { width: 19px; height: 19px; float: left; background: none; padding: 0; margin: 0px 0 5px 9px; display: inline;}
#attributesopener li img.thumb {width: 19px; float: left;}
#btn-learn-more a {width: 19px; width: 132px; height: 29px; margin-top: 10px; display: block; text-indent: -9999px; text-decoration: none; background: url(/Style%20Library/OHD/Images/btn-learn-more.gif) 0 0 no-repeat; }
#btn-learn-more a:hover { background-position: 0 -29px; }
#btn-add-to-compare { position: relative; width: 132px; height: 29px; }
	attributesopenerbtn-add-to-compare input { position: absolute; right: 10px; top: 8px; margin: 0; padding: 0; }
.btn-add-to-compare a { width: 132px; height: 29px; margin-top: 10px; display: block; text-indent: -9999px; text-decoration: none; background: url(/Style%20Library/OHD/Images/btn-add-to-compare.gif) 0 0 no-repeat; }
	.btn-add-to-compare a:hover { background-position: 0 -29px; }
.attributesopener li .attributes span { position: absolute; top: 13px; left: 10px; width: 104px; height: 11px; text-indent: -9999px; background: url(/Style%20Library/OHD/Images/txt-opener-attributes.gif) 0 0 no-repeat; }

.findopener { float: right; margin: 0px 60px 0px 0px; padding: 0px 0px 0px 0px;}