/*
Green
008254

*/


/*
------------------------------
Structure
------------------------------
*/	

body {
	padding-top: 0px;
	padding-bottom: 0;
	font-size: 10px;
	line-height: normal;
	}
	
.focus {
	font-size: 1.8em;
}	
	
.container {
	font-size: 2em;
}	


#header {
}


footer {
	background: #e9e9e9 url(../img/shadow-line.png) no-repeat top;
	margin-top: 40px;
	padding-top: 50px;
	padding-bottom: 100px;
}

footer p.bottomline {
	font-size: 1.7em;
	text-align: center;
	margin-top: 40px;
}

/*
------------------------------
Cart
------------------------------
*/	

div.cart-box {
	position: relative;
}

div#cart ul,
div#cart ul li {
    margin: 0; 
    padding:0;
    list-style: none;
}
div#cart ul li {
    border: none;
    padding: 4px;
    border-top: #ccc 1px solid;
}
div#cart ul li.total {
    font-weight: bold;
}
div#cart .title {
    font-weight: bold;
}

div#cart.collapsable {
	position: absolute;
	z-index: 1000;
	background: #ffd76b;
	border: none;
	box-shadow: none;
	width: auto !important;
	text-align: left;
	border-radius: 0;
	font-size: inherit;
	padding: 10px;
	margin-top: 10px;
	border-bottom: 3px solid #ccc;
}
div#cart.collapsable.empty, div#cart.collapsable .inneholder {
	display: none;
}

div#cart.collapsable .short_info {
	padding-left: 40px;
	min-height: 30px;
	background: url('http://ostfold.net/cart.png') no-repeat -4px -5px;
}

div#cart.collapsable .antall, div#cart.collapsable .sum {
	font-weight: bold;
}

div#cart.collapsable #inline_cart {
	display: none;
	margin-top: 10px;
	width: 100%;
}

div#cart.collapsable #inline_cart.showing {
	display: block;
}

div#cart.collapsable #kasse_button {
	float: right;
}
	
/*
------------------------------
Menu styling 
------------------------------
*/	
	
#topmenu ul {
	float: right;
	}
	
#topmenu {
	padding-top: 1em;
	}	
	
#topmenu ul li {
	float: left;
	list-style: none;
	margin-left: 2em;
	}	
	
#nav ul {
	text-transform: uppercase;
	}
	
div#nav ul {
	padding: 0; margin: 0;
	float: none;
	position: relative;
	left: -1em;
}

/*
------------------------------
Slider
------------------------------
*/

.focus {
	position: relative;
	}

.shadow {
	background: url(../img/shadow-line.png) no-repeat top;
	width: 100%;
	height: 100px;
	position: absolute;
	top: 0;
	z-index: 100;
	}

.slider h1 {
	line-height: 1em;
	}

.slider .background {
	background: white;
	padding: 10px;
	}

.slider p.quote {
	font-size: 1.1em;
	line-height: normal;
	}

/*
------------------------------
Styling
------------------------------
*/
	
::selection {
	background: #008254; /* Safari */
	color: #fff;
	}
::-moz-selection {
	background: #008254; /* Firefox */
	color: #fff;
	}		

.clear {
	clear:both;
	}

img.logo {
	padding: 0 0 2em 0;
	}

hr {
	background: transparent;
	border-bottom: 3px solid #f6f6f6;
	height: auto;
	width: 100%;
	padding: 0;
	margin: 25px 0;
	}

.hr-shadow hr {
	background: url(../img/shadow-line.png) no-repeat center;
	border: 0 none;
	height: 25px;
	width: 100%;
	margin: 0;
	padding: 25px 0;
	}

.quote-box p {
	font-size: 0.9em;	
	}
.quote-box {
	color: #888888;
	}

div.maincontent {
	padding-top: 40px;
	margin-bottom: 40px;
	min-height: 500px;
	/* start IE hack */
  	height:auto !important;
  	height:500px;
	/* end IE hack */
	background: url(../img/shadow-line.png) no-repeat center top;
	}

