div, img {
	border:0;
	margin:0;
	padding:0;
	}

body {
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 12px; 
	color:#555555;
	margin:0;
	padding:0;
	background: #f3f3f3 url(../images/bg.jpg) repeat-x; 
}

/* Headings
-------------------------------------------------------------- */
h1, 
h2, 
h3, 
h4, 
h5, 
h6 { 
  clear: both;
  margin:15px 0 0 0;
  padding:0;
  }

h1{ font-size: 2.6em; margin-top: 0; margin-bottom: 15px; }
h1.large {font-size: 3.0em; font-weight: normal;}
h2{ font-size: 1.5em; margin-top: 0; }
h3{ font-size: 1.3em;}
h4{ font-size: 1.1em;}
h5{}
h6{}


a, h2 a, h3 a, h4 a, h5 a, h6 a{ color: #404040;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{ color: #696868; }


/* Links
-------------------------------------------------------------- */
a{ color: #e95a00; text-decoration: none; }
a:hover{ text-decoration: underline; }

a.read-more{ color: #fff; padding: 2px 6px; background: #9ecd5e; }

a img{ border: 0;}


/*///////////// Rammeverk //////////////*/

.wrapper {
	width: 952px;
	margin: 0 auto;
	}

.wrapper-inner {}
	

.brand-ekspress {background: url(../images/bg-element-top.jpg) top no-repeat;}
.brand-basis {}
.brand-pluss {}
.brand-nettbutikk {}
.brand-sms {}
.brand-pluss {}

.wrapper-content {
	margin: 0 0 50px 0;
	border-bottom: 1px solid #e8e8e8;
	}



/*///////////// Header //////////////*/

.header {
	margin: 2px 0 0 0;
	}

.logo {
	margin: 0 0 7px 0;
	}




/*///////////// Navigasjon //////////////*/

.navigation {
	width: 952px;
	height: 86px;
	background: url(../images/bg-navigation.png) no-repeat;
	
	}

.breadcrumb {
	margin: 15px 0 10px 5px; 
	font-size: 11px;
	color: #acacac;
	}

.breadcrumb a {
	color: #acacac;
	}

.breadcrumb a:hover {
	color: #000;
	}

.main-menu ul {
	list-style:none;
	margin:0 0 0 10px;
	padding:0;
	}

.main-menu ul li {
	list-style:none;
	margin:0 5px 0 4px;
	padding:0;
	float:left;
	height: 44px;
	line-height: 44px;
	}

.main-menu ul li a {
	display:block;
	color: #fff;
	}

.main-menu ul li a span {
	display:block;
	padding: 0 25px 0 25px;
	}

.main-menu ul li.active a {
	background: url(../images/bg-mainmenu-left-active.gif) no-repeat;
	color: #000;
	}

.main-menu ul li.active a span {
	background: url(../images/bg-mainmenu-right-active.gif) top right no-repeat;
	}

.main-menu ul li a:hover {
	background: url(../images/bg-mainmenu-left.gif) no-repeat;
	color: #fff;
	text-decoration:none;
	}

.main-menu ul li a:hover span {
	background: url(../images/bg-mainmenu-right.gif) top right no-repeat;
	color: #fff;
	}


.sub-menu {
	clear:left;
	}

.sub-menu ul {
	margin: 0;
	padding:0;
	list-style:none;
	}

.sub-menu ul li {
	margin: 0 15px 0 15px;
	padding:0;
	list-style:none;
	float:left;
	height: 38px;
	line-height:38px;
	}

.sub-menu ul li a span {
	display:block;
	}

.sub-menu ul li a {
	font-size: 11px;
	font-weight: bold;
	color: #000;
	}

.sub-menu ul li a:hover {
	color: #b8b8b8;
	text-decoration:none;
	}




/*///////////// Cols //////////////*/

/* Layout sections and boxes 
  The layout section class defines how many cols fits in the section
*******************************************************************************************************/
.layout-section{}
	.layout-section-1-col,
	.layout-section-2-col,
	.layout-section-3-col,
	.layout-section-4-col{ display: inline-block; width: 100%; margin: 0 0 20px 0; padding: 0; overflow: hidden; }

.row-last, div.row-last, .last-row, div.last-row{ margin-right: 0;}
		
/*  
  one-col = one section col 
  [n]-col = [n] section cols
  
  The width of each col depends on it's context (parent / layout section) 
*/
.one-col,
.two-col,
.three-col,
.four-col
{ display: inline; float: left; _zoom: 1; margin-right: 20px; }

	
/* Layout section - take three cols *******************************************************************************************************/
.layout-section-3-col{}
	.layout-section-3-col .one-col{ width: 304px; float:left; }
	.layout-section-3-col .two-col{ width: 628px; float:left; }
    .layout-section-3-col .three-col{ width: 100%; margin-right: 0; }

/* Layout section - take four col  *******************************************************************************************************/
.layout-section-4-col{}
  .layout-section-4-col .one-col { width: 223px; }
  .layout-section-4-col .two-col { width: 466px; }
  .layout-section-4-col .three-col { width: 709px; }
  .layout-section-4-col .four-col{ width: 100%; margin-right: 0; }




/*///////////// Footer //////////////*/

.footer {
	width: 932px;
	height: 57px;
	background: url(../images/bg-footer.gif) no-repeat;
	line-height: 50px;
	padding: 0 0 0 20px;
	}

.footer a {
	color: #252525;
	}




/*///////////// Frontpage banner //////////////*/

.cf-container {
	width: 992px;
	heigth: 300px;
	margin-left: -20px;
	margin-top: -15px;  
	}


.frontpage-text {
	display: none;}


/*///////////// Intro //////////////*/

.intro {
	width: 100%;
	margin: 15px 0 25px 0;
	}

.intro h1 {
	font-size: 24px;
	font-weight: normal;
	color: #0f0e0e;
	}

.intro h2 {
	font-size: 16px;
	font-weight: normal;
	}



/*///////////// Produkter //////////////*/

.product {}

.product-display {}

.product-price {
	width: 100%;
	padding: 10px 0 10px 0;
	float:left;
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	height: 50px;
	line-height: 50px;
	margin: 20px 0 20px 0;
	}

.product h2 {
	font-size: 1.9em;
	font-weight:normal;
	}

.product h3 {
	float:left;
	font-size: 1.7em;
	margin:0;
	}

.product h4 {
	font-size: 1.2em;
	}

.product-text {
	margin: 20px 0 0 0
	}




/*///////////// Buttons //////////////*/

.btn-logginn a {
	display:block;
	width: 176px;
	height: 26px;
	background: transparent url(../images/btn-logginn.gif) no-repeat;
	float:right;
	margin: 5px 11px 0 0;
	}

.btn-logginn a:hover {
	background-position:-176px 0;
	}

.btn-pristilbud a {
	display:block;
	width: 228px;
	height: 51px;
	background: transparent url(../images/btn-pristilbud.png) no-repeat;
	margin: 40px 0 0 40px;
	}

.btn-pristilbud a:hover {
	background-position:-228px 0;
	}

.btn-lesmerogbestill a {
	display:block;
	width: 174px;
	height: 45px;
	background: transparent url(../images/btn-lesmerogbestill.gif) no-repeat;
	margin: 4px 0 0 40px;
	float:right;
	}

.btn-lesmerogbestill a:hover {
	background-position:-174px 0;
	}




/*///////////// Boxes //////////////*/

.dialog {
	 position:relative;
	 margin: 0px auto;
	 min-width: 223px;
	 max-width: 1000px;
	 color:#000;
	 z-index:1;
	 margin-left: 5px; 
	 margin-bottom: 0.5em;
}

.dialog .content, .dialog .t, .dialog .b, .dialog .b div { background:transparent url(../images/box.png) no-repeat top right;}
.dialog .nohead, .dialog .nohead .t, .dialog .nohead .b, .dialog .nohead .b div { background:transparent url(../images/box-nohead.png) no-repeat top right;}

.dialog .content { position:relative; zoom:1; _overflow-y:hidden;padding:0;}


.dialog .t {
 position:absolute;
 left:0px;
 top:0px;
 width: 5px;
 margin-left: -5px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left; }

.dialog .nohead .t { background-position:top left; }

.dialog .b { position:relative; width:100%; }
.dialog .b, .dialog .b div { height: 5px; font-size: 1px;  }

.dialog .b { background-position:bottom right; }
.dialog .b div { position:relative; width: 5px; /* bottom corner width */ margin-left:-5px; background-position: bottom left; }


.dialog-header {height: 37px; line-height: 37px;padding: 0 0 0 15px;}
.dialog-body {min-height:130px; padding:20px 0px 0 10px;margin: 0 5px 0 0; }

.dialog-body p {margin:0;}

.dialog .content img {float:left; margin:0 5px 0 0;}
.dialog .content h3, .dialog .content.nohead h2 {clear:none; margin-top:0;}

.dialog .content ul {margin:10px 0 0 0;padding:0; list-style:none;}
.dialog .content ul li {margin:0 0 0 0;padding:0; list-style:none;}
.dialog .content ul li a {display:block;padding:2px 0 3px 0;}

.dialog p {margin-top:10px;padding:0;}
.dialog h2 {color: #fff; font-weight: 100; font-size: 14px; }
.dialog h3 {color: #0f0e0e; font-weight: 700; font-size: 16px; }
.dialog .nohead h2 {color: #0f0e0e; font-weight: 700; font-size: 16px; display:inline;padding: 0 0 10px 0;}




/*///////////// Clearfix //////////////*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}


/*///////////// Plukk //////////////*/

.lightgrey { color: #8d8d8d; }
.normal { font-weight: normal; }

div.hr {
  height: 1px;
  background: #e8e8e8 no-repeat scroll center;
}
div.hr hr {
  display: none;
}

.cr {clear:both:}

p {
	line-height: 20px;
	}
	
	
	
	
	
	
	
	
	
	
	
	
/* SLIDER */

/* container for slides */
.images {
	position:relative;	
	height:393px;
	
	width:952px;
	float:left;	
	cursor:pointer;
}

/* single slide */
.images div {
	display:none;
	position:absolute;
	top:0;
	left:0;		
	height:393px;
}

/* tabs (those little circles below slides) */
.slidetabs {
	clear:both;
	float: right; 
	margin-right: 20px; }

/* single tab */
.slidetabs a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../images/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;		
}

/* mouseover state */
.slidetabs a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.slidetabs a.current {
	background-position:0 -16px;     
} 	

/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
	visibility:hidden !important;		
}



/* the overlayed element */

.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(../images/overlay/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:640px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url(../images/overlay/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}