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


*/

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

img {
	border: 0;
}

#main ul {
margin: 0 0 0 25px;
padding: 0;
border: 0;
}

#main ul li {
margin: 0;
padding: 5px 0 5px 0;
border: 0;
list-style-image: url("bullet.jpg");
}

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

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


/* STRUCTURE
*******************************/

body {
/* 100% + centered */
	width: 100%;
	padding: 0;
	border: 0;
	margin: 0;
	text-align: center;
	font-family: arial, sans-serif; 
	font-size: 12px;
	color: #666;
	background: #662d91;
}

	#portal-top, #portal-columns, #portal-footer {
		/* centered + 960px */
		clear: both;
		width: 960px;
		padding: 0;
		border: 0;
		margin: 0 auto;
		text-align: left;
	}


/* VISUAL PORTAL WRAPPER
**********************************/
#visual-portal-wrapper {
width: 960px;
margin: 20px auto;
background: url("bkg_portal-columns.jpg") repeat-y;
}

/* Standard page layout - content elements
********************************************/
		#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;
		}



/* PORTAL TOP
**********************************/
#portal-top {
height: 120px;
margin: 0;
padding: 0;
background: url("bkg_portal-top.jpg") no-repeat top;
}


/* PORTAL LOGO
**********************************/
#portal-logo {
float: left;
position: relative;
margin: 0;
padding: 0;
border: 0;
}

#portal-logo img {
margin: 20px 0 0 10px;
}


/* PORTAL HEADER
**********************************/
#portal-header {
float: right;
position: relative;
width: 650px;
height: 80px;
margin: 10px 30px 0 0;
padding: 0;
border: 0;
background: url("bkg_portal-header.jpg") no-repeat left bottom;
}

#portal-header #mini-cart {
float: right;
position: relative;
margin: 0;
padding: 0;
width: 280px;
height: 100px;
}

#portal-header #mini-cart img.order-box {
float: left;
position: relative;
}

#portal-header #mini-cart #cart-info {
float: right;
position: relative;
margin: 0;
padding: 30px 50px 0 0;
}
#portal-header #mini-cart #cart-info p {
color: #fff;
font-size: 18px;
margin: 0;
padding: 0;
}
#portal-header #mini-cart #cart-info a:link,
#portal-header #mini-cart #cart-info a:visited {
color: #d4e16c;
margin: 0;
padding: 0;
}

#portal-header h1.documentFirstHeading {
float: left;
position: relative;
margin: 40px 0 0 10px;
padding: 0;
color: #fff;
}



/* PORTAL COLUMNS
**********************************/
#portal-columns {
clear: left;
display: block;
width: 960px;
margin: 0 !important;
padding: 0 !important;

}



/* SIDEBAR
*********************************/

#portal-columns #sidebar {
float: left;
position: relative;
width: 230px;
margin: 0 0 0 10px;
color: #fff;
}

#portal-columns #sidebar h3 {
margin-bottom: 0;
}

#portal-columns #sidebar ul li {
list-style: none !important;
}

/* WEBSHOP MENU
**********************************/
#portal-columns #sidebar div#webshop-menu ul {
list-style: none;
margin: 0 0 30px 0;
padding: 0;
}
#portal-columns #sidebar div#webshop-menu ul li {
list-style: none;
margin: 0;
padding: 0 0 5px 0;
}

#portal-columns #sidebar div#webshop-menu ul li a:link,
#portal-columns #sidebar div#webshop-menu ul li a:visited {
margin: 0;
padding: 0;
color: #d4e2f7;
text-decoration: none;
font-size: 16px;
}
#portal-columns #sidebar div#webshop-menu ul li a:hover,
#portal-columns #sidebar div#webshop-menu ul li a:active {
color: #fff;
text-decoration: underline;
}


#portal-columns #sidebar div#webshop-menu ul li ul {
margin: 0 0 0 15px;
}

#portal-columns #sidebar div#webshop-menu ul li ul li {
font-size: 14px;
}
#portal-columns #sidebar div#webshop-menu ul li ul li a:link,
#portal-columns #sidebar div#webshop-menu ul li ul li a:visited {
font-size: 14px;
}
#portal-columns #sidebar div#webshop-menu ul li.selected a:link, 
#portal-columns #sidebar div#webshop-menu ul li.selected a:visited {
color: #fff;
text-decoration: underline;
}
#portal-columns #sidebar div#webshop-menu ul li.selected ul li a:link, 
#portal-columns #sidebar div#webshop-menu ul li.selected ul li a:visited {
color: #d4e2f7;
text-decoration: none;
}
#portal-columns #sidebar div#webshop-menu ul li.selected ul li a:hover, 
#portal-columns #sidebar div#webshop-menu ul li.selected ul li a:active {
color: #fff;
text-decoration: underline;
}


