
/* Main Styles */

	body {
		margin: 0px;
		padding: 0px;
	}

	form {
		padding:0px;
		margin:0px;
	}

	/* Place body backgrounds in this style if you don't want them to show up in the wysiwyg in admin */
	.myBody {
		background-color: #ffffff;
		background-repeat: repeat-x;
	}

.inputsubmit{
		background-color:#b50600;
		color: white;
		border: 1px solid white;
		width: 50px;
	}

	

	.textSizeLevel1 {
		font-size: 10px;
	}

	.textSizeLevel2 {
		font-size: 11px;		
	}

	.textSizeLevel3 {
		font-size: 12px;
	}

	.headerHeight {
		height: 100px;
	}

	.pageWidth {
		width: 892px;
	}

	.pageSheet {
		background-color: #ffffff;
		padding: 10px;
		height: 100%;
		margin: auto;
	}

	.pageHeader {
		background-image: url('../../images/System/1_header.jpg');
		background-repeat: no-repeat;
	}

	.pageHeaderForeground1 {
		background-image: url('../../images/System/1_photo1.png');
		background-position: 30px 4px;
		background-repeat: no-repeat;
	}

	.pageHeaderForeground2 {
		background-image: url('../../images/System/1_photo2.png');
		background-position: 610px 32px;
		background-repeat: no-repeat;
	}

	.pageMenu {
		margin-top: 4px;
		margin-bottom: 3px;
		padding-bottom: 2px;		/* This is neccessary to avoid a white line on the bottom of the menu in IE8 and FF. */
	}

	.sideElement {
		margin-bottom: 14px;
	}

	.sideElementHeader {
		background-color: #708bbc;
		font-weight: bold;
		color: #ffffff;
		padding-top: 4px;
		padding-right: 4px;
		padding-bottom: 4px;
		padding-left: 10px;
	}

	/* This class is used to create padding around the header and must be located *outside* the header */
	.sideElementHeaderPadding {
		padding: 0px;
		margin-bottom: 1px;
     }

	.sideElementContainer {
		background-color: #244177;
		color: #ffffff;
		padding-top: 4px;
		padding-right: 8px;
		padding-left: 8px;
	}

	/* This class is used to imitate padding-bottom in the container and must be located *inside* the container */
	.sideElementContainerPadding {
		padding-bottom: 5px;
	}

	.sideElementContainerPadding input.sideText {
		color: #000000;
		border-style: solid;
		border-color: #cccccc;
		border-width: 1px;
		margin-bottom: 3px;
		margin-top: 3px;
	}

	.locationbar {
		color: #8f8fbc;
	}

	.boxOutlined {								/* Makes a block stand out */
		border-width: 1px;
		border-style: dotted;
		border-color: #708bbc;
		background-color: #dbe0ec;
		padding: 5px;
	}

	.boxOutlined,
	.boxOutlined td {
		color: #000000;
	}

	.boxOutlinedTitle {
		font-weight: bold;
	}

	.boxOutlinedWarning {							/* Makes a block stand even more out. For error messages etc. */
		border: 1px dotted #b50600;
		background-color: #e5dada;
		padding: 5px;
	}

	.boxOutlinedWarning,
	.boxOutlinedWarning td {
		color: #b50600;
	}

	.highlightedElement,
	.highlightedElement td {
			
			color: #000000;
	}


/* Separate Borders */

	.highlightedElementBorder {
		border-color: #708bbc;
		border-width: 0px;
		border-style: solid;
	}

	.borderBottom {
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		border-bottom-color: #000000;
	}

	/* Both color must be set because firefox uses color, and the other browsers background-color */
	hr {
		background-color: #708bbc;
		color: #708bbc;
		height: 1px;
	}

