html {
	background: #666666 url('backgrounds/html.gif') center top repeat-y;
}

html, body {
	padding: 0px;
	margin: 0px;

	font-family: Verdana, sans-serif;
}

h1, h2, h3, h4, p {
	margin-top: 0px;
	padding-top: 0px;
}

a { border: 0px; }

img { border: 0px; }

#page {
	width: 600px;
	
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	
	background: #F5F5F5;

	position: relative;
	top: 0px;
	left: 0px;
}

#pageouter {
	width: 600px;
	
	background: url('backgrounds/droplets.jpg') center top no-repeat;

	position: relative;
	top: 0px;
	left: 0px;
}

#pageinner {
	width: 600px;
	
	background: url('backgrounds/pagedots.png') left top repeat !important;
	background: url('backgrounds/pagedots.gif') left top repeat;
	
	position: relative;
	top: 0px;
	left: 0px;

	padding-top: 80px;
}

#logo {
	width: 218px;
	height: 80px;
	
	background: url('backgrounds/logo.gif') left top no-repeat;	

	position: absolute;
	top: 0px;
	left: 0px;
}

#logo h1 {
	display: none;
}

#address {
	width: 382px;
	height: 80px;
	
	background: url('backgrounds/address.gif') right top no-repeat;	

	position: absolute;
	top: 0px;
	right: 0px;
}

#address p {
	display: none;
}

#email {
	width: 108px;
	height: 80px;
		
	position: absolute;
	top: 0px;
	right: 0px;
}

#email a {
	width: 108px;
	height: 80px;
	
	display: block;

	background: url('backgrounds/email.gif') right top no-repeat;	
}

#email a span {
	display: none;
}

#email a:hover {
	background-image: url('backgrounds/email-over.gif');	
}

#nav {
	width: 600px;
	height: 24px;

	position: relative;
	top: 0px;
	left: 0px;
}

#nav ul {
	float: left;
	padding: 0px;
	margin: 0px;
}

#nav ul li {
	display: block;
	height: 24px;
	padding: 0px;
	margin: 0px;
	
	float: left;
}

#nav ul li a {
	display: block;
	height: 24px;
	padding: 0px;
	margin: 0px;
	background-position: left top;
	background-repeat: no-repeat;
}

#nav ul li a span {
	display: none;
}

#nav ul li a#home { width: 76px; background-image: url('nav/home.gif'); }
#nav ul li a#home.selected { background-image: url('nav/dark/home.gif'); }
#nav ul li a#home:hover { background-image: url('nav/dark/home.gif'); }

#nav ul li a#offers { width: 56px; background-image: url('nav/offers.gif'); }
#nav ul li a#offers.selected { background-image: url('nav/dark/offers.gif'); }
#nav ul li a#offers:hover { background-image: url('nav/dark/offers.gif'); }

#nav ul li a#board { width: 58px; background-image: url('nav/board.gif'); }
#nav ul li a#board.selected { background-image: url('nav/dark/board.gif'); }
#nav ul li a#board:hover { background-image: url('nav/dark/board.gif'); }

#nav ul li a#products { width: 78px; background-image: url('nav/products.gif'); }
#nav ul li a#products.selected { background-image: url('nav/dark/products.gif'); }
#nav ul li a#products:hover { background-image: url('nav/dark/products.gif'); }

#nav ul li a#quotes { width: 92px; background-image: url('nav/quotes.gif'); }
#nav ul li a#quotes.selected { background-image: url('nav/dark/quotes.gif'); }
#nav ul li a#quotes:hover { background-image: url('nav/dark/quotes.gif'); }

#nav ul li a#about { width: 68px; background-image: url('nav/about.gif'); }
#nav ul li a#about.selected { background-image: url('nav/dark/about.gif'); }
#nav ul li a#about:hover { background-image: url('nav/dark/about.gif'); }

#nav ul li a#contact { width: 240px; background-image: url('nav/contact.gif'); }
#nav ul li a#contact.selected { background-image: url('nav/dark/contact.gif'); }
#nav ul li a#contact:hover { background-image: url('nav/dark/contact.gif'); }

#nav ul li a#admin { width: 121px; position: absolute; top: 0px; right: 0px; background-image: url('nav/admin.gif'); }
#nav ul li a#admin.selected { background-image: url('nav/dark/admin.gif'); }
#nav ul li a#admin:hover { background-image: url('nav/dark/admin.gif'); }

#nav ul li a#blank { width: 121px; position: absolute; top: 0px; right: 0px; background-image: url('nav/blank.gif'); }
#nav ul li a#blank.selected { background-image: url('nav/blank.gif'); }

