/**************
   FRAMEWORK
**************/

#allcontent
{
	width:979px;
	padding:0px;
	margin:0px;
	margin-left: auto;
	margin-right: auto;
}
#framework_top
{
	background-image:url(../images/framework_top-bg.png);
	background-position:left top;
	background-repeat:no-repeat;
	height:24px;
}
#framework_mid
{
	background-image:url(../images/framework_mid-bg.png);
	background-position:left top;
	background-repeat:repeat-y;
}
#framework_bottom
{
	background-image:url(../images/framework_bottom-bg.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	height:35px;
}
#maincontent-cell /* The table cell with the main content */
{
	margin-left: 28px;
	margin-right: 23px;
	background-color:#FFF;
}


div#header div#navigation
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#BFBFBF;
	text-align:right;
	margin-right:5px;
}
div#header div#navigation a {
	color:#BFBFBF;
	text-decoration: none;
}


/** login page **/

.loginboxes {
	width: 160px;
}

.loginboxes .halfbox {
	width: 98%;
}

.loginboxes input {
	margin: 0;
	width: 48%;
}

.loginboxes .button {
	margin-left: 2px;
}

/************
   TOOLBAR
************/

div#top-toolbar
{
	background-image:url(../images/framework_top_bg.jpg);
	height:20px;
	line-height:19px;
	padding:10px;
	padding-bottom:11px;
	clear:both;
}
div#top-toolbar div.toolbox-content
{ 
	padding:0px;
}

div#top-toolbar input
{
	vertical-align:middle;
}


/*** Login & Search sections ***/

#top-toolbar .toolbar-item /* Login & Search divs */
{
	display:block;
	width:50%;
	height:100%;
	float:left;
	vertical-align:middle;
}
#top-toolbar label, /* Login labels */
#top-toolbar .label /* Search label */
{
	display:none;
}


/*** Login section ***/

#top-toolbar div.toolbar-item /* Login section div */
{
	text-align:left;
}
#top-toolbar div.toolbar-item h2 /* Login heading */
{
	display:none;
}
#top-toolbar div.toolbar-item div.content-link /* Login links */
{
	display:none;
}
#top-toolbar div.info-text /* Login input divs */
{
	display:inline;
}
#top-toolbar div.info-text p /* Login status */
{
	/*display:none;*/
	margin-top: -4pt;
}
#top-toolbar div.info-text a.set-password /* Set password link */
{
	color: #808080;
	margin-left: 2em;
}
#top-toolbar div.info-text input.textinput /* Login input boxes */
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#EE1F25;
	border:0px;
	padding-right:7px;
	padding-left:7px;
	padding-top:3px;
	width:119px;
	height:16px;
	margin:0px;
}
#top-toolbar div.info-text input.textinput#id2 /* Password input box */
{
	margin-left:5px;
}
#top-toolbar div.toolbox-content input.searchimage /* Login button */
{
    width:55px;
    height:20px;
    background-image:url(../images/framework_login.gif);
    background-repeat:no-repeat;
	background-position:center;
	vertical-align:middle;
	margin-left:5px;
}

/*** Search section ***/

#top-toolbar ul.toolbar-item
{
	display:inline;
	float:none;
	margin-left: 0;
}

#top-toolbar li.toolbar-item
{
	display: inline;
	text-align:right;
}
#top-toolbar div.search-line input.searchinput /* Search input box */
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#EE1F25;
	border:none 0px #FFF;
	padding-right:7px;
	padding-left:7px;
	padding-top:3px;
	width:161px;
	height:16px;
}
#top-toolbar div.search-line input.searchbutton /* Search button */
{
    width:40px;
    height:20px;
    background-image:url(../images/framework_search.gif);
    background-repeat:no-repeat;
	background-position:center;
	vertical-align:middle;
	margin-left:9px;
}



/**********************
   BREADCRUMBLE PATH
**********************/