header,footer,nav,maincontent {
	display: block;
	}
	
.forsideinfo {
	margin-bottom: 40px;
	}	

.facebook { 
	overflow: hidden; 
	border: none; 
	}

iframe { 
	border: none; 
	overflow:hidden; 
	width:370px; 
	height:300px;
	}

.hidden {
	display:none;
	}

/*
------------------------------
Fonts
------------------------------
*/	

body,
div.productdetails input.qty, 
input,
div.mekke_products,
input,
textarea,
.product-box h3 {
	font-family: 'NeutonLight', Georgia, Times, sans-serif;
	}

div.product-box h3 {
	font-size: 1.1em;
	}

div.product-box {
	font-size: 0.9em;
	}

b,strong {
	font-family: 'NeutonBold';
	font-weight: normal;
	}
	
i,em,oblique {
	font-family: 'NeutonItalic';
	font-style: normal;
	}

p.quote {
	font-family: 'NeutonCursiveRegular','NeutonItalic',Georgia, Times, sans-serif;
	font-style: normal;
	}
	
h3,
h4,
h5,
h6,
a.button,
ul.button li,
ul.button li a,
input.cart_add,
input.submit,
input[type="submit"],
.product-box span.product-price,
div.productdetails .price,
div.mekke_products div.productbox .price {
	font-family: 'HelveticaNeueBold','HelveticaNeue-Bold','Helvetica Neue Bold','Helvetica-Bold','Arial Black',Arial,sans-serif;
	font-weight: normal;
	}	

/*
------------------------------
Text styling and size
------------------------------
*/	

body {
	font-size: 10px;
	}
	
h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
	line-height: normal;
	}	
	
h1,h2,h3,h4,h5,h6 {
  margin: 10px 0;
  padding: 0;
	}	
	
h5,h6 {
  text-transform: uppercase;
	}	
	
h1:first-child,h2:first-child {
  margin: 0 0 10px 0;
	}	

p.quote {
	font-size: 0.9em;
	}
	
p.message {
	display:none;
	}
	
cite {
	display: block;
	font-size: 0.8em;
	font-style: italic;
	margin-bottom: 30px;
	padding-left: 20px;
	line-height: 1.2em;
	}
	
p {
	line-height: 1.4em;
}

ul li {
	margin-bottom: 10px;
}	
	
/*
------------------------------
Links
------------------------------
*/	
	
a,a:link,a:active,a:visited {
	color:	#008254;
	text-decoration: underline;
	}		
	
a:hover {
	color:	black;
	text-decoration: underline;
	}	
	
/* Produkter */		
	
.product-box a,
.product-box a:link,
.product-box a:active,
.product-box a:visited,
div.mekke_products a 
	{
	text-decoration: none;
	color:	black;
	}
	
.product-box a:hover,
div.mekke_products .title a:hover 
	{
	text-decoration: underline;
	color: black;
	}
	
/* Nav */	
	
#nav ul a {
	border-bottom: 7px solid transparent;
	}
	
#nav ul a, #nav ul a:visited {
	color:	grey;
	}
	
#nav ul a:hover {
	color:	black;
	border-bottom: 7px solid black;
	}
	
#nav ul li.menu-selected a {
	border-bottom: 7px solid #008254;
	color: #008254;
	}
	
/*
------------------------------
Buttons and inputs
------------------------------
*/	

/* Button link styling */
a.button, a.button:active, a.button:visited, a.button:hover {
	color: white;
	text-decoration: none;
	}

/* General input styling */
input[type="submit"],
input.cart_add,
input.submit {
	cursor: pointer;	
	}

/* Neutral button styling */
a.button,
ul.button li a,
input[type="submit"],
input.cart_add,
input.submit {
	display: inline-block;
	height: auto;
	white-space: nowrap;
  	vertical-align: middle;
	background: #808080;
	color: white;
	font-size: 0.8em;
  	text-decoration: none;
	padding: 3px 10px;
	border-radius: 5px;
	border: 1px solid #000000;
	}


