@charset "utf-8";

/*--------------------------------------------------------------
CSS Document
Author: Maria Therese Nordahl, Øyvind Gran
Date: 11.06.09
Name of site: Amalies AS

FARGER:
light pink: #e893b5;
dark pink: #b1406b;
light gray (content-main border): #9a9a9a;
slightly darker grey: #8d8d8d;


/*-------------------------------------------------------------*/

/* IE Fixes */

div#IEroot div#branding { }
div#IEroot div#content { }
div#IEroot div#content-main { }
div#IEroot div#container { }
div#IEroot div#nav-top { }


/*--------------------------BASIC------------------------------*/
html {
margin : 0; 
text-align: center; /*centering for <--IE6 */
background: #FFF url(../images/bg-pattern1.png) repeat ;
overflow-y: scroll; /*always show vertical scrollbar - to keep page from jumping in FF*/
}

body { 
width: 100%;
margin : auto; 
padding : 0; 
font : 73%/160% Verdana, Arial, sans-serif; /*Georgia, 'Times New Roman', serif;*/
/*background: url(../images/topline.png) repeat-x;*/
text-align : left; /*resetting the text*/
color: #262626;
}

div#bgdec { /*background-decorations*/
background: url(../images/bg-brush.png) no-repeat left top;
height: 100%;
position: absolute;
}

div#curl { /*inside container*/
position: absolute;
width: 66px;
height: 54px;
top: 200px;
left: 800px;
}


/********HEADINGS********/
h1, h2, h3, h4, h5 {
font-family: Tahoma, Arial, Verdana, sans-serif; 
color: #252525; 
}

h1 { /* gen TITLEs */
font-family: georgia, 'times-new-roman', serif;
font-size: 160%; font-weight: normal;
margin-top: 10px; margin-bottom: .8em; 
}

h1.product-title {
font-size: 160%; font-weight: normal;
margin-top: 10px; margin-bottom: 5px; 
}

h1.title { /*sifr titles*/
font-size: 140%;
margin-top: -2px;
margin-bottom: -8px;
z-index: 1000;
height: 50px; /*NB. necessary for sIFR to show up in IE*/
}

h1.title-btm {
margin-top: -10px;
max-height: 29px;
}

/*
h1.velkommen {
margin:0;
padding:0;
padding-top: 46px;
margin-left: 
width: 176px;
background-image: url('../images/velkommen.png');
background-repeat: no-repeat;
overflow: hidden; /*hides text*/
/*height: 0; /* --> no room for txt */
/*}*/

h1.branding {
margin:0;
}

h2 {
font-size: 120%; font-weight: bold;
margin-top: 10px; 
}

h3 { 
font-size: 100%;
margin-top: 10px; 
}

h3.price {
/*color: #b1406b;*/
font-weight: normal;
font-size: 150%;
}

h4 { /*date on newsArticle*/
font-size: 95%;
color: #555;
padding: 4px 0 0 2px;
margin: -15px 0 0 0;
font-weight: normal;
}

em { 
font-style: italic;
}

strong {
font-weight: bold;
}

p {margin: 10px 0 10px 0;}
ul {margin:0; padding:0; }
ol {margin: 0; padding-left: 22px; }
form {margin: 0; padding: 0; }

.clear {
clear: both; 
}

.clearleft {
clear: left;
}

.clearright {
clear: right;
}

.overflowHidden {
overflow: hidden;
}

.zebra {
}

.rowcolor {
/*background: #f4f8ed;*/
background: url(../images/bg-paper.png) repeat;
}


/*********LINKER*********/
a { 
color : #b1406b; /*#117d79;*/ text-decoration: none;
}

a:link { 
color :#b1406b; /*#117d79;*/ text-decoration : none;
}

a:visited { 
color : #b1406b; /*#117d79;*/ text-decoration : none;
} 

a:hover { 
color: #666666; text-decoration : none; 
}

a:active, a:focus {
color: #666666; text-decoration : none; 
}


/*-------------------------------CONTAINER---------------------------------*/

div#container {
position: relative; /*to avoid issues with fixed/absolute divs*/
margin-left: auto; /*centering on page*/
margin-right: auto;
width: 830px;
overflow: hidden; /*for floated nav-admin*/
}

/*------------------------------BRANDING-----------------------------------*/
div#branding { 
position: relative;
height: 110px;
width: 191px;
margin: 14px 0 5px 2px; /*top: 12px*/
background: url(../images/logo-amalies.png) no-repeat /*left top*/ /*30px*/
}
 
