/**************************************************
  APOLLO E-SHOP SYSTEM CSS DOCUMENT
  Layout definitions for trial site layout
  Developed by Justin Kercher
  Copyright© 2007 by Apollo Internet Media
  Created: 29/10/2007
**************************************************/


#leftcol { float:left; clear: none; width: 200px; }
#storecontent { float: right; clear: none; width: 700px; line-height: 20px; font-size: 0.9em; color: #666666; }

p { font-size: 1.0em; }

h3 { font-size: 1.2em; }

table { font-size: 12px !important; }
th { border-bottom: solid 1px silver; }

	.quickcartbox {
		background-image:url(../images/layout/quickcart.jpg);
		background-position: top;
		background-repeat:no-repeat;
		width: 200px;
		height: 112px;
		color: #ffffff;
		font-size: 1.0em;
	}
	
	.quickcartcontent {
		position: relative;
		top: 20px;
		display: block;
		width: 120px;
		text-align:center;
	}
	
	.quickcartcounter {
		position: absolute;
		left: 8px;
		font-size: 30px;
		font-family: "Trebuchet MS", Verdana, Arial;
		color: #FFFFFF;
		text-align: center;
		width: 100px;
		height: 35px;
		top: 4px;
	}
	
	#catlist {
		background-color: #626262;
		margin: 0px;
		padding: 0px 20px;
		color: #C1C1C1;
		font-size: 1.0em;
		font-weight: bold;
		text-align: left;
	}
	 
	  #catlist a {
	  	text-decoration: none;
		color: #ffffff;
		display: block;
		font-size: 0.8em;
		font-weight: bold;
	  }
	  
	  #catlist a:hover {
		color: #a4a4a4;
		display: block;
	  }
	
	#catlist_bottom {
		background-image: url(../images/layout/quickcart_bottom.jpg);
		background-repeat: no-repeat;
		margin: 0px;
		padding: 0px;
		height: 22px;
	}
	
	.mnusep { background: url(../images/layout/mnusep.jpg) no-repeat center; height: 3px; line-height: 1px; clear: both; margin: 10px 0px; }

	
	
/**********************************
  Product Item Layout 
**********************************/
	
	.itembox {
		position: relative;
		border-bottom: solid 1px silver;
		padding: 2px;
		background-color:#FFFFFF;
		margin-top: 2px;
		filter: alpha(opacity=100); 
		-moz-opacity:10; 
		-khtml-opacity: 1.0; 
		z-index:3;
		font-size: 0.8em !important;
		height: 140px;
	}
	
	.itemimage {
		float: left;
		clear: none;
		width: 100px;
		text-align: left;
	}
	
	.itemdesc {
		padding: 5px;
	}
	
	.itemdescfloat {
		width: 686px;
		float: left;
		clear: none;
	}
	
	.itemoptions {
		position: absolute;
		right: 0px;
		height: 50px;
		width: 150px;
	/*	margin-bottom: 10px;
		float: right; 
		clear: none;*/
	}
		.itemoptions select { width: 98%; }
	
	.prodoption {
		height: 13px;
		position: relative;
		top: -3px;
	}
	
	.cartcontrol {
		position: absolute;
		height: 30px;
		width: 200px;
		text-align:right;
		font-size: 1.0em;
		right: 0px;
		bottom: 0px;
	}
	
	.price { font-size: 1.4em; font-weight: bold; color:#990000; margin-top: 20px; }
	
	/* pagination styles */
	.paginate { background-color: #CCAD74; margin: 0px; height: 26px; color: #ffffff; padding: 4px; line-height: 26px; vertical-align: middle; }
	.paginationon { color: #666666; font-size: 0.8em; float: left; clear: none; background-color: #dedede; border: solid 1px silver; height: 24px; width: 16px; line-height: 24px; vertical-align: middle; text-align: center; text-decoration: none;}
	.paginationoff { color: #666666; font-size: 0.8em; float: left; clear: none; background-color: #cccccc; border: solid 1px silver; height: 24px; width: 16px; line-height: 24px; vertical-align: middle; text-align: center; text-decoration: none; }
	
	a {
		color: #0066CC;
		text-decoration: none;
	}
	
	a:hover {
		color: #666666;
	}