/* css file designed by David Todd Watson (david at wow-medialab dot com)
   updated: August 1, 2007
   site layout: centered
   site width: 760px
   
   tested with: 	

   ? Internet Explorer 5.2.2 (MAC)
   ? Safari 1.0.3 (MAC)
   ? Internet Explorer 6.0 (WIN)
   ? FireFox 1.3 (WIN)
   ? Opera 7.5 (WIN)


*/

body {
/* 100% + centered */
	width: 100%;
	padding: 0;
	border: 0;
	margin: 0;
	text-align: center;
}
	#header, #content, #footer {
		/* centered + 955px */
		clear: both;
		padding: 0;
		border: 0;
		margin: 0 auto;
		text-align: left;
	}

		#ms #main, #sm #sidebar, #smx #sidebar, #smx #main, #xms #xtra, #m #main, #msx #main, #msx #sidebar {
			float: left;
			position: relative;
			padding: 0;
			border: 0;
			margin: 0;
		}
		#ms #sidebar, #sm #main, #smx #xtra, #xms #main, #xms #sidebar, #msx #xtra {
			float: right;
			position: relative;
			padding: 0;
			border: 0;
			margin: 0;
		}
		#ms #xtra, #sm #xtra, #m #sidebar, #m #xtra {
			display: none;
		}


/* Standard HTML
**********************************/
td {
	vertical-align: top;
}

img {
	border: 0;
}

h1, h2, h3, h4, h5, h6 {
color: #8C5BAA;
}

a:link, a:visited {
color: #8C5BAA;
}
a:hover, a:active {
color: #666;
}

/* body attributes
*************************************/

body {
	background: #fff url("bkg_body.jpg") repeat-x;
	font-family: verdana;
	font-size: 12px;
	color: #666;
	margin: 0;
	border: 0;
	padding: 0;
}


	#wrapper {
		background: url("bkg_wrapper1.jpg") repeat-y;
		margin: 0;
		border: 0;
		padding: 0;

	}
	#wrapper2 {
		background: url("bkg_wrapper.jpg") no-repeat;
		margin: 0;
		border: 0;
		padding: 0;
	}

		#header, #content, #footer {
			margin: 0 0 0 132px;
			padding: 0;
		}

/* header components
*************************************/

#header-container {
	width: 760px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

	#logo {
		float: left;
		position: relative;
		width: 325px;
		height: 150px;
		background: url("bkg_logo.jpg") no-repeat;
		margin: 20px 0 0 10px;
		padding: 0;
	}

		#logo a {
			float: left;
			position: relative;
			width: 325px;
			height: 150px;
			background: url("bkg_logo.jpg") no-repeat;
			margin: 0;
			padding: 0;
		}
			#logo a span {
				display: none;
			}

		#banner {
			float: right;
			position: relative;
			width: 170px;
			height: 40px;
			margin: 50px 0 0 0;
			padding: 0 0 0 0;
		}
			#banner img.cart {
				float: left;
				margin: 0 0 0 0;
			}

			#banner #mini-cart {
				float: left;
				margin: 0 0 0 0;
			}
			#banner h3 {
				font-size: 14px;
				padding: 0 0 0 0;
			}
			#banner p {
				margin: 0 0 0 0;
				padding: 0;
			}
			#banner a {
				margin: 0 0 0 0;
				padding: 0;
			}

		#banner-xtra {
		}
/* navigation 
******************************/

		ul#navigation {
			float: left;
			position: relative;
			width: 740px;
			height: 40px;
			margin: 0 0 0 0;
			padding: 5px 0 0 20px;
		}


			ul#navigation li {
				display: inline;
				list-style: none;
				margin: 0 20px 0 0;
				padding: 0;
			}
				ul#navigation li a:link, ul#navigation li a:visited {
					text-decoration: none;
					font-size: 14px;
					font-weight: bold;
					margin: 0;
					padding: 0 0 0 0;
					color: #CEB5B1;

				}
				ul#navigation li a:hover, ul#navigation li a:active {
					text-decoration: none;
					font-size: 14px;
					font-weight: bold;
					margin: 0;
					padding: 0 0 0 0;
					color: #fff;
				}



/* content components
********************************************/

#content-container {
	width: 760px;
	background: url("bkg_wrapper1.png") repeat-y;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#sidebar {
	width: 220px;
}

