/**************************************************
  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
**************************************************/

body {
		font-family: Arial;
		font-size: 0.8em;
		background-color: silver;
		color: #666666;
	}
	
	#frame {
		width: 780px;
		background-color: #ffffff;
	}
	
	/* #menubar {
		background-image:url(../images/layout/menubg_snowman.jpg);
		background-repeat: no-repeat;
		height: 43px;
		vertical-align: middle;
		line-height: 43px;
		text-align:right;
	}
	
	#menubar a {
		font-family:"Trebuchet MS", Verdana, Arial;
		color: #A4A4A4;
		font-weight: bold;
		font-size: 1.2em;
		text-decoration: none;
		margin: 10px;
	} 
	
	#menubar a:hover {
		color: #FF8A00;
	} */
	
	#menubar {
		height: 44px;
		background-image:  url(../images/layout/hmenutile.jpg);
		background-repeat:repeat-x;
		color: #ffffff;
		padding: 0px;
		margin: 0px;
	}
	
	#menubar a {
		color: #ffffff;
		text-decoration: none;
		margin-left: 25px;
		margin-right: 25px;
		vertical-align: middle;
		line-height: 40px;
		font-weight: bold;
	}
	
	#menubar a:hover {
		color: #50ACE4;
		font-weight: bold;
	}
	
	#header {
		background-image: url(../images/layout/mainhead.jpg);
		background-repeat: no-repeat;
		height: 200px;
	}
	
	#maincontent {
		background-image: url(../images/layout/content_tile.jpg);
		background-repeat: repeat-x;
	}
	
	#leftcontent {
		float: left;
		clear: none;
		width: 540px;
		padding: 0px;
		margin: 0px;
		text-align: left;
		line-height: 1.3em;
	}
	
	#rightcontent {
		float: right;
		clear: none;
		width: 240px;
		margin: 0px;
		padding: 0px;
		background-image:url(../images/layout/sidebar_tile.jpg);
		background-repeat:repeat-x;
		background-color: #F0F0F0;
		text-align: right;		
	}

	.breaker {
		clear: both;
	}
	
	.padding10 {
		padding: 10px;
	}
	
	h1 {
		color: #0099FF;
		font-size: 1.3em;
		margin-top: 0px;
	}
	
	.quickcartbox {
		background-image:url(../images/layout/quickcart.jpg);
		background-repeat:no-repeat;
		width: 195px;
		height: 81px;
		margin-left: 1px;
		
		color: #ffffff;
		font-size: 1.0em;
	}
	
	.quickcartcontent {
		position: relative;
		display: block;
		top: -10px;
		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;
	}
	
	#catlist {
		background-image: url(../images/layout/catbox_tile.jpg);
		background-repeat: repeat-y;
		width: 176px;
		margin: 0px;
		padding: 0px;
		color: #C1C1C1;
		font-size: 1.2em;
		font-weight: bold;
	}
	 
	  #catlist a {
	  	text-decoration: none;
		color: #0066CC;
		display: block;
	  }
	  
	  #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: 17px;
		width: 176px;
	}
	
	#footer {
		background-color: #626262;
		color: #CCCCCC;
	}
	
	
/**********************************
  Product Item Layout 
**********************************/
	
	.itembox {
		border: solid 1px silver;
		padding: 2px;
		height: 190px;
		background-color:#FFFFFF;
		margin-top: 2px;
		filter: alpha(opacity=100); 
		-moz-opacity:10; 
		-khtml-opacity: 1.0; 
		z-index:3;
	}
	
	.itemimage {
		float: left;
		clear: none;
		width: 100px;
		text-align: center;
		height: 100%;
		vertical-align: middle;
	}
	
	.itemdesc {
		float: left;
		clear: none;
		width: 266px;
		height: 100%;
		padding: 5px;
	}
	
	.itemoptions {
		position: relative;
		width: 130px;
		background-color: #EBEBEB;
		font-size: 0.7em;
		float: right;
		clear: none;
		height: 100%;
	}
	
	.prodoption {
		height: 13px;
		position: relative;
		top: -3px;
	}
	
	.optionselect {
		font-size: 0.98em;
	}
	
	.cartcontrol {
		position: absolute;
		bottom: 0px;
		text-align:left;
	}
	
	
	/* pagination styles */
	.paginationon {
		/*float: left;
		clear: none;
		height: 20px;
		width: 16px; 
		border: solid 1px silver; */
		text-decoration: none;
		/* padding: 5px;
		text-align: center; */
		color: #0066CC;
		font-weight: bold;
		vertical-align: middle;
		font-size: 1.0em;
		margin: 1px;
	}
	
	.paginationoff {
		/*float: left;
		clear: none;
		 height: 20px;
		width: 16px; 
		border: solid 1px silver; */
		text-decoration: none;
		/* padding: 5px;
		text-align: center; 
		background-color: #ebebeb; */
		color: silver;
		vertical-align: middle;
		font-size: 1.0em;
		margin: 1px;
	}
	
	a {
		color: #0066CC;
		text-decoration: none;
	}
	
	a:hover {
		color: #666666;
	}