#path div#path-design /* Path section */
{
	/*color:#A8AA9D;*/
	color:#787A6D;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:15px;
}
div#path-design a:link,
div#path-design a:active,
div#path-design a:visited
{
	/*color:#A7A99C;*/
	color:#77796C;
	text-decoration: none;
}
div#path-design a:hover
{
	/*color:#76766C;*/
	color:#46463C;
	text-decoration:underline;
}


/************
   COLUMNS
************/
#columns
{
	display:block;
	background-color:#FFF;
	height:100%;
	width:929px;
	clear:both;
	overflow:hidden;
}
#columns div#leftmenu
{
	float:left;
	display:inline;
	width:152px;
	height:100%;
	margin-right:-159px;
	background-color:#97988D;
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#FFF;
	margin-bottom:-2000px;
	padding-bottom:2000px;
}
#columns div.maincontent-bothmenus#maincontent
{
	float:left;
	display:inline;

	width:531px;

	margin-left:158px;
	/*margin-right:255px;*/

}
#columns div#rightmenu
{
	background-image: url(../images/toolbox_r_border.gif);
	background-repeat:no-repeat;
	background-position: left center;


	float:right;
	display:inline;
	width:236px;
	height:100%;
	background-color:#F6F4E8;
	margin-left:-238px;


	/* Problems showing the bottom border. */
	margin-bottom:-2000px;
	padding-bottom:2000px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #D9DBCD;
	border-bottom-color: #D9DBCD;
	border-left-color: #D9DBCD;


}
#footer
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#6E6E62;
	text-align: center;
}

/**************
   LEFT MENU
**************/

div#leftmenu-design
{
	margin:0px;
	padding:0px;
}
div#leftmenu-design ul
{
	margin:0px;
	padding:0px;

	list-style: none;
}
div#leftmenu-design li
{
	padding:0px;

	margin-top:0px;
	margin-right:0px;
	margin-bottom:1px;
	margin-left:0px;

	width:100%;
/*	height:100%;*/
	
	position:relative;
	
	overflow: hidden;
}
div#leftmenu-design li a
{
	display:block;
	
	height:100%;
	
	color:#FFF;
	text-decoration:none;
	
	padding-left:1em;
	padding-right:1em;
	padding-top:4px;
	padding-bottom:4px;
}

/*
Første undermeny skal ha en border etter moder-valget.
*/
div#leftmenu-design li.menu-level-0 ul
{
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#8F9084;
}
/*
Andre og tredje undermeny skal ikke ha noe border.
*/
div#leftmenu-design li.menu-level-1 ul
{
	border:none;
}

/*
General menu item rollover-effect.
*/
div#leftmenu-design li a:hover
{
	color:#FFF;
	background-color:#000000;
}

/*
Specific stylings for menu item level 0 (and below).
*/
div#leftmenu-design li.menu-level-0
{
	background-color:#4E4848;
	margin-bottom:1px;
}
div#leftmenu-design li.menu-level-0 a
{
	padding-left:18px;
}
div#leftmenu-design li.menu-level-0 a:hover
{
	background-color:#363232;
}
div#leftmenu-design li.menu-level-0 a.selected
{
	background-color:#D91920;
	background-image: url(../images/menu_bullet.gif);
	background-repeat: no-repeat;
	background-position: 6px 10px;
}
div#leftmenu-design li.menu-level-0 a.selected:hover
{
	background-color:#971116;
}

/*
Specific stylings for menu item level 1 (and 2).
*/
div#leftmenu-design li.menu-level-1
{
	background-color:#76766C;
	margin:0px;
}
div#leftmenu-design li.menu-level-1 a
{
	padding-left:28px;
}
div#leftmenu-design li.menu-level-1 a.selected
{
	background-color:#76766C;
	background-position: 16px 10px;
}
div#leftmenu-design li.menu-level-1 a:hover,
div#leftmenu-design li.menu-level-1 a.selected:hover
{
	background-color:#52524B;
}

/*
Specific stylings for menu item level 2.
*/
div#leftmenu-design li.menu-level-2
{
	background-color:#8F9084;
	margin:0px;
}
div#leftmenu-design li.menu-level-2 a
{
	padding-left:41px;
}
div#leftmenu-design li.menu-level-2 a.selected
{
	background-color:#8F9084;
	background-position: 29px 10px;
}
div#leftmenu-design li.menu-level-2 a:hover,
div#leftmenu-design li.menu-level-2 a.selected:hover
{
	background-color:#64655C;
}