/* NAVIGATION
**********************************/
#portal-columns #sidebar ul#navigation {
list-style: none;
margin: 0 0 30px 0;
padding: 0;
}
#portal-columns #sidebar ul#navigation li {
list-style: none;
margin: 0;
padding: 0;
}
#portal-columns #sidebar ul#navigation li a:link,
#portal-columns #sidebar ul#navigation li a:visited {
margin: 0;
padding: 0;
color: #d4e16c;
text-decoration: none;
font-size: 14px;
}
#portal-columns #sidebar ul#navigation li a:hover,
#portal-columns #sidebar ul#navigation li a:active {
text-decoration: underline;
}

/* INFO SIDER
**********************************/
#portal-columns #sidebar ul#info-sider {
list-style: none;
margin: 0 0 30px 0;
padding: 0;
}

#portal-columns #sidebar ul#info-sider li {
list-style: none;
margin: 0;
padding: 0;
}

#portal-columns #sidebar ul#info-sider li a:link,
#portal-columns #sidebar ul#info-sider li a:visited {
margin: 0;
padding: 0;
color: #d4e16c;
text-decoration: none;
font-size: 14px;
}

#portal-columns #sidebar ul#info-sider li a:hover,
#portal-columns #sidebar ul#info-sider li a:active {
text-decoration: underline;
}

/* CONTACT INFO
**********************************/
#portal-columns #sidebar .contact-info {
margin-top: 0;
padding-top: 0;
}

#portal-columns #sidebar .contact-info a:link,
#portal-columns #sidebar .contact-info a:visited {
color: #d4e16c;
margin: 0;
padding: 0;
}


/* SIDEBAR
*********************************/

#portal-columns #main {
float: right;
position: relative;
width: 650px;
margin: 0;
padding: 0 30px 0 10px;
}


/* TRAIL
******************************************/
#main ul.trail {
margin: 0 0 10px 0;
padding: 0;
font-size: 0.875em;
}
#main ul.trail li {
margin: 0;
padding: 0;
display: inline;
}

#main ul.trail li.Hovedside, 
#main ul.trail li.hovedside, 
#main ul.trail li.Nettside, 
#main ul.trail li.nettside, 
#main ul.trail li.hjemmeside,
#main ul.trail li.english {
display: none;
}



/* Products template
**************************************/
body.products .h3 {
font-size: 18px;
}
body.products .productList {
float: left;
position: relative;
width: 30%;
height: 280px;
padding: 0 0 0 0;
margin: 10px;
}
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: #7299d0;
font-size: 18px;
}
body.products td.variations {
padding: 0 0 30px 0;
}

body.products .variationTitle {
color: #369;
}
body.products .variationProductNumber {
color: #999;
}
body.products .variationPrice {
font-weight: bold;
color: #7299d0;
}


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: 30px;
color: #7299d0;
}
body.product .productNumber {
color: #999;

}
body.product .productPrice {
font-size: 24px;
font-weight: bold;
color: #7299d0;
}

body.product .variationTitle {
color: #7299d0;
}
body.product .variationProductNumber {
color: #999;
}
body.product .variationPrice {
font-weight: bold;
color: #7299d0;
}

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

a.buy {
display: block;
margin: 10px 0 10px 0;
width: 130px;
height: 30px;
background: url("bestill.jpg") no-repeat;
}

a.buy span {
display: none;
}

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


.productList form select {
color: #7299d0;
border: 0;
margin: 10px 0 10px 0;
padding: 0;
}

 
body.product .productInfo form select {
font-size: 18px;
color: #7299d0;
border: 0;
margin: 10px 0 10px 0;
padding: 0;
}



/* Shopping CART
***************************************************************/

body.cart #main .content table, 
body.cart #main .content table td,
body.info #main .content table,
body.info #main .content table td {
border-style: none;
border-width: 0 !important;
border-collapse: collapse !important;
border-color: white !important;
}

body.cart table.cart th,
body.info table.cart th {
background-color: #b4207d;
color: #fff;
padding: 5px;
margin: 2px;
}

body.cart table.cart td,
body.info table.cart td {
padding: 5px;
margin: 2px;
}


table.cart tr#items td {
padding: 10px 5px 10px 5px;
}

table.cart tr#items td.qty input {
border: #b4207d solid 1px;
}

table.info th {
width: 150px;
padding: 5px;
margin: 2px;
}
table.info td {
padding: 5px;
margin: 2px;
}

td.prices,
th.prices {
text-align: right;
}

.required {
color: #f72020;
font-weight: bold;
}






/* PORTAL FOOTER
**********************************/
#portal-footer {
height: 50px;
margin: 0;
padding: 0;
background: url("bkg_portal-footer.jpg") no-repeat bottom;
text-align: center;
}

#portal-footer ul#logos {
float: right;
position: relative;
width: 650px;
margin: 20px 0 0 300px;
padding: 0;
display: inline;
text-align: center;
list-style: none;
}
#portal-footer ul#logos li {
display: inline;
list-style: none;
text-align: center;
}