#main {
	width: 380px;
}

#xtra {
	width: 180px;
}
.content {
	padding: 0 0 20px 20px;
}
#sidebar .content {
width: 200px;
padding: 10px 0 20px 20px;
background-color: #EFE6F5;
}


/* SM
*****************************/
#sm #sidebar {

	width: 220px;
}
#sm #main {

	width: 540px;
}

/* footer components
********************************************/
#footer-container {
	width: 740px;
	margin: 0;
	padding: 30px 0 0 20px;
font-size: 11px;
color: #999;
}

#footer-info {
margin: 0 0 0 0;
padding: 5px;
}

#footer address {
display: inline;
font-style: normal;
}

#footer-copyright {
margin: 0 0 0 0;
padding: 5px;
}

#footer-xtra {
	width: 760px;
	height: 25px;
	margin: 0;
	padding: 10px 0 10px 25px;
	background: url("bkg_footer1.jpg") no-repeat;

font-size: 11px;
}
	#footer-xtra a {
		padding: 0 0 0 0;
	}


/* Ads
***********************************/

#content .ad {
width: 250px;
}
.home #content .ad {
width: 150px;
padding: 0 10px 0 10px;
}


.ad div.adImage {
padding: 5px 0 0 0;
text-align: center;
}

.ad table.adInfo {
padding: 0 5px 0 5px;
}

.ad .productTitle {
font-size: 12px;
font-weight: bold;
color: #999;
}

.ad .productNumber {
display: none;
}

.ad .productPrice {
color: #8C5BAA;
font-size: 12px;
font-weight: bold;

}

a.buy {
display: block;
background: url("buy.jpg") no-repeat;
width: 75px;
height: 25px;
}
a.buy span {
display: none;
}
td.buy a {
color: #999;
font-size: 12px;
font-weight: bold;
text-decoration: none;
padding: 5px;
display: block;
background: url("buy.jpg") no-repeat;
}
input.buybutton {
display: block;
background: url("buy.jpg") no-repeat;
border: 0;
margin: 0;
padding: 0;
}

/* trail
*****************************/
#trail {
padding: 5px 0 10px 0;
}
#trail a:link, #trail a:visited {
font-size: 11px;
color: #8C5BAA;
text-decoration: none;
}
#trail a:hover, #trail a:active {
font-size: 11px;
color: #8C5BAA;
text-decoration: none;
}

#trail a.hovedside, #trail a.Hovedside, #trail a.Hoved {
display: none;
}

/* Products template
**************************************/
body.products .h3 {
font-size: 18px;
}
body.products div.productList {
float: left;
position: relative;
width: 45%;
height: 250px;
padding: 0 0 0 0;
margin: 0 0 0 0;
}
body.products td.productImage {
width: 160px;
padding: 0 0 20px 0;
text-align: center;
}
body.products .productsInfo {
padding: 0 0 20px 0;
}
body.products .productTitle {
font-size: 14px;
color: #369;
}
body.products .productNumber {
color: #999;
}
body.products .productPrice {
font-weight: bold;
color: #8C5BAA;
}
body.products .variationTitle {
color: #369;
}
body.products .variationProductNumber {
color: #999;
}
body.products .variationPrice {
font-weight: bold;
color: #8C5BAA;
}

body.products .productBody {
clear: both;
padding: 20px 0 0 0;
}

/* Product template
**************************************/
body.product .h3 {
font-size: 18px;
}
body.product .productImage {

}
body.product .productInfo {


margin: 20px 0 0 0;
}
body.product .productTitle {
font-size: 14px;
color: #369;
}
body.product .productNumber {
color: #999;

}
body.product .productPrice {
font-weight: bold;
color: #8C5BAA;
}
body.product .buy {

}
body.product .variationTitle {
color: #369;
}
body.product .variationProductNumber {
color: #999;
}
body.product .variationPrice {
font-weight: bold;
color: #8C5BAA;
}

body.product .productBody {
clear: both;
padding: 20px 0 0 0;
}



/* related products
********************************/
.relatedProducts {
width: 99%;
}
table.relatedItems {
width: 99%;
}

/* Latest News
*******************************/
ul.headlines {
margin: 0;
padding: 0;
}
ul.headlines li {
list-style: none;
margin: 0;
padding: 0;
}
ul.headlines li a {
margin: 0;
padding: 0;
}