#nav ul li a#basket { width: 121px; position: absolute; top: 0px; right: 0px; background-image: url('nav/basket.gif'); }
#nav ul li a#basket.selected { background-image: url('nav/dark/basket.gif'); }
#nav ul li a#basket:hover { background-image: url('nav/dark/basket.gif'); }


#contentouter {
	position: relative;
	top: 0px;
	left: 0px;
	
	padding-top: 54px;

/*		background: url('content/contenthead.png') center top no-repeat !important;		*/	
	background: url('content/contenthead.gif') center top no-repeat;	
}

#contentinner {
	padding-bottom: 9px;
	margin-bottom: 5px;
/*		background: url('content/contentbottom.png') center bottom no-repeat !important;		*/	
	background: url('content/contentbottom.gif') center bottom no-repeat;	
}

#content {
/*	background: url('content/content.png') center top repeat-y !important;		*/
	background: url('content/content.gif') center top repeat-y;	

	padding-top: 5px;
	padding-left: 20px;
	padding-right: 20px;
}

#content a { text-decoration: none; border-bottom: 1px dotted black; color: black; }
#content a:hover { border-bottom: 1px solid #CC0000; color: #CC0000; }

#content p {
/*	*/	font-weight: bold;
	letter-spacing: .66pt;
	text-align: justify;
	font-size: 10pt;
	color:#333333;
}

#title {
	position: absolute;
	top: 0px;
	left: 0px;

	width: 468px;
	height: 46px;
	
	background: url('content/title.gif') left top no-repeat;	
}

#title h2 {
	width: 468px;
	height: 46px;

	background-position: 10px center;
	background-repeat: no-repeat;
}

#title h2 span {
	display: none;
}

#title h2.home { background-image: url('titles/home.gif'); }
#title h2.offers { background-image: url('titles/offers.gif'); }
#title h2.board { background-image: url('titles/board.gif'); }
#title h2.products { background-image: url('titles/products.gif'); }
#title h2.quotes { background-image: url('titles/quotes.gif'); }
#title h2.about { background-image: url('titles/about.gif'); }
#title h2.contact { background-image: url('titles/contact.gif'); }
#title h2.admin { background-image: url('titles/admin.gif'); }
#title h2.basket { background-image: url('titles/basket.gif'); }

#footer { padding: 0px; margin: 0px; width: 0px; border: 0px; }

img.containertitle { float: right; padding-top: 4px; }
img.containertitle2 { float: right; padding-top: 2px; }
img.button { float: right; padding-left: 5px; padding-top: 3px; border: 0px; }
img.buttonalt { float: left; padding-right: 5px; padding-top: 3px; border: 0px; }

