/**
*
* $Id: quartered.css,v 1.16 2009/07/24 13:17:22 tleen Exp $
*
* Quartered basic style
*
**/

a#home{
	position:		absolute;
	left:				0;
	top:				0;
	z-index:		5;	
}

body, html{
	height:	100%;
}

body{
	font:	83%/1.4 Tahoma, Geneva, sans-serif;
}

div#action,
div#filler,
div#footer,
div#header{
	background-position:	top left;
	background-repeat:		no-repeat;
	clear:								left;
}

div#action{
	padding-bottom:				10px;
	padding-top:					10px;
}

div#breadcrumb ul li{
	display:					inline;
	margin-left:			5px;
	font-size:				130%;
	font-weight:			bold;
	text-transform:		capitalize;
} div#breadcrumb ul li:before{
	content:					'\00BB  ';
} div#breadcrumb ul li:first-child{
	margin-left:			0;
	padding-left:			0;
} div#breadcrumb ul li:first-child:before{
	content:					'';
}

div#cardcode{
	margin:						10px 0;
}	

div#details{
} div#details div#breadcrumb{
	margin-bottom:				15px;
	text-align:						left;
} div#details div.images{
	float:								left;
	height:								343px;
	margin-right:					4px;
} div#details ul#previews{
	border-width:			1px 0;
	border-style:			solid;
	margin:						10px 0;
	padding:					4px;
	text-align:				left;
	width:						90%;
} div#details ul#previews li{
	display:							inline-block;
	margin-right:					10px;
} div#details ul#previews li img{
	border:								1px solid black;
	padding:							1px;
}	div#details ul#previews li img:hover{
	cursor:								pointer;
} div#details div.information{
	margin:								0 5px 0 238px;
	min-height:						323px;
	padding:							10px 10px 10px 15px;
} div#details div.information h2{
	font-size:						125%;
	font-weight:					bold;
} div#details div.information div.comment{
	text-align:						left;
	margin:								10px 0;
} div#details div.information div.affiliate{
	margin-bottom:				10px;
} div#details div.information div.price{
	font-weight:					bold;
} div#details div.information div.notice{
	margin:								10px;
} div#details div.information form fieldset{
	margin:									10px 0 0 0;
	padding:								0;
	text-align:							left;
} div#details div.information form fieldset label{
	margin-right:						5px;
	width:									auto;
}

div.error{
	margin:		10px 10px 10px 5px;
	padding:	10px 5px 5px 10px;
}

div#footer{
	height:							35px;
} div#footer ul {
	padding-top:				5px;
} div#footer ul li{
	display:						inline;
	font-size:					80%;
	padding:						5px 5px 0 5px;
} div#footer ul li:before{
	content:							'\2022';
	padding-right:				10px;
} div#footer ul li:first-child:before{
	content:							'';
} div#footer li#footer_contact a{
	text-decoration:			none;
} div#footer ul li#footer_address,
	div#footer ul li#footer_phone{
	display:							none;
}

div#interstitial_wrapper{
	border-style:					solid;
	border-width:					1px;
	margin:								40px;
	padding:							10px;
} div#interstitial_wrapper span.notice{
	display:							block;
	font-size:						120%;
	margin:								30px 0;
}

div#menu ul{
	clear:			left;
} div#menu ul li{	
	display:			block;
	float:				left;
} 

div.notice{
	font-size:		120%;
}

div.pagenation{
	margin-right:			15px;
	text-align:				right;
} div#pagenation_top{
	float:						right;
	margin-bottom:		10px;
	margin-top:				-40px;
} div.pagenation span{
	padding:					0 5px;
} div.pagenation span.all{
	padding-right:		0;
} div.pagenation a{
	text-decoration:	none;
} div.pagenation a.viewall:after{
	content:						'|';
	font-size:					1.2em;
	padding-left:				8px;
}

div.products{
	float:								left;
	margin:								10px 0 5px 2%;
	width:								23%
} div.products h3{
	font-weight:					bold;
	text-transform:				capitalize;
} div.products{
} div.products li{
	padding:							5px 0 0 10px;
} div.products li.featured{
	font-weight:					bold;
}

div#productimages{
	border-bottom:			1px dotted #000000;
	margin:							10px 5px 20px 0;
	padding:						0 0 10px 10px;
} div#upload{
	margin-top:					10px;
} ul#imagelist li{
	display: 						inline-block;
	margin-right:				5px;
} 

