/*
CSS-fil for Ditt Kjøpesenter 2006
http://www.dittkjopesenter.no

*/
* /*Set's border, padding and margin to 0 for all values*/
{
padding: 0;
margin: 0;
border: 0;
}
body, html {
color: #666; 
background: #f5f5f5 url(/layout/images/b1.jpg) repeat;
font-family: Verdana, Arial, Tahoma, sans-serif;
}
body {
font-size: 65%;
}
p {padding: 3px 0 3px 0;}
a {
color: #336699;
}
a:hover{
color: #666;
}
h2, h3, h4, h5 {
font-weight: bold;
color: #C9161F;
font-family: Arial, Verdana, sans-serif;
margin-bottom: 2px;
}
h2 {
font-size: 1.5em;
}
h3 {
font-size: 1.4em;
}
h4 {
font-size: 1.2em;
}
h5 {
font-size: 1.1em;
}
h2 a, h3 a, h4 a {
text-decoration: none;
color: #C9161F;
}
input, textarea, select {
border-top: 1px solid #336699;
border-left: 1px solid #336699;
border-bottom: 1px solid #B3C8DD;
border-right: 1px solid #B3C8DD;
background: #FDFDFD;
font-size: 11px;
padding: 2px 0 2px 0;
}
table {
border-collapse: collapse;
}
td {
padding: 2px 0 2px 0;
vertical-align: top;
}
hr {
margin: 3px 0 3px 0;
height: 3px;
background: #E9E9E9;
}
.clear { clear: both; }
.postButton {
cursor: pointer;
background: #336699;
text-transform: uppercase;
color: #D8E2F0;
font-size: 9px !important;
border-bottom: 1px solid #3D597E;
border-right: 1px solid #3D597E;
border-left: 1px solid #D8E2F0;
border-top: 1px solid #D8E2F0;
}
.postButton:hover { /*IE only understand :hover on a, so this won't work in IE.*/
background: #32507D;
}
.msg {color: #C9161F;}
.posthidden {display:none} 
.tblColor {
background: #E9E9E9;
}
#rammerundt {
padding-top: 3px;
border-bottom: 2px solid #b13b3b;
border-right: 2px solid #b13b3b;
border-left: 2px solid #b13b3b;
}
#mainContainer {
width: 773px;
margin: 0 auto;
background: url(/layout/images/maincontainer-background.gif) repeat-y;
min-height: 400px;
border-right: 5px solid #fff;
}
* html #mainContainer {
height: 400px;
}
#mainContainer1 {
width: 773px;
margin: 0 auto;
min-height: 400px;
}
* html #mainContainer1 {
height: 400px;
}
/**************************
HEADER
**************************/
#header {
width: 773px; 
height: 150px;
font-family:  Arial, Verdana, sans-serif;
}
#header ul {
list-style: none;
}
#newheader {
width: 773px; 
height: 143px;
font-family:  Arial, Verdana, sans-serif;
}
#newheader ul {
list-style: none;
}
#logo {
width: 205px; 
height: 120px;
float: left;
background: #FFF url(/layout/header/logo.jpg) no-repeat;		
}
/*Hey, let's redo a h1-tag to show our logo instead*/
#logo h1 {
overflow: hidden;
width: 200px; 
height: 120px;
}
#logo h1 a {
display: block;
overflow: hidden;
padding: 116px 0 0 0;
background: url(/layout/header/logo.jpg) no-repeat;
}
#logo h1 a:hover {
background-position: 0 0;
}
#headerRight {
float: right;
background:#FFF url(/layout/header/header.jpg) no-repeat top right;
width: 568px;
height: 90px;
}
#headerMidt {
width: 140px;
height: 80px;
padding: 5px 0px 0px 100px;
}
#headerBottom {
float:left;
margin-top: -33px;
background: url(/layout/header/meny-bakgrunn.gif) repeat-x left top;
font-size: 11px;
font-weight: bold;
height: 34px;
letter-spacing: 1px;
font-family:  "Arial Narrow", "Trebuchet MS", "Lucida Sans Unicode", sans-serif; 
}
* html #headerBottom {
margin-top: 0;
}