/* Prices */

	.priceBeforeDiscount {
		color: #b50600;
		font-weight: bold;
		font-size: 14px;
		
	}

	.priceDiscount {
		color: #b50600;
		font-weight: bold;
		font-size: 14px;
	}

	.price {
		color: #b50600;
		font-weight: bold;
		font-size: 14px;
	}

	.highlightedElement .priceBeforeDiscount {
		color: #b50600;
		font-weight: bold;
	}

	.highlightedElement .priceDiscount {
		color: #b50600;
		font-weight: bold;
	}

	.highlightedElement .price {
		color: #b50600;
		font-weight: bold;
	}

	.sideElementContainer .priceBeforeDiscount {
		color: #f69c9c;
		font-weight: bold;
	}

	.sideElementContainer .priceDiscount {
		color: #f69c9c;
		font-weight: bold;
	}

	.sideElementContainer .price {
		color: #ffffff;
		font-weight: bold;
	}


/* Buttons */

    .huskeliste {
		background-color: #ffffff;
		font-weight: bold;
		color: #000000;
	}

	.normalButton,
	.actionButton {
		border-width: 0px;
		cursor: auto;
	
		
	}
	
	.normalButton {
		color: #009;
		text-decoration: underline;		
	}

	.actionButton {
		background-color: #b50600;
		font-weight: bold;
		color: #ffffff;
		height: 20px;
	}

	.highlightedElement .normalButton {
		background-color: #708bbc;
		font-weight: bold;
		color: #ffffff;
	}

	.highlightedElement .actionButton {
		background-color: #b50600;
		font-weight: bold;
		color: #ffffff;
	}

	.sideElementContainer .normalButton {
		background-color: #708bbc;
		margin: 0px;
		font-weight: bold;
		color: #ffffff;
	}

	.sideElementContainer .actionButton {
		background-color: #b50600;
		margin: 0px;
		font-weight: bold;
		color: #ffffff;
	}

	.boxOutlined  {
		background-color: #b50600;
		margin: 0px;
		font-weight: normal;
		font-size: 13px;
		color: #ffffff;
	}

	.boxOutlined .actionButton {
		background-color: #b50600;
		margin: 0px;
		font-weight: bold;
		color: #ffffff;
	}


/* Links */

	.highlightedElement	a {
		color: #b50600;
	}

	.highlightedElement	a:hover {
		color: #000000;
	}

	.sideElementContainer a {
		color: #ffffff;
	}

	.sideElementContainer a:hover {
		color: #ffffff;
	}

	.boxOutlined a {
		color: #b50600;
	}

	.boxOutlined a:hover {
		color: #000000;
	}

	.boxOutlinedWarning a {
		color: #701200;
	}

	.boxOutlinedWarning a:hover {
		color: #701200;
	}






