/* CSS for NEW Framing Kits Page(S) */

.frameKitsContent {
	font-size:12px;
	color:#000;
	padding-left:18px;
	clear:both;
}

.frameKit {
	width:265px;
	border:1px solid #C2C2C2;
	float:left;
	margin-top:10px;
}

.frameKitTitle {
	border-bottom: 1px solid #C2C2C2;
	background-color: #fefae8;
}

.frameKitTitle h1 {
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:0px;
	padding:4px 4px 4px 12px;
	line-height:16px;
}

.frameKit p {
	margin:0px;
	padding-right: 12px;
	padding-left:12px;
	font-size:10px;
	color: #5c5c5c;
}

.paddingTop {
	padding-top:4px;
}

.paddingBottom {
	padding-bottom:4px;
}

.rightMargin {
	margin-right:18px;
}

#selectEconomy {
	margin-top:4px;  
	width:140px; 
	float:left;
}

#orderEconomy {
	display:inline;
	margin-left:10px;
	margin-top:4px;
}

#selectClassic {
	margin-top:4px; 
	width:140px; 
	float:left;
}

#orderClassic {
	display:inline;
	margin-left:10px;
	margin-top:4px;
}

#selectNonGlare {
	margin-top:4px;  
	width:140px; 
	float:left;
}

#orderNonGlare {
	display:inline;
	margin-left:10px;
	margin-top:4px;
}

#selectPremium {
	margin-top:4px; 
	width:140px; 
	float:left;
}

#orderPremium {
	display:inline;
	margin-left:10px;
	margin-top:4px;
}

.subCopy {
	color:#000000;
	font-size:11px;
	padding:0px;
	margin:0px;
	letter-spacing:-0.01cm;
}

#customSizes {
	clear:both;
	float:left;
	border: 1px solid #C2C2C2;
	background-color:#ffea73;
	padding:5px 0px 5px 12px;
	margin:10px 0px 0px 0px;
	width:538px;
	font-size:14px;
	line-height:16px;
}

#conservationPlus {
	clear:both;
	float:left;
	border: 1px solid #C2C2C2;
	background-color:#fefae8;
	padding:5px 0px 5px 12px;
	margin:10px 0px 0px 0px;
	width:538px;
	font-size:14px;
}

#conservationPlus img {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:none;
	display:inline;
	vertical-align:bottom;
}

#learnMore {
	display:inline;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 15px;
	font-size:11px;
}

#learnMore a:link {
	color:#FF0000;
}

#learnMore a:visited {
	color:#FF0000;
}

#sizeChart {
	float:left;
	clear:both;
	border:none;
	padding:none;
	margin:10px 0px 0px 0px;
	font-size:11px; 
	text-align:center; 
	width:552px; 
	line-height:14.5px;
}

.whiteRow {
	background-color:#fff;
}

.grayRow {
	background-color:#eaeaea;
}

#headers {	
	font-weight:bold;
}

#topRow {
	border-top:1px solid #C2C2C2;
}

#bottomRow {
	border-bottom:1px solid #c2c2c2;
}

#frameSize {
	background-image:url(/images/framingKitFrameSizeBG.jpg);
	background-repeat:no-repeat;
}

#economyPrices {
	background-image:url(/images/framingKitEconomyBG.jpg);
	background-repeat:no-repeat;
}

#classicPrices {
	background-image:url(/images/framingKitClassicBG.jpg);
	background-repeat:no-repeat;
}

#nonGlarePrices {
	background-image:url(/images/framingKitNonGlareBG.jpg);
	background-repeat:no-repeat;
}

#premiumPrices {
	background-image:url(/images/framingKitPremiumBG.jpg);
	background-repeat:no-repeat;
}

#topLeft {
	border-style: solid solid none solid; 
	border-color: #C2C2C2;
	border-width: 2px 1px 2px 2px;
}

#topRight {
	border-style: solid solid none solid; 
	border-color: #C2C2C2;
	border-width: 2px 2px 2px 1px;
}

.topBorder {
	border-style: solid none none none; 
	border-color: #C2C2C2;
	border-width: 2px 2px 2px 2px;
}

.leftBorder {
	border-style: none solid none solid; 
	border-color: #C2C2C2;
	border-width: 2px 1px 2px 2px;
}

#bottomLeftBorder {
	border-style: none solid solid solid; 
	border-color: #C2C2C2;
	border-width: 2px 1px 2px 2px;
}

#bottomRightBorder {
	border-style: none solid solid solid; 
	border-color: #C2C2C2;
	border-width: 2px 2px 2px 1px;
}

.bottomBorder {
	border-bottom: 2px solid #C2C2C2;
}

.rightBorder {
	border-right: 2px solid #C2C2C2;
	border-left: 1px solid #C2C2C2; 
}

.middleBorder {
	border-right: 1px solid #C2C2C2;
	border-left: 1px solid #C2C2C2;
}

.FAQs {
	width:550px;
	border:1px solid #C2C2C2;
	float:left;
	margin-top:10px;
}

.FAQTitle {
	border-bottom: 1px solid #C2C2C2;
	background-color: #fefae8;
}

.FAQs h1 {
	font-size:14px;
	line-height:18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:4px 4px 4px 12px;
	font-weight:normal;
}

.FAQs p {
	margin:0px;
	padding-left:12px;
	padding-right:12px;
	font-size:11px;
	color: #5c5c5c;
}

.question {
	padding-top:8px;
	font-weight:bold;
}

.answer {
}

.note {
	padding-top:8px;
	font-weight:bold;
	font-style:italic;
	font-size:8px;
	color: #5c5c5c;
}

.FAQs ol {
	padding-top:8px;
	padding-bottom:8px;
	padding-left:44px;
	font-size:11px;
	color:#5c5c5c;
}

.FAQs ul {
	padding-top:8px;
	padding-bottom:8px;
	padding-left:44px;
	font-size:11px;
	color: #5c5c5c;
}