/* @override 
	http://localhost:9002/trunk/lib/styles/screen.css
	http://pbhome.nu/lib/styles/screen.css
*/

/*

	SCREEN STYLESHEET
	*****************

*/

/* @group GRID */

/* For development */
#grid {
	background: transparent url(../img/dev/760pagegrid.png) repeat-y scroll center 0;
	width: 100%;
	height: 3600px;
	z-index: 10;
	position: absolute;
	top: 0;
	}

/* @end */

/* @group RESET */

/* http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/ */
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; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 18px; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
img, input { vertical-align: middle; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/* @end */

/* @group DEFAULT */

html {
	height: 100%;
	overflow-y: scroll;
	}

body {
	background: #000;
	color: #fff;
	height: 100%;
	font-size: 12px;
	font-family: Georgia, Times New Roman, Times, serif;
	padding: 18px 0 0;
	text-align: center;
	}

a:link, a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #444;
	}

a:hover, a:active {
	text-decoration: underline;
	}
	
h1 {
	font-size: 32px;
	font-weight: normal;
	line-height: 36px;
	margin-bottom: 18px;
	}

h2 {
	font-size: 18px;
	font-style: italic;
	font-weight: normal;
	padding: 9px 0 0;
	margin-bottom: 9px;
	}

h3 {
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	}
	
p, ul, ol, dl, table {
	margin-bottom: 18px;
	}
	
ul ul, ol ol {
	margin: 0;
	}
	
dt {
	font-weight: bold;
	}
	
dd {
	font-style: italic;
	}

dfn {
	cursor: help;
	border-bottom: 1px dotted #000;
	font-weight: bold;
	font-style: normal;
	}

/* @end */

/* @group GENERAL */

.center {
	width: 760px;
	margin: 0 auto;
	}

.block {
	display: block;
	}

.inner {
	padding: 18px;
	}

.fix:after, .inner:after  {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	}

/* @end */

#print-message { display: none; }

/* @group WRAPPER */

#wrapper {
	
	}

/* @end */

/* @group HEADER */

#header {
	text-align: left;
	}

/* @end */

/* @group LOGOTYPE */

#logo img { display: none; }

#logo {
	width: 100px;
	padding: 18px 0 0;
	margin: 0 auto 36px auto;
	}

#logo a {
	background: url(../img/logo.gif);
	height: 54px;
	display: block;
	margin: 0 0 18px 0;
	}

/* @end */

/* @group NAVIGATION */

#nav-wrap {
	overflow: hidden;
	margin: 0 0 18px;
	}

#nav {
	list-style-type: none;
	border-left: 1px solid #222;
	margin: 0 0 18px 0;
	}

#nav li {
	font-size: 14px;
	text-align: center;
	display: inline;
	float: left;
	width: 94px;
	border-right: 1px solid #222;
	overflow: hidden;
	}

#nav a {
	width: 100%;
	color: #666;
	text-decoration: none;
	font-weight: normal;
	display: block;
	padding: 9px 0 8px 0;
	}

#nav a:hover {
	color: #fff;
	text-decoration: none;
	}

li#nHom {
	margin-left: 4px;
	}

/* @end */

/* @group PRODUCT CATEGORIES */

.pro-nav {
	width: 100%;
	margin: 0 0 18px;
	text-align: justify;
	text-transform: lowercase;
	display: none;
	}

.pro-nav li {
	font-size: 14px;
	float: left;
	display: inline;
	border-right: 1px solid #222;
	}

.pro-nav a:link, .pro-nav a:visited {
	padding: 0 10px;
	display: block;
	text-decoration: none;
	font-weight: normal;
	line-height: 17px;
	border-bottom: 1px solid #000;
	overflow: hidden;
	text-shadow: #000 0 -1px 0;
	}

.pro-nav a:hover, .pro-nav a:active {
	color: #888;
	border-bottom: 1px solid #111;
	text-decoration: none;
	}

.pro-current {
	line-height: 17px;
	}

.pro-current a:link, .pro-current a:visited {
	color: #fff;
	border-bottom: 1px solid #fff;
	cursor: default;
	}

/* @end */

/* @group CONTENT */

#content {
	background-color: #fff;
	color: #000;
	margin-bottom: 18px;
	position: relative;
	text-align: left;
	overflow: hidden;
	}
	
#content h1 {
	text-align: center;
	}
	
#content h2, #content h3, #content p, #content ul, #content ol {
	color: #3b3b3b;
	margin-left: 100px;
	margin-right: 290px;
	}

#content h2, #content h3 {
	color: #000;
	}

#content ul {
	list-style-type: square;
	}	

/* @end */

/* @group FOOTER */

#footer {
	
	}

