@import "reset.css";
@import "menu.css";
@import "sidebar.css";

html {
	font: 0.75em/1.67 Verdana, sans-serif;
	color: #ffffff;
	background-color: #5D565E;
	text-align: center;
}

body {
	width: 960px;
	margin: 0 auto;
}
body.page-popup {
	width: auto;
	/* Also includes print view */
	color: #000000;
}

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

	a img { border: 0; }

/*
 * Toppfelt med logo
 */
div#branding {
	padding: 15px 0;
}

/*
 * Innhold; hovedmeny, tekst og høyrekolonne
 */
div#content {
	text-align: left;
}

	/* Feilmeldinger ved kjøp av et produkt */
	div#content ul.messages {
		margin: 1.67em 0;
		padding: 5px;
		background-color: #777079;
	}

	div#content h1,
	div#content h2 {
		text-transform: uppercase;
	}

	div#content h2 {
		margin: 1.67em 0 -1.67em 0;
	}

		div#content form h2 {
			margin-bottom: 0;
		}

	div#content h3,
	div#content h4 {
		margin-top: 1.67em;
	}

	div#content p, div#content dl {
		margin: 1.67em 0;
	}

		div#content dl dt {
			float: left;
			clear: left;
			width: 200px;
			font-style: italic;
		}

	/* Uthevet introtekst på forsiden */
	div#content p.intro {
		margin-top: 0;
		font-size: 1.17em;
		font-style: italic;
		text-align: justify;
		color: #F2E7F9;
	}

		div#content p.intro em {
			font-style: normal;
		}

	div#content img.large {
		width: 440px;
		border: 10px solid #777079;
	}

	div#content div.ordering {
		padding: 5px;
		background-color: #777079;
	}

		div#content div.ordering span.price {
			float: left;
			padding-top: 2px;
			font-weight: bold;
		}

		div#content div.ordering a.button {
			float: right;
		}

	/*
	 * Skjemaer
	 */
	div#content form ul li {
		margin-bottom: 0.67em;
	}

	div#content form ul li div.input-box {
		float: left;
		width: 210px;
		margin-right: 10px;
	}

	div#content form ul li input.input-text {
		width: 190px;
	}
	div#content form ul li input.city {
		width: 95px;
	}
	div#content form ul li input.zip {
		width: 50px;
	}

	div#content div.input-box span.help {
		display: block;
		padding: 4px 0;
		font-size: 0.83em;
	}

	div#content div.button-set {
		margin-top: 0.67em;
	}

		div#content div.button-set button {
			display: block;
		}

		div#content div.button-set span.required {
			float: right;
			padding: 4px 0;
			font-size: 0.83em;
		}

	/*
	 * Produktopplisting på kategoriside
	 */

	div#content ol#products {}

		ol#products li {
			float: left;
			width: 220px;
			margin-right: 20px;
		}
		ol#products li.odd {
			margin-right: 0;
		}

			ol#products li h2 {
				margin: 0;
			}

			ol#products li a {
				text-decoration: none;
			}

			ol#products li img {
				display: block;
				width: 220px;
				margin: 0.67em 0 0 0;
			}

	/*
	 * Bildegalleri på produktside
	 */

	div#content ul#gallery {
		float: left;
		width: 160px;
		margin: 0 -10px;
	}

		ul#gallery li {
			float: left;
			width: 60px;
			margin: 0 10px 10px 10px;
		}
		ul#gallery li.main {
			width: 140px;
		}

			ul#gallery li img {
				display: block;
			}

	div#content div#product-details {
		margin-left: 160px;
	}

		div#product-details form div {
			padding: 0.33em 0;
			border-bottom: 1px solid #777079;
		}

			div#product-details form div label {
				float: left;
				width: 140px;
				text-transform: uppercase;
				font-size: 0.83em;
				line-height: 2.2em;
			}
			div#product-details form div input,
			div#product-details form div select {
				width: 150px;
			}
			

		div#product-details form div.submit {
			margin-top: 0.67em;
			border-bottom: 0;
		}

	/*
	 * Handlekurv
	 */

	div#content table {
		width: 460px;
		margin: 1.67em 0;
	}

		div#content table .a-right {
			text-align: right;
		}
		div#content table .a-center,
		div#content table .a-center input {
			text-align: center;
		}

	div#content table#shopping-cart-totals-table {
		width: 441px;
		margin-top: 0;
		margin-left: 19px;
	}

		div#content table thead tr th {
			padding: 2px 5px;
			border: 1px solid #5D565E;
			border-width: 0 1px;
			background-color: #777079;
		}

		div#content table thead tr th.actions,
		div#content table thead tr th.delete {
			background-color: transparent;
		}

		div#content table tbody tr td {
			padding: 2px 5px;
			border-bottom: 1px solid #777079;
		}

		table#shopping-cart-table tbody tr td.delete {
			padding-left: 0;
			border-bottom: 0;
		}

			table#shopping-cart-table tbody tr td.delete img {
				position: relative;
				top: 3px;
			}

		table#shopping-cart-totals-table th,
		table#shopping-cart-totals-table td {
			padding: 2px 5px;
		}

		table#shopping-cart-totals-table th.sum-totalt,
		table#shopping-cart-totals-table td.sum-totalt {
			border-top: 1px solid #777079;
			border-bottom: 3px double #777079;
		}

	/*
	 * Kasse / fullføring av bestilling
	 */

	div#content ol#checkoutSteps {
		list-style-type: none;
	}

		ol#checkoutSteps li {
			margin: 2px 0;
		}

			ol#checkoutSteps li div.head {
				position: relative;
				padding: 5px 10px;
				background-color: #777079;
			}

				ol#checkoutSteps li div.head h3 {
					margin: 0;
					text-transform: uppercase;
				}

				ol#checkoutSteps li div.head a {
					display: none;
					position: absolute;
					right: 10px;
					top: 5px;
				}
				ol#checkoutSteps li.allow div.head a {
					display: block;
				}
				ol#checkoutSteps li.allow.active div.head a {
					display: none;
				}

			ol#checkoutSteps li div.box {
				margin: 0 10px 1.67em 10px;
			}

				ol#checkoutSteps li div.box div.col2-set {
					overflow: auto;
				}

					ol#checkoutSteps li div.box div.col-1,
					ol#checkoutSteps li div.box div.col-2 {
						float: left;
						width: 210px;
						margin-right: 10px;
					}

				ol#checkoutSteps li div.box ul.disc {
					margin-left: 2em;
					list-style-type: disc;
				}

				ol#checkoutSteps li div.box form {
					margin: 1.67em 0;
				}


		/*
		 * Steg 1: Innlogging / opprett konto
		 */
		ol#checkoutSteps li#opc-login {}

				li#opc-login form#login-form {
					margin: 0;
				}

					form#login-form ul li span {
						display: block;
						padding: 4px 0;
						font-size: 0.83em;
					}

		/*
		 * Steg 2: Fakturaadresse
		 */
		ol#checkoutSteps li#opc-billing {}

		/*
		 * Steg 3: Leveringsadresse
		 */
		ol#checkoutSteps li#opc-shipping {}

		/*
		 * Steg 4: Leveringsmetode
		 */
		ol#checkoutSteps li#opc-shipping_method {}

		/*
		 * Steg 5: Betalingsmetode
		 */
		ol#checkoutSteps li#opc-payment {}

		/*
		 * Oppsummering
		 */
		ol#checkoutSteps li#opc-review {}

			ol#checkoutSteps li#opc-review div.box {
				margin-left: 0;
			}

	/* Knapper / lenker i bunn av skjema */
	div#content div.actions {
		text-align: right;
	}

	/* Skjemaknapper og uthevede lenkeknapper */
	div#content a.button,
	div#content button {
		display: inline-block;
		height: 19px;
		padding: 1px 5px;
		border: 1px solid #73130C;

		background-color: #990000;
		background-repeat: no-repeat;
		background-position: 4px 4px;
		color: #ffffff;

		font-size: 1em;
		text-decoration: none;
		text-shadow: 1px 1px 1px #73130C;

		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		cursor: pointer;
	}
	div#content button {
		height: 23px;
	}

/*
 * Bunnfelt med kontaktinformasjon m.m.
 */
div#footer {
	position: relative;
	margin-top: 3.2em;
	padding: 1.67em 0;
	border-top: 3px double #777079;
	font-size: 0.83em;
}

	div#footer div.credit-cards {
		position: absolute;
		top: 0;
		right: 0;
	}

/*
 * Gallery popup
 */

div#gallery {
	width: 600px;
}
	div#gallery div.close {
		text-align: center;
	}
	
	div#gallery div.navigate {
		text-align: center;
	}
	
	div#gallery img {
		margin: 0 auto;
	}
/*
 * Layout-hjelpere
 */
.container:after,
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.container .column12,
.container .column10_12,
.container .column9_12,
.container .column8_12,
.container .column6_12,
.container .column4_12,
.container .column3_12,
.container .column2_12 {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}
.container .container {
	margin-left: -10px;
	margin-right: -10px;
}
.container .column12 { width: 940px; }
.container .column10_12 { width: 780px; }
.container .column9_12 { width: 700px; }
.container .column8_12 { width: 620px; }
.container .column6_12 { width: 460px; }
.container .column4_12 { width: 300px; }
.container .column3_12 { width: 220px; }
.container .column2_12 { width: 140px; }