/* Menu styles */

	/* QuickMenu Core CSS [Do Not Modify!] */
	.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;} .qmmc .qmdividery{float:left;width:0px;} .qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;} .qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;}.qmmc {position:relative;}.qmmc a {float:left;display:block;white-space:nowrap;}.qmmc div a {float:none;}.qmsh div a{float:left;}.qmmc div {visibility:hidden;position:absolute;}


	/* QuickMenu JavaScript Drop Down Menu Styles [Please Modify!] */

	 	/* (MAIN) Container */

		#qm0 {
			background-color: transparent;
			margin: 0px 0px 0px 0px;
			margin:0;
	        padding:0;
	        list-style-type:none;
		}

		 /* (MAIN) Items */

		#qm0 a {
			display:block;
			padding:10px 20px 12px 20px;
			text-decoration:none;
			color:#000;
			font-size:18px;
			text-shadow:1px 1px 1px rgba(255,255,255,0.5);
		}

		/* (MAIN) Hover State */

		#qm0 a:hover {
            padding:10px 20px 12px 20px;
			background:#b50600;
			color:#FFF;
			text-shadow:1px 1px 1px rgba(0,0,0,0.5);
			display:block;
			text-decoration: none;
			margin: 0px;
			font-weight: normal;
		}

		/* (MAIN) Active Page */
		/* This is a style set diretly on the anchor tag of the page the user is currently viewing.
		   This is the equivalent of ...activerow1 in the non js menu */

		#qm0 a.activePage {
			
		}

		/* (MAIN) Active State */
		/* Note! Active state is not the same as activerow in a non-js menu */
		/* Active state is a menu item with the cursor hovering over it and a sub menu expanded */

		body #qm0 .qmactive, body #qm0 .qmactive:hover {
			color: #fff;
			background-color:#b50600;
			color:#FFF;
			text-shadow:1px 1px 1px rgba(0,0,0,0.5);
		}

		/* (MAIN) Parent Items */

		#qm0 .qmparent {

		}

		/* [SUB] Containers */

		#qm0 div {
			padding: 0px;
			margin: 0px 0px 0px 0px;
			background-image: url('/images/System/brown-trans.png');
			background-repeat: repeat;
		}

		/* [SUB] Hover State */

		#qm0 div a:hover {
			white-space:nowrap;
	        color:#fff;
	        text-shadow:1px 1px 1px rgba(0,0,0,0.5);
	        border-top:1px dotted #CCC;
		}

		/* [SUB] Active State */
		/* Note! Active state is not the same as activerow in a non-js menu */
		/* Active state is a menu item with the cursor hovering over it and a sub menu expanded */

		body #qm0 div .qmactive, body #qm0 div .qmactive:hover {
			color: #f18e45;
		}

		/* [SUB] Parent Items */

		#qm0 div .qmparent {

		}

		/* [SUB] Items */

		#qm0 div a {
			white-space:nowrap;
	        color:#fff;
	        text-shadow:1px 1px 1px rgba(0,0,0,0.5);
	        border-top:1px dotted #CCC;
		}


	/* Side Menu Without JavaScript */

	.sidemenutable {
		    width:280px;
			padding:0px;
				}

	#prodMenu{
			overflow:hidden;
			float:left;
			width:280px;
			margin:0 30px 0 0;
			padding:0;
			background: #d9dadb url('../../images/System/bg-prodMenu.png') repeat;
			list-style-type:none;
			}

	/* Side Menu Level 1 */

		
		.sidemenu_row1 {			/* Empty styles are left in place as a demonstration */
            
		}

		.sidemenu_row1 td {
			padding: 0;
			border-bottom:1px solid rgba(255,255,255,0.2);
	        border-top:1px solid rgba(0,0,0,0.1);
		}

		.sidemenu_row1 td a {
			padding: 4px;
			display: block;
			color: #000000;
			font-size: 16px;
			padding-left:20px;
			text-decoration: none;
			border-right:0px;
			border-left:0px;
			background: url('../../images/System/pil-hoyre.png') no-repeat 10px center;
			font-weight: 700;

		}

		.sidemenu_row1 td a:hover {
			color: #ffffff;
			background: #b50600 url('../../images/System/pil-hoyre-hover.png') no-repeat 10px center;
		}

		.sidemenu_activerow1 {			/* activerow styles come in addition to the regular row style. NOT instead of */

		}

		.sidemenu_activerow1 td {

		}

		.sidemenu_activerow1 td a {
			background: url('../../images/System/pil-ned.png') no-repeat 10px center;

		}

		.sidemenu_activerow1 td a:hover {
			
		}



	/* Side Menu Level 2 */
		.sidemenu_row2 tr {
				border-left: 0px;
				border-right: 0px;
		}
	
	    
		.sidemenu_row2 {			/* Empty styles are left in place as a demonstration */
			background-color:rgba(0,0,0,0.1);
		}

		.sidemenu_row2 td {
			padding: 0;
			border-bottom:1px solid rgba(255,255,255,0.2);
	        border-top:1px solid rgba(0,0,0,0.1);
		}

		.sidemenu_row2 td a {
			padding: 4px;
			display: block;
			color: #000000;
			font-size: 16px;
			padding-left:32px;
			text-decoration: none;
			background: url('../../images/System/pil-hoyre.png') no-repeat 22px center;
			font-weight: 700;

		}

		.sidemenu_row2 td a:hover {
			color: #ffffff;
			background: #b50600 url('../../images/System/pil-hoyre-hover.png') no-repeat 22px center;
		}

		.sidemenu_activerow2 {			/* activerow styles come in addition to the regular row style. NOT instead of */

		}

		.sidemenu_activerow2 td {

		}

		.sidemenu_activerow2 td a {
           background: url('../../images/System/pil-ned.png') no-repeat 22px center;
		}

		.sidemenu_activerow2 td a:hover {
			
		}


	/* Side Menu Level 3 */

		.sidemenu_row3 {			/* Empty styles are left in place as a demonstration */
            
		}

		.sidemenu_row3 td {
			padding: 0;
			border-bottom:1px solid rgba(255,255,255,0.2);
	        border-top:1px solid rgba(0,0,0,0.1);
			background-color:rgba(0,0,0,0.1);

		}

		.sidemenu_row3 td a {
			padding: 4px;
			display: block;
			color: #000000;
			font-size: 16px;
			padding-left:20px;
			text-decoration: none;
			border-right:0px;
			border-left:0px;

		}

		.sidemenu_row3 td a:hover {
			color: #ffffff;
		}

		.sidemenu_activerow3 {			/* activerow styles come in addition to the regular row style. NOT instead of */

		}

		.sidemenu_activerow3 td {

		}

		.sidemenu_activerow3 td a {

		}

		.sidemenu_activerow3 td a:hover {
			
		}

	/* Side Menu Level 4 */

		.sidemenu_row4 td a {
			background-image: url('../../images/System/ice_sidemenuimage.gif');
			background-repeat: no-repeat;
			background-position: 33px 4px;
			padding-top: 3px;
			padding-right: 4px;
			padding-bottom: 3px;
			padding-left: 49px;
			display: block;
			color: #000000;
			font-size: 10px;
			text-decoration: none;
			border-width: 1px;
			border-style: solid;
			border-color: #ffffff;
		}

		.sidemenu_row4 td a:hover {
			color: #000000;
			border-width: 1px;
			border-style: dotted;
			border-color: #597ab6;
			background-color: #cfdbf0;
		}

		.sidemenu_activerow4 td a {
			color: #000000;
			border-width: 1px;
			border-style: dotted;
			border-color: #597ab6;
			background-color: #cfdbf0;
		}


	/* Side Menu Level 5 */


		.sidemenu_row5 td a {
			background-image: url('../../images/System/ice_sidemenuimage.gif');
			background-repeat: no-repeat;
			background-position: 48px 4px;
			padding-top: 3px;
			padding-right: 4px;
			padding-bottom: 3px;
			padding-left: 64px;
			display: block;
			color: #000000;
			font-size: 10px;
			text-decoration: none;
			border-width: 1px;
			border-style: solid;
			border-color: #ffffff;
		}

		.sidemenu_row5 td a:hover {
			color: #000000;
			border-width: 1px;
			border-style: dotted;
			border-color: #597ab6;
			background-color: #cfdbf0;
		}

		.sidemenu_activerow5 td a {
			color: #000000;
			border-width: 1px;
			border-style: dotted;
			border-color: #597ab6;
			background-color: #cfdbf0;
		}




