/* CSS Document -- details.css */


* { margin: 0px; padding: 0px; outline: none; text-decoration:none; }

body{
	color: #666666;
	font: normal 12px Arial, Helvetica, sans-serif;
}

.docList { margin: 15px; }
.docList img.PDF { margin: 2px 5px; }


/********************PRODUCT POPUP DISPLAY********************/
#container_rightS,
#container_bottomS,
#container_bottomD {
	position:relative;
	width:445px;
	height:580px;
	background:#FFFFFF;
	margin: auto;
}
#container_bottomS {
	width:568px;
	height:398px;
}
#container_bottomD {
	width:568px;
	height:452px;
}

#container_rightS .thumbs {
	width: 98px;
	position:absolute;
	right:0px;
	top:60px;
}

#container_bottomS .thumbs,
#container_bottomD .thumbs {
	height: 58px;
	position:absolute;
	bottom:0px;
	left:0px;
}
#container_bottomD .thumbs {
	height:	112px;
}

#container_rightS .style_name,
#container_bottomS .style_name,
#container_bottomD .style_name {
	display:block;
	width:445px;
	height:25px;
	padding-top: 5px;
	text-align: center;
	font: small-caps bold 20px Arial, Helvetica, sans-serif;
	color:#000000;
}
#container_bottomS .style_name,
#container_bottomD .style_name { width:568px; }

#container_rightS .SaF,
#container_bottomS .SaF,
#container_bottomD .SaF {
	width:347px;
	padding-top: 175px;
	text-align:center;
	font: normal 24px Georgia, "Times New Roman", Times, serif;
	color:#777777;
}
#container_bottomS .SaF,
#container_bottomD .SaF { width:568px; padding-top: 90px; }

#container_rightS .SaF em,
#container_bottomS .SaF em,
#container_bottomD .SaF em {
	font-size:0.6em;
	color:#000000;
}

/* Temp for transitioning from "h1" to ".SaF" */
#container_rightS h1,
#container_bottomS h1,
#container_bottomD h1 {
	width:347px;
	padding-top: 175px;
	text-align:center;
	font: normal 24px Georgia, "Times New Roman", Times, serif;
	color:#777777;
}
#container_bottomS h1,
#container_bottomD h1 { width:568px; padding-top: 90px; }

#container_rightS h1 em,
#container_bottomS h1 em,
#container_bottomD h1 em {
	font-size:0.6em;
	color:#000000;
}
/* End Temp */

#container_rightS .thumbs a.chooser, #container_rightS .thumbs a.chooser:visited,
#container_bottomS .thumbs a.chooser, #container_bottomS .thumbs a.chooser:visited,
#container_bottomD .thumbs a.chooser, #container_bottomD .thumbs a.chooser:visited {
	display:block;
	display:inline-block;
	border:1px solid #DDDDDD;
	width:88px;
	height:33px;
	float:left;
	/*margin-bottom:4px;*/
	z-index:50;
	cursor:default;
	text-decoration: none;
	clear: both;
}

#container_rightS .thumbs a.chooser em,
#container_bottomS .thumbs a.chooser em,
#container_bottomD .thumbs a.chooser em {
	background-color: #FFFFFF;
	visibility:hidden;
	display:block;
	width:347px;
	height:510px;
	position:absolute;
	top:0px;
	left:-347px;
	color:#000;
	text-align:center;
	cursor:default;
}
#container_bottomS .thumbs a.chooser em,
#container_bottomD .thumbs a.chooser em {
	width:568px;
	height:280px;
	top:-280px;
	left:0px;
}

#container_rightS .thumbs a.chooser em img,
#container_bottomS .thumbs a.chooser em img,
#container_bottomD .thumbs a.chooser em img {
	padding: 5px;
}

#container_rightS .thumbs a.chooser:hover,
#container_bottomS .thumbs a.chooser:hover,
#container_bottomD .thumbs a.chooser:hover {
	white-space:normal;
	border:1px solid #888888;
	z-index:100;
}

#container_rightS .thumbs a.chooser:active, #container_rightS .thumbs a.chooser:focus,
#container_bottomS .thumbs a.chooser:active, #container_bottomS .thumbs a.chooser:focus,
#container_bottomD .thumbs a.chooser:active, #container_bottomD .thumbs a.chooser:focus {
	border:1px solid #000000;
	z-index:100;
}

#container_rightS .thumbs a.chooser:active em, #container_rightS .thumbs a.chooser:focus em,
#container_bottomS .thumbs a.chooser:active em, #container_bottomS .thumbs a.chooser:focus em,
#container_bottomD .thumbs a.chooser:active em, #container_bottomD .thumbs a.chooser:focus em {
	visibility: visible;
	z-index: 100;
}

#container_rightS .thumbs a.chooser:hover em span, #container_rightS .thumbs a.chooser:active em span, #container_rightS .thumbs a.chooser:focus em span,
#container_bottomS .thumbs a.chooser:hover em span, #container_bottomS .thumbs a.chooser:active em span, #container_bottomS .thumbs a.chooser:focus em span,
#container_bottomD .thumbs a.chooser:hover em span, #container_bottomD .thumbs a.chooser:active em span, #container_bottomD .thumbs a.chooser:focus em span { 
	display:block;
	position:absolute;
	width:445px;
	height:30px;
	top:-30px;
	left:0px;
	padding-top: 0px;
	font: small-caps normal 13px Arial, Helvetica, sans-serif;
	color:#000000;
	z-index:5;
}
#container_bottomS .thumbs a.chooser:hover em span, #container_bottomS .thumbs a.chooser:active em span, #container_bottomS .thumbs a.chooser:focus em span,
#container_bottomD .thumbs a.chooser:hover em span, #container_bottomD .thumbs a.chooser:active em span, #container_bottomD .thumbs a.chooser:focus em span {
	width:568px;
}

#container_rightS .thumbs .finish,
#container_bottomS .thumbs .finish,
#container_bottomD .thumbs .finish {
	float: left;
	font: small-caps bold 12px Arial, Helvetica, sans-serif;
	color: #000000;
}

/*UL Listed and ADA Handicap symbol placement*/
#container_rightS .UL_bS { position:absolute; right:0px; bottom:0px; z-index:1000; }
#container_bottomS .UL_bS { position:absolute; right:0px; bottom:58px; z-index:1000; }

#container_rightS .ADA_bS { position:absolute; right:26px; bottom:0px; z-index:1000; }
#container_bottomS .ADA_bS { position:absolute; right:26px; bottom:58px; z-index:1000; }

/******************PRODUCT POPUP DISPLAY END******************/


/* CSS Document -- details.css */