/*
Specific stylings for menu item level 3.
*/
div#leftmenu-design li.menu-level-3
{
	background-color:#AFB0A8;
	margin:0px;
}
div#leftmenu-design li.menu-level-3 a
{
	padding-left:50px;
}
div#leftmenu-design li.menu-level-3 a.selected
{
	background-color:#AFB0A8;
	background-position: 38px 10px;
}
div#leftmenu-design li.menu-level-3 a:hover,
div#leftmenu-design li.menu-level-3 a.selected:hover
{
	background-color:#7C7D73;
}


/*****************
   MAIN CONTENT
*****************/
div#maincontent-design h1,
div#maincontent-design h2,
div#maincontent-design h3,
div#maincontent-design h4,
div#maincontent-design h5,
div#maincontent-design h6
{
	font-family:"DIN Regular",Helvetica,Verdana,Geneva,Arial,sans-serif;
	color:#D91920;
	font-weight:normal;
}
div#maincontent-design h1
{
	font-size:18pt;
}
div#maincontent-design
{
	padding-top:0;
	padding-right:15px;
	padding-bottom:13px;
	padding-left:15px;
}
div#maincontent-design a:link,
div#maincontent-design a:visited,
div#maincontent-design a:active
{
	color:#4D4447;
	text-decoration: none;
}
div#maincontent-design a:hover
{
	color:#D91920;
}
table#product-category
{
	width:100%;
	padding:0px;
	margin:0px;
}
table#product-category td
{
	text-align:center;
	width:20%;
	padding:0px;
	margin:0px;
}
table#product-category .content-image-cell
{
	vertical-align:bottom;
	padding-top:5px;
}
table#product-category .content-image
{
	vertical-align:bottom;
}
table#product-category .content-title-cell
{
	vertical-align:top;
	padding-bottom:5px;
}
table#product-category .content-divider-cell
{
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#CCCCCC;
}
table#product-category .content-title-cell#last
{
	border:none;
}

/*****************
   PRODUCT LINE
*****************/
div.content-view-children div.divider
{
	margin-top:8px;
	margin-bottom:8px;
	display:block;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ECEDE9;
}
div.content-view-line table.class-product
{
	width:100%;
	border:none;
	padding:0px;
	margin:0px;
}
table.class-product td.content-image-cell
{
	vertical-align:bottom;
	text-align:left;
	width:67px;
}
table.class-product td.content-details-cell
{
	vertical-align:bottom;
	color:#1F1F1F;
	font-size:11px;
}
table.class-product td.content-submit-cell
{
	vertical-align:bottom;
	text-align:right;
    width:108px;
}
table.class-product h2
{
	margin:0px;
	margin-bottom:0.1em;
	display:block;
}
div#maincontent-design table.class-product h2 a:link,
div#maincontent-design table.class-product h2 a:visited,
div#maincontent-design table.class-product h2 a:active
{
	color:#1F1F1F;
	text-decoration:none;
	font-size: 11px;
	font-weight: bold;
}
div#maincontent-design table.class-product h2 a:hover
{
	color:#EE1F25;
}
td.content-details div.attribute-short
{
	display:block;
}
td.content-details-cell div.product-attributes div
{
	display:block;
	float:left;
	margin-top: 2px;
}
td.content-details-cell div.product-attributes div div
{
	float:none;
}
td.content-details-cell div.product-attributes div.attribute-alf
{
	width: 12%;
}
td.content-details-cell div.product-attributes div.attribute-product-number
{
	width: 26%;
}
td.content-details-cell div.product-attributes div.attribute-price
{
	width: 25%;
	margin-left: 10px;
	position: relative;
}
td.content-details-cell div.product-attributes div.attribute-price div.attribute-special-offer
{
	position: absolute;
	left: 0;
	top: 13px;
}
td.content-details-cell div.product-attributes div.attribute-quantity
{
	width: 18.5%;
}
td.content-details-cell div.product-attributes div.attribute-quantity input
{
	margin-top: -2px;
	width:22px;
	height:12px;
	font-size:10px;
	border: 1px solid #1E1E1E;
	vertical-align:top;
}
td.content-details-cell div.product-attributes div.attribute-logo
{
	clear: left;
}
td.content-details-cell div.product-attributes div.stock-info-button
{
	float: right;
	margin-right: 15px;
	margin-top: 10px;
}
table.class-product td input.defaultbutton
{
    width:108px;
    height:22px;
    background-image:url(../images/button_add_to_basket.gif);
    background-repeat:no-repeat;
	background-position:center;
	vertical-align:middle;
}

