/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	zoom: 1;
	}
body {
	font-size: 16px;
	font-family: "myriad pro",arial,sans-serif;
	color: #333;
	line-height: 1em;
	background: #75b2d1 url(../i/body_bg.jpg) no-repeat fixed 50% 0;
	}
p {
	line-height: 1.5em;
	margin: 0.5em 0 1.5em 0;
	}
ol, ul {
	list-style: none;
	}
blockquote, q {
	quotes: none;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}

/* remember to define focus styles! */
:focus {
	outline: 0;
	}

small { font-size: 80%; }
	
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
	}
del {
	text-decoration: line-through;
	}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	}

label { 
	cursor: pointer;
	}
	
input, textarea, select {
	font-size: 100%;
	}
	
/* Main */

a { color: #207eb5 }

div#wrapper {
	width: 800px;
	height: 1000px;
	margin: 0 auto;
	padding: 0;
	}

div#header {
	position: relative;
	margin-bottom: 1.5em;
	display: none;
	}
	div#header h1 {
		width: 619px;
		height: 115px;
		margin-right: 16px;
		background: #fff url(../i/header_bg.png) no-repeat;
		text-indent: -1000px;
		overflow: hidden;
		float: left;
		}
	div#header h2 {
		float: right;
		width: 236px;
		height: 116px;
		background: #fff url(../i/noveltis_bg.png) no-repeat;
		text-align: center;
		font-weight: normal;
		font-size: 90%;
		color: #666;
		}
		div#header h2 a {
			display: block;
			width: 176px;
			height: 55px;
			margin: 16px auto 0 auto;
			background: transparent url(../i/noveltis_logo.png) no-repeat;
			text-indent: -1000px;
			overflow: hidden;
			}
			
div#noveltis {
	text-align: center;
	font-weight: normal;
	font-size: 90%;
	color: #666;
	margin-top: 2em;
	padding: 1em 0; 
	background-color: #f3f3f3;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	}
	div#noveltis a {
		display: block;
		width: 176px;
		height: 55px;
		margin: 0 auto;
		background: transparent url(../i/noveltis_logo.png) no-repeat;
		text-indent: -1000px;
		overflow: hidden;
		}
	
div#body {
	position: relative;
	}

div#footer {
	font-size: 85%;
	text-align: center;
	margin: 2em 0;
	color: #999;
	}
	
/* Content */

div#sidebar {
	width: 249px;
	float: left;
	/* border: 1px solid #aaa; */
	}
	div#body.full div#sidebar {
		display: none;
		}
		
div#content {
	width: 510px;
	float: right;
	padding: 0.25em 10px 0 0;
	/* border: 1px solid #aaa; */
	font-size: 14px;
	}
	div#body.full div#content {
		width: 100%;
		float: none;
		padding: 0;
		margin: 0 auto;
		}
	div#content h2 {
		position: relative;
		font-size: 160%;
		border-bottom: 1px solid #ddd;
		padding: 0 0 0.5em 0.25em;
		margin: 0.5em 0 1em -0.25em;
		}
		div#content h2 small {
			position: absolute;
			top: 0;
			right: 0.5em;
			font-size: 13px;
			font-weight: normal;
			}
	div#content h3 {
		font-size: 130%;	
		margin: 2em 0 1em 0;
		}
	div#content h4 {
		font-size: 105%;	
		margin: 1em 0 0.5em 0;
		}
		
address {
	background-color: #f3f3f3;
	margin: 0.5em 0 2em 0;
	padding: 1em;
	-moz-border-radius: 0.5em;		
	-webkit-border-radius: 0.5em;		
	font-style: normal;
	line-height: 1.25em;
	}
	address small {
		font-size: 90%;
		}

div#agb strong { 
	font-size: 110%;
	}
	a.print {
		float: right;
		background: transparent url(../i/print_icon.png) no-repeat left 50%;
		padding-left: 20px;
		position: relative;
		top: 12px;
		right: 10px;
		z-index: 1000;
		}
		
ul#categories {
	}
	ul#categories li {
		width: 249px;
		height: 71px;
		margin-bottom: 10px;
		}
		ul#categories li a {
			display: block;
			width: 179px;
			height: 71px;
			padding: 19px 0 0 70px; 
			color: #666;
			font-size: 13px;
			font-weight: bold;
			text-decoration: none;
			background-position: 0 0;
			background-repeat: no-repeat; 
			}
			ul#categories li.selected a {
				background-position: -249px 0; 	 
				}
			ul#categories li a small {
				font-weight: normal;
				color: #999;
				font-size: 12px;
				}
			ul#categories li a:hover {
				color: #444;
				}
			ul#categories li a:hover small {
				color: #777;
				}
			ul#categories li.selected a {
				color: #fff;
				}
				ul#categories li.selected a small {
					color: #ffc1b5;
					}
			ul#categories li.one a {
				background-image: url(../i/category_1_bg.png);
				}
			ul#categories li.two a {
				background-image: url(../i/category_2_bg.png);
				}
			ul#categories li.three a {
				background-image: url(../i/category_3_bg.png); 
				}
			ul#categories li.four a {
				background-image: url(../i/category_4_bg.png); 
				}
			ul#categories li.five a {
				background-image: url(../i/category_5_bg.png); 
				}
	
