/* css file designed by David Todd Watson (david at wow-medialab dot com)
   updated: March 11, 2007
   site layout: centered
   site width: 887px
   
   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)


*/


@import url("http://cop.nidelven-it.no/main_theme/layout.css");


/* Standard HTML
**********************************/

td {
	vertical-align: top;
}

img {
	border: 0;
}

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

a:link, a:visited {
color: #369;
}
a:hover, a:active {
color: #369;
}

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

body {
	background: #FBFBFB url("bg.gif");
	font-family: verdana;
	font-size: 11px;
	color: #000000;
	margin: 0 auto;
}

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

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

	#logo {
		float: left;
		position: relative;
		width: 727px;
		height: 135px;
		background: url("top.jpg") no-repeat;
		margin: 0;
		padding: 0;
	}

		#logo a {
			float: left;
			position: relative;
			width: 727px;
			height: 135px;
			background: url("top.jpg") no-repeat;
			margin: 0;
			padding: 0;
		}
	.index #logo {
		float: left;
		position: relative;
		width: 727px;
		height: 135px;
		background: url("top3.jpg") no-repeat;
		margin: 0;
		padding: 0;
	}

		.index #logo a {
			float: left;
			position: relative;
			width: 727px;
			height: 135px;
			background: url("top3.jpg") no-repeat;
			margin: 0;
			padding: 0;
		}

			#logo a span {
				display: none;
			}

		#banner {
			float: right;
			position: relative;
			width: 155px;
			height: 135px;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			background: url("topright.gif") no-repeat;
		}
			#banner h3 {
				font-size: 14px;
				margin: 30px 0 0 10px;
				padding 0 0 0 0;
			}
			#banner p {
				margin: 0 0 0 10px;
				padding 0;
			}
			#banner a {
				margin: 0 0 0 10px;
				padding 0;
			}
			#banner form {
				margin: 0 0 0 10px;
				padding 0;
			}

		#banner-xtra {
			float: left;
			position: relative;
			width: 155px;
			height: 56px;
			margin: 5px 5px 0 0;
			padding: 0 0 0 0;
			background: url("midleft.jpg") no-repeat;
		}
		.index #banner-xtra {
			float: left;
			position: relative;
			width: 155px;
			height: 56px;
			margin: 5px 5px 0 0;
			padding: 0 0 0 0;
			background: url("midleft2.jpg") no-repeat;
		}
/* navigation 
******************************/

		ul#navigation {
			float: left;
			position: relative;
			width: 567px;
			height: 36px;
			margin: 0 0 0 80px;
			padding: 20px 0 0 0;
			background: #fff;
			text-align: center;
		}
		html>body ul#navigation {
			float: left;
			position: relative;
			width: 567px;
			height: 36px;
			margin: 0 0 0 160px;
			padding: 20px 0 0 0;
			background: #fff;
			text-align: center;
		}


			ul#navigation li {
				display: inline;
				list-style: none;
				margin: 0 0 0 0;
				padding: 0 0 0 0;
			}
				ul#navigation li a:link, ul#navigation li a:visited {
					text-decoration: none;
					font-size: 14px;
					font-weight: bold;
					margin: 0;
					padding: 7px;
					color: #369;
				}
				ul#navigation li a:hover, ul#navigation li a:active {
					text-decoration: none;
					font-size: 14px;
					font-weight: bold;
					margin: 0;
					padding: 7px;
					color: #036;
				}
				ul#navigation li a span {
					display: none;
				}
				ul#navigation li#data a {
					float:left;
					position: relative;
					width: 91px;
					height: 54px;
					margin: 0 0 0 50px;
					padding: 0 15px 0 15px;
					background: url("meny-1.gif") no-repeat;
				}

				ul#navigation li#tilbehor a {
					float:left;
					position: relative;
					width: 59px;
					height: 54px;
					margin: 0;
					padding: 0 15px 0 15px;
					background: url("meny-2.gif") no-repeat;
				}

				ul#navigation li#telefoni a {
					float:left;
					position: relative;
					width: 58px;
					height: 54px;
					margin: 0;
					padding: 0 15px 0 15px;
					background: url("meny-3.gif") no-repeat;
				}

				ul#navigation li#tjenester a {
					float:left;
					position: relative;
					width: 64px;
					height: 54px;
					margin: 0;
					padding: 0 15px 0 15px;
					background: url("meny-4.gif") no-repeat;
				}

				ul#navigation li#om a {
					float:left;
					position: relative;
					width: 51px;
					height: 54px;
					margin: 0;
					padding: 0 15px 0 15px;
					background: url("meny-5.gif") no-repeat;
				}


		#search {
			float: right;
			posititon: relative;
			width: 155px;
			height: 56px;
			margin: 5px 0 0 0;
			padding: 0;
			background: url("bkg_search.jpg") no-repeat;
		}
		.index #search {
			float: right;
			posititon: relative;
			width: 155px;
			height: 56px;
			margin: 5px 0 0 0;
			padding: 0;
			background: url("bkg_search2.jpg") no-repeat;
		}

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