#footer p {
	text-align: center;
	text-shadow: #000 0 -1px 0;
	}

/* @end */

/* @group HOME */

#home-placeholder {
	width: 724px;
	margin: 0 auto;
	}

#home-placeholder div {
	background: url(../img/frontpage.jpg) no-repeat;
	height: 459px;
}

/* @end */

/* @group NEWS */

#news {
	width: 511px;
	float: left;
	}

#news p {
	margin-right: 95px;
	}

#news h2 {
	margin-right: 0;
	}

.post {
	
	}

.date {
	display: block;
	margin: 0 290px 0 100px;
	font-size: 1.3em;
	color: #989898;
	font-style: italic;
	}

.continue {
	display: block;
	margin: 0 100px 18px 100px;
	font-size: 14px;
	text-align: right;
	}

#sidebar {
	width: 203px;
	float: right;
	/*margin: 36px 0 0 0;*/
	margin: 0 0 0 0;
	padding: 0 0 0;
	text-align: center;
	/*background-color: #ddd;*/
	}

#latest-arrivals-headline {
    margin-left:25px !important;
	width: 178px;
	text-align: center !important;
	}

#sidebar h3 {
	margin: 0;	
	text-align: center;
	}

#sidebar ul {
	margin: 0 0 18px 0;
	list-style-type: none;
	}
	
#blog-meta 
{
    background-color: #ddd;
}
	
/*#latest-arrivals {
	width: 203px;
	float: right;
	margin: 36px 0 0 0;
	padding: 18px 0 0;
	text-align: center;
	}

#latest-arrivals h3 {
	margin: 0;	
	}

#latest-arrivals ul {
	margin: 0 0 18px 0;
	list-style-type: none;
	}*/

#search_form {
	
	}

#search {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.8em;
	font-weight: bold;
	padding: 0;
	border: 1px solid #c7c7c7;
	border-top: 0;
	margin: 9px 0 0;
	height: 26px;
	width: 178px;
	background: url(../img/search_input.gif) repeat-x scroll 0 0;
	}

#search_btn {
	margin: 8px 0 9px 0;
	}

/* @end */

/* @group LOCATION */

#map {
	width: 100%;
	display: block;
	height: 360px;
	}

#bigger-map {
	font-size: 14px;
	display: block;
	padding: 18px 29px 18px 30px;
	background: #ddd url(../img/enlarge.gif) no-repeat 10px center;
	float: right;
	}

ul#coordinates {
	padding: 18px 0 0;
	margin: 0;
	float: left;
	list-style-type: none;
	}

/* @end */

/* @group INSPIRATION */

#autoviewer {
	margin: 0 0 13px;
	}

#getFlash {
	margin: 0 0 3px 100px;
	}

/* @end */

/* @group CONTACT FORM */

fieldset {
	padding: 17px 100px 0;
	margin: 0 0 18px;
	border-top: 1px solid #ddd;
	}

legend {
	font-size: 1.6em;
	line-height: 18px;
	}

label {
	font-size: 1em;
	line-height: 18px;
	letter-spacing: 1px;
	font-style: italic;
	}

input {
	vertical-align: baseline;
	}

.textfield, textarea {
	font-size: 1.2em;
	line-height: 16px;
	border: 1px solid #ddd;
	font-family: Georgia, Times, "Times New Roman", serif;
	margin: 0;
	padding: 4px;
	background: url("../img/subtle-shadow.gif") repeat-x 0 0;
	}

.textfield {
	width: 360px;
	}

textarea {
	height: 117px;
	width: 455px;
	vertical-align: middle;
	}

.action {
	background-color: #ddd;
	padding: 18px 0;
	}

#submit {
	width: 105px;
	height: 36px;
	margin: 0 0 0 470px;
	padding: 0;
	display: block;
	border: 0;
	cursor: pointer;
	text-align: center;
	background: url(../img/submit.gif) no-repeat 0 0;
	color: #444;
	font-style: italic;
	text-shadow: #b3b3b3 0 1px 0;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 1.4em;
	}

/* @end */

/* @group PRODUCTS */

/* PRODUCT LISTING */
#content .products {
	margin: 0 0 18px;
	list-style-type: none;
	overflow: hidden;
	text-transform: lowercase;
	}

#content .products li {
	float: left;
	display: inline;
	width: 241px;
	text-align: center;
	border-top: 1px solid #cbcbcb;
	padding: 17px 0 0;
	margin: 0 0 18px;
	}
	
/* Class for latest products on news page */
#content .vertical li {
	clear:both;
	display: block;
	width: 203px;
	padding: 17px 0 0;
	margin: 0 0 0;
	}

#content .products li img {
	display: block;
	margin: 0 auto;
	border: 2px solid #000;
	}