#headerBottom ul {
float: right;
}
#headerBottom li {
float: left;
display: inline;
border-left: 2px solid #fff;
}
#headerBottom a {
padding: 9px 10px 8px 10px;
display:block;
font-weight: bold;
color: #666;
text-decoration: none;
text-transform: uppercase;
}
#headerBottom a:hover, #headerBottom .navSel a {
color: #000;
background: url(/layout/header/meny-bakgrunn.gif) repeat-x left bottom;
text-decoration: none;
}
#newheaderTrack {
clear: both;
height: 18px;
padding: 4px 0 0 15px;
background: #b13b3b;
border-bottom: 0px solid #fff;
color: #F2F2F2;
font-size: 11px;
}
#newheaderTrack li {
float: left;
display: inline;
margin-right: 5px;
}
#newheaderTrack a {
color: #EBE5DC;
background: url(/layout/header/header-track-list.gif) top right no-repeat;
padding: 0 13px 0 0;
text-decoration: none;
}
#newheaderTrack a:hover {
color: #fff;
background:url(/layout/header/header-track-list.gif) bottom right no-repeat;
}
#headerTrack {
clear: both;
height: 18px;
margin: -5px 0 0 5px;
padding: 4px 0 0 15px;
background: #b13b3b;
border-bottom: 0px solid #fff;
color: #F2F2F2;
font-size: 11px;
}
#headerTrack li {
float: left;
display: inline;
margin-right: 5px;
}
#headerTrack a {
color: #EBE5DC;
background: url(/layout/header/header-track-list.gif) top right no-repeat;
padding: 0 13px 0 0;
text-decoration: none;
}
#headerTrack a:hover {
color: #fff;
background:url(/layout/header/header-track-list.gif) bottom right no-repeat;
}
.addSite {
float: right !important;
padding: 0 5px 0 3px !important;
}
.addSite a {
background: #336699 !important;
}
/**************************
CONTENT AND COLUMNS
**************************/
.outer {
padding-left: 165px;  
border-right: 130px;
}
* html .outer {
width: 490px;
}
.inner {
width: 612px; /*** This width is for non-IE browsers. Mozilla makes this necessary. ***/
}
* html .inner {
width: 100%;
}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout. It blows 
my mind that all this hacking is being caused by the mighty Gecko engine! (shakes head ruefully)
***/
.float-wrap {
float: left;
width: 643px;
margin-left: -165px;       /*** Same length as left column width ***/
}
#content {
float: right;
margin-top: 108px; /*Gi plass til søkefelt over innholdet siden søkefeltet egentlig er plassert i høyre marg*/
width: 470px;
padding-bottom: 3px;
font-size: 0.9em;
min-height: 150px;
}
* html #content {
height: 150px;
position: relative;
}
.contentWrap1 {
border: 1px solid #336699;
background: #F2F6F7;
padding: 5px 3px 2px 3px;
float: left;
margin: 5px 0 5px 0;
width: 460px;
}
.contentWrap1 ul {
list-style: none;
width: 458px;
}
.contentWrap1 li {
float: left;
width: 220px;
}
.contentWrap1 li a {
display: block;
overflow:hidden;
width: 200px;
color: #000;
background: url(/layout/icons/folder-icon.gif) no-repeat;
text-decoration: none;
padding: 0 0 3px 25px;
}
.contentWrap1 li a:hover {
background: url(/layout/icons/folder-icon.gif) no-repeat 0 -34px;
color: #666;
}
.contentWrap2 {
float:left;
width:456px;
border: 1px solid #BFBFC1;
background: #fff;
padding: 5px;
margin-top: 5px;
}
.contentWrap2 h4 {
float: left;
}
.contentWrap2new {
float:auto;
width:456px;
border: 1px solid #BFBFC1;
background: #fff;
padding: 5px;
margin-top: 5px;
}
.contentWrap2new h4 {
float: left;
}
.contentWrap3, .contentWrap4 {
float:left;
width:456px;
padding: 0 5px 5px 5px;
}
.contentWrap3 ol, .contentWrap3 ul, .rbcontent ul {
margin-left: 25px;
}
.contentWrap5 {
height: 150px;
margin: 10px 0 5px 0;
padding: 5px;
overflow: auto;
border: 1px solid #999;
}
.contentWrap6 {
padding: 5px 3px 2px 3px;
float: left;
}
.contentWrap6 ul {
list-style: none;
width: 460px;
}
.contentWrap6 li {
float: left;
width: 220px;
}
.contentWrap6 li a {
text-decoration: none;
padding: 0 0 3px 5px;
color: #000;
}
.contentWrap6 li a:hover{
color: #666;
text-decoration: underline;
}
h3#random {
display: block;
overflow: hidden;
padding: 13px 0 0 0;
width: 161px;
height: 0;
margin: 0 0 3px 0;
background: url(/layout/heading/anbefalt-nettbutikk.gif) no-repeat; 
}
.divRight { 
float: right; 
padding-left: 5px;
}
.divRight2 { 
float: right; 
padding-left: 10px;
font-weight: bold;
}
.readMore li {
list-style-type: none;
}
.readMore a {
float: right;
display: block;
font-weight: bold;
text-decoration: underline;
}
.readMore a:hover {
text-decoration: none;
}
.divLeft { 
float: left;
padding-right: 10px;
}
.divLeft2 { 
float: left;
padding-right: 10px;
color: #A31219;
font-weight: bold;
}
.url { 
float: left;
padding-right: 10px;
color: #A31219;
text-decoration: none;
}
.url a { 
color: #A31219;
text-decoration: none;
}
.url a:hover {
text-decoration: underline;
}
.imgCls {
margin: 1px 5px 5px 0;
float: left;
}