/*****************
   PRODUCT FULL
*****************/
div.class-product div.attribute-image#main-image div.imageright
{
	margin-left:25px;
	margin-bottom:20px;
}
div.class-product div#product-facts
{
	display:block;
	width:100%;
	height:22px;
	line-height:21px;
	font-size:11px;
	background-color:#F0F0DE;
	clear:both;
	margin-left:-13px;
	padding-left:13px;
}

div.class-product div#product-facts div
{
	width:32.5%;
	display:block;
	float:left;
}
div.class-product div#product-facts div.attribute-price
{
	text-align:center;
	position:relative;
}
div.class-product div#product-facts div.attribute-price div.attribute-special-offer
{
	position:absolute;
	right:1ex;
	bottom:2.2em;
}
div.class-product div#product-facts div.content-action
{
	width:35%;
	text-align:right;
	float:right;
}

div.class-product div#product-facts input
{
	vertical-align:middle;
}
div.class-product div#product-facts input.quantity
{
	width:20px;
	height:14px;
	font-size:12px;
	border: 1px solid #1E1E1E;
}
div.class-product div#product-facts input.defaultbutton
{
    width:108px;
    height:22px;
    background-image:url(../images/button_add_to_basket_beige.gif);
    background-repeat:no-repeat;
	background-position:center;
	margin-left:5px;
}
div.content-view-full div.class-product div#product-description div.attribute-logo
{
	margin-bottom: 10px;
	margin-top: 8px;
	float: left;
}
div.content-view-full div.class-product div#product-description div.stock-info-button
{
	margin-bottom: 10px;
	float: right;
}



/* TOOLBOXES */

div#toolbar-right div.toolbox
{ 
    width: 100%;
    margin: 0;
	margin-top:-8px;    
}

div.toolbox-design
{ 
    padding: 0;
}

div.toolbox-design h2
{ 
    font-size: 0.9em;
    margin: 8px 0 0 0;
	height: 24px;
    padding-left: 10px;
    padding-top: 4px;
    padding-bottom: 3px;
	background-image: URL( ../images/toolbar_bg.png);
	background-repeat: repeat-x;
	color: #ffffff;
}

div.toolbox-design a
{ 
   color: #D91920;
   font-size: 0.9em;
}

input.item{
	width: 25px;
}

div.toolbox-design div.toolbox-content
{ 
    padding-left: 0;
    padding-right: 0;
    padding-top: 3px;
    padding-bottom: 10px;
}

div.toolbox-design input.searchtext, div.toolbox-design input.textinput
{
    height: 18px;
    width: 120px;
    border: 1px solid;
}

table.list_basket{
	width: 100%;
}

table.list_basket td{
   padding-top: 4px;
   padding-bottom: 4px;
}

