@charset "UTF-8";

/**************************************/
/* Product Detail Page                */
/**************************************/
/* MSD: Additional rules for ShareBar, and bottom margin for h3 */
#wrapper{
    padding: 5px; 
    border:solid 1px #8e8e8e;
    background-image: url(/images/sharebar_bg.gif);
    background-repeat:repeat-x;
    background-position: top;
}

#sharebar{
    height: 72px;
    color:#000000;
    font: 9pt/1.4em Verdana,Arial,Helvetica,sans-serif;
}
#sharebar strong{ font-size: 0.9em;}

#sharebar #sbsub-nav{
    height: 10px;
	margin-top: -30px;
	float:right;
}
	#sharebar #sbsub-nav li{ 
      display: block;
      height: 3em;
      margin: 0 3px;
      float: left;
      text-align: center;
      line-height: 3em;	
	}
	#sharebar #sbsub-nav li a{
		line-height: 20px;
		color: #645A54;
		padding: 0 10px;
		border-right: 1px solid #645A54;		
	}

#familydetail { overflow: hidden; margin: 1.2em 0; zoom: 1;  }
#detailPhoto { float: right; border:1px solid #666; padding:8px }
#detailIntro { margin-right: 445px }
#detailIntro p { margin-top: 0; }

h3#selectionsHeader { font-size: 1.8em; margin-bottom:3px; }


#door-options{ float: right; width: 485px;}
#door-options #doorStyles{ padding-left: 10px; }

#transom li.transomStyle-Round img{ width: 77px; height: 40px }
#transom li.transomStyle-Single, #transom li.transomStyle-Elliptical,  #transom li.transomStyle-Rectangular, #transom li.transomStyle-Square{ padding-top: 24px;  }

#glass ul li{ text-align: center;}

#door-options h3{ 
	background: url(/i/pdetailbar-bg.gif) no-repeat right; 
	font-size: .9em; 
	color: black; 
	font-weight: bold; 
	font-family: Arial, Helvetica, sans-serif; 
	line-height: 24px; 
	padding-left: 10px; 
	letter-spacing: .05em;
	margin-top: 5px;
	cursor: pointer;
}
#door-options h3.down{ background: url(/i/pdetailbar-bg-down.gif) no-repeat right !important; }
#door-options .fine-print{ font-size: .9em; color: #660000; font-weight: normal;}

#doors ul, #glass ul, #sidelitesleft ul, #sidelitesright ul, #transom ul{ 
	overflow: auto;
}

#height { margin-bottom: 10px;}
#height h3{ background: url(/i/pdetailbar-bg.gif) no-repeat left !important; }
#height span{ padding: 0 5px;}
#height .selected a{ font-weight: bold; text-decoration: none; color: #000000; background: #fff; padding: 2px 5px }

/* Special styling for glass */
#glass ul#glassOptions div{margin: 0pt auto; border: 2px solid #ffffff; width: 60px; height: 60px; padding:2px;}
#glass .highlightItem img{border: 0 !important; padding: 0 !important;}
#glass .highlightItem div{border: 2px solid #990100 !important;}
#glass .normalItem img, #glass .fadeditem img, #glass img{ padding: 0 !important}
#glass ul span{ width: 60px; height: 60px; overflow: hidden; display:block}

/*Show "I" image */
.moreinfo { background: url(/i/question_icon_mini.gif) right bottom no-repeat; padding: 0 14px 0 0; }

#door-options #glassOptions{ font-size: .9em }
#door-options #glassOptions li img.img-link{ padding: 0 2px !important; }
#door-options #glassOptions li{ width: 88px; height: 9.5em; margin: 3px 4px; }

#door-options ul{
	padding: 0px;
	margin: 0px;
}
#door-options ul li{ 
	list-style: none; 
	float:left;
	margin: 2px 4px;
}

.option-holder{ height: 1%;}
#door-options li img, .fadedItem img, normalItem img, highlightItem img{ padding:4px; }
		
.fadedItem {
	filter:alpha(opacity=30);-moz-opacity:.3;opacity:.3;
}

.highlightItem img{
	border: 2px solid #990100 !important;
	padding: 2px !important;
}
.zoombtn{ padding-left: 17px; background: url(/i/zoom-btn.gif) no-repeat left center; }

/*Medium Preview of the Door Configuration */
#doorpreviewmini{ line-height: 1.4em; width: 215px; }
#doorpreviewmini a{ font-size: .9em;}
	.doorconfig{ margin: 0 auto; width: 179px; overflow: hidden; padding-bottom: 5px; }
	.door{ text-align: center;width:101px;float:left }
	.lsidelite{ text-align:left;width:37px;float:left;padding-right:2px }
	.rsidelite{ text-align:right;width:37px;float:left;padding-left:2px }
	#transomPreviewDiv{ padding-bottom:2px; text-align:center }
	
	.IsEightFoot-True .door{ text-align: center;width:97px;float:left }
	.IsEightFoot-True .lsidelite{ text-align:left;width:39px;float:left;padding-right:2px }
	.IsEightFoot-True .rsidelite{ text-align:right;width:39px;float:left;padding-left:2px }

#doorDetails{
	padding: 5px;
	width: 215px;
	border: 1px dotted #999999;
}
#doorDetails strong{ font-size: .9em; }
#doorDetails h4{ padding: 6px 0 14px 0; margin: 0}

/**************************************/
/* Contact Dealer Form Page           */
/**************************************/
p.introCopy { width: 500px; }
span.required { color: #990100; }
div#quoteForm label { width: 200px; text-align:right; display: block; float: left; padding-right: 20px; font-size: .9em}
.none label { width: auto; display:inline; float: none;}
table label { width: auto; display: inline; float: none; padding-right: 0;}
td.label { width: 200px; text-align: right; padding-right: 20px; font-size: .9em;}
td { padding: 5px 0; }
.form-row { padding: 5px 0; border-bottom: 0px dotted #990100; overflow: hidden; display: block; line-height: 1.3em; height: 28px; }
.form-row.textarea { height: auto; }
.sub-RowInput { padding-left:220px; font-size: .9em; }
.sub-RowInput label { float: none; width: auto; padding-right: 0; text-align: left; }
.sub-RowInput .webForm_RowInput { border-bottom: 0; padding: 0; }
#main-body input { margin-left: 0; }
textarea { width: 300px; }
#main-body { position: relative;}
ul#dealerInfo { list-style-type: none; }
ul#dealerInfo li span { font-size: 0.8em; padding-left: 10px; }
#doorpreviewimagesfull { 
	border:1px dotted #CCCCCC;
	position: absolute;
	top: 55px;
	right: 0;
	margin-left: 20px;
	padding:10px 20px;
	width:180px;
	background: #fff;
	text-align:center;
}
#doorpreviewimagesfull .thumbnailview { text-align: left; padding: 3px 0; }
#doorpreviewimagesfull .thumbnailview .padLeft { margin: 0; padding: 0 0 0 1px; display: inline; position: relative; }