/* global reset */

* { margin: 0; padding: 0; border: 0; outline: 0;
		background: transparent; vertical-align: baseline;
		font-size: 100%; }

body { line-height: 1; }

table { border-collapse: collapse; border-spacing: 0; }

ins {	text-decoration: none; }
del { text-decoration: line-through; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

a { text-decoration: none; color: inherit; }

:focus { outline: 0; }

/* generals */

body, html { height: 100%; }
body { background: #dd94af; text-align: center; font-family: helvetica, arial, sans-serif; }

#body { width: 988px; min-height: 100%; position: relative; margin: auto; text-align: left; }
	#body h1 { font-size: 28px; padding-top: 20px; font-weight: bold; margin-bottom: 10px; }
	#body h2 { font-size: 24px; font-weight: bold; margin-bottom: 20px; }
	#body h3 { font-size: 22px; letter-spacing: -1px; font-weight: bold; margin: 0px 0px 10px 0px; }
	#body h4 { font-size: 16px; letter-spacing: -1px; font-weight: bold; }
	#body p { font-size: 12px; line-height: 20px; margin: 5px 0px 20px 0px; }
	
	#page { width: 800px; min-height: 100%; background: #c16484; position: absolute; top: 0px; left: 94px; }
	img.leftie { position: absolute; top: 240px; left: 0px; }
	img.rightie { position: absolute; top: 240px; right: 0px; }
	
	#header { background: #fff; height: 200px; }
		img.logo { margin: 70px 30px; }
		img.frontpagelogo { margin: 0px 0px;}
	#navi { position: absolute; width: 100%; }
		#navi ul { height: 40px; background: #e5e5e5; padding-left: 50px; }
			#navi ul li { float: left; display: block; line-height: 40px; width: 112px; text-align: center; }
			#navi ul li a { color: #333; display: block; padding: 0px 5px; }
			#navi ul li a:hover, #navi ul li a.active { background: url(../images/bg-navi-hover.png) center top no-repeat; color: #000; height: 120px; margin-top: -40px; }
			#navi ul li a:hover span, #navi ul li a.active span { display: block; padding-top: 40px; }
			
			
		
	#contentframe { padding-top: 40px; }
		#content { color: #fff; padding: 30px; }
		
			#categories { padding-left: 5px; }
				.category { width: 240px; /*height: 240px; */float: left; margin: 0px 5px 5px 0px; color: #494949; }

			#products { padding-left: 5px; }
				.product { width: 240px; /*height: 240px; */ float: left; margin: 0px 5px 40px 0px; color: #fff; }
				.imageholder { width: 240px; height: 240px; }

#content .textcontent { background: #ffddee; color: #c16484; padding: 5px;}
#content .textcontent h2 { color: #494949; margin: 0px; padding: 0px;}
#content .textcontent h3 { color: #494949; margin: 0px; padding: 0px;}

#content .textcontent h2 a:hover { color: #c16484;}
#content .textcontent p { margin: 0px 0px 5px 0px; padding: 0px;}
#content .textcontent p.timestamp { color: #888; margin: 0px;}
#content .textcontent div.newsbody { margin: 0px 0px 30px 0px; padding: 0px;}

form input { border: 1px solid #000; background-color: #fff; padding: 1px; margin: 1px;}
#content form label { display: block; margin-left: 20px; width: 150px; float: left; clear: both; color: #000;}
#content form p { width: 100%; margin: 0px; padding: 0px;}
#content form input {display: block; }
#content form input[type=checkbox] { display: inline;}
#content form textarea { border: 1px solid #000; background-color: #fff; padding: 1px; margin: 1px; }
#content form ul {clear: both; }
#content form li {list-style: none; clear: both; font-size: 12px; }
#content form li input { margin-left: 100px; display: block; float: left; }
#content form li label { font-weight: normal; display: block; float: left; width: 300px;}
#content form p.help { clear: both; margin-left: 150px; width: 300px; font-size: 8pt;}
.textcontent table { font-size: 10pt; color: #000; margin: 10px 0px;}
.textcontent table td { padding: 2px 10px;}
.textcontent table th { color: #000; padding: 2px 10px; text-align: right;}
.textcontent table td span.extraoptions { font-size: 8pt; color: #888; padding-left: 20px;}			
	#cart { text-align: left; font: 9pt arial; padding: 5px; display: block; position: absolute;}

	#cart { font-size: 8pt; }

	#cart { position: absolute; right: 5px; top: 5px; width: 150px;}
	#cart a.editbasket { padding-left: 20px; background: url(../images/icons/cart_edit.png) left center no-repeat; }
	#cart a.editbasket:hover { background: url(../images/icons/cart_edit.png) left center no-repeat !important; text-decoration: underline; }
	#cart a.basket { padding-left: 20px; background: url(../images/icons/cart.png) left center no-repeat; }
	#cart a.basket:hover { background: url(../images/icons/cart.png) left center no-repeat !important; text-decoration: underline; }

	#cart input { display: inline; width: 70px;}
	#cart ul { display: block;}
		#cart ul li {  line-height: 20px; text-align: right;}
		
		
div.clearing { clear: both;}
input.modifybasket { width: 50px;}