div#branding h1 a { 
display : block;
width: 191px;
height: 110px;
text-indent : -9999px;
margin: 0 0 0 2px;
}

div#loginlink { /*only used on admin-pages (logg ut)*/
position: relative;
margin: -20px 0 0 765px;
z-index: 100;
font-family: verdana;
font-size: 80%;
text-transform: uppercase;
}

div#loginlink a {
color: #000;
}

/*----------------TOP-NAV-WRAPPER---------------*/

div#top-navigation-wrapper {  
/*#nav-top + #user-loggedin + #search-input and */
width: 100%;
height: 86px;
overflow: hidden;
margin-bottom: 0;
font-size: 110%;
}


/*--------------------------------NAV--------------------------------------*/

div#nav-top {
position: relative;
margin: -50px 0 22px 181px;
z-index: 1;
height: 30px;
text-align: right;
width: 650px;
/*width: 826px;*/
font-family: georgia, 'times-new-roman', serif;
font-size: 105%;
}

div#IEroot div#nav-top {
margin-bottom: 30px;
}

div#nav-top ul { 
list-style-type: none; 
display: block;
height: 33px;
margin: 10px 0 0 0px;
/*overflow: hidden; /*for IE*/
}

div#nav-top li { 
display: inline; 
white-space: nowrap;
}

div#nav-top li a { 
padding-right: 8px; /* space between links */
padding-left: 8px;
font-size: 90%;
color: black;
text-transform: uppercase;
border-right: 1px solid #fffcfc;
}

div#nav-top li a.last {
border: 0px solid #fffcfc;
}

div#nav-top li a.active {
background: url(../images/rose-small.png) no-repeat 2% 70%;
padding-left: 18px;
/*color: #b1406b;*/
font-weight: bold;
}


/*------NAV-SECTION------*/ /*merker */

div#nav-section {
position: relative; 
width: 210px;
min-height: 300px;
float: left;
margin: 21px 0 0 0; /* TRBL */
padding: 0px 5px 0px 0px ;
/*font-family: verdana;*/
text-align: left;
}

#nav-section #nav-section-content {
padding: 0px 0 12px 0;
width: 205px;
}

#nav-section a {
color:#4a4a4a;
}

/*LEVEL 1 - Topmenu - style cascades*/
div#nav-section ul {
padding: 0 0 0 0px;
margin: 0 0 0 5px;
}

div#nav-section ul li {
list-style-type: none;
margin: 0 0 0 0;
padding: 0px; 
font-size: 85%;
text-transform: uppercase;
letter-spacing:  0.07em;
font-family: verdana;
}

div#nav-section ul li a {
line-height: 30px;
display: block;
padding-left: 12px;
}

div#nav-section ul li a.level1 {
border-bottom: 1px dashed #bbb;
}

.firstMenuItem {
border-top: 1px dashed #bbb;
}

div#nav-section ul li a.active {
background: white;
}


/*-------NAV-ADMIN--------*/

div#nav-admin {
position: relative; 
width: 210px;
min-height: 300px;
float: left;
margin: 21px 0 0 0; /* TRBL */
padding: 0px 5px 0px 0px ;
/*font-family: verdana;*/
text-align: left;
}

#nav-admin #nav-admin-content {
/*margin: 29px 0 0 1px;*/
padding: 0px 0 12px 0;
/*background: white;*/
width: 222px;
}

#nav-admin a {
color:#4a4a4a;
}

/*LEVEL 1 - Topmenu - style cascades*/
div#nav-admin ul {
padding: 0 0 0 0px;
margin: 0;
}

div#nav-admin ul li {
list-style-type: none;
margin: 0 0 0 0;
padding: 0px; 
font-size: 90%;
text-transform: uppercase;
letter-spacing:  0.07em;
font-family: verdana;
}

div#nav-admin ul li a {
line-height: 30px;
display: block;
padding-left: 12px;
}

div#nav-admin ul li a.level1 {
/*background: #9a9a9a; /*#dedede;*/
border-top: 1px dashed #bbb;
border-bottom: 1px dashed #bbb;
}


/*LEVEL 2 - Submenu */

.menu-sub1 { }

.menu-sub2, .menu-sub3, .menu-sub4 {
/*display: none;*/
}

div#nav-admin ul li ul {
margin: 0 0 0 0;
padding: 0 0 0 0px;
letter-spacing: normal;
/*background: white;*/
}

div#nav-admin ul li ul li {
margin: 0 0px;
padding: 0 0 0 0px;  /*padding used instead of margin to support bg image/bullet on hover */
font-size: 95%;
color: black;
text-transform: none;
font-weight: normal; 
letter-spacing: normal;
}