table.list_basket td .itemname {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

table.list_basket tr.total{
   background-color: #C2C3B6;
}

table.list_basket td.pad{
   padding-left: 4px;
   padding-right: 4px;
}

/* TOOL LISTS */

div.toollist
{ 
    width: 100%;
    margin: 8px 0 8px 0;
}

div.toollist-design
{ 
    padding: 0px;
}

div.toollist-design h2
{ 
    font-size: 0.9em;
    margin: 8px 0 0 0;
	height: 24px;
    padding: 4px 0 4px 10px;
	background-image: URL( ../images/toolbar_bg.png);
	background-repeat: repeat-x;
	color: #ffffff;
}

div.toollist-design div.content-view-children
{ 
    padding: 3px 10px 10px 10px;
}

div.toollist-design div.content-view-children div.class-product h3 {
	font-weight: normal;
}

div.class-product h3 {
	color: #D91920;
	padding-left: 15px;
	background-image: URL( ../images/arrows.png );
	background-repeat: no-repeat;
	background-position: left center;
}

div.class-product div.attribute-short-listitem{
	padding-left: 15px;
}

div.class-product h3 a,
div.class-product h3 a:hover {
	color: #D91920;
	font-size: 0.85em;
}


/* SHOP TABLES */

div.shop-basket table td.product-details, div.shop-confirmorder td.product-details, div.shop-orderview td.product-details
{
    border-color: #cccc99;
}

div.shop-basket table td.product-subtotal, div.shop-confirmorder table td.product-subtotal, div.shop-orderview table td.product-subtotal
{
    border-color: #cccc99;
	background-color: #C2C3B6;
}


div.shop-basket table, div.shop-confirmorder table, div.shop-orderview table
{
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.shop-orderview .extra-order-info table td,
.shop-confirmorder .extra-order-info table td {
	padding: 0 0 0 3px;
}

.shop-orderview .extra-order-info table td.title,
.shop-confirmorder .extra-order-info table td.title {
	width: 235px;
}

div.shop-basket table th, div.shop-confirmorder th, div.shop-orderview th
{
    margin: 0px;
    padding: 3px;
	background-image: URL( ../images/basket_header_bg.png);
	background-repeat: repeat-x;
	color: #ffffff;
	text-align: left;
}

div.shop-basket table td, div.shop-confirmorder td, div.shop-orderview td
{
    margin: 0px;
    padding: 3px;
}

div.shop-basket th.product-price, div.shop-confirmorder th.product-price, div.shop-orderview th.product-price,
div.shop-basket td.product-price, div.shop-confirmorder td.product-price, div.shop-orderview td.product-price
{
    text-align: right;
}

div.shop-basket table td.product-subtotal, div.shop-confirmorder table td.product-subtotal, div.shop-orderview table td.product-subtotal
{
    text-align: right;
}

div.buttonblock-right{
	float: right;
}

.bgdark{
   background-color: #F0F0DE;
}

input.halfbox{
	width: 200px;
}

input.thirdbox{
	width: 150px;
}

input.zipbox{
	width: 50px;
}


.leverandor-error {
	margin: 2px;
	padding: 2px 6px 2px 6px;
	border: 1px solid #FF0000;
	background-color: #FFE0E0;
}

/* confirm order: leverandor has too few of an item */

.has-too-few-warning {
	margin-bottom: 10px;
	padding: 2px;
	border: 2px solid #FF0000;
	background-color: #FFE0D0;
}

.has-too-few .bglight,
.has-too-few {
	background-color: #FFE0D0;
}

.has-too-few .bgdark {
	background-color: #FFD0C0;
}

.has-count {
	color: blue;
}

/***********************
   FRONT PAGE PRODUCT
***********************/

.content-view-listitem .class-productlink h3 {
	margin-top: 0;
	overflow: hidden;
	height: 1.1em;
}

div#maincontent-design .content-view-listitem .class-productlink h3 a,
div#maincontent-design .content-view-listitem .class-productlink h3 a:link,
div#maincontent-design .content-view-listitem .class-productlink h3 a:active,
div#maincontent-design .content-view-listitem .class-productlink h3 a:hover,
div#maincontent-design .content-view-listitem .class-productlink h3 a:visited {
	color: #D91920;
	font-weight: bold;
	text-decoration: none;
	font-size: 10pt;
}

.content-view-listitem .class-productlink {
	float: left;
	width: 215px;
	height: 12em;
	margin-bottom: 10px;
	padding: 1em;
	
	overflow: hidden;
	
	border: 1px solid #E0E0E0;
	border-bottom-color: #C0C0C0;
	border-right-color: #C0C0C0;
	
	/*background-color: #F6F4E8;*/
	background-color: #FFFFFF;
	
	position: relative;
}

.content-view-listitem .class-productlink .attribute-special-offer {
	position: absolute;
	right: 40px;
	bottom: 50px;
}
.content-view-listitem .class-productlink .attribute-special-offer .nto-nto {
	color: #EA3636;
	font-size: 8pt;
}
.content-view-listitem .class-productlink .attribute-special-offer .price {
	color: #F20000;
	font-size: 11pt;
	font-weight: bold;
}

.content-view-listitem .class-productlink.column2 {
	float: right;
	margin-right: 4px;
}

.productlink-list-row-separator {
	clear:both;
}

.content-view-listitem .class-productlink .read-more {
	clear:left;
	float:left;
	margin-top: 5px;
	font-size: 8pt;
}

div#maincontent-design .content-view-listitem .class-productlink .read-more a,
div#maincontent-design .content-view-listitem .class-productlink .read-more a:link,
div#maincontent-design .content-view-listitem .class-productlink .read-more a:active,
div#maincontent-design .content-view-listitem .class-productlink .read-more a:hover,
div#maincontent-design .content-view-listitem .class-productlink .read-more a:visited {
	color: #D91920;
}