div#cart {
	margin-top: 2em;
	padding: 16px 6px 16px 46px;
	border-top: 1px solid #ccc;
	background: transparent url(../i/cart_bg.png) no-repeat 5px 11px;
	font-size: 85%;
		}
	div#cart br {
		display: none;
		}
	div#cart a {
		display: block;
		font-size: 125%;
		font-weight: bold;
		margin-bottom: 0.25em;
		}
	div#cart strong {
		font-size: 115%;
		}
	

form#addressForm {
	width: 780px;
	margin: 0 auto;	
	}
	
form#checkoutForm {
	margin: 1em;
	}
	form#checkoutForm table td,
	form#checkoutForm table th {
		padding: 8px 12px;
		vertical-align: middle;
		}
	form#checkoutForm table th {
		padding: 0.25em 1em;
		border-bottom: 2px solid #ee3124;
		color: #333;
		font-size: 95%;
		}
	form#checkoutForm table td {
		border-bottom: 1px solid #ccc;
		vertical-align: top;
		font-size: 110%;
		}
		form#checkoutForm table tr.last td {
			border-bottom: none;
			padding: 5px 12px;
			vertical-align: middle;
			background-color: #f6f6f6;
			}
	form#checkoutForm table th.product {
		text-align: left;
		}
	form#checkoutForm table td.product {
		width: 100%;
		}
	form#checkoutForm table th.price,
	form#checkoutForm table td.price {
		text-align: right;
		white-space: nowrap;
		font-size: 95%;
		}
	form#checkoutForm table th.sum,
	form#checkoutForm table td.sum {
		text-align: right;
		white-space: nowrap;
		font-size: 95%;
		font-weight: bold;
		}
	form#checkoutForm.checkout table td.price {
		font-size: 90%;
		}
	form#checkoutForm table td.quantity,
	form#checkoutForm table th.quantity {
		text-align: right;
		}
	form#checkoutForm table td.total,
	form#checkoutForm table td.vat {
		text-align: right;
		white-space: nowrap;
		font-size: 105%;
		}
	form#checkoutForm table td.vat {
		color: #888;
		}	
	form#checkoutForm table td.vat.total {
		color: #333;
		}	
	form#checkoutForm table td.vat.total.sum strong {
		font-size: 115%;
		}	
	form#checkoutForm table td.quantity {
		font-size: 80%;
		white-space: nowrap;
		}
		form#checkoutForm table td.quantity strong {
			color: #333;
			}
		form#checkoutForm table td a.delete {
			display: block;
			width: 14px;
			height: 14px;
			background: #fff url(../i/delete_icon.png) no-repeat center;
			text-indent: -1000px;
			overflow: hidden;
			}
		form#checkoutForm table td.quantity input {
			font-size: 90%;
			width: 3em;
			padding: 0;
			margin: 0 0.25em 0 0;
			text-align: center;
			}
		#body #content form#checkoutForm table tr.total td {
			background-color: #ee3124;
			color: #fff;
			padding-top: 10px;
			padding-bottom: 10px; 
			}

		form#checkoutForm table td div.print,
		form#checkoutForm table td div.size {
			font-size: 85%;
			background-color: #f6f6f6;
			-moz-border-radius: 0.25em;	
			-webkit-border-radius: 0.25em;	
			padding: 0.5em 1em;
			margin-top: 0.5em;
			}
		form#checkoutForm table td div.print input,
		form#checkoutForm table td div.size input {
			font-size: 90%;
			}
		form#checkoutForm table td div.print small {
			color: #888;
			font-size: 90%;
			}
		form#checkoutForm table td div.print input {
			margin: 0 0.75em 0 0.25em;
			}
		form#checkoutForm table td div.size strong,
		form#checkoutForm table td div.print strong {
			font-size: 95%;
			}
		form#checkoutForm table td div.size input {
			margin: 0 0.5em 0 0.25em;
			}

			
div#links {
	color: #ddd;
	font-size: 145%;
	text-align: center;
	margin-top: 2em;
	}
	div#links a {
		color: #222;
		font-size: 75%;
		margin: 0 0.5em;
		}
		
div.pager {
	text-align: center;
	margin: 0.5em 0;
	padding: 0.5em;
	font-size: 120%;
	border-bottom: 1px solid #ddd;
	border-top: none;
	}
	div.pager.bottom {
		border-bottom: none;
		border-top: 1px solid #ddd;
		}