#map24 {
margin-top: 10px;
width:100%; 
border: 1px solid #999;
background:url(/layout/images/map24_banner_1.gif) no-repeat #fff;
}
#map24new {
margin-top: 10px;
width:393px; 
border: 1px solid #999;
background:url(/layout/images/map24_banner_1.gif) no-repeat #fff;
}
#tabprod {
margin-top: 10px;
width:393; 
border: 1px solid #999;
}
/*CSS for rounded corners*/
.rbroundbox { background: #E9E9E9; }
.rbtop div { background: url(/layout/images/t1.gif) no-repeat top left; }
.rbtop { background: url(/layout/images/t2.gif) no-repeat top right; }
.rbbot div { background: url(/layout/images/b1.gif) no-repeat bottom left; }
.rbbot { background: url(/layout/images/b2.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 468px; 
height: 7px;
font-size: 1px;
}
.rbcontent { 
padding: 0 7px 0 7px; 
background: #F5F5F5;
padding-bottom: 7px;
margin-bottom: -7px;
}
* html .rbcontent { 
height: 23px;
}
.rbcontent h2 {
background: #E9E9E9; 
padding: 0 7px 3px 7px;
margin: 0 -7px 3px -7px;
}
.rbroundbox { 
width: 468px; 
margin: 5px 0 5px 0; 
}
.tblWrap {
width: 468px;
margin: 0 !important;
padding: 0 !important;
float:left;
}
.wrapLeft {
padding: 2px 5px 10px 5px;
}
.wrapRight {
padding: 2px 5px 10px 5px;
}
.wrapLeft, .wrapRight {
width: 220px;
background: #fff;
border: 1px solid #BFBFC1;
}
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/
/**************************
NOVASOL FERIEHUS
**************************/
#novasol {
width: 100%;
height: 1100px;
}
/**************************
LEFT COLUMN
**************************/
#left {
float: left;
width: 150px;
margin: 0 0 0 10px;
font-size: 11px;
font-family: Arial, Verdana, sans-serif;
}
* html #left {
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
margin: 2px 0 0 4px;
height: 250px;
}
#left h3 {
display: block;
overflow: hidden;
padding: 15px 0 0 0;
height: 0;
}
.radioButton {
border: 0;
margin: 0 -2px 0 0;
}
.leftCol{
margin: 0 0 5px 4px;
}
#left ul {
list-style:none;
}
.leftCol li {
padding: 0 0 1px 0;
}
.leftCol li a {
color: #333 !important;
border-bottom: 1px solid #F7F7F7;
text-decoration: none;
padding: 2px 2px 2px 6px;
width: 148px;
display: block;
}
.leftCol li a:hover, .leftCol .leftNavsel {
color: #336699 !important;

border-bottom: 1px solid #CCC;
}
.leftCol p {
padding: 2px 2px 2px 6px;
}
h3#whatsNew, h3#mainCat, h3#mobilKjoep, h3#newsletter {
display: block;
overflow: hidden;
margin-left: 4px;
padding: 14px 0 0 0;
height: 0;
}
h3#whatsNew {
background: url(/layout/heading/nyeste.gif) no-repeat; 
}
h3#mainCat {
background: url(/layout/heading/hovedkategorier.gif) no-repeat; 
}
h3#mobilKjoep {
background: url(/layout/heading/mobilkjoep.gif) no-repeat; 
}
h3#newsletter {
background: url(/layout/heading/nyhetsbrev.gif) no-repeat; 
}
.leftAd, .rightAd {
margin-bottom: 5px;
}
.bannerAd {
width: 778px;
margin: 0 auto;
text-align: center;
background: #fff;
}
.newbannerAd {
width: 769px;
margin: 0 auto;
background: #000;
}
/*************************
RIGHT COLUMN
**************************/
#right {
float: right; 
width: 125px;
font-size: 9px;
}
* html #right {
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
margin: 0 -122px 0 0; /*** IE gets this margin. ***/
}
.rightCol {
margin-top: 10px;
padding: 0 5px 0 5px;
}
.rightCol ul {
list-style: none;
padding-bottom: 4px;
}
.rightCol li {
padding-bottom: 2px;
}
.rightCol a {
color: #333;
text-decoration: none;
border-bottom: 1px solid #FAF8F8;
display: block;
width: 120px;
}
.rightCol a:hover {
color: #666 !important;
background: #F7F7F7 !important;
border-bottom: 1px solid #ccc;
}
/**************************
SEARCH
**************************/
#search {
float: left;
position: relative;
background: #F2F6F7;
height: 100px;
width: 460px;
padding: 0 3px 2px 3px;
border: 1px solid #336699;
margin: 0 0 10px -479px; /*Flytt søkefeltet til venstre slik at det kommer over innholdet*/
}
#search p, #searchAdv p {
width: 345px;
font-size: 9px;
}
#search ul, #searchAdv ul {
list-style-type: none;
}
#search li, #searchAdv li {
display: inline;
padding: 0 15px 0 2px;
}
#searchAdv {
position: relative;
background: url(/layout/images/par.jpg) top right no-repeat #F2F6F7;
min-height: 100px;
width: 460px;
padding: 0 3px 2px 3px;
border: 1px solid #336699;
margin: -108px 0 10px 0;  /*Flytt søkeboksen opp tilsvarende det #content er flyttet ned*/
}
* html #searchAdv {
height: 100px;
}
/**************************
FOOTER
**************************/
#newfooter {
width: 769px;
margin: 0 auto;
padding: 5px 0 5px 0;
font-size: 0.8em;
color: #fff;
text-align: center;
border-top: 5px solid #fff;
background: #0000ff
}
* html #newfooter {
width: 773px;
}
#newfooter a {
color: #fff;
}
#newfooter a:hover {
text-decoration: none;
}
#footer {
width: 773px;
margin: 0 auto;
padding: 5px 0 5px 0;
background: #336699 url(/layout/images/footer-background.gif) repeat-y;
font-size: 0.8em;
color: #fff;
text-align: center;
border-top: 5px solid #fff;
border-right: 5px solid #fff;
border-bottom: 5px solid #fff;
}
* html #footer {
width: 773px;
}
#footer a {
color: #fff;
}
#footer a:hover {
text-decoration: none;
}
/**************************
ADMIN/EDIT CSS
**************************/
.rightCol h3 {
display: block;
overflow: hidden;
padding: 14px 0 0 0;
height: 0;
margin: 3px 0 3px 0;
}
h3.admin {background: url(/layout/heading/admin.gif) no-repeat; }
#popUp {
padding: 5px;
background: #fff;
border: 1px solid #999;
margin: 10px;
height: 100%;
}
#popUp h3 {
display: block;
overflow: hidden;
padding: 54px 0 0 0;
height: 0;
width: 247px;
margin: 0 0 3px 0;
}
h3#imageUpload {background: url(/layout/heading/image-upload-heading.gif) no-repeat; }
h3#salgsbetingelser{background: url(/layout/heading/salgsbetingelser.gif) no-repeat; }
.topLevel {
background: #ccc;
}