div#nav-admin li ul li a {
line-height: 27px;
padding-left: 26px; 
}


/*LEVEL 2 - Submenu - ACTIVE*/

div#nav-admin li ul li.active {
}

div#nav-admin li ul li.active a {
background: white;
font-weight: bold;
}

div#nav-admin li ul li a:hover{ 
}

/*-----------------------NAV-NEWS------------------*/

ul#news {
font-size: 95%;
line-height: 1.3em;
margin: 15px 0px 0px 0px;
list-style-type: none;
}

ul#news li {
margin: 10px 0 10px 0; /*margins between <li>'s */
padding: 3px 10px 5px 10px; /*padding leftRight inside <li>*/
background: #ededed;
border-bottom: 1px dashed gray;
}

/* ul#news li.activeNewsItem {
/* For if() in navnews.inc.php
background: blue;
}
*/

ul#news h4 {
font-family: georgia, 'times new roman', serif;
font-size: 85%;
font-weight: bold;
margin:0;
padding:6px 4px 0px 0px;
text-transform: uppercase;
}

ul#news h4 a {
color: #222;
}

ul#news p {
margin: 0;
font-size: 90%;
color: #444;
}

ul#news a.readmore {
text-transform: uppercase;
font-size: 85%;
letter-spacing: 0.02em;
}

.newsarchiveLink{
font-size: 85%;
text-transform: uppercase;
margin-left: 10px;
padding-bottom: 5px;
display: block;
}


/*-----------NEWSARCHIVE-------------*/
ul#newsarchive {
list-style-type: none;
font-size: 90%;
line-height: 1.3em;
margin: 15px 0px 0 0px;
list-style-type: none;
width: 500px;
}

ul#newsarchive a.linkblock {
display: block;
}

ul#newsarchive li {
margin: 10px 0 10px 0; /*margins between <li>'s */
padding: 0 10px 10px 10px; /*padding leftRight inside <li>*/
border-bottom: 1px dotted #666;
background: url(../images/bg-paper-dark.png) repeat;
}

ul#newsarchive h4 {
font-family: arial;
font-size: 105%;
font-weight: bold;
margin:0;
padding:6px 4px 0px 0px;
text-transform: uppercase;
}

ul#newsarchive h4 a {
color: black;
}

ul#newsarchive span.date {
color: gray;
font-size: 90%;
}

ul#newsarchive p {
margin: 0 0 10px 0;
font-size: 95%;
}

/*-----BREADCRUMBS------*/

.nav-breadcrumbs { 
position: absolute;
margin: -23px 0 0 29px; /*NB. not dynamic*/
text-align: right;
font-family: verdana;
font-size: 75%;
}

.nav-breadcrumbs a {

}


/*------------------------------CONTENT-----------------------------------*/

div#content, div#content-admin, div#content-order { /*content-admin brukes også til merker, nyheter, nettbestilling og kontakt-oss*/
position: relative;
width: 828px;
margin: 0 0 20px 0; /*235px;*/
border: 1px solid white;
background: url(../images/bg-content.png) repeat;
}

div#content-order {
background: url(../images/bg-paper.png) repeat;
padding: 15px 20px 25px 25px;
}

div#content p {
font-size: 90%;
}

div#content div#content-main, div#content-admin div#content-main {
width: 400px;
float: left;
position: relative;
margin: 0 0px 0 0px; 
font-size: 110%;
min-height: 300px;
/*background: url(../images/bg-paper.png) repeat;*/
}

div#content-main div#col1 {
padding: 15px 20px 25px 25px;
}

.margins { /*brukt på 'contact.php' for å få samme margins som ellers */
margin: 18px 20px 25px 25px;
}

.margins h1 {
font-size: 140%;
}

div#content div#content-section, div#content-admin div#content-section  {
width: 400px;
float: right;
/*background: url(../images/bg-paper-dark.png) repeat;*/
min-height: 300px;
}

div#content-section div#col2 {
padding: 15px 20px 25px 25px;
position: relative;
}


/*------------ADMIN/CMS----------------*/

div#content-admin {
background: url(../images/bg-content-admin.png) repeat-y;
}

div#content-admin div#content-main {
width: 220px;
}

div#content-admin div#content-main div#col1 {
padding: 0;
}

div#content-admin div#content-section {
width: 600px;
}

div#content-admin div#content-section div#col2 {
padding: 15px 20px 25px 20px;
}

/*EDIT PAGES LIST*/
div#content-admin table {
margin: 0;
padding: 0;
}

