/*

CSS Stylesheet by Mars
This file contains the site element structure, it's purely for layout and not presentation

*/

/* commented backslash hack v2 \*/ 
/*html, body{height:100%;} */
/* end hack */

/* Delete me if you don't want me :) */
/* Hack for firefox not to break layout if right clicking on elements */
* {
	outline: none;
}

html>body {
	zoverflow-y:scroll;
	}
 
/*html>body #PageWrapper
{
	height: auto;

} /*for mozilla as IE treats height as min-height anyway*/


* {
	margin: 0;
	padding: 0;
	}

body {
	background: white;
	font-family: Verdana, Tahoma, Helvetica, Sans-Serif;
	font-size: 12px;
	color: #696968;
	}

#PageWrapper {
	position: relative;
	width: 738px;
	margin: 0 auto;
	padding: 0;

	/* Footer Clearing Code */
	
	zheight: auto;
	zheight: 100%;
	zmin-height: 100%;
	}
	
	#blockHeader {
		position: relative;
		display: block;
		width: 738px;
		height: 431px;
		top: 0;
		left: 0;
		background: transparent top right no-repeat url(../images/structure/blockHeader.png);
		clear: both;
		}
		
		#headerLink {
			display: block;
			width: 366px;
			height: 112px;
			position: absolute;
			top: 0px;
			right: 0px;
			}
			
			#headerLink img {
				width: 100%;
				height: 100%;
				border: 0;
				}
			
		#headerCopy {
			position: absolute; display: block;
			width: 521px; height: 192px;
			left: 211px; top: 147px;
			background: transparent top left no-repeat url(../images/structure/headerCopy.png);
			}
			
			#headerCopy .left {
				position: absolute; display: block;
				width: 296px; height: 172px;
				padding: 10px;
				}

			#headerCopy .right {
				position: absolute; display: block;
				width: 180px; height: 172px; right: 0;
				padding: 10px;
				}
			
			#headerCopy .left .contentBlock {
				margin-top: 8px;
				height: 148px;
				overflow: auto;
				}
				
			#headerCopy .right .contentBlock {
				margin-top: 8px;
				height: 148px;
				overflow: auto;
				}				

		#headerImage {
			position: absolute; display: block;
			width: 182px; height: 268px;
			left: 29px; top: 80px;
			}		
			
		#sideTag {
			position: absolute; display: block;
			width: 28px; height: auto; padding-bottom: 15px;
			left: 0; bottom: 0;
			background: transparent bottom left no-repeat url(../images/structure/tagBg.jpg);
			text-align: center;
			}
			
			#sideLabel {
				width: 27px; margin-left: 1px;
				text-align: center; background: #d41e17;
				}
				
		#imageStrip {
			position: absolute; display: block;
			width: 684px; height: 67px; left: 54px; top: 354px;
			}
			
			#imageStrip .thumbnail {
				position: relative; float: left;
				width: 67px; height: 67px; margin-right: 6px;
				}
				
				#imageStrip .thumbnail img {
					position: absolute;
					width: 67px; height: 67px;
					left: 0; top: 0;
					}
					
				#imageStrip .thumbnail a img {
					border: 0;
					}	

				#imageStrip .thumbnail a {
					position: absolute;
					width: 67px; height: 67px;
					left: 0; top: 0;
					background: transparent top left no-repeat url(../images/imagestrip/overlay.png);
					}
										
			
	#blockBody {
		position: relative; display: block; clear: both; overflow: auto;
		width: 710px; height: auto;
		left: 28px; top: 0;
		background: transparent top right no-repeat url(../images/structure/blockBody.jpg);
		}
		
		.copyTitle {
			position: relative; display: block;
			height: 30px; margin-bottom: 15px;
			background: transparent top left no-repeat url(../images/structure/copytitleBg.jpg);
			}
			
		.copyTitleYellow{
			position: relative; display: block;
			height: 30px; margin-bottom: 15px;
			background: transparent top left no-repeat url(../images/structure/copytitleBgYellow.jpg);
			}			
			
			.copyTitle h1 {
				position: relative; float: left;
				height: 30px; line-height: 27px; margin-left: 15px; padding-right: 15px;
				font-size: 12px; font-weight: bold; color:#fcfbf9; text-transform: uppercase;
				background: transparent top left repeat-x url(../images/structure/copytitleTile.jpg);
				}
				
			.copyTitleYellow h1 {
				position: relative; float: left;
				height: 30px; line-height: 27px; margin-left: 15px; padding-right: 15px;
				font-size: 12px; font-weight: bold; color:#fcfbf9; text-transform: uppercase;
				background: transparent top left repeat-x url(../images/structure/copytitleTileYellow.jpg);
				}				
				
			* html .copyTitle h1 {
				margin-left: 8px;
				}
				
			* html .copyTitleYellow h1 {
				margin-left: 8px;
				}					
				
			.copyTitle img {
				float: left;
				}
				
			.copyTitleYellow img {
				float: left;
				}								
		
		#bodyContent {
			position: relative; display: block; overflow: auto;
			clear: both;
			width: 680px;
			padding: 15px;
			}
			
		body.twoCol #bodyContent {
			width: 710px !important;
			padding: 0 !important;
			background: transparent left top repeat-y url(../images/structure/bodyContent.png) !important;
			}
			
		#bodyContentFooter {
			position: relative; display: block; clear: both;
			width: 710px; height: 94px;
			background: transparent left top no-repeat url(../images/structure/bodyContentFooter.jpg) !important;
			}				
			
			.banners {
				position: relative; float: left; clear: both; display: block;
				width: 140px; margin-right: 15px;
				}
			
				#randomQuotes {
					margin: 0; padding: 0;
					}
			
				#randomQuotes li {
					list-style-type: none;
					font-weight: bold; color: #969084; line-height: 1.2em; text-align: justify;
					margin: 0 !important;
					padding: 0 !important;
					}

				#randomImages img {
					list-style-type: none;
					background: white;
					padding: 3px;
					border: 1px solid #c4bba9;
					height: 90px;
					width: 132px;
					}
					
			.leftContent {
				position: relative; display: block; float: left;
				width: 50%;
				}

				#productsDiv,  #wishlistDiv, .leftContent div.output, .rightContent div.output{
					position: relative;  clear: both; display: block;
					padding: 0 15px;
					}
					
					#prodOrderListDiv {
						position: relative;
						display: none;
						zborder: 1px solid black;
						}
				
			.rightContent {
				position: relative; display: block; float: right;
				width: 50%;
				}				
						
					
#siteFooter {
	position: relative; clear: both;
	width: 710px;
	height: 108px;
	margin: 0 auto;
	background: transparent right bottom no-repeat url(../images/structure/siteFooter.png);
	}

body.twoCol #siteFooter {
	padding-left: 28px;
	}
	
	#siteChickens {
		position: absolute;
		width: 353px; height: 87px;
		right: 0; top: 0;
		}