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

body {
	background: #BF6912 url(images/sliverBg.jpg) repeat-x;
	margin: 0;
	padding: 10px 0 25px 0;
	}
	
a img {
	border: none;
	}	

h1 {
	color: #357989;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	margin: 0 0 10px 0;
	padding-top: 15px;
	}

h2, h3, h4, h5, h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	margin: 5px 0 5px 0;
	}
	
ul li {
	list-style-type: square;
	}
	
.ie6notice {
	padding: 12px 14px;
	width: 600px;
	background: #FFECDD;
	border: 2px solid #AF180D;
	color: #666666;
	margin: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	display: none; }
	
.emphasized {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	}

#header {
	height: 149px;
	margin: auto;
	width: 763px;
	}
	
	#logo {
		float: left;
		height: 149px;
		width: 130px;
		}
		
	#header1 {
		background: url(images/header1.jpg) no-repeat;
		float: left;
		height: 149px;
		width: 265px;
		}
	
	#header2 {
		background: url(images/header2.jpg) no-repeat;
		float: left;
		height: 149px;
		width: 368px;
		}

#nav {
	background: url(/images/sliverNav.gif) repeat-x;
	height: 27px;
	margin: auto;
	width: 763px;
	}
	
	#nav #navShadowLeft {
		background: url(/images/navLeft.gif) no-repeat;
		float: left;
		height: 27px;
		width: 2px;
		}
	
	#nav #navLinks {
		height: 23px;
		padding: 4px 0 0 0;
		width: 759px;
		_width: 753px;
		}
	
	#nav #navShadowRight {
		background: url(/images/navLeft.gif) no-repeat;
		float: right;
		height: 27px;
		width: 2px;
		}
	
	#nav a {
		color: #D52C21;
		font: Georgia, "Times New Roman", Times, serif;
		font-size: 17px;
		font-weight: bolder;
		text-decoration: none;
		font-variant: small-caps;
		padding: 5px 0 0 53px;
		}

	#nav a:hover {
		background: url(/images/iconFlameLink.gif) 34px 2px no-repeat;
		}
		
#videoFeature {
	height: 238px;
	margin: auto;
	width: 763px;
	}

	#blueBg {
		background: url(images/blueBgLeft.jpg) no-repeat;
		float: left;
		height: 208px;
		padding: 30px 0 0 32px;
		width: 276px;
		}
	
	#patioImage {
		background: url(images/patioSetup.jpg) no-repeat;
		float: left;
		height: 238px;
		width: 455px;
		}

#content {
	background: url(images/sliverPageBg.gif) repeat-y;
	margin: auto;
	padding: 0 20px 0 16px;
	width: 727px;
	}
	
	#content #ie6fix {
		z-index: -1;
		position: absolute;
	}
	
	#content div.tabs {
		float: left;
		font-size: 7px;
		padding: 0 24px 0 0;
		}
	
	#content div.info {
		float: left;
		padding: 0 0 0 16px;
		width: 204px;
		}
		
	#content div.info p.info {
		font: "Trebuchet MS", "Times New Roman", Times, serif;
		font-size: 14px;
		line-height: 20px;
		margin: 0 0 0 0;
		width: 190px;
		}

	#content ul.events {
		}
	
	#content ul.events li {
		margin-bottom: 22px;
		}
	
	#content table {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 15px;
		font-weight: bold;
		margin: auto;
		width: 100%;
		}
		
		#content table p {
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 12px;
			font-weight: normal;
			line-height: 20px;
			margin: 0 0 15px 0;
			}
			
		#content  p.text {
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 12px;
			font-weight: normal;
			line-height: 20px;
			margin: 0 0 15px 0;
			}
			
		#content table a {
			color: #FF0000;
			text-decoration: none;
			}
		
		#content table a:hover {
			color: #FF8810;
			}

	#content ul.infoLinks {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 24px;
		list-style: none;
		margin: 0;
		padding: 0;
		}
	
	#content table ul.specs {
		font-size: 12px;
		list-style: square;
		margin: 0;
		padding: 0 0 0 15px;
		line-height: 25px;
		font-weight: normal;
		}
	
	table#glassColors {
		padding: 2px;
		}
		
		table#glassColors img {
			border: solid 1px #999999;
			}
	
		table#glassColors tr.dark {
			background: #E2CCBF;
			}
		
/*		table#glassColors tr.dark {
			background: ;
			}
*/			
			table#glassColors tr td {
				font-size: 11px;
				padding: 4px;
				text-align: center;
				width: 100px;
				}
	