#content-container {
	width: 887px;
	margin: 5px 0 0 0;
	padding: 0;
	background: url("bkg_content-container.jpg") repeat-y;
}

.index #content-container {
	width: 887px;
	margin: 5px 0 0 0;
	padding: 0;
	background: url("bkg_content-container2.jpg") repeat-y;
}

#sidebar {
width: 160px;
}

#main {
width: 540px;
}

#xtra {
width: 140px;
}

.content {
padding: 0 0 0 10px;
}



/* footer components
********************************************/
#footer-container {
width: 887px;
text-align: center;
color: #999;
}

#footer-info {
width: 887px;
height: 100px;
background: url("bkg_footer-info.jpg") no-repeat;
}
.index #footer-info {
margin: 5px 0 10px 0;
background-image: none;
}

#footer-xtra {
width: 887px;
text-align: center;
color: #999;
}



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

#sidebar .ad {
width: 130px;
border: 1px solid #ccc;
}
#content .ad {
width: 250px;
height: 210px;
border: 1px solid #ccc;
}
#xtra .ad {
width: 150px;
border: 1px solid #ccc;
}

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

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

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

.ad .productNumber {
display: none;
}

.ad .productPrice {
color: #333;
font-size: 12px;
font-weight: bold;
}

.buy {
background: url("buy.jpg") no-repeat;
width: 46px;
height: 20px;
}

.buy a:link, .buy a:visited {
color: #ddd;
font-size: 12px;
font-weight: bold;
text-decoration: none;
padding: 5px;
}
.buy a:hover, .buy a:active {
color: #fff;
font-size: 12px;
font-weight: bold;
text-decoration: none;
padding: 5px;
}

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

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

/* Products template
**************************************/
body.products .h3 {
font-size: 18px;
}
body.products .productsList {
clear: both;
width: 99%;
padding: 0 0 20px 0;
}
body.products .productImage {
float: left;
position: relative;
padding: 0 0 20px 0;
}
body.products .productsInfo {
float: right;
position: relative;
width: 450px;
padding: 0 0 20px 0;
}
body.products .productTitle {
font-size: 14px;
color: #369;
}
body.products .productNumber {
color: #999;
width: 300px;
}
body.products .productPrice {

}
body.products .variationTitle {
color: #369;
width: 300px;
}
body.products .variationProductNumber {
color: #999;
}
body.products .variationPrice {

}
body.products .buy {

}

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

/* Product template
**************************************/
body.product .h3 {
font-size: 18px;
}
body.product .productImage {
float: left;
position: relative;
}
body.product .productInfo {
float: right;
position: relative;
width: 300px;
margin: 20px 0 0 0;
}
body.product .productTitle {
font-size: 14px;
color: #369;
}
body.product .productNumber {
color: #999;

}
body.product .productPrice {
}
body.product .buy {

}
body.product .variationTitle {
color: #369;
}
body.product .variationProductNumber {
color: #999;
}
body.product .variationPrice {
}

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: 100%;
}
.cart th {
	text-align: center;
	background-color: #013B89;
	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: #5480E2;
color: #fff;
padding: 5px;
}

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

.contactinfo {
font-weight: bold;
}

.info {
color: #999;
font-size: 11px;
}

.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 {
font-size: 12px;
font-weight: bold;
margin: 0 0 0 -5px;
padding: 0;
}
#sidebar ul li {
list-style: none;
margin: 0;
padding: 5px 5px 5px 10px;
}
#sidebar ul li a:link, #sidebar ul li a:visited {
color: #369;
text-decoration: none;
}
#sidebar ul li a:hover, #sidebar ul li a:active {
color: #036;
text-decoration: none;
}

#sidebar ul li.active a {
font-weight: bold;
color: #999;
}

#sidebar ul li.active ul li.active a {
color: #666;
font-weight: bold;
}

#sidebar ul li.active ul li.active ul li.active a {
color: #000;
font-weight: bold;
}


.index #main .content {
padding: 0 10px 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: #999;
}

.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;
}