/* standard elements */
* {margin: 0px;padding: 0px;font-family: arial, helvetica, verdana, sans-serif;line-height: 130%;color: #747a7f;}
html, body {
 height: 100%; width: 100%;
		font-style: normal; font-size: 11px; font-weight: normal;   
   background: #f8f8f8 url(images/loop.jpg) repeat-x; text-decoration: none;
}

/*
h1, h2     { font-size: 20px; font-weight: normal; color: #666644; margin: 2px 0 2px 0; padding: 0; border: 0 }
h3, h4     { font-size: 12px; font-weight: normal; color: #8b0000; margin: 2px 0 2px 0; padding: 0; border: 0 }
*/

h5, h6, dt { font-size: 11px; font-weight: bold;   color: #8b0000; margin: 2px 0 2px 0; padding: 0; border: 0 }

tfoot, thead { font-size: 12px; color: #8b0000 }
a            { text-decoration: none; text-align: left; cursor: pointer; outline: none }
a:link       { text-decoration: none; color: #4F82C7; outline: none }
a:visited    { text-decoration: none; color: #4F82C7 }
a:active     { text-decoration: none; color: #4F82C7 }
a:hover      { text-decoration: underline; color: #4F82C7 }
a img, img   { border: 0 }
fieldset     { border: solid 1px #999 }
table        { border: 0; border-collapse: collapse; border-spacing: 0px }
span, div    {	text-decoration: none; text-align: left }
hr           { text-align: left; border: 0; border-top: solid 1px #999; height: 1px }

/* structure */
.inner-container  {width:960px;margin:0px auto;display:table;z-index:7}
.outer-container { padding: 0px 0 0px 0; margin: 0; text-align: center;  background-image:url(images/bg-dame.jpg);background-repeat: no-repeat;background-position:50% top;}

/* header */
.header            {width:960px;margin:0px auto;height:203px;position:relative;}
.header .menu      { position: absolute; right: 5px; bottom: 3px }
.header .menu a    { font-size: 11px; font-weight: 700; color: #787878 }
.header .menu span { font-size: 11px; font-weight: 700; color: #787878 }
.header .menu #shoppingcart { font-size: 13px; color: #428ece }
.header .menu img  { vertical-align: middle; padding-right: 3px }
.header .logo      { position: absolute; left: 0; bottom: 3px }

/* banner - horizontal menu */
.banner .outer-menu { height: 56px; margin: 0; padding: 0 0 0 13px; background: url(images/2L_left.gif) 0 0 no-repeat; clear: right }
.banner .inner-menu { height: 56px; z-index: 0; margin: 0; padding: 0 13px 0 0; background: url(images/2L_right.gif) right 0 no-repeat}
.banner .main-menu  { float: left; width: 100%; height: 56px; background: url(images/2L_slice.gif) 0 0 repeat-x }

/* all levels */
.banner ul.filetree a { float: left; color: white; padding: 9px 10px; text-decoration: none; font-size: 12px; font-weight: bold; font-style: normal }
.banner ul.filetree a:visited { color: white }
.banner ul.filetree a:hover   { color: white; background: transparent url(images/2L_mouseover_slice.gif) 0 0 repeat-x }
.banner ul.filetree a img     { float: left; padding-right: 5px; margin-top: -1px }
.banner ul.filetree li.active a { color: #3c3c3c; background: transparent url(images/2L_active_slice.gif) 0 0 repeat-x } 
.banner ul.filetree li.active a:visited { color: #3c3c3c }

/* first level */
.banner ul.filetree, .banner .filetree ul { margin: 0; padding: 0; list-style-type: none; height: 28px; width: 100%; position: relative; z-index: 100 }
.banner ul.filetree li { float: left; display: inline; background: url(images/2L_separator.gif) right 0 no-repeat; padding-right: 1px;  }

/* second level */
.banner ul.filetree ul { width: 100%; display: inline; visibility: hidden; position: absolute; top: 28px; left: 0; text-align: center; background: url(images/2L_slice.gif) 0 -28px repeat-x }
.banner ul.filetree ul li { position: relative }
.banner ul.filetree li.hover ul,
.banner ul.filetree li:hover ul  { visibility: visible; z-index: 20 }  /* When hovered, make submenus appear */
.banner ul.filetree li.active ul { visibility: visible; z-index: 10 }  /* When active, make submenus appear */
.banner ul.filetree ul li { background: none; padding-right: 10px }
.banner ul.filetree ul li span.folder a { background: transparent url(images/nav_list_arrow.gif) right center no-repeat; padding-right: 15px }
.banner ul.filetree ul li a, .banner ul.filetree ul li a:visited,
.banner ul.filetree li.active li a { color: #3c3c3c; padding: 7px 10px; background: none; font-size: 11px; font-weight: normal; font-style: normal }
.banner ul.filetree ul li.active a { color: #3c3c3c; background: none; font-size: 11px; font-weight: normal; font-style: normal }
.banner ul.filetree ul li a:hover { color: #3c3c3c; background: none; font-size: 11px; font-weight: bold; font-style: normal }

/* third level */
.banner ul.filetree ul ul { width: 150px; height: auto; display: none; visibility: visible; position: absolute; top: 28px; left: 5px; background: white; border: solid 1px #8b91a0; padding: 5px }
.banner ul.filetree ul ul li { width: 100%; height: auto; display: block; background: white; padding: 0 }
.banner ul.filetree ul li.hover ul,
.banner ul.filetree ul li:hover ul  { display: block; z-index: 20 } /* When hovered, make submenus appear */
.banner ul.filetree ul ul li a, .banner ul.filetree ul ul li a:visited, .banner ul.filetree ul ul li.active a,
.banner ul.filetree ul ul li.active a:visited { color: #4f82c7; font-weight: normal; font-style: normal }
.banner ul.filetree ul ul li a:hover,
.banner ul.filetree ul ul li.active a:hover { color: #3c3c3c; font-weight: normal; font-style: normal }

/* footer */
.footer {display:block;width:960px;padding-top:15px;margin: 0px auto;}
.footer a:hover {	color: white }
.footer a {	color: #f7f7f2; margin-left: 5px; text-decoration: none }
.footer #languages { float: right; color: white; font-weight: bold; font-size: 12px }
.footer #copyright { float: left; color: white; font-weight: bold; font-size: 12px }

/* main */
 .main { width: 100%; margin-top: 18px; background: url(images/container-slice.gif) repeat-y; z-index: -1 }
 .main-inner {width:960px;margin:0px auto;display:table;z-index:7} /*{ background: url(images/container-top.gif) left top no-repeat; padding: 15px 12px 15px 12px; min-height: 400px }*/
 .main-outer /*{ background: url(images/container-bottom.gif) left bottom no-repeat }*/


/* content */
 .content {width:767px;display:table;z-index:8} /*{ width: 766px; padding: 0; margin: 0; float: right; display: block } */
 .content .cellpadding { border-collapse: separate; border-spacing: 3px }

/* navigation */
.navigation  {float:left;width:183px;padding-top:0px;padding-left:10px;} /*{ float: left;	width: 183px; padding: 0; margin: 0 0 15px 0; overflow: hidden }*/
.loading    { padding-top: 30px; background: url(images/loading.gif) no-repeat center top }

/* printing */
a.print       { background: white url(images/0075-printer.png) no-repeat center center; width: 32px; height: 32px; font-size: 0 }
a.print:hover { text-decoration: none }

/* specific eshop classes */
.textTitleLeftAlign    { font-size: 11px; font-weight: bold; font-style: normal; text-align: left } 
.textTitleRightAlign   { font-size: 11px; font-weight: bold; font-style: normal; text-align: right } 

.textDataLeftAlign     { font-size: 11px;  font-style: normal; text-align: left } 
.textDataRightAlign    { font-size: 11px;  font-style: normal; text-align: right } 

.tableTitleLeftAlign   { font-size: 11px; font-weight: bold; font-style: normal; color: black; text-align: left;   background: #dadada url(images/OP_heading_slice.gif) 0 -2px repeat-x; vertical-align: middle; white-space: nowrap; height: 15px; padding: 4px; border: solid 1px #bebebe } 
.tableTitleCenterAlign { font-size: 11px; font-weight: bold; font-style: normal; color: black; text-align: center; background: #dadada url(images/OP_heading_slice.gif) 0 -2px repeat-x; vertical-align: middle; white-space: nowrap; height: 15px; padding: 4px; border: solid 1px #bebebe } 
.tableTitleRightAlign  { font-size: 11px; font-weight: bold; font-style: normal; color: black; text-align: right;  background: #dadada url(images/OP_heading_slice.gif) 0 -2px repeat-x; vertical-align: middle; white-space: nowrap; height: 15px; padding: 4px; border: solid 1px #bebebe } 

.tableDataLeftAlign    { font-size: 11px; font-weight: normal; font-style: normal; color: black; text-align: left; border-left: dotted 1px #d0d0d0; border-right: dotted 1px #d0d0d0; vertical-align: middle; padding: 1px 5px 1px 5px; height: 20px } 
.tableDataCenterAlign  { font-size: 11px; font-weight: normal; font-style: normal; color: black; text-align: center; border-left: dotted 1px #d0d0d0; border-right: dotted 1px #d0d0d0; vertical-align: middle; padding: 1px 5px 1px 5px; height: 20px } 
.tableDataRightAlign   { font-size: 11px; font-weight: normal; font-style: normal; color: black; text-align: right;  border-left: dotted 1px #d0d0d0; border-right: dotted 1px #d0d0d0; vertical-align: middle; padding: 1px 5px 1px 5px; height: 20px } 

.article_heading       { color: black; font-size: 16px; font-weight: bold; vertical-align: top }
.article_ingress       { color: black; font-size: 12px; font-weight: bold }
.article_ingress h2    { color: black; font-size: 12px; font-weight: bold }
.article_ingress img   { margin: 0 0 10px 10px; float: right }

.errorinfo, .errorInfo { color: red; font-size: 12px; font-weight: bold; text-align: left }

.wideTable      { width: 100% }
.dataTable      { margin: 5px 0 5px 0; border-bottom: solid 1px #d0d0d0; border-right: solid 1px #d0d0d0; border-left: solid 1px #d0d0d0;}
.simpleTable    { margin: 5px 0 5px 0 }
.propertyTable  { margin: 5px 0 5px 0 }

/* Box classes */
.boxbackground { margin-bottom: 5px }
.boxheading    { font-weight: bold;	color: #6d6d6d; font-size: 12px;	margin: 0; padding: 6px 6px 4px 6px; background: #dadada url(images/OP_heading_slice.gif) left top repeat-x }
.boxbody       { padding: 5px; border-left: solid 2px #e0e0e0;	border-right: solid 2px #e0e0e0;	border-bottom: solid 2px #e0e0e0 }

/* Search classes */
.Search_text { width: 100%; height: 20px; font-size: 12px; margin: 3px 0 3px 0; padding: 0; white-space: nowrap }
.Search_text input { width: 145px; display: block; padding: 1px 1px 0 2px; margin: 0; float: left; height: 23px; border: solid 1px silver }
.Search_text input.button  { background: white url(images/sok_btn.jpg) no-repeat 0px -1px ; width: 27px; height: 27px; padding: 0; margin: 0; float: left; overflow: hidden; border: 0 }
/*.Search_text input.button:hover  { background: white url(images/search.png) no-repeat -1px 0px }*/
.Search_text select { width: 185px; height: 20px; float: left; margin: 0; border: solid 1px silver }

/* ZpiderTree */
.zpidertree { color: #000000; white-space: nowrap;	width: 100% }

/* ShoppingCart */
.shoppingcart_textarea { overflow: hidden; cursor: pointer }
.shoppingcart_textarea select { width: 100% }
.emptyshoppingcart { position: relative; background: white url(images/largeshoppingcart.jpg) no-repeat center top; width: 100%; height: 150px; margin-top: 120px }
.emptyshoppingcart span { position: absolute; bottom: 0; text-align: center; width: 100% }

/* article list (tiles), 4/row: 178px, 3/row:240px, 2/row: 368px */
.product { width: 141px; height:280px; float: left; overflow: hidden; margin: 5px; border: 1px dashed #bbb; text-align: left }
.product .property { border: 0; float: none; clear: both; padding: 3px 5px; margin: 0; height: auto; text-align: right; vertical-align: top }
.product .property label { float: left }
.product .property p { padding: 0; margin: 0 }
.product .pictureexists { text-align: center }
.product .pictureexists img { height: 125px; float: none; margin: 15px 0 }
.product .name { font-weight: bold; font-size: 12px; text-transform: uppercase; text-align: left; margin-bottom: 6px; height: 25px; overflow: hidden }
.product .name label { display: none }
.product .number { }
.product .number label { }
.product .customerprice, .product .customergrossprice { position: relative; text-align: right; font-size: 14px; color: #bb0000; font-weight: bold; white-space: nowrap; float: left; width: 55%; clear: none }
.product .customerprice label, .product .customergrossprice label { font-size: 10px; color: #000; font-weight: normal; text-transform: lowercase; float: none; margin-top: 14px; display: block }
.product .customerprice span, .product .customergrossprice span { position: absolute; top: 0; right: 5px }
.product .price, .product .grossprice { text-align: center }
.product .price label, .product .grossprice label { text-decoration: line-through; float: none }
.product .price span, .product .grossprice span { text-decoration: line-through }
.product .addtocartbutton { float: right; clear: none; padding-bottom: 0 }
.product .addtocartitems  { display: none }

.sortcolumns a.sortorder { padding: 0 3px 0 6px; border-left: 1px solid gray }
.sortcolumns a.sortorder.asc  { font-weight: bold; padding-right: 18px; background: url(images/sortasc.gif) no-repeat right center }
.sortcolumns a.sortorder.desc { font-weight: bold; padding-right: 18px; background: url(images/sortdesc.gif) no-repeat right center }
.sortcolumns #sortlabel { float: left; padding-right: 6px }
.sortcolumns { white-space:normal; padding-top: 10px }


/* PurchaseList */
.purchaselist_textbox { overflow: hidden; color: #000000 }
#ctrl_purchaselist .search { padding: 5px 0 5px 0 }
#ctrl_purchaselist table  { margin-top: 10px; border-bottom: solid 1px #bebebe } /* includes table.lastorder, table.purchaselist, table.sharedpurchase, table.sharedpurchase */
#ctrl_purchasecart .buttonpanel { margin-top: 10px }

/* InfoList */
.infolist_textbox { background-color: #ffffff; vertical-align: top; overflow: hidden }
.infolist_textbox img { vertical-align: middle }

/* Article_properties */
.title_whitebox      { text-align: left; white-space: nowrap }
.data_whitebox       { text-align: right }
.data_whitebox_bold  { text-align: right; font-weight: bold }

.title_lightbox      { background-color:#9CABBA; text-align:left; white-space:nowrap }
.data_lightbox       { background-color:#9CABBA; color:#000000; text-align:right }
.data_lightbox_bold  { background-color:#9CABBA; color:#000000; text-align:right; font-weight:bold }

/* Show window */
#purchaselistarea        { float: right; width: 19% }
#infolistboxarea         { float: right; width: 19% }
#showwindowarea          { float: left;  width: 100% }

.showelement             { border-style: solid; border-width: 1px; border-color: #c0c0c0; background-color: white; padding: 0 }
.showelement p           { margin-top: 4px; margin-bottom: 4px }
.showelement_promoprice  { font-size: 12px; color: #BB0000; font-weight: bold }
.showelement_title       { font-size: 11px; color: black; font-weight: bold; margin: 0; padding: 4px; background: #dadada url(images/OP_heading_slice.gif) left bottom repeat-x }

/* login, logout, forgottenpassword */
.centerbox { position: absolute; top: 50%; left: 50%; width: 500px; height: 350px; margin: -175px 0 0 -250px; padding-right: 5px }
.centerbox .boxheading { background: url(images/module_blueheader_top_bottom.png) no-repeat right -5px; height: 30px; color: #fff; text-align: left; border-left: 1px solid #ddd }
.centerbox .boxbody { border: 0; padding: 0; margin: 0; background: url(images/module_blueheader_border_right.png) repeat-y right top; padding: 0 4px 0 0 }
.centerbox .boxbody h2 { color: #333; font: 1.6em Verdana, Arial, Helvetica, sans-serif }
.centerbox .boxbody .outer { padding: 50px 120px 50px 120px; background-color: white; margin-right: 5px; border-left: 1px solid #ddd }
.centerbox .boxbody input { margin-left: 10px; width: 120px }
.centerbox .boxbody .button { margin: 0; padding: 0 25px; width: auto }
.centerbox .boxfooter { background: url(images/module_blueheader_top_bottom.png) no-repeat right bottom; height: 10px; padding-right: 10px; margin-left: 10px }
.centerbox .boxfooter span { background: url(images/module_blueheader_top_bottom.png) no-repeat left bottom; padding: 0; height: 10px; width: 10px; margin-left: -10px; display: block }
.centerbox .languages { text-align: right; font-weight: normal; font-size: 12px; margin-top: 5px }
#loginarea .boxbody .outer { text-align: right }
#loginarea .boxinputrow { padding-bottom: 10px; text-align: right }

/* article details */
.articledetails .head                     { border-bottom: solid 1px #cacaca; height: 32px }
.articledetails .head h1                  { float: left; line-height: 32px } 
.articledetails .head .print              { float: right }
.articledetails .body                     { margin: 10px 0 10px 0 }
.articledetails .body .modulearea         { width: 200px; float: right; clear: right; margin-left: 10px }
.articledetails .body .pictures           { padding: 0 20px 10px 5px; vertical-align: middle }
.articledetails .body .pictures img       { max-width: 260px; min-width: 200px }
.articledetails .body .properties         { padding-left: 20px; width: 240px; vertical-align: middle }
.articledetails .body .properties #amount { width: 30px;  font-size: 10px }
.articledetails .body .properties .button { height: 22px; margin-left: 5px }
.articledetails .body .propertyline       { text-align: left; clear: both; line-height: 20px; vertical-align: middle; overflow: hidden }
.articledetails .body .propertyline .title{ width: 120px; float: left }
.articledetails .body .priceline          { text-align: left; clear: both; line-height: 20px }
.articledetails .description              { padding: 10px 5px 10px 0 }
.articledetails .bigprice                 { font-size: 16px; color: #BB0000; font-weight: bold }
.articledetails .mediumprice              { font-size: 11px; color: #BB0000; font-weight: bold }

/* article addon - boxed */
.articleaddonbox .boxbody { padding: 0; border-bottom: solid 1px #e6e6e6 }
.articleaddonbox .boxitem { padding: 2px 5px 2px 5px; border-bottom: solid 1px #e6e6e6; height: 45px }
.articleaddonbox .boxitem img { float:left; width: 50px; max-height: 45px; padding-right: 10px }
.articleaddonbox .boxitem #name { text-transform: uppercase; height: 29px; overflow: hidden }
.articleaddonbox .boxitem #price, 
.articleaddonbox .boxitem #grossprice, 
.articleaddonbox .boxitem #customerprice, 
.articleaddonbox .boxitem #customergrossprice { float: left; display: inline; font-size: 10px; color: #BB0000; font-weight: bold }
.articleaddonbox .boxitem #currency { float: left; display: inline; padding-left: 3px; font-size: 10px; color: #BB0000; font-weight: bold }
.articleaddonbox .boxitem #addtocartbutton { text-align: right; float: right; font-size: 10px; color: #BB0000; font-weight: bold }

/* main content and navigation */
.content .loginprofile { width: 400px; height: 300px; margin: 40px auto 0 auto }
.content .loginprofile input { margin-left: 0px;height:23px; width: 120px }
.content .loginprofile .boxbody { text-align: left; padding: 0px 50px 0 50px;  }
.content .loginprofile .boxbody .boxinputrow { height:32px;text-align: left; }

.navigation .loginprofile {	padding-bottom: 10px}
.navigation .loginprofile .boxbody {padding-left : 0px;padding-top:0px;	}
.navigation .loginprofile .boxbody hr { display: none }
.navigation .loginprofile .boxbody .boxinputrow {height:32px; text-align: left; }
.navigation .loginprofile input {height:23px }

.systeminfo { text-align: center; height: 80px; padding-top: 50%; margin-top: -0px }

/* sortable table headers */
th a.sortorder.asc  { padding-right: 18px; background: url(images/sortasc.gif) no-repeat right center }
th a.sortorder.desc { padding-right: 18px; background: url(images/sortdesc.gif) no-repeat right center }
th a.sortorder      { padding-right: 18px; background: url(images/sort.gif) no-repeat right center }

/* document details */
.documentdetails { margin-right: 20px }
.documentdetails .head { border-bottom: dashed 1px #aacada; padding-bottom: 5px; margin-bottom: 10px }
.documentdetails .head h1 { color: #005694 }
.documentdetails .head h2 { color: black; font-size: 12px; font-weight: bold; margin-top: 5px }
.documentdetails .head .print { float: right; clear: both }
.documentdetails .innhold { padding-bottom: 10px }
.documentdetails .innhold .image { float: left; margin: 0 10px 10px 10px }
.documentdetails .innhold .info { text-align: right }
.documentdetails .innhold .info span { color: #787878 }
.documentdetails .innhold .description { padding-top: 10px }
.documentdetails .download { background: #fafafa url(images/download_doc.png) no-repeat 0 0; border-top: dashed 1px #cacaca; height: 100px; margin: 15px 0 15px 0; padding: 20px 0 20px 120px }
.documentdetails .download div { color: #787878; margin-bottom: 5px }
.documentdetails .download .title { color: black; font-size: 16px; font-weight: bold; margin-bottom: 15px }

/* document list */
div.documentlist { margin: 0 20px 0 0; clear: both }
.documentlist .search { text-align:left; width: 100%; padding-bottom: 10px; margin: 0 }
.documentlist .item { margin: 5px 0 5px 0; border-top: dashed 1px #aacada; padding-top: 5px }
.documentlist .item .image { width: 90px; height: 80px; float: left; overflow: hidden; margin-right: 20px }
.documentlist .item .image img { height: 80px }
.documentlist .item h1 { color: #005694 }
.documentlist .item h2 { color: black; font-size: 12px; font-weight: normal; margin-top: 5px }
.documentlist .item .info span { color: #787878 }

/* debug and error*/
.debugpanel { width: 100%; height: 100%; margin: 0 auto; padding: 0 }
.debugpanel td { vertical-align: middle; text-align: center }
.debugpanel .boxbackground { width: 600px; margin: 0 auto }
.debugpanel .boxheading    { font-weight: bold; color: #fff; font-size: 16px; margin: 0; padding: 65px 6px 15px 15px; background: url(images/module_smokeheader_top_bottom.png) right 1px no-repeat }
.debugpanel .boxbody       { background: url(images/module_blueheader_border_right.png) repeat-y right top; padding: 0 10px 0 0; border: 0; border-left: 1px solid #ddd }
.debugpanel .boxbody .outer{ padding: 15px 15px 40px 15px; margin: 0; padding-left: 150px; background: #f0f0f0 url(images/app_128x128.png) 10px 40px no-repeat }
.debugpanel .boxfooter     { background: url(images/module_smokeheader_top_bottom.png) no-repeat right bottom; height: 10px; padding-right: 10px; margin-left: 10px }
.debugpanel .boxfooter span{ background: url(images/module_smokeheader_top_bottom.png) no-repeat left bottom; padding: 0; height: 10px; width: 10px; display: block; margin-left: -10px }
.debugpanel h3 { font-weight: normal; font-size: 13px; color: #4a6277; margin: 20px 0 }
.debugpanel ul { list-style: none; margin: 20px 0 10px 0; padding: 0  }
.debugpanel li { margin: 0; padding: 2px 0 }
.debugpanel li a  { font-weight: bold; font-size: 13px; color: #b80a2d }
.debugpanel .adminLink { text-align: right }
.debugpanel .adminLink li { display: inline; padding-right: 10px }

/* payment method */
th.paymentmethod          { }
fieldset.radiogroup label { display: block; padding: 2px 0 2px 0 }
fieldset.radiogroup input { float: left; padding: 0; margin: 0px 4px 0px 0; height: 14px }

/* fieldsets */
fieldset.radiogroup  { border: 0; padding: 0; margin: 0 }
fieldset.delimited   { border-left: 0; border-right: 0; margin: 7px 0; padding: 7px 0 }

/* orderstep - delivery and invoice */
div.deliveryaddress table th, div.invoiceaddress table th { display: none }
div.invoiceaddress  { float: right; padding-right: 140px; margin-bottom: 7px }
div.deliveryaddress { float: left }
div.deliveryaddress select { width: 220px }
div.buyerdetails,
div.orderdetails { float: left; clear: both; width: 40% }

/* miscelaneous */
.clearer    { clear: both }
.left       { float: left }
.right      { float: right }
.leftalign  { text-align: left }
.rightalign { text-align: right }

.button         { font-size: 11px; font-weight: normal; height: 24px; padding: auto auto }
.flowbutton     { font-size: 12px; font-weight: bold; height: 24px; padding: auto auto; vertical-align: bottom }
.Input_amount   { text-align: right }
.Input_text     { text-align: left }
.pagination     { text-align: center; width: 100%; margin-top: 10px }

#articlediscountbox .boxbody { background-color: white }

/* watermark */
.watermark        { position: relative; font-style: normal; color: #aaa; font-size: 12px; width: 0; display: block }
.watermark label  { position: absolute; left: 0; top: 0; white-space: nowrap; color: #999; padding: 4px 0 0 4px }

/* maintenance mode */
div.maintenance-warning   { background-color: #aa0000; padding: 5px 0; text-align: center }
div.maintenance-warning a { color: #fff; font-weight: bold; font-size: 16px }

/* anchor button */
a.button { border: 0; background: url(images/button.png) no-repeat right 0; padding: 0 5px 0 0; margin: 0; display: inline-block; height: 22px; color: #000; overflow: visible; text-decoration: none; outline: 0 }
a.button span { background: url(images/button.png) no-repeat left 0; padding: 0px 5px 0px 15px; margin: 0; display: inline-block; position: relative; left: -5px; line-height: 22px }
a.button:hover, a.button:focus { background-position: right -22px; text-decoration: none; color: #000 }
a.button:hover span, a.button:focus span { background-position: left -22px }
a.button:active { background-position: right -44px; color: white }
a.button:active span { background-position: left -44px }
/* buy button */
a.button.buy { background-image: url(images/button_blue.png) }
a.button.buy span { background-image: url(images/button_blue.png); font-weight: bold; font-style: italic; color: #fff; white-space: nowrap }




/* NORMARK CSS */

h1 {font-family: Georgia, arial, verdana, sans-serif;font-size: 27pt;font-weight: normal;color: #000;}
h2 {font-family: Georgia, arial, helvetica, verdana, sans-serif;color: #000;font-weight:normal;font-size: 13pt}
h3 {color: #000;font-weight: normal;font-size: 15px;font-family: Georgia, arial, helvetica, verdana, sans-serif;margin-bottom:12px;}
h4 {font-family: Georgia, arial, helvetica, verdana, sans-serif;font-size: 11pt;color: #000;font-weight: bold;}

/* .wrapper {width: 1669px;height: 100%;position: relative;margin: 0px auto;z-index:2;display:table;background-image:url(images/bg-dame.jpg);background-repeat: no-repeat;background-color:#f8f8f8;} 
.wrapper {height: 100%; border: 1px red solid;position: relative;margin: 0px auto;z-index:2;display:table;background-image:url(images/bg-dame.jpg);background-repeat: no-repeat;background-position:50% top;}*/

td {vertical-align: top;}
a, a:hover, a:active, a:visited {color: #2587b9;text-decoration: underline;}
div, span, p, table tbody td, table tbody td p, ul li {color:#747a7f;line-height:130%;font-size:12px;font-weight: normal;}
img {border: none;}
ul, li {list-style: none;}
p > bold {color:#000;}

legend {font-family: Georgia, arial, verdana, sans-serif;font-size: 15px;font-weight: normal;color: #000;margin: 0px;}
fieldset {border: none;position: relative;padding: 0px 0px 0px 0px;margin: 0px;}
legend {padding: 0px 10px;font-weight: bold;}
label {float: left;width: 140px;font-size:12px;color:#362950;margin-bottom:4px;}
select {height: 25px;font-size: 11px;color: #000;border: 1px solid #cddbf0;padding: 5px 0px 0px 2px;text-transform: uppercase;width:168px;margin-bottom:8px;}
input[type="select"] {width: 100px;height: 17px;font-size: 11px;color: #333333;border: 1px solid #000000;padding: 0px 0px 0px 2px;text-transform: uppercase;}
option {font-size: 12px;color: #333333;padding: 2px 0px 0px 2px;}
textarea {border-left: 0px;border-top: 0px;border-bottom: 1px solid #dae4f2;border-right: 1px solid #dae4f2;padding: 2px;width: 250px;font-size:12px;height: 100px;margin-bottom:4px;color:#434343;}
span.must, div.must {color: #ff0000;}

/*	
div.sok_front {position:absolute;top:185px;left:12px;width: 170px}
div.login_front { display:block;width:765px;height:25px;background:#f2f2f2;border-left: 1px solid #fff;border-bottom: 1px solid #fff;border-right: 1px solid #fff;-moz-box-shadow: 0px 5px 12px #777;-webkit-box-shadow: 0px 5px 12px #777;box-shadow: 0px 5px 12px #777;z-index:160;position:relative;}
*/

/* SPACERE
..................................................................................................................*/

div.space {float: left;width: 264px;height: 5px;}
div.vspacer10 {float: left;width: 960px;height: 10px;}
div.vspacer19 {float: left;width: 575px;height: 19px;}

div.vspacer24{float: left;width: 100%;height: 28px;}
div.vspacer30 {float: left;width: 780px;height: 30px;}
div.vspacer40 {float: left;width: 960px;height: 40px;}
div.vspace190 {float: left;width: 767px;height: 190px;}

div.hspace5 {float: left;width: 5px;height: 203px;}
div.hspace34 {float: left;width: 34px;height: 155px;}
div.hspace40 {float: left;width: 40px;height: 329px;}
	
/* BORDERE
.................................................................................................................*/
	
div.content-left-border1 {float: left;width: 190px;height: 1px;border-bottom: 1px solid #e1e1e0;margin-top:7px;}
div.content-left-border2 {float: left;width: 190px;height: 1px;border-bottom: 1px solid #fff;margin-bottom:14px;}

div.content-center-border1 {float: left;width: 415px;height: 1px;border-bottom: 1px solid #e1e1e0;margin-top:7px;}
div.content-center-border2 {float: left;width: 415px;height: 1px;border-bottom: 1px solid #fff;margin-bottom:14px;}
	
div.content-right-border1 {float: left;width: 264px;height: 1px;border-bottom: 1px solid #e1e1e0;margin-top:7px;}
div.content-right-border2 {float: left;width: 264px;height: 1px;border-bottom: 1px solid #fff;margin-bottom:14px;}


/* BOTTOM
.....................................................................................................................................................................*/

#signature {width:767px;display:block;padding:26px 0px 17px 193px;position:relative;text-align: center }
div.footer-wrapper{width: 1220px;height:auto;background: #f8f8f8;;border-top:1px solid #d9dbdc;padding-top:15px;padding-bottom: 200px;text-align:center;padding-right:280px;}

/* HEADER
....................................................................................................................................................................*/
div.logo {position:absolute;top:-7px;left:-9px;height: 169px;width: 187px;z-index:5;}
div.boble {position:absolute;top:5px;right:0px;height: 101px;width: 101px;z-index:6;background: url(images/boble.png) no-repeat;text-align:center;padding: 40px 35px;}
div.boble p {color:#20272b;font-style:italic;font-size:14px;}
div.boble p span {display:block;color:#fff;font-weight:bold;font-style:normal;font-size:17px;margin: 5px 0px;}

/* FORSIDE
..........................................................................................................................................................................*/

div.blackfield {display:block;width:742px;background:#171717;height:65px;opacity:0.85;filter:alpha(opacity=85);-moz-opacity:0.85;-khtml-opacity: 0.85;z-index:16;padding: 16px 0px 0px 25px;position:relative;}
div.blackfield > div.handlekurv {position:absolute;top:44px;left:497px;}
div.blackfield > div.handlekurv img {float:left;}
div.blackfield > div.handlekurv a {color:#92c6e0;font-size:12px;}
div.blackfield > div.handlekurv p {font-size:13px;}
div.blackfield h1 {color:#fff;}
div.blackfield > p.brodsmule {font-size:11px;margin-bottom:3px;color:#789fb2;}
div.login_sok {display:block;width:765px;height:41px;background:#f2f2f2;border-left: 1px solid #fff;border-bottom: 1px solid #fff;border-right: 1px solid #fff;-moz-box-shadow: 0px 5px 12px #777;-webkit-box-shadow: 0px 5px 12px #777;box-shadow: 0px 5px 12px #777;z-index:9;position:relative;}
div.login_sok p.ant_prod {position:absolute;top:15px;left:28px;}
div.front-image {display:block;width:767px;height:367px;z-index:13;background: url(images/front-dummy.jpg) no-repeat;position:relative;border-bottom: 1px solid #fff;}
div.whitefield {display:block;width:742px;position:absolute;top:212px;left:0px;background:#fff; opacity:0.85; filter:alpha(opacity=85);-moz-opacity:0.85;-khtml-opacity: 0.85;z-index:161;position:relative;height:92px;-moz-box-shadow: 0px 5px 12px #777;-webkit-box-shadow: 0px 5px 12px #777;box-shadow: 0px 5px 12px #777;padding: 25px 0px 0px 25px;}
div.whitefield > h1, div.bluefield > h1, div.blackfield > h1, div.produkt > h1 {font-size:20pt;margin-bottom:5px;}
div.bluefield {display:block;width:740px;background: url(images/background_blue.png) repeat-x;height:70px;padding: 14px 0px 0px 27px;}

div.login {}
div.login input.login {float:left;width:110px;height:27px;background: url(images/input_login.jpg)no-repeat;border:none;margin:0px;padding:0px 0px 0px 10px;line-height:200%;color:#747a7f;font-weight:normal;}
div.boxbody input.submit_login {position:absolute  ;float:right ;padding :0;margin:0;overflow:hidden;width:45px;height:27px;background: url(images/login_btn.jpg) -4px -3px no-repeat;cursor:pointer;}
a.registrer {}


/* PRODUKTLISTING
.....................................................................................................................................................................*/

div.prodlist_container {width:767px;background:#fff;display:table;position:relative;}
div.produktlist {float:left;background:#fff;width:151px;text-align:center;position:relative;}
div.produktlist fieldset {text-align:center;width:99%;padding-left:10px;}

div.produktlist > div.price-spec {float:left;width:151px;position:relative;margin-bottom:24px;vertical-align: top}
div.produktlist > div.price-spec > span.price {position:absolute;top:0px;left:5px;width:45px;color:#000;font-weight:bold;font-size:15px;text-align:right;padding-top:6px;}
div.produktlist > div.price-spec input.antall {position:absolute;top:4px;left:60px;width:20px;height:18px;border: 1px solid #e2e3ea;text-align:right;padding:3px 5px 0px 0px;margin:0px 0px 0px 0px;color:#000;font-weight:normal;}
div.produktlist > div.price-spec input.kjop {position:absolute;top:0px;right:5px;width:55px;height:30px;background: url(images/kjop_small.jpg) no-repeat;cursor:pointer;border:none;}

div.produktlist label {width:35px;color:#000;font-weight:bold;font-size:15px;text-align:right;padding-right:5px;padding-top:7px;}
div.produktlist input {width:20px;height:18px;border: 1px solid #e2e3ea;text-align:right;padding:3px 5px 0px 0px;margin:0px 0px 0px 0px;color:#000;font-weight:normal;}
div.produktlist input.kjop {width:55px;height:30px;background: url(images/kjop_small.jpg) no-repeat;cursor:pointer;border:none;}

/* PRODUKTVISNING
......................................................................................................................................................................*/

div.produktvisning {position:relative;width:767px;background:#fff;min-height:314px;display:table;}
div.produktvisning > div.bilde {float:left;width:374px;}
div.produktvisning > div.bilde > a {position:relative;left:24px;}
div.produktvisning > div.spec {float:left;width:358px;padding: 23px 35px 0px 0px;}
div.produktvisning > div.spec p.produktnr {color:#b3b6b9;font-size:11px;}
div.produktvisning > div.spec p {font-size:12px;}

div.produktvisning > div.spec > div.spec-price {float:left;position:relative;width:370px;margin: 40px 0px 40px 0px;padding-right:23px;min-height:58px;}
div.produktvisning > div.spec > div.spec-price > span.strike {position:absolute;top:11px;left:0px;font-size:19px;color:#afb2b5;}
div.produktvisning > div.spec > div.spec-price > span.price {position:absolute;top:11px;left:60px;font-size:21px;color:#000;}
div.produktvisning > div.spec > div.spec-price input.antall {position:absolute;top:14px;left:130px;width:20px;height:18px;border: 1px solid #e2e3ea;text-align:right;padding:3px 5px 0px 0px;margin:0px 0px 0px 0px;color:#000;font-weight:normal;}
div.produktvisning > div.spec > div.spec-price input.kjop {position:absolute;top:0px;right:23px;width:203px;height:58px;background: url(images/legg_i_handlekurv.jpg) no-repeat;cursor:pointer;border:none;}

/* PRODUKTLIST FORSIDE
..................................................................................................................................................................*/

div.produkt {float:left;height:161px;background:#fff;position:relative;padding-right:22px;}
div.produkt img {float:left;}
div.produkt h1 {margin-top: 30px;}
div.produkt > p {margin-bottom: 10px;}
div.sep {float:left;width:2px;height:161px;}
div.border767{float:left;width:767px;height:5px;background: url(images/border767.png) no-repeat;}





ul#topmenu a {
color:#747a7f;
background: url(images/arrow_pass.png) left center no-repeat;
padding-left: 10px;
}