/* productbox button size */
.productbox .button,
.productbox input.cart_add {
	font-size: 1.2em; /* buttons would otherwise be 0.8em */ 
	}

/* Buy button */
input.cart_add,
div.productdetails input.submit {
	background: #fbca3b;
	color: black;
	border-color: #888888;
	text-shadow: none;
	}	
	

/* Les mer button */
a.les-mer {
	background: white;
	color: black !important;
	border-color: #888888;
	}

/* Neutral button hover */
a.button:hover,
a.button:focus,
a.button:active,
ul.button li a:hover,
ul.button li a:focus,
ul.button li a:active,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:active,
div.productdetails input.submit:hover,
div.productdetails input.submit:focus,
div.productdetails input.submit:active {
	background: #ccc;
	color: black;
	}

/* Tags */
ul.button {
	list-style-type: none;
	margin: 0;
	margin-bottom: 1em;
	}	

ul.button li {
    float:left;
    margin: 2px;
	}	

ul.button li a {
    display: block;
    color: white;
    text-decoration: none;
	}	

/*
------------------------------
Product boxes
------------------------------
*/	

.products h2 span {
	font-size: 0.7em;
	float: right;
	position: relative;
	top: 0.3em;
	}

.products h2 span a {
	color: white;
	}

.product-box h3 {
	font-size: 0.9em;
	line-height: normal;
	margin-bottom: 0.1em;
	padding-bottom: 0;
	}

.product-box span.product-price {
	font-size: 1.2em;
	}
	
.product-description p {
	margin: 0 0 0.5em 0;
	}

.product-box h3,
.product-box span.product-price,
.product-box p {
	text-align: center;
	display: block;
	}

.product-box div.product-img {
	text-align: center;
	line-height: 275px;
	height: 250px;
	margin-bottom: 1.5em;
	}
	
	
.product-box img {
	margin: 0 auto;
	vertical-align: middle;
	max-height: 250px;
	}
	
.product-box {
	position: relative;
	}
	
.product-box form {
	text-align: center;
	}
	
.product-box .cart_add, 
.product-box .les-mer {
	margin: 0 auto;
	}
	
.product-box .les-mer {
	margin: 0 auto;
	padding-top: 5px;
	padding-bottom: 4px;
	}
	

	
/*
------------------------------
Mekke guestbook
------------------------------
*/	

div#guestbook_wrap table.entry,
div#guestbook_wrap table.entry .dashed {
	border: 0 transparent;
	}		

div#guestbook_wrap table.entry,
div#guestbook_wrap #add_new_entry {
    margin-top: 10px;
    border: 0;
    width: 100%;
    padding: 10px;
	}

div#guestbook_wrap table.entry h2 {
    margin: 0px;
    padding: 0px;
    font-size: 1em;
	font-weight: bold;
	}

div#guestbook_wrap table.entry {
    padding: 20px 0;
    border-top: 3px solid #f6f6f6;
	}

div#guestbook_wrap table.entry td {
	}

div#guestbook_wrap table.entry tr:first-child td {
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 20px;
    }	

div#guestbook_wrap table.entry tr:last-child td {
    padding-bottom: 20px;
    }	
    

	
/*
------------------------------
Mekke product details
------------------------------
*/	