.content-view-listitem .class-productlink input.defaultbutton
{
    width:82px;
    height:22px;
    background-image:url(../images/button_add_to_basket_beige_small.gif);
    background-repeat:no-repeat;
	background-position:center;
	position: absolute;
	right: 15px;
	bottom: 22px;
}


/* front page text for right column */

.rightmenu-frontpage-text {
	margin: 5px;
}

/* top banner */

.top-banner {
	margin-top: -24px;
	margin-left: -20px;
	width: 537px;
	overflow: hidden;
	text-align: right;
	margin-bottom: 10px;
}


.top-banner.sub-banner {
	position: relative;
	margin-top: -26px;
}

div#maincontent-design .sub-banner .sub-banner-title {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	
	text-transform: none;
	text-align: center;
	font-size: 24pt;
	font-family: Arial,sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 0.25em;
}

div#maincontent-design .sub-banner.no-banner-links .sub-banner-title {
	margin-top: 0.9em;
}

.top-banner.sub-banner .sub-banner-links {
	position: absolute;
	bottom: 1ex;
	left: 1ex;
	right: 1ex;
	width: 94.4%;
	
	padding: 1ex;
	border: 1px solid #A4A4A4;
	background: #6E6E6E;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	font-size: 9pt;
}

div#maincontent-design .top-banner.sub-banner .sub-banner-links a {
	color: #FFFFFF;
}

.top-banner.sub-banner .sub-banner-links table {
	border: 0;
	border-collapse: collapse;
	width: 100%;
}


/** ROMNES STOCK INFO **/

.stock-info-box {
	border: 1px solid #000000;
}

.stock-info {
	border-collapse: collapse;
}

.stock-info td {
	padding: 0 2px;
}

.stock-info th {
	background-color: #C0C0C0;
	padding: 0 2px;
}

.stock-info th.tillegg {
	text-align: left;
	color: #808080;
}

.stock-info td.count {
	font-weight: bold;
	text-align: center;
}

.stock-info td.price {
	text-align: right;
}

.stock-info td.tillegg {
	color: #C0C0C0;
}

.stock-info td.submit {
	vertical-align: top;
	text-align: right;
	padding: 2px;
}

.stock-info td input.defaultbutton {
	width: 108px;
	height: 22px;
	background-image: url(../images/button_add_to_basket.gif);
	background-repeat: no-repeat;
	background-position: center;
	vertical-align: middle;
}


#maincontent-design .stock-info {
	width: 100%;
}


.stock-info-container {
	padding: 0;
	background-color: #F6F4E8;
}

.stock-info-container.not-loaded {
	padding: 2px;
	white-space: nowrap;
	border: 1px solid #000000;
}

.stock-info-container .stock-info td {
	white-space: nowrap;
}


div.attribute-long {
	padding-bottom: 10px;
}