/* Element Specific Styles */

	.imageBrowser {
		text-align: center;
		padding-bottom: 12px;
		margin-bottom: 12px;
	}

	.imageBrowser img {
		margin: 24px 12px 12px 12px;
		text-align: center;
		border-style: solid;
		border-width: 1px;
		border-color: #000000;
	}

	.imageBrowserCell {
		padding-bottom: 12px;
	}

	#imageBrowserTextField1 {
		height: 80px;
		width: 400px;
		padding: 12px;
		text-align: left;
		margin: 0 auto;
	}

	.imageBrowserSubTitles {

	}

	.imageBrowserReadMore {
		text-align: right;
	}

	.emailtoafriend_title {
		font-weight: bold;
	}

	.emailtoafriend_text {

	}

	.emailtoafriend_message {
		background-color: #ffffff;
		padding: 4px;
		width: 98%;
		border-style: solid;
		border-width: 1px;
		border-color: #000000;
	}

	.shoppingListTable {
		width: 100%;
	}

	.shoppingListTable td {
		padding: 2px;
	}

	.shoppingListTableHeading {
		font-weight: bold;
	}

	.shoppingListTableContent {
		border-bottom-style: dotted;
		border-top-width: 0px;
		border-right-width: 0px;
		border-left-width: 0px;
	}

	.shoppingListTableComment {
		border-bottom-style: dotted;
		border-top-width: 0px;
		border-right-width: 0px;
		border-left-width: 0px;
	}