#content .products li h2 {
	margin-left: 0;
	margin-right: 0;	
	}

#content .products li ul {
	list-style-type: none;
	margin: 0;
	}

#content .products li ul li {
	padding: 0;
	border: 0;
	margin: 0;
	}

ul#product-list {}

#product-list li {
	font-size: 110%;
	line-height: 17px;
	}

/* INDIVIDUAL PRODUCT */
#current-pro {
	background-color: #444;
	color: #fff;
	margin: 0 0 18px;
	text-align: center;
	position: relative;
	}

#current-pro a {
	color: #fff;
	}	

#next-product, #previous-product {
	position: absolute;
	}

#next-product {
	text-align: right;
	margin-right: 5px;
	display: inline;
	right: 0;
	}

#previous-product {
	text-align: left;
	margin-left: 5px;
	display: inline;
	left: 0;
	}
	
#pro-info {
	width: 357px;
	text-align: center;
	overflow: hidden;
	float: right;
	}

#content #art-nr {
	font-size: 16px;
	margin: 0 0 18px;
	}

ul#pro-details {
	margin: 0 0 18px;
	list-style-type: none;
	}

#pro-desc {
	margin-top: 18px;
	}

#pro-desc p {
	display: none;
	}

.product {
	position: relative;
	}

#pro-img-nav {
	/* Width must be used together with postotion:absolute in this case */
	width: 357px;
	text-align: right;
	position: absolute;
	bottom: 0;
	right: 0;
	overflow: hidden;
	}

#back-to-index {
	display: block;
	text-align: center;
	font-size: 10px;
	letter-spacing: 1px;
	text-transform: uppercase;
	}

#content .gallery {
	margin: 0;
	list-style-type: none;
	}

#content .galleria {
	border-top: 1px solid #cbcbcb;
	padding: 17px 0 0;
	margin-left: -23px;
	position: relative;
	zoom: 1; /* For IE */
	}

#content .galleria li {
	display: block;
	width: 68px;
	height: 68px;
	border: 2px solid #000;
	float: left;
	margin: 0 0 0 23px;
	}

#content .galleria li a {
	display: none;
	}

#content .galleria li div {
	position: absolute;
	display: none;
	top: 0;
	left: 180px;
	}

#content .galleria li div img {
	cursor: pointer;
	}

#content .galleria li.active div img,.galleria li.active div {
	display: block;
	}

#content .galleria li img.thumb {
	cursor: pointer;
	display: block;
	width: auto;
	}

* html .galleria li div span {
	width: 400px
	}

/* MSIE bug */

#pro-img {
	background: #000;
	width: 342px;
	height: 342px;
	}

#pro-img img {
	border: 2px solid #000;
	}

/* @end */

/* @group ABOUT US */

#aboutUsImg {
	overflow: auto;
	position: relative;
	margin: 0 0 18px;
	width: 357px;
	float: left;
	display: inline;
	}

#aboutUsImg p {
	margin: 0 0 14px;
	}

#aboutUsImg img {
	border: 2px solid #000;
	}

#staff {
	text-align: center;
	}

#aboutUsStory {
	width: 357px;
	float: right;
	overflow: auto;
	padding: 17px 0;
	border-top: 1px solid #cbcbcb;
	border-bottom: 1px solid #cbcbcb;
	}

#aboutUsStory p {
	text-indent: 10px;
	margin: 0 0 18px;
	}

/* @end */

/* @group RETAILERS */

ul#retailerLocationList,
#retailerLocationList {
	overflow: hidden;
	margin: 0 0 18px;
	padding: 17px 0;
	border: 0 solid #cbcbcb;
	border-width: 1px 0;
	list-style-type: none;
	}

ul#retailerLocationList	li {
	width: 240px;
	float: left;
	}

ul#retailerLocationList a {
	display: block;
	}

#retailCompanyList {
	margin: 0 60px 18px 60px;
	overflow: hidden;
	}

#retailCompanyList p.top-jump {
	margin: 0 76px 18px 76px;
	}

#retailCompanyList h2 {
	padding: 9px 0 8px 0;
	margin: 0 0 18px;	
	border-bottom: 1px solid #cbcbcb;
	}

#retailCompanyList ul {
	margin: 0;
	list-style-type: none;
	}

#retailCompanyList li {
	overflow: hidden;
	margin: 0 0 18px;
	}
	
#retailCompanyList li h3 {
	margin: 0 76px 0 76px;
	}

#retailCompanyList li img {
	float: left;
	}
	
#retailCompanyList li dl {
	margin: 0 0 0 76px;
	}

/* @end */

.success,
.failure { font-size: 32px; line-height: 1.5; background: #ddd; padding: 4px 8px; display: block; }

.success { color: green; }
.failure { color: red; }