div#content-admin table td {
padding: 3px 5px 3px 0;
}

div#content-admin table td.edit {
padding-right: 25px;
}

div#content-admin table td.delete {
padding-right: 10px;
}


/*------------------------------CONTENT-BOTTOM (Paperstrip) -----------------------------------*/

div#content-bottom { /*Paperstrip*/
width: 829px;
height: 126px;
margin-bottom: 20px;
background: url(../images/paperstrip.jpg) no-repeat;
font-size: 90%;
}

div#content-bottom p {
/*font-family: arial, verdana, sans-serif;*/
color: black;
}

div#content-bottom h1 {
font-size:140%;
margin-top: 10px;
margin-bottom: 6px;
}

div#content-bottom #openinghours,
div#content-bottom #latestnews,
div#content-bottom #contactinfo,
div#content-bottom #brandbox {
float: left;
width: 180px;
height: 120px;
margin-left: 26px;
margin-top: -6px;
}

#latestnews h3 {
margin-bottom: 0;
padding-bottom: 0;
}

#latestnews p {
margin-top: 8px;
margin-bottom: 1px;
padding-top: 0;
width: 150px;
}

div#content-bottom #contactinfo {
margin-left: 22px;
}

div#content-bottom #brandbox {
margin-left: 35px;
}

#openinghours table#ohTable {
margin-top: 3px;
}

/*---------------------------CONTENT-LOGOs-------------------------------*/

div#content-logos {
width: 829px;
margin-bottom: 10px;
text-align: center;
}

div#content-logos img {
display: inline;
padding: 8px;
border: none;
}


/*-----------------------------SITEINFO-----------------------------------*/

div#siteinfo {
height: 52px;
width: 829px;
position: relative;
margin: 0px auto 0;
text-align: center;
color: gray;
}

div#siteinfo a {
padding-bottom: 5px;
color: #222;
}

div#siteinfo a img {
border: none;
height: 30px;
vertical-align:text-bottom;
}

div#siteinfo a:hover {
/*text-decoration: underline; */
}

div#siteinfo div.copyright {
text-align: right;
margin: 15px 0 0 390px;
display: inline;
}

div#siteinfo .copyright p {
display: inline;
padding: 0 8px 0 8px;
margin: 0;
font-size: 90%;
color: #fffcfc; 
}

#logo-small {
position: relative;
top: 15px;
text-align: left;
padding-left: 2px;
}

#tagline {
height: 20px;
}

/*----------------------------------FORM------------------------------------*/

div#kontaktskjema {
margin: 0px 0 15px 0px;
padding: 0;
}

div#kontaktskjema fieldset, 
div#loginForm fieldset {
width:500px;
border:none;
margin: 0;
padding: 0px;
overflow: hidden; /*to contain the floated form elements and their labels */
} 

div#kontaktskjema label, 
div#kontaktskjema input, 
div#kontaktskjema select, 
div#kontaktskjema option, 
div#kontaktskjema textarea,
div#loginForm label, 
div#loginForm input {
display: block; 
float: left;
}

div#kontaktskjema label, 
div#loginForm label { 
width: 140px; 
padding-right: 2px; 
text-align:left; 
}

div#loginForm label { 
width: 90px;
padding-top: 5px;
}


div#kontaktskjema fieldset select { width: 45.5%; border: 1px solid #ccc; }
div#kontaktskjema fieldset input { width: 45%; border: 1px solid #ccc; }
div#kontaktskjema fieldset textarea { width: 45%; border: 1px solid #ccc; height: 130px; }

div#kontaktskjema fieldset input:hover, 
div#kontaktskjema fieldset textarea:hover, 
div#kontaktskjema fieldset select:hover {
border-color: gray; 
}

div#kontaktskjema fieldset input:active, 
div#kontaktskjema input:focus {
border-color: black; 
}

div#kontaktskjema #submit {
position: relative;
left: 294px; 
margin: 3px 0 2px 0px;
padding: 0em 1.2em; /*to the L&R of the text within the button */
} 

div#IEroot div#kontaktskjema #submit {
left: 276px; 
} 

div#loginForm input {
margin: 5px 0 0 0;
}

div#loginForm #loginBtn {
margin: 5px 0 0 167px;
}

.topmsg {
font-size: 90%;
font-weight: bold;
display: block;
margin: 13px 0 7px 0;
}


/*------------------CMS-----------------------------*/

.msg {
color: #b1406b;
display: block;
}

.infomsg {
color: #b1406b;
font-size: 75%;
font-style: italic;
}

.caption {
margin-left:102px;
}