div.productdetails {
	width: 100%;
	}

	div.productdetails label {
		display: block;
		margin-bottom: 5px;
	}
	
	div.productdetails input.submit {
		position: relative;
		top: -5px;
	}
	
	div.productdetails input.qty {
		border: 1px solid #ccc;
		font-size: 1em;
		font-size: 1em;
		line-height: normal;
		background: white;
		box-shadow: none;
		vertical-align: middle;
		width: 30px;
		padding: 5px 10px;
		border-radius: 5px;
	}
	
	div.productdetails .description p {
		margin: 0 0 1em 0;
	}
	
	
	div.productdetails .right-col {
		vertical-align: top;
		float:right;
		width: 65%;
	}
	
	
	div.productdetails .left-col {
		vertical-align: top;
		float:left;
		width: 30%;
	}
	
	
	div.productdetails .left-col img {
		box-shadow: 0 0 0;
		border: 0;
		width: auto;
		height: auto;
	}
	
	
	div.productdetails .price {
		margin-bottom: 1em;
    	color: black;
	}
	
	
	div.productdetails .description {
		border-top: 1px solid #e9e9e9;
	}	

	
/*
------------------------------
Mekke product view
------------------------------
*/

div.mekke_products div.productbox {   
	box-shadow: 0 0 0;
    background: transparent;   
    height: 370px !important; /* set height to allow for long title */
    overflow: visible;
    }

div.mekke_products div.productbox .title {
    font-size: 1.4em;    
    }
    
div.mekke_products div.productbox .price {
	font-size: 1.7em;
	line-height: normal;	
	}

/*
------------------------------
MOBILE
------------------------------
*/	

@media (max-width: 767px) {
  body {
    padding: 0;
    font-size: 10px;
  }
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }
  #header .span3 {
    text-align: center;
  }
  .logo {
    width: 90%;
    margin: 40px auto 0 auto;
  }
  div.cart-box {
    position: static;
	margin: 20px 0;
  }
  
  div#cart.collapsable {
	position: static;
	padding: 10px;
	border: 3px solid #ccc;
	} 
	
li {
	line-height: normal;
	}
  
  #nav li {
	width: 100%;
	margin: auto;
	} 
	
.product-box {
	border-top: 10px solid #ccc;
	padding-top: 2em;
	padding-bottom: 2em;
	}
	
.product-box * {
	text-align: center;
	}
	
.product-box div.product-img {
	margin-top: 1em;
	margin-bottom: 1em;
	max-height: auto;
	height: auto;
	max-width: auto;
	width: auto;
	}
	
.product-box img {
	max-height: 400px;
	height: auto;
	max-width: auto;
	width: auto;
	}
	
.product-box h3,
.product-box span.product-price,
.product-box p {
	text-align: center;
	display: block;
	}
 
#nav ul a {
	border-bottom: 7px solid transparent;
	padding-left: 40px;
	padding-right: 40px;
	}
	
#nav ul a, 
#nav ul a:visited {
	color:	grey;
	}
	
#nav ul a:hover {
	color:	white;
	background: grey;
	border-bottom: 7px solid grey;
	}
	
#nav ul li.menu-selected a {
	background: #008254;
	color: white;
	}
	
	

	
	div.productdetails .right-col {
		width: 100%;
	}
	
	
	div.productdetails .left-col {
		width: 100%;
	}	
	
  
/*
------------------------------
MOBILE Slider
------------------------------
*/

ul#main-featured-slider.dpUniSlider {
	height: 243px !important;
	overflow: visible;
	}

.slider li.dpUniSlider_slide {
	background-size: 2000px 243px;
	background-repeat: no-repeat;
	overflow: visible;
	}

div li.dpUniSlider_slide div {
	width: 200px !important;
	font-size: .8em;
	color: white;
	padding: 1em;
	margin: 0 auto !important;
	}

div li.dpUniSlider_slide div.left {
	}

div li.dpUniSlider_slide div.right {
	}

div li.dpUniSlider_slide .slider-content {
	position: relative;
	background: black;
	top: -1em;
	}

div li.dpUniSlider_slide div.left .slider-content {
	left: 5em;
	}

div li.dpUniSlider_slide div.right .slider-content {
	right: 5em;
	}

.slider h1 {
	line-height: 1em;
}

.slider .background {
	background: white;
	padding: 10px;
}


.slider p.quote {
	font-size: 1.1em;
	line-height: normal;
}
  
}