/* Cart 
*********************************/
.required {
color: #C81212;
}

table.cart {
width: 95%;
}
.cart th {
	text-align: center;
	background-color: #CF2804;
	color: #fff;
padding: 5px;
}
.cart th a:link, .cart th a:visited {
	color: #fff;
}
table.cart td {
	text-align: center;
	background-color: #eee;
}
td.remove a:link, td.remove a:visited {
	color: #ff0000;
}
.prices {
	font-weight: bold;
}
#total {
	background-color: #F0FF00;
	font-weight: bold;
}
table.info th {
width: 100px;
text-align: right;
}
table.info td {
padding: 0 0 0 10px;
}

.orderinfo {
text-align: center;
}

.order th {
text-align: center;
background-color: #fff;
color: #5480E2;
padding: 5px;
}

.label {
width: 100px;
text-align: right;
}

.contactinfo {
font-weight: bold;
}

.info {
color: #666;
font-size: 11px;
padding: 0 0 10px 0;
}

.remove a {
text-decoration: none;
font-weight: bold;
}

.warning {
background-color: #FA8072;
border: #800000 solid 1px;
color: #C81212;
font-size: 14px;
font-weight: bold;
padding: 20px;
}


/* webshop menu
*******************************/

#sidebar ul {
margin: 0 0 70px 0;
padding: 0;
}

#sidebar ul li {

margin: 0 0 15px 0;
padding: 0 0 0 0;
font-size: 12px;
vertical-align: middle;
list-style: none;
background: url("li.gif") no-repeat;
}




#sidebar ul li a:link, #sidebar ul li a:visited {
color: #8C5BAA;
text-decoration: none;
margin: 0;
padding: 0 0 0 20px;
border: 0;
vertical-align: middle;
background: url("li.gif") no-repeat;
}
#sidebar ul li a:hover, #sidebar ul li a:active {
color: #333;
text-decoration: none;
}

#sidebar ul li.active a {
font-weight: normal;
color: #8C5BAA;
}

#sidebar ul li.active ul li, #sidebar ul li.active ul li a:link, #sidebar ul li.active ul li a:visited, #sidebar ul li.active ul li a:hover, #sidebar ul li.active ul li a:active {
background-image: none;
margin: 0 0 0 5px;
padding: 0 0 5px 0;
}

#sidebar ul li.active ul {
margin: 0 0 0 15px;
padding: 10px 0 0 0;
}

#sidebar li.selected a:link, #sidebar li.selected a:visited {
font-weight: bold;
color: #8C5BAA;
}

#sidebar li.inactive a:link, #sidebar li.inactive a:visited {
font-weight: normal;
color: #8C5BAA;
}


.index #main .content {
padding: 0 30px 0 10px;
margin: 0;
}

.index #content #main .content h2 a:link, .index #content #main .content h2 a:visited {
text-decoration: none;
}

.index #content #main .content h2 a:hover, .index  #content #main .content h2 a:active {
text-decoration: none;
color: #666;
}

.index #navigation li a:link, .index #navigation li a:visited {
font-size: 18px;
}
.index #navigation li a:hover, .index #navigation li a:active {
font-size: 18px;
}

.index img.kart {
padding: 0 5px 0 5px;
}

.index table td {
vertical-align: top;
text-align: center;
}

#content table.plain td {
padding: 0 5px 0 5px;
}

#main .content {
padding: 0 5px 0 15px;
margin: 0;
}


.all-products #main table td {
padding: 5px 15px 5px 0;
}

#sidebar #newsletter {
width: 180px;
}

h3.nyhetsbrev {
background: url("h3_nyhetsbrev.jpg") no-repeat;
width: 180px;
height: 50px;
}
h3.nyhetsbrev span {
display: none;
}
h3.produktliste a {
display: block;
background: url("h3_produktliste.jpg") no-repeat;
width: 200px;
height: 50px;
}
h3.produktliste a span {
display: none;
}


.all-products #main table td {
padding: 0 0 30px 0;
}
.all-products #main table td img {
margin: 0 15px 0 0;
}



div.ad form select, table.productInfo form select {
display: block;
width: 200px;
height: 20px;
margin: 0;
padding: 0;
border: 0;
color: #8C5BAA;
}


table.cart input, form#information input, form#information textarea {
border: 1px #999 solid;

}