div#IEroot .caption {
margin-left:118px;
}


/*-----------------NEWS page----------------------*/
.rsslink {
position:relative;
margin: 0 0 0 500px;
}

div#news-article {

}

div#article {
}

.newsImageBox { /* holds all newsImages */
float: right;
margin: 15px 10px 10px 20px;
text-align: center;
}

.newsImageBox img {
border: 3px solid #ededed;
}

/*----------------BRAND.inc---------------------*/
p.brandinfo {
width: 320px;
float: left;
}

div#prodimages-container {
width: 220px;
float: right;
padding-bottom: 15px;
}

div#prodimages-container div#prodimagebox {
float: left;
width: 100px; 
height: 100px;
border: 2px solid #ededed;
margin: 3px;
}

div#prodimages-container div#prodimagebox a img{
border: none;
margin: auto;
vertical-align:middle;
}

div.spacer { 
clear: both; 
background: green;
height: 100px;
}

/*------------------HOME.inc----------------*/

div#links {
float: right;
margin-right: 50px;
margin-top: 20px;
}

div#links h3 {

}

div#links ul {
list-style-type: none;
}

div#col2 img {
float: left;
/*position: absolute;
bottom: 0;*/
}


/*-------------------PRODUCT details page--------------------*/

div.product-wrapper { /*holds .product-image + #product-details*/
overflow: hidden;
margin-bottom: -5px;
padding-bottom: 0px;
}

div.product-wrapper .product-image { /*larger image on details page*/
width: 250px;
float:left;
margin-left: 0px; /*to 'adjust'/remove the left-margin from #content-main */
margin-top: 15px;
}

div.product-wrapper .product-image img {
margin: 0 auto;
/*padding: 0 8px 0 8px;*/
border: 2px solid #ededed;
}

div.product-wrapper .product-image .image-options { 
margin: 10px 0 0 0px;
padding:  0 0 0 10px;
color: #888;
}

/*div.product-wrapper .product-image .image-options img {
padding: 3px 5px 3px 5px;
}*/

div.product-wrapper .product-details {
width: 270px;
float:left; 
margin: 1px 0 0 20px; /* top 8px;*/
padding: 7px 0px 7px 7px;
/*background: red;*/
}

div.product-wrapper .product-details p {
/*color: #565555;*/
padding: 0;
margin: 15px 2px 2px 0px;
/*font-size: 90%; */
}

div.product-wrapper .product-details .orderBtn { 
font-size: 110%;
text-transform: uppercase;
padding: 5px 7px;
background: red url(../images/bg-btn.jpg) repeat-x;
border: 1px solid white;
}

/****************PRODUCTS page********************/
div#products-container {
width: 600px;
overflow: hidden;
margin-left: -3px;
}

div#products-container div#prodimagebox {
float: left;
height: 130px;
margin: 6px;
text-align: center;
border: 2px solid #ededed;
}

div#products-container div#prodimagebox a img {
/*border: 2px solid #ededed;*/
border: none;
margin-bottom: 4px;
}

div#products-container div#prodimagebox div.prodname {
font-size: 90%;
background: #ededed;
}

div#products-container div#prodimagebox div.prodname a {
color: black;
}

.adminImageDiv
{
	background: white;
	padding: 5px;
	margin-top: 5px;
}

.adminImage
{
	float: left;
}

.removeDiv
{
	float: right;
	margin-right: 10px;
}

.mainPicDiv
{
	float: right;
	margin-right: 30px;
}

.smallText
{
	font-size: 10px;
}


/*--------------------BASIC/Template page ++-----------------*/

.page-image { /*used on about, basic*/
border: 3px solid #ededed;
margin-left: 0px;
/*margin-top: 10px;
margin-bottom: 10px;*/
}


/*-------------------ORDER/PRODUCTS.inc.php------------------*/

#orderform {
width: 780px;
background: url(../images/bg-paper-dark.png) repeat;
border: 2px solid #ededed;
}

#orderform img {
border: 3px solid #ededed;
margin-top: 2px;
margin-left: 3px;
margin-right: 5px;
}

.orderinfo { /*information about how the order will be processed*/
width: 350px;
margin: 55px 5px 5px 370px;
position: absolute;
padding: 5px 10px;
/*background: url(../images/bg-paper.png) repeat;*/
border: 1px solid #ededed;
font-style: italic;
}

div#IEroot .orderinfo {
margin: 65px 5px 5px 355px;
}

#sendOrderBtn {
/*margin-left: 335px;*/
margin-top: 15px;
margin-bottom: 10px;
float: right;
}