/* Page Styles */

	h1.pageTitle, .pageTitle, .pageTitle td {		/* Second declaration is used in the administration module */
		font-size: 14px;
		font-weight: bold;
	}

	.pageImage {
		float: left;
		margin-right: 12px;
		margin-bottom: 12px;
	}

	.pageBody, .pageBody td {
		
	}

	.pageFooter, .pageFooter td {
		
	}


/* Article Styles */

	h1.articlePageTitle {
		font-size: 16px;
		font-weight: bold;
	}

	.articlePageIngress, .articlePageIngress td {
		font-weight: bold;
	}

	.articlePageBody, .articlePageBody td {
	
	}



/* Product Styles */

	h1.productPageTitle {
		font-size: 16px;
		font-weight: bold;
	}

	.productPageCustomerCommentBox {
		border-style: solid;
		border-width: 1px;
		border-color: #000000;
		width: 100px;
		height: 40px;
	}

	.productPageVariantSelects {
		margin-bottom: 5px;
	}

	.productPageProductInfoTable {
		width: 100%;
	}

	.productPageProductInfoTable td {
		padding: 3px;
	}

	.productPageProductInfoTitle {
		font-weight: bold;
	}

	.productPageMoreInfoTable {
		position: relative;
		width: 100%;
		margin-top: 20px;
	}

	.productPageExternalURLsTable {

	}

	.productPageMoreInfoTable td {
		padding: 3px;
	}

	.productPageMoreInfoTitle {
		font-weight: bold;
	}

	.productPageMoreInfoTableHeadings {
	
	}

	.productPageBodyTitle {
		font-weight: bold;
		padding: 0px;
	}

	.productPageBody, .productPageBody td {
		padding: 0px;
	}



/* Article List Styles */

	/* Normal List */

		.articleListTitle_Normal {
			
		}

		.articleListIngress_Normal {

		}

		.articleListReadMoreLink_Normal a {

		}

		.articleListBox_Normal {
			padding-right: 20px;
			padding-top: 5px;
			padding-bottom: 5px;
			border-bottom: 1px #BEC0CC dotted;
		}

	/* Boxed List */

		.articleListTitle_Bokser {

		}

		.articleListIngress_Bokser {

		}

		.articleListReadMoreLink_Bokser {
			font-weight: normal;
		}

		.articleListBox_Bokser {
			padding: 4px;
			cursor: pointer;
		}


	/* Boxed List Without Ingress */

		.articleListTitle_Bokser_WO_Ingress {
			text-decoration: none;
			font-weight: normal;
		}

		.articleListBox_Bokser_WO_Ingress {
			margin-top: 10px;
			padding: 4px;
			cursor: pointer;
		}


	/* Arrow Dotted List Without Ingress */

		.articleListTitle_Arrows_WO_Ingress {
			text-decoration: none;
			font-weight: normal;
		}

	/* Image and title List */

		.articleListTable_Imagentitle {
			width: 100%;
		}

		.articleListTitleCell_Imagentitle {

		}

		.articleListImage_Imagentitle {
			
		}


	/* Mini List */

		.articleListTable_Mini {
			width: 100%;
			margin-top: 10px;
			margin-bottom: 10px;
		}

		.articleListTable_Mini td {
			padding-right: 10px;
		}

		.articleListTitleCell_Mini {

		}

		.articleListIngressCell_Mini {

		}

		.articleListImage_Mini {
			
		}

	/* FAQ List */

		.articleListTitle_FAQ {
			font-weight: bold;
			cursor: pointer;
		}

		.articleListIngress_FAQ {

		}

		.articleListReadMoreLink_FAQ {
			font-weight: normal;
		}

		.articleListBox_FAQ {
			padding-right: 20px;
			padding-top: 5px;
			padding-bottom: 5px;
			border-top-width: 0px;
			border-right-width: 0px;
			border-left-width: 0px;
			border-bottom-style: dotted;
		}