div.pager a {
	color: #ee3124;
	}
div.pager a,
div.pager strong {
	margin: 0 0.1em;
	}

table.form {
	width: 50%;
	}
	table.form th,
	table.form td {
		padding: 0.5em;		
		}
	table.form th {
		width: 25%;
		text-align: right;
		vertical-align: top;
		}
		table.form th label {
			display: block;
			margin-top: 3px;
			}
			table.form.disabled th label {
				color: #999;
				}
			table.form.disabled input {
				color: #fff;
				}
	table.form td {
		width: 75%; 
		}	
		table.form td small.error {
			display: block;
			color: #f00;
			font-size: 85%;
			margin-top: 3px;
			}
	
ul#products {
	
	}
	ul#products li {
		position: relative;
		padding: 15px;
		margin-bottom: 10px;
		font-size: 13px;
		}
		ul#products li.even {
			background-color: #f8f8f8;
			-moz-border-radius: 0.75em;
			-webkit-border-radius: 0.75em;
			}
		ul#products li div.picture {
			float: left;
			width: 152px;
			}
		ul#products li div.picture a.enlarge {
			display: block;
			text-align: center;
			text-decoration: none;
			color: #666;
			font-size: 12px;
			margin-top: 0.5em;
			}
		ul#products li div.picture a.enlarge span {
			padding-left: 14px;
			background: transparent url(../i/enlarge_icon.png) no-repeat left 0;
			}
		ul#products li div.details {
			float: right;
			width: 310px;
			}
		ul#products li h3 {
			font-size: 140%;
			margin: 0 0 0.5em 0;
			line-height: 1.3em;
			}
			ul#products li h3 a {
				color: #207eb5;
				}
		ul#products li p.print {
			margin: 0;
			padding: 0;
			color: #666;
			font-size: 90%;
			position: relative;
			top: -0.75em;			
			}
		ul#products li p.description {
			line-height: 1.25em;
			margin: 0.5em 0 1em 0;
			}
		ul#products li div.price {
			font-weight: bold;
			color: #000;
			font-size: 155%;
			float: left;
			}
			ul#products li div.price small {
				font-size: 60%;
				text-transform: uppercase;
				}
		ul#products li span.vat {
			font-size: 60%;
			color: #999;
			font-weight: normal;
			}
		ul#products li a.order {
			font-weight: bold;
			color: #fff;
			background-color: #e63c30;
			padding: 7px 10px 5px 10px;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
			text-decoration: none;
			float: right;
			}
		ul#products li div.noPicture {
			width: 150px;
			height: 150px;
			border: 1px solid #ccc;
			background: #fff url(../i/no_picture_bg.png) no-repeat center;
			line-height: 150px;
			text-align: center;
			font-weight: bold;
			font-size: 110%;
			color: #666;
			}
		ul#products li a.picture,
		ul#products li a.picture img {
			display: block;
			width: 150px;
			}
		ul#products li a.picture img {
			border: 1px solid #ccc;
			}

table.prices {
	margin-bottom: 1em;
	}
	table.prices td,
	table.prices th {
		font-family: Arial;
		padding: 0;
		font-size: 11px;
		padding: 1px 3px;
		}
	li.even table.prices td {
		border-bottom: 1px solid #ddd;
		}
	table.prices td {
		border-bottom: 1px solid #eee;
		}
	table.prices td.unit {
		text-align: right;
		color: #666;
		}
	table.prices .price {
		text-align: left;
		font-weight: bold;
		}
	table.prices .vat {
		font-size: 70%;
		color: #999;
		}
	table.prices th {
		text-transform: uppercase;
		font-size: 9px;
		}
			
p#cartMessage {
	margin: 0 0 1.25em 0;
	padding: 0.5em;
	text-align: center;
	background-color: #e6f2ff;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	}
	p#cartMessage a {
		color: #47596e;
		}
		
div.message {
	margin-bottom: 1em;
	padding: 13px 10px 10px 50px;
	background-repeat: no-repeat;
	background-position: 10px 4px;
	font-size: 105%;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	}
	div.message.warning {
		background-color: #fff9e9;
		background-image: url(../i/warning_icon.png);
		}
	div.message.success {
		background-color: #f0ffe5;
		background-image: url(../i/success_icon.png);
		}
	div.message.error {
		background-color: #ffece5;
		background-image: url(../i/error_icon.png);
		}
	div.message ul {
		margin: 0.5em 0 0 0.6em;
		padding: 0 0 0 0.6em;
		list-style: disc;
		}
		div.message ul li {
			font-size: 90%;
			}