div.skip{
	margin:							10px;
} div.skip a{
	font-size:					125%;						
}

div.handling,
div.thanks{
    margin:         10px 10px 20px 10px;
}

div.website{
	float:								left;
	margin:								10px 0;
	width:								90%;
} div.website h2{
	font-size:						110%;
}

div#wrapper{
	height:				100%;
	margin:				0 auto;	
	width:				945px;
}

fieldset{
	padding:			5px 3px 5px 8px;
	margin:				5px 10px 2px 5px;
} fieldset legend{
	padding:			2px 10px 2px 5px;
} fieldset label{
	font-weight:	bold;
} form fieldset label{
	font-weight:	normal;
}

fieldset#orders table td{
	padding:			2px 5px 2px 0;
}

fieldset legend{
	font-size:				120%;
	margin:						10px 0 5px 20px;
	text-decoration: 	underline;
} fieldset legend a{
	margin-left:			10px;
}

fieldset p{
	border:		1px solid #000000;
	margin:		10px;
	padding:	8px 4px 4px 8px;
	width:		80%;
}

fieldset div.address{
	margin-left:					120px;				
}

form input.submit{
	border:							0;
	font-family:				arial, sans-serif;
	font-size:					1.4em;
	font-variant:				small-caps;					
	font-weight:				bold;
} form input.submit:hover{
	cursor:							pointer;
}

form fieldset.search legend{
	display:			none;
} form fieldset legend{
	display:			block;
}

h1.topic{
 	font-size:          200%;
  margin-bottom:      5px;
	text-transform:			uppercase;
} h1.topic img{
	vertical-align:     text-top;
} h1.imaged img{
	margin:							2px 3px;
}

hr{
	clear:	both;
	height:	1px;
	width: 	96%;
}

span.error{
	border-style:				solid;
	border-width:				1px;
	display:						block;
	margin:							2px 20px 2px 0;
	padding:						2px 10px;
} form fieldset span.error{
	border:							0;
	display:						inline;
	margin:							0;
	padding:						0;
} form fieldset span.error:before{
	content:						"\AB";
	font-size:					larger;
}

table.generitable tbody{
	border-style:					solid;
	border-width:					1px;
} table.generitable th{
	padding:				5px;
} table.generitable td{
	padding:				2px 5px 0 5px;
} 

table.products{		
	margin:								5px;
	padding:							10px 5px;
} table.products td,
	table.products th{
	padding:							5px 10px 0 5px;
} table.products th{
	font-weight:					bold;
	text-decoration:			underline;
} table.products td#total{
	font-size:						115%;
	font-weight:					bold;
	padding:							10px 10px 10px 0;
} table.products td.button{
	padding-bottom:				10px;
} 

ul.items{
	text-align:				left;
	width:						100%;
} body#body_home ul.items{
	padding:						0;
} ul.items li{
	display:					inline-block;
	font-size:				85%;
	margin:						15px;
	vertical-align:		bottom;
	width:						136px;	
} body#body_home ul.items li{
	font-size:				80%;
	margin:						0 4px 3px 0;
	width:						234px;
} ul.items li h3{
	height:						2.0em;
	line-height:			1.2em;
} ul.items div.information{
	height:						48px;
	margin-top:				5px;
	padding:					5px 5px 2px 10px;
	text-align:				left;
} ul.items div.information h3 a{
	font-weight:			bold;
	text-decoration:	none;
} ul.items h4{
	font-size:						75%;
} ul.items div.image img{
	height:								200px;
	width:								136px;
} body#body_home ul.items div.image img{
	height:								343px;
	width:								234px;
} ul.items div.meta{
	margin-top:						5px;
} ul.items div.meta div{
	display:							inline;
} ul.items div.meta div.details{
	border-style:					solid;
	border-width:					0 0 0 1px;
	margin-left:					4px;
	padding-left:					7px;
} 


ul.menu{
	height:							30px;
	margin-left:				15px;
	padding-top:				10px;
} ul.menu li{
	border-color:		#000000;
	border-style:  	solid;
	border-width:		0 0 0 1px;
	display:				inline-block;
	padding:				0 7px;
} ul.menu li:first-child{
	border-left:		0;
} ul.menu a{
	text-decoration:	none;
}

ul#shop{
	font-size:			1.3em;
	text-transform: uppercase;
}