/* Product List Styles */


	/* Normal List */

		.productListHeading_Normal {
			font-weight: bold;
			padding: 2.00pt 2.00pt 2.00pt 2.00pt;
			text-decoration: none;
			color: black;
			font-size: 11px;
		}
		
		.ProductListIngress_Normal{
			
		}
	

		.productListContent_Normal {
			padding-left: 5px;
			padding-right: 0px;
			padding-top: 12px;
			padding-bottom: 0px;
			border-top-width: 0px;
			border-right-width: 0px;
			border-left-width: 0px;
			font-size: 12px;
		}

		.productListTitle_Normal {
			font-weight: bold;
			color: red;
		}

		/* Quantity presented in text form, not as a input */
		.productListQty_Normal {
		width: 20px;
		border:solid 1px black;

		}

		.productListCustomerCommentBox_Normal {
			border-style: solid;
			border-width: 1px;
			border-color: #000000;
			width: 100px;
			height: 40px;
		}

		.productListVariants_Normal select {
		
		}


	/* Boxed List */

		.productListTitle_Boxed {
			font-weight: bold;
			padding: 5px;
		}

		.productListIngress_Boxed {

		}

		.productListVariants_Boxed select {
			margin-top: 3px;
			margin-bottom: 2px;
		}


	/* Simple List */

		.productListTable_Simple {
			border-bottom: 1px #BEC0CC dotted;
			margin-top: 7px;
		}


		.productListMoreInfoCell_Simple {
			padding-bottom: 10px;
		}

		.productListMoreInfoCell_Simple table td {
			padding-right: 4px;
		}

		.productListMoreInfoTitle_Simple {

		}

		.productListMoreInfoData_Simple {

		}



	/* Image and title List */

		.productListTable_Imagentitle {
			width: 100%;
		}

		.productListTitleCell_Imagentitle {
			padding-bottom: 10px;
		}

		.productListImage_Imagentitle {
			
		}

	/* Mini List */

		.productListTable_Mini {
			width: 100%;
			margin-top: 10px;
			margin-bottom: 10px;
		}

		.productListTable_Mini td {
			padding-right: 10px;
		}

		.productListTitleCell_Mini {

		}

		.productListIngressCell_Mini {

		}

		.productListImage_Mini {
			
		}


	/* Slim List */

		.productListTitle_Slim {
			font-weight: bold;
		}

		.productListIngress_Slim {

		}




/* Order List Styles */


	.orderTitles {
		padding: 4px;
	}

	.orderLine1 {					/* registered orders */
		background-color: #dcf5de;
		padding: 2px;
		border-bottom: 1px solid #808080;
	}

	.orderLine2 {					/* confirmed orders */
		background-color: #b8e0b9;
		padding: 2px;
		border-bottom: 1px solid #808080;
	}

	.orderLine5 {					/* processed orders */
		background-color: #9ed2a3;
		padding: 2px;
		border-bottom: 1px solid #808080;
	}

	.orderLine6 {					/* shipped orders */
		background-color: #83c488;
		padding: 2px;
		border-bottom: 1px solid #808080;
	}

	.orderLineCancelled {				/* cancelled orders */
		background-color: #fa8c66;
		padding: 2px;
		border-bottom: 1px solid #808080;
	}

	.orderLineInactive {				/* inactive orders */
		background-color: #faab8f;
		padding: 2px;
		border-bottom: 1px solid #808080;
	}

	.orderFooter {
		padding: 2px;
		font-weight: bold;
	}


/* Div. Styles */

	/* Designed to allow hiding of the price part of the freight option information */
	.freightOptionPrice {

	}

	.orderHeadings {

	}
	
	.orderProductLines {
		border-top-width: 0px;
		border-right-width: 0px;
		border-left-width: 0px;
		border-bottom-style: dotted;
	}
input { border: 1px solid #000000;
		 

	}