table#orders { 	
	width: 100%;
	}
	table#orders td,
	table#orders th {
		padding: 0.5em 1em;
		vertical-align: middle;
		text-align: left;
		white-space: nowrap;
		font-size: 90%;
		}
		table#orders td.total,
		table#orders th.total {
			text-align: right;
			}
		table#orders th.btc {
			width: 100%;
			}
		table#orders td.total {
			font-size: 95%;
			font-weight: bold;
			}
		table#orders td.order {
			font-weight: bold;
			font-size: 80%;
			}
		table#orders td.date {
			color: #777;
			font-size: 85%;
			}
	table#orders th {
		padding: 0.25em 1em;
		border-bottom: 2px solid #ee3124;
		color: #333;
		font-size: 85%;
		}
	table#orders td {
		border-bottom: 1px solid #ccc;
		}
		
div#orderDetails {
	background-color: #eee;
	padding: 1em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	margin: 0.5em 0 1em 0;
	}
	div#orderDetails table { 	
		width: 100%;
		}
		div#orderDetails table td {
			width: 25%;
			text-align: center; 
			}
	
	
table#order td,
table#order th {
	padding: 8px 12px;
	vertical-align: middle;
	}
table#order th {
	padding: 0.25em 1em;
	border-bottom: 2px solid #ee3124;
	color: #333;
	font-size: 85%;
	}
table#order td {
	border-bottom: 1px solid #ccc;
	}
	table#order tr.last td {
		border-bottom: none;
		}
table#order th.product {
	text-align: left;
	}
table#order td.product {
	width: 100%;
	}
	table#order td.product strong {
		color: #ee3124;
		font-size: 80%;
		margin-right: 0.5em;
		}
table#order th.price,
table#order td.price {
	text-align: right;
	padding-right: 25px;
	white-space: nowrap;
	}
table#order td.price {
	font-size: 85%;
	}
table#order td.price.total {
	font-size: 95%;
	font-weight: bold;
	}
table#order td.quantity {
	font-size: 80%;
	white-space: nowrap;
	color: #999;
	}
	table#order td.quantity strong {
		color: #333;
		}
	table#order td a {
		padding: 0.35em 0.75em;
		background: #454447 url(../i/button_bg.png) repeat-x left center;
		color: #fff;
		font-weight: bold;
		font-size: 85%;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		text-decoration: none;
		}
	table#order td.quantity input {
		font-size: 90%;
		width: 3em;
		padding: 0;
		margin: 0 0.25em 0 0;
		text-align: center;
		}
		
table#print {
	width: 100%;
	margin-bottom: 2em;
	}
	table#print td {
		width: 33%;
		padding: 1em;
		}
		table#print td strong {
			display: block;
			font-size: 110%;
			margin-bottom: 0.25em;
			}
		table#print td ul li {
			font-size: 85%;
			color: #777;
			border-bottom: 1px solid #ddd;
			padding: 2px 1px;
			}
			
small.error,
#content form#checkoutForm table small.error {
	font-weight: bold;
	display: block;
	color: #f00;
	font-size: 90%;
	margin-top: 0.75em;
	}form#loginform {
	width: 300px;
	font-size: 18px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	color: #FFF;
	background-color: #363636;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
form#loginform #loginerror {
	margin-bottom: 10px;
	color: #d80014;
}
form#loginform label {
	display: block;
	margin-bottom: 2px;
}
form#loginform input {
	display: block;
	font-size: 18px;
	margin-bottom: 15px;
	color: #464646;
}
h1.admintitle {
	font-size: 24px;
	text-transform: uppercase;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #ee3124;
	line-height: 30px;
	margin-top: 15px;
	margin-bottom: 5px;
}
h2.admintitle {
	font-size: 16px;
	margin-top: 35px;
	margin-bottom: 10px;
	background-color: #363636;
	color: #f6f6f6;
	text-transform: uppercase;
	line-height: 20px;
	padding-left: 5px;
}
h2.total {
	background-color: #ee3124;
}
div#namebox {
	width: 60%;
}
h3.admintitle {
	text-align: right;
	color: #B8B8B8;
}
table.adminorders {
	width: 100%;
}
table.adminorders tr {
	line-height: 35px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
}
table.adminorders tr.even {
}
table.adminorders tr.odd {
	background-color: #f6f6f6;
}
table.adminorders td {
	padding-left: 5px;
}
table.adminorders th {
	text-align: left;
	padding-left: 5px;
}
ul.userDetails {
	background-color: #eeeeee;
	padding: 10px;
	margin-bottom: 15px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
ul.userDetails li {
	line-height: 25px;
	list-style-type: disc;
	margin-left: 15px;
}
ul.Alt {
}
div#adminlinks {
	margin-bottom: 25px;
	text-align: right;
	color: #F44334;
}
div#adminlinks a {
	color: #F44334;
	text-align: right;
}
div#adminlinks a:hover {
	color: #464646;
}