#linkBox {
	background: url(images/sliverPageBg.gif) repeat-y;
	height: 105px;
	margin: auto;
	width: 763px;
	}
	
	#linkBox #imageTop {
		/*background: url(images/martiniTop.jpg) bottom no-repeat;*/
		float: left;
		height: 105px;
		width: 238px;
		}
		
	#linkBox #extraContent {
		background: url(images/boxLinks.gif) 42px 34px no-repeat;
		float: left;
		height: 105px;
		padding: 0 0 0 42px;
		width: 483px;
		}
		
		#extraContent table {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			line-height: 20px;
			margin: 17px 0 0 0;
			width: 429px;
			}

		#extraContent table a {
			color: #006666;
			font-weight: bold;
			text-decoration: none;
			}
			
		#extraContent table a:hover {
			color: #CC3300;
			}

#footer {
	clear: both;
	height: 80px;
	margin: auto;
	width: 763px;
	}
	
	#footer #footerLeft {
		/*background: url(images/footermartiniBott.gif) no-repeat;*/
		float: left;
		height: 80px;
		width: 238px;
		}
		
	#footer #footerRight {
		background: url(images/footerRight.gif) no-repeat;
		color: #BF3C12;
		float: left;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 11px;
		height: 59px;
		line-height: 20px;
		padding: 21px 0 0 0;
		text-align: center;
		width: 525px;
		}
		
		#footerRight a {
			color: #BF3C12;
			margin: 0 7px 0 7px;
			text-decoration: none;
			}
		
		#footerRight a:hover {
			color: #FF0000;
			}
		
div.spacer {
	clear: both;
	margin: auto;
	}		
	
div.credits {  
	display: none;  
	}  
  
.fieldwrap input {  
	width: 300px; }  
  
.fieldwrap textarea {  
	width: 300px; }  
  
.fieldwrap label {  
	width: 80px;  
	display: block;  
	float: left;  
	}  
  
.submit {  
	float: right;  
	margin-right: 213px;
	_margin-right: 70px; }  
  
.ddfmwrap {  
	padding-left: 150px;  
	padding-top: 1px; }

/*****************************************************************/
#content .post .stepTop {
	background: url(images/customize/customizeStepXofX.gif) no-repeat left bottom;
	font-family: Georgia, 'Times New Roman', Times, serif;
	height: 41px; }
	
	#content .post .stepTop table {
		font-family: Georgia, 'Times New Roman', Times, serif; }
		
		#content .post .stepTop table .stepXofX {
			width: 145px;
			height: 39px;
			padding-left: 6px;
			color: #FFFFFF;
			font-size: 26px; }
			
		#content .post .stepTop table .sectionTitle {
			color: #BE3F14;
			font-size: 20px;
			font-weight: bold;
			padding-left: 90px; }
		
#content .post .stepBottom {
	background: url(images/customize/customizeBottGradStrip.jpg) 190px 0px no-repeat;
	width: 727px;
	height: 41px; }
	
	#content .post .stepBottom img {
		cursor: pointer;
		float: right;
		margin-left: 10px; }
		
.printOrderSheet {
	font-family: Georgia, 'Times New Roman', Times, serif;
	color: #BE3F14;
	font-size: 20px;
	font-weight: bold; }
	
.sectionTypeTitle {
	font-family: Georgia, 'Times New Roman', Times, serif;
	color: #990000;
	font-size: 20px;
	letter-spacing: 4px; }
	
	#content .post table.productMiniDisplay {
	margin: auto;
	width: 360px;
	text-align: center;
	clear: both; }
	
		#content .post table.productMiniDisplay td {
			width: 90px; }
	
/********************************************/
#tile_selector,
#table_top_selector,
#design_selector,
#pattern_selector {
	border-collapse: collapse; }

#tile_selector img, #tile_selector .normalize,
#table_top_selector img, #table_top_selector .normalize,
#design_selector img, #design_selector .normalize,
#pattern_selector img, #pattern_selector .normalize {
	padding: 4px;
	cursor: pointer; }
	
#tile_selector .tile_select,
#table_top_selector .style_select,
#design_selector .design_select,
#pattern_selector .pattern_select {
	border: 4px solid #898989;
	padding: 0px;
	cursor: pointer; }
	
.text_descriptor {
	color: #CF6E2B;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	text-transform: uppercase;
	}
	