h3.containertitle { margin-bottom: 0px; padding-left: 0.25em; text-transform: lowercase; }
h3.notfound { text-align: center; }
h4.containertitle { margin-bottom: 0px; padding-left: 0.25em; text-transform: lowercase; }
.container { position: relative; top: 0px; left: 0px; border-bottom: 4px solid #CC0000; border-top: 2px solid #CC0000; margin-top: 0px; margin-bottom: 0.5em; padding: 0.5em; }

#noticetext0 { display: block; }
#noticetext1 { display: block; }
#noticetext2 { display: block; }
#noticetext3 { display: block; }
#noticetext4 { display: block; }
#noticetext5 { display: block; }
#noticetext6 { display: block; }
#noticetext7 { display: block; }
#noticetext8 { display: block; }

#noticecontainer0 { display: block; }
#noticecontainer1 { display: block; margin-bottom: 0px; padding-bottom: 0px; border-bottom-width: 0px; }
#noticecontainer2 { display: block; margin-bottom: 0px; padding-bottom: 0px; border-bottom-width: 0px; }
#noticecontainer3 { display: block; margin-bottom: 0px; padding-bottom: 0px; border-bottom-width: 0px; }
#noticecontainer4 { display: block; margin-bottom: 0px; padding-bottom: 0px; border-bottom-width: 0px; }
#noticecontainer5 { display: block; margin-bottom: 0px; padding-bottom: 0px; border-bottom-width: 0px; }
#noticecontainer6 { display: block; margin-bottom: 0px; padding-bottom: 0px; border-bottom-width: 0px; }
#noticecontainer7 { display: block; margin-bottom: 0px; padding-bottom: 0px; border-bottom-width: 0px; }
#noticecontainer8 { display: block; margin-bottom: 0px; padding-bottom: 0px; border-bottom-width: 0px; }

#noticecontainerhidden { display: block; margin-bottom: 0px; padding-bottom: 0px; border-bottom-width: 0px; }


.productsrow { height: 115px; }
.product { float: left; border: 1px solid #CC0000; width: 239px; height: 95px; padding: 5px; margin: 7px; margin-top: 3px; }
.product img { float: left; padding-right: 5px; padding-bottom: 3px; }
.product h4 { text-align: right; padding-bottom: 0.3em; margin-bottom: 0.3em; }
p.reason { color: #CC0000; text-align: left; }
span.oldprice { text-decoration: line-through; }
span.newprice { color: #CC0000; }
span.hide { display: none; }
.product .productsummary { clear: both; } 
.product .productsummary p { overflow: hidden; }
.product p { margin: 0px; padding: 0px; margin-bottom: 3px; }
.product p.title { padding-bottom: 3px; }

#productsnav { height: 32px; clear: both; }
#productsnav ul { margin: 0px; padding: 0px; padding-left: 1em; }
#productsnav li { display: block; float: left; }
#productsnav li a { margin: 0px 3px; padding: 2px 2px; border: 1px solid black; color: #CC0000; }
#productsnav li a:hover { background-color: #CC0000; border: 1px solid #666666; color: white; }
#productsnav li a.selected { background-color: #666666; border: 1px solid #CC0000; color: #CC0000; }

#productview { position: relative; top: 0px; left: 0px; padding: 0.5em; min-height: 300px; height: 300px !important; }
span.highlight { color: #CC0000; }
#productview img { padding-left: 0.5em; padding-bottom: 0.5em; float: right; }
#productview #productheader { position: relative; top: 0px; left: 0px; border-top: 1px dotted #CC0000; border-bottom: 1px dotted #CC0000; width: 100%; clear: both; margin-bottom: 0.5em; }
#productview #productheader #header { position: relative; top: 0px; left: 0.5em; width: 400px; }
#productview #productheader #price { position: absolute; top: 0px; right: 0.5em; text-align: right; width: 150px; }
#productview #productheader h4 { line-height: 120%; margin: 0px; padding: 0px; }

table.admin, table.admin td, table.board, table.board td { vertical-align: top; } 
table.upload, table.upload td { vertical-align: middle; }
table.upload { width: 99%;}
table.board { width: 99%; }
table.board .inputfield, table.board .inputfielderror { width: 100%; }
table.upload .inputfield, table.upload .inputfielderror { width: 100%; }

table td p { margin: 0px; padding: 0px; text-align: left; }
table td p.right { text-align: right; }
table td p span { color: #CC0000; white-space: nowrap; }
table.contact { width: 385px; }
table.contact td { vertical-align: top; text-align: left; }
table.contact td p { margin-bottom: 5px; padding-bottom: 5px; text-align: left; }

table td.oneth { width: 1%; }
table td.fifth { width: 5%; }
table td.tenth { width: 10%; }
table td.twotenth { width: 20%; }
table td.third { width: 34%; }
table td.quarter { width: 25%; }
table td.half { width: 50%; }
table td.twothird { width: 66%; }
table td.threequarter { width: }
table td.whole { width: 100%; }

table td.oneth b { display: block; border-bottom: 1px dotted gray; }
table td.fifth b { display: block; border-bottom: 1px dotted gray; }
table td.tenth b { display: block; border-bottom: 1px dotted gray; }
table td.twotenth b { display: block; border-bottom: 1px dotted gray; }
table td.third b { display: block; border-bottom: 1px dotted gray; }
table td.quarter b { display: block; border-bottom: 1px dotted gray; }
table td.half b { display: block; border-bottom: 1px dotted gray; }
table td.twothird b { display: block; border-bottom: 1px dotted gray; }
table td.threequarter b { display: block; border-bottom: 1px dotted gray; }
table td.whole b { display: block; border-bottom: 1px dotted gray; }

table td .submit { float: right; }

.inputfield { 
	background-color: transparent;
	background: url('backgrounds/white50.png') top left repeat !important;
	background: white none;
	
	border-width: 1px;
}

.inputfielderror { 
	background-color: transparent;
	background: url('backgrounds/red50.png') top left repeat !important;
	background: #CC0000 none;
	
	border-width: 1px;
}
.inputfielderror p span { color: black; }

textarea { float: right; }
table input { float: right; }
form { clear: both; }
table select { width: 100%; }

img.headerimg { position: relative; top: -45px; left: 0px; float: right; padding-left: 20px; margin-bottom: -30px; }
img.map { clear: both;  border: 1px solid #CC0000; }
img.imgupload { float: left; padding-right: 10px; padding-bottom: 10px; }