/* CSS Document */

/*Style Sheet for Gallery rows of images*/
/* PKL:6-4-08 
Relevant Code:	index.php
				product_listing.php 
				function product_listing_box($cat_id)
START: Product Gallery of Rows and Columns (Liquid)*/
/* -*-*-*-*-*CAUTION: This css is easily broken -*-*-*-*-* */
/* -*-*-*-*-*CAUTION: This css is easily broken -*-*-*-*-* */
/* -*-*This CSS is tied in to the 
		product_listing_box($cat_id,$max_height, $max_width) function-*-* 
\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ 
\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ */
div.ProductContainer1 {
width:100%;
height:100%;
}

.ProductContainer-spacer {
clear:both;
height:10px;
background-color:#FFFF00;
}

div.ProductContainer {
float: left;
width:220px;/* corrisponds to (php var)$max_width in /store/index.php*/
/* Cannot use width:auto w. float:left thanks to ie 5.5-7 */
}

div.ProdGal-row {
position:relative;
clear:both;
margin:5px;
height:370px;/* delicate: must accomodate div.textbox & div.ProdGal-row-imgbox img */
/*width:auto; delicate */
text-decoration: none;
}

div.textbox {
position:absolute;
clear:both;
top:245px;/* delicate: corrisponds to max image height (must leave room for eachother   */
bottom: 5px;
width:220px;/*ie work around match this to div.ProductContainer  */
padding-top:20px;
padding-bottom:20px;
}

div.textbox span p {
font-weight:bold;
}

div.textbox span {
display:block;
clear:both;
text-align: center;
/*width:100%;delicate: keep this, corrisponds to max image width (must leave room for eachother   */
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
margin:0px;
}

div.ProdGal-row-imgbox img {
margin:10px;/* delicate: This needs to be in a div due div.ProductContainer has a float:left */
} 


/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
PKL:6-4-08 
END:Product Gallery of Rows and Columns (Liquid)
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* 
\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ 
\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ /*
START
Individual Product Page

*/

#prodInfo-left {
float:left;
width: 400px; /*NOTE: This affects a PHP calc in the inline style of the img */
height:auto;
}
#prodInfo-left p {
clear:both;
margin:8px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
}
#prodInfo-left .left-spacer {
height:20px;
clear:both;
}
#prodInfo-right {
position: relative;
left:000px;
float:left;
width:400px;
height:100%;
background-color:#00FFFF;
}

#profImgFrameShadow {
display:inline;/*ie fix for double margins on float touching parent bug */
float:left;
	background: url(/__shared/_images/shadow_800x800.png) no-repeat bottom right !important;
	background: url(/__shared/_images/shadow_800x800.gif) no-repeat bottom right;
	/*margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px;*/
}

#prodImgFramer {
display: block;
position: relative;
background-color: #fff;
border: 1px solid #a9a9a9;
}

#prod_descr {
background-color:#669966;
clear:both;
margin-left:0px;
margin-top:8px;
margin-bottom:8px;
width: 400px; /* should = width of #prodInfo-left */
padding-left:20px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
overflow:hidden;
}

#prod_manufacturer {
background-image: url(/__shared/_images/vbp_label_bg01.gif);
background-repeat: repeat-y;
margin-left:0px;
margin-top:8px;
margin-bottom:8px;
width: 400px; /* should = width of #prodInfo-left */
padding-left:20px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
}

#prod_name {
background-image: url(/__shared/_images/vbp_label_bg01.gif);
background-repeat: repeat-y;
margin-left:0px;
margin-top:8px;
margin-bottom:8px;
width: 400px; /* should = width of #prodInfo-left */
padding-left:20px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
}

#showScale {
/*background-color:#FFFFFF;*/
position:relative;
float:right;
margin:5px;
width:250px;
height:270px;
/*border:dotted black;temporary for layout */
}

#scaledThumbFramer {
background-color:white;
position:absolute;
/* padding:10px; hard coded based on php calc */
border:solid black;
border-width:1px;
right:160px;
top:20px;
}

#showScale img#scaledSilouet {
position:relative;
left: 75px;
top:30px;
}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
PKL:6-4-08 
END
Product Types Selection
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* 
\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ /*
START
Individual Product Page */


#prodTypeHolder {
	clear:both;
	overflow: hidden;
	/*position: absolute;*/
	visibility: visible;
	height: auto;
	width: 100%;
	/*left: 390px;
	top: 310px;*/
	z-index: 500;
	background-color: #FFFFFF;
	margin-top:20px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}

#prodTypeHolder #prodTypeHeader {
	position:relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	background-image: url(/__shared/_images/vbp_label_bg02.jpg);
	background-repeat: repeat-y;
	text-align: center;
	vertical-align: middle;
	padding: 0px;
	height: 20px;
	width: 100%;
}
#prodTypeHolder .spacer {
	clear:both;
	width:100%;
	height:8px;
}

#prodTypeHolder .prodTypeOptionRow {
	clear:both;
	padding-top:0px;
	background-color:white;
	border:solid black;
	border-width:0px;
}
#prodTypeHolder .prodTypDescription {
	
	text-align: left;
	width: 150px;
	float: left;
}

#prodTypeHolder .prodTypeSize {
	
	width: 75px;
	float: left;
	text-align: center;
	padding-top: 4px;
}

#prodTypeHolder .prodTypePrice {
	
	float: left;
	width: 75px;
	text-align: center;
	padding-top: 4px;
}

#prodTypeHolder .prodTypeATC { /* ATC stands for Add To Cart */
	
	float: left;
	width: 60px;
	text-align: center;
	padding-top: 4px;
}
#prodTypeHolder #prodTypeHeader #prodTDHdeader {
	position: absolute;
	left: 30px;
	top: 5px;
}
#prodTypeHolder #prodTypeHeader #prodTSHdeader {
	position: absolute;
	top: 5px;
	right: 180px;
	text-align: center;
}

#prodTypeHolder #prodTypeHeader #prodTPHdeader {
	position: absolute;
	top: 5px;
	right: 100px;
}

#prodTypeHolder .prodTypeOptionRow {
	background-image: url(/__shared/_images/vbp_label_bg01.gif);
	background-repeat: repeat-y;
	height: auto;
	width: 100%;
	clear: both;
}

#prodTypeHolder .prodTypeOptionRow .radio {
	clear: left;
	float: left;
	width: 10px;
}


/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
PKL:6-14-08 
END*/