#image_composer, 
#image_composer_final {
		width: 245px;
		height: 245px;
		position: relative; }
		
	#image_composer div,
	#image_composer_final div {
		position: absolute; }
		
	#image_composer #div_color_a, 
	#image_composer_final #div_color_a_final {
		z-index: 4; }
	
	#image_composer #div_color_b,
	#image_composer_final #div_color_b_final {
		z-index: 3; }
		
	#image_composer #div_color_c,
	#image_composer_final #div_color_c_final {
		z-index: 2; }
		
	#image_composer #div_frame,
	#image_composer_final #div_frame_final {
		top: 58px;
		left: 58px;
		z-index: 5; }
		
	#image_composer #div_bgtile,
	#image_composer_final #div_bgtile_final {
		top: 0;
		left: 0;
		z-index: 1; }
		
	#image_composer #div_color_a.yinyang,
	#image_composer_final #div_color_a_final.yinyang {
		top: 84px;
		left: 81px; }
	
	#image_composer #div_color_b.yinyang,
	#image_composer_final #div_color_b_final.yinyang {
		top: 83px;
		left: 131px; }
	
	#image_composer #div_color_c.yinyang,
	#image_composer_final #div_color_c_final.yinyang,
	#image_composer #div_color_c.martini,
	#image_composer_final #div_color_c_final.martini,
	#image_composer #div_color_c.flower,
	#image_composer_final #div_color_c_final.flower,
	#image_composer #div_color_c.sun,
	#image_composer_final #div_color_c_final.sun,
	#image_composer #div_color_c.elegance,
	#image_composer_final #div_color_c_final.elegance {
		top: 60px;
		left: 60px; }
	
	#image_composer #div_color_a.martini,
	#image_composer_final #div_color_a_final.martini {
		top: 120px;
		left: 130px; }
	
	#image_composer #div_color_b.martini,
	#image_composer_final #div_color_b_final.martini {
		top: 104px;
		left: 119px; }
	
	#image_composer #div_color_a.flower,
	#image_composer_final #div_color_a_final.flower {
		top: 154px;
		left: 153px; }
	
	#image_composer #div_color_b.flower,
	#image_composer_final #div_color_b_final.flower {
		top: 93px;
		left: 97px; }
	
	#image_composer #div_color_a.sun,
	#image_composer_final #div_color_a_final.sun,
	#image_composer #div_color_a.elegance,
	#image_composer_final #div_color_a_final.elegance {
		top: 154px;
		left: 154px; }
	
	#image_composer #div_color_b.sun,
	#image_composer_final #div_color_b_final.sun ,
	#image_composer #div_color_b.elegance,
	#image_composer_final #div_color_b_final.elegance  {
		top: 96px;
		left: 96px; }
		
.textFormatting {
	font-size: 10px;
	text-align: right;
	padding-right: 5px;
	color: #CF6E2B; }

.textFormattingCenter {
	font-size: 10px;
	text-align: center;
	color: #CF6E2B; }

/*********** CUSTOM ALERT BOX ***************/
#alertContainer {
	background-color:transparent;
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:10000;
	background-image:url(images/alertBox/shadedOverlay.png); /* required by MSIE to prevent actions on lower z-index elements */
	_background-image:url(images/alertBox/fadedOverlay.gif); /* required by MSIE to prevent actions on lower z-index elements */
}

#alertBox {
	position:relative;
	border:1px solid #000;
	/*background-color:#e1e1e1;*/
	background: #FFFFFF;
}

	#alertBox #popupContent {
		font-size: 13px;
		padding: 10px;
		line-height: 15px; }

#alertContainer > #alertBox {
	position:fixed;
}

#alertBox .alertBoxTitle {
	margin:0;
	font:bold 12px verdana,arial;
	background-color: #AFBAB2;
	color:#000;
	border-bottom:1px solid #000;
	padding:2px 0 2px 5px;
}

#alertBox .alertBoxContent {
	font:10px verdana,arial;
	padding-left:5px;
	padding-top: 5px;

}

#alertBox .alertButton {
	display:block;
	float:right;
	margin-right:5px;
	_margin-bottom: 5px;
	padding:3px;
	border:2px solid #000;
	width:70px;
	font:10px verdana,arial;
	text-transform:uppercase;
	text-align:center;
	font-weight: bold;
	color:#FFF;
	background-color:#636CBC;
	text-decoration:none;
}
/*********** END OF CUSTOM ALERT BOX ***************/

.colorSelectTable {
		font-size: 11px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-align: center; }

#printSection {
	display: none; }
	
#footer {
	 background: url(images/customize/touchScreenFooter.gif);
	 width: 763px;
	 height: 27px;
	 margin: auto; }