* { font-family:tahoma, arial, helvetica; }
IE7 { css2: auto; }
html { height: 100%; }
body { background:url(../images/bg.png) top left repeat-x; margin:0px; text-align:center; font-size:12px; height: 100%; color: #676767; }

table { font-size:13px; }
a { color: #f19211; }

#site { width:980px; margin:0 auto; text-align:left; }
#site .bg, #site .bg-noleft { float: left; width: 100%; }

#shadow, .shadow { position: fixed; height: 100%; width: 100%; top: 0px; left: 0px; z-index: 51; background: url(../images/shadow.png); display: none; }
#shadow .border { position: absolute; left: 50%; z-index: 100; width: 680px; margin-left: -340px; background: url(../images/border_popup.png); }
#shadow .border .close { position: absolute; right: 25px; top: 20px; }
#shadow .border .body { float: left; width: 650px; margin: 15px; background: #FFF; }
#shadow .border .body .space { float: left; margin: 20px; width: 610px; overflow: hidden; text-align: left; }
#shadow .border .body .space h2 { line-height: 30px; }
#shadow .border .body .space h2.error { padding-left: 40px; background: url(../images/h2_error.png) left center no-repeat; }
#shadow .border .body .space h2.ok { padding-left: 40px; background: url(../images/h2_ok.png) left center no-repeat; }
#shadow .border .body .space div.button.orange { float: right; }
#shadow .border .body .space h4 { font-size: 17px; float: left; width: 100%; color: #262626; border-bottom: 4px solid #f19211; padding-bottom: 2px; }

#shadow .border .body .space .productlist .product h3 { height: 32px; }
#shadow .border .body .space .productlist .product .prod-margin { height: 205px; }

/* TOP */

#top { height: 193px; background:url(../images/bg_top.png) no-repeat; position: relative; margin-bottom: 25px; }
#top .logo, #top .logo_se, #top .logo_no, #top .logo_dk { float:left; margin:40px 0 0 0; background:url(../images/logo_se.png) left top no-repeat; width:370px; height:77px; behavior: url("iepngfix.htc"); cursor: pointer; }
#top .logo_no { background:url(../images/logo_no.png) no-repeat left top; }
#top .logo_dk { background:url(../images/logo_dk.png) no-repeat left top; }

#top .montera { position: absolute; left: 400px; bottom: 44px; height: 130px; }
#top .montera .bubble { position: absolute; float: left; width: 218px; left: 80px; top: 8px; }
#top .montera .bubble .left { float: left; width: 18px; height: 60px; background: url(../images/top_bubble_arrow.png) right 10px no-repeat; }
#top .montera .bubble .body { float: left; width: 200px; }
#top .montera .bubble .body .top { float: left; width: 100%; height: 3px; background: url(../images/top_bubble_bg_top.png) top left no-repeat; }
#top .montera .bubble .body .middle { float: left; width: 100%; background: #FFF; }
#top .montera .bubble .body .middle .space { float: left; padding: 5px 8px; line-height: 18px; font-size: 13px; }
#top .montera .bubble .body .foot { float: left; width: 100%; height: 3px; background: url(../images/top_bubble_bg_foot.png) top left no-repeat; }

#top .toplinks { position: absolute; margin: 0px; padding:10px 0 0 0; color:#99C299; right: 0; top: 0; z-index: 1; }
#top .toplinks ul { padding:0px; margin:0px; float: right; }
#top .toplinks li { list-style:none; float:left; }
#top .toplinks li.last { border: 0; }
#top .toplinks a { position: relative; z-index: 100; color:#85642a; font-size:11px; border-right:1px solid #85642a; padding:0px 5px 0px 5px; }
#top .toplinks li.last a { border: 0; }

#top .fb { position: absolute; right: 134px; top: 10px; width: 100px; overflow: hidden; }

#top .languages { position: absolute; top: 8px; right: 10px; }
#top .languages ul { list-style: none; padding: 0; margin: 0; }
#top .languages li { float: left; }
#top .languages li.active a { font-weight: bold; }

#top .cart { position: absolute; right: 0; top: 60px; color: #FFF; z-index: 10; }
#top .cart .basket { float: right; width: 221px; height: 39px; background: url(../images/bg_cart.png) right top no-repeat; }
#top .cart .basket .icon { float: left; padding: 10px 0 0 11px; }
#top .cart .basket .items { float: left; width: 140px; margin: 11px 0 0 11px; }
#top .cart .basket .items span { font-weight: bold; }
#top .cart .basket .arrow { float: right; padding: 10px 11px 0 0; }
#top .cart_items { clear: both; display: none; float: right; background: #000; margin-top: -3px; width: 470px; }
#top .cart_items .margin-space { float: left; width: 430px; margin: 20px; padding: 0; }
#top .cart_items table { width: 100%; border-collapse: collapse; }
#top .cart_items td.r, #top .cart_items th.r { text-align: right; }
#top .cart_items th.delete { width: 30px; }
#top .cart_items td, #top .cart_items th { padding: 10px 0; border-bottom: 1px solid #262626; }
#top .cart_items .head { font-weight: bold; }
#top .cart_items .price_info { color: #FFF; font-size: 10px; }
#top .cart_items .clearCart { float: left; }
#top .cart_items .toCheckout { float: right; }
#top .cart_items .totalt td { border: 0; padding-bottom: 5px; }
#top .cart_items .installment td { padding-top: 0px; font-size: 11px; }

#top .prov { position: absolute; right: 0; top: 110px; color: #FFF; z-index: 9; }
#top .prov .prov_basket { float: right; height: 25px; }
#top .prov .cart_items td.image div { height: 20px; width: 160px; overflow: hidden; }

/* TOP MENU */

#menu { position: absolute; top: 149px; float:left; color:#fff; margin:0px; height: 44px; margin-left: 1px; left: 0; }
#menu ul { float: left; padding: 0; margin: 0; border-left: 1px solid #3c3c3c; border-right: 1px solid #000000; }
#menu li { float:left; list-style:none; padding: 0; height: 44px; border-left: 1px solid #000000; border-right: 1px solid #3c3c3c; }
#menu li a:hover, #menu li.active a { color: #FFF; background: url(../images/bg_menu_active.png) left top repeat-x; }
#menu li.first { }
#menu li.last { }
#menu a { float: left; padding: 11px 18px; color:#a4a4a4; font-size:18px; text-decoration:none; font-weight:bold; }


/* LEFT MENU */

#left .submenu { float: left; width: 100%; background: #f0f0f0; margin-bottom: 10px; }
#left .submenu ul { float: left; margin: 10px; padding: 0; list-style: none; }
#left .submenu ul ul { clear: both; margin: 5px 0 0 5px; }
#left .submenu ul ul ul { margin: 2px 0 0 24px; }
#left .submenu li { float: left; clear: both; margin: 8px 0; }
#left .submenu li a { float: left; padding-left: 16px; text-decoration: none; font-weight: bold; color: #262626; }
#left .submenu li.active a { color: #f19211; }
#left .submenu li.childs a { background: url(../images/submenu_plus.png) left center no-repeat; }

#left .submenu li li { margin: 0; }
#left .submenu li.childs li { background: url(../images/submenu_tree.png) left top no-repeat; }
#left .submenu li.childs li a { padding: 3px 0 3px 20px; margin: 0; color: #5c5c5c; font-weight: normal; background: none; }
#left .submenu li.childs li a:hover, #left .submenu li.childs li.active a { color: #f19211; }
#left .submenu li.childs li.last { background: url(../images/submenu_tree_last.png) left bottom no-repeat; }

#left .submenu li.childs li.active li a { color: #5c5c5c; }
#left .submenu li.childs li.active li.active a { color: #f19211; }

.noleft #left { display: none; }

#left { float: left; width: 210px; }
#left img { margin-bottom: 5px; }

#left .flashbox { float: left; margin-bottom: 8px; }

.margin-space { padding: 13px 0 0 5px; }

#center { float:left; width:580px; padding-bottom: 15px; overflow: hidden; border-right: 1px solid #d7d7d7; }
#center .margin-space { padding: 0px 20px; }

/* BREADCRUMB */
#center .breadcrumb { float: left; width: 100%; margin-bottom: 20px; }
#center .breadcrumb ul { padding: 0; margin: 0; list-style: none; }
#center .breadcrumb ul li { float: left; font-size: 11px; }

.noleft #center { float:left; width:750px; }

/* HÖGERKOLUMN */
.checkout #right,
.houseflash #right,
.config #right,
.list_fabrics #right,
.list_lamellfabrics #right,
.list_rullgardinfabrics #right,
.list_plissefabrics #right,
.no-right #right { display: none; }

.checkout #center,
.houseflash #center,
.config #center,
.list_fabrics #center,
.list_lamellfabrics #center,
.list_rullgardinfabrics #center,
.list_plissefabrics #center,
.no-right #center { border: 0; width: 770px; }

.checkout #center .margin-space,
.houseflash #center .margin-space,
.config #center .margin-space,
.list_fabrics #center .margin-space,
.list_lamellfabrics #center .margin-space,
.list_rullgardinfabrics #center .margin-space,
.list_plissefabrics #center .margin-space,
.no-right #center .margin-space { padding: 0 0 0 20px; }

#right { float:right; width:170px; padding-bottom: 10px; overflow: hidden; }
#right .flashbox { width: 170px; text-align: center; margin: 5px 0 10px 0; }

#right h3 { float: left; width: 100%; border-bottom: 4px solid #f19211; padding-bottom: 4px; margin-bottom: 10px; }

#right .fabric { float: left; width: 100%; border-bottom: 1px solid #f0f0f0; margin-bottom: 10px; padding-bottom: 10px; }
#right .fabric a { font-size: 11px; }
#right .fabric img { float: left; width: 100%; height: 20px; overflow: hidden; margin-top: 7px; }

#right .box { float: left; width: 100%; margin-bottom: 20px; }
#right .box .mini_config { float: left; width: 100%; margin-top: -10px; background: url(../images/bg_miniconfig.jpg) top center repeat-y #f8f8f8; border-bottom: 1px solid #dddddd; }
#right .box .mini_config table { float: left; padding: 10px; }
#right .box .mini_config span { color: #B50101; font-size: 17px; font-weight: bold; }
#right .box .mini_config td { padding: 3px 0; }
#right .box .mini_config th, #right .box .mini_config b { color: #000; }
#right .box .mini_config td.total { border-top: 1px solid #dddddd; padding-top: 10px; }
#right .box .mini_config a.build { float: left; margin-top: 5px; }

#right .box .passapa { line-height: 18px; }
#right .box .passapa span { color: #B50101; }
#right .box .passapa div { float: left; width: 100%; padding-bottom: 5px; }


/* BOX */

#box { float: left; width: 100%; margin-top: 10px; }
#box .margin-space { padding: 0 5px; }
#box .top { background: url(../images/rightbox_top.gif) no-repeat; height: 33px; color: #FFF; font-weight: bold; }
#box .blacktop { background: url(../images/rightbox_blacktop.gif) no-repeat; }
#box .top h2 { padding: 5px 0 0 10px; margin: 0; font-size: 11px; color: #FFF; }
#box .body { background: #FFF; }
#box .black { background: #000; }
#box .bottom { background: url(../images/rightbox_bottom.gif) no-repeat; height: 10px; }
#box .blackbottom { background: url(../images/rightbox_blackbottom.gif) no-repeat; }
#box .body .margin-space { padding: 5px; }
#box table { width: 180px;font-size: 11px; }
#box td { color: #5c5c5c; padding: 10px 2px; }
#box .black td { color: #FFF; }
#box tr.passa td { padding: 2px; }
#box a { color: #5c5c5c; }
#box .black a { color: #f6aa16; text-decoration: none; }
#box td.price { text-align: right; color: #f19311; }
#box td.image { padding: 0; text-align: center; border-bottom: 1px solid #dedede; padding-bottom: 10px; }
#box td.image div { float: left; width: 175px; height: 20px; border: 1px solid #797979; overflow: hidden; }


/* MÄRKEN */
.brand_footer { width: 960px; margin: 0 auto; }
.brand_footer .brands { float: left; text-align: left; padding: 30px 0 10px; }
.brand_footer .payment { float: right; padding: 30px 0 10px; }


/* FOOT */

#bottom { clear: both; float: left; width:100%; background: #262626; padding: 30px 0 50px; color: #8e8e8e; }
#bottom .space { width: 960px; margin: 0 auto; text-align: left; }
#bottom ul { float: left; list-style: none; margin: 0; padding: 0; color: #000;}
#bottom li { float: left; padding-right: 28px; }
#bottom li ul { margin-top: 3px; float: none; }
#bottom li li { clear: both; padding: 0 0 0 1px; }
#bottom li a { font-weight: bold; text-decoration: none; }
#bottom li li a { color: #8e8e8e; font-weight: normal; font-size: 11px; text-decoration: underline; line-height: 16px; }
#bottom li.c_110 { display: none; }

#bottom .misc { float: left; }

#bottom .prods { float: left; margin-bottom: 10px; }

#bottom .info, #bottom .contact, #bottom .logo { float: left; margin-left: 60px; font-size: 11px; line-height: 16px; }
#bottom .info { width: 500px; margin: 0; }

#bottom .info, #bottom .contact { margin-top: 20px; }
#bottom .logo { margin-left: 100px; }
#bottom h3 { color: #FFF; font-size: 12px; }



h1 { margin: 0 0 10px 0; color:#262626; font-size:22px; font-weight:bold; letter-spacing: -1; }
h2 { margin: 15px 0 6px 0; color:#262626; font-size:15px; font-weight:bold; letter-spacing: -1; }
h3 { margin: 0px 0px 3px 0px; color:#262626; font-size:14px; font-weight:bold; }


.orangebox { float: left; height: 32px; width: 540px; background: url(../images/bg_orange_box.jpg) top repeat-x; }
.orangebox span { float: left; color: #FFF; padding: 8px 0 0 6px; font-weight: bold; font-size: 11px; }

.yellowbox { float: right; height: 32px; padding: 0 10px; background: url(../images/bg_yellow_box.jpg) top repeat-x; }
.yellowbox span { float: left; color: #FFF; padding: 8px 0 0 6px; font-weight: bold; font-size: 11px; }
.filter .yellowbox span { padding-top: 6px; }

/* Element ****************************************************************************************************************/
form { margin:0px; }
input, select, checkbox, textarea, radio { font-size:12px; }
input.submit { padding:1px;background:#006600; color:#fff; font-weight:bold; font-size:10px; text-transform:uppercase; border:1px solid #2B8200; cursor:pointer; }
textarea { border: 1px solid #DDDDDD; padding: 3px 2px;  }


table.list { width:100%; border:0; padding:0; border-collapse:collapse; }
table.list th { text-align:left; padding:20px 6px 4px; color:#262626; border-bottom: 4px solid #f19211; }
table.list td { padding:5px 6px; border-bottom:solid 1px #d6d6d6; }
table.list td.r, table.list th.r { text-align: right; }


/* Datalist */
table.datalist { border:0; padding:0; border-collapse:collapse; }
table.datalist th { text-align:left; background: #262626; color: #FFF; padding: 10px; }
table.datalist td { padding:10px; border: 1px dotted #9E9E9E; border-width: 0 1px 1px 0; }
table.datalist td.last { border-right: 0; }
table.datalist td.r, table.datalist th.r { text-align: right; }
table.datalist td.c, table.datalist th.c { text-align: center; }

.ingress { font-size:1em; font-weight:bold; font-style:italic; display:block; margin-bottom:15px; }
img { border: none;}
img.thumbnail { border:solid 1px #8a8a8a; padding:2px;}
.article-info { font-size:0.85em; color:#8a8a8a; margin:0px; padding:0px; }
.artnr { font-size: 0.85em; color: #8a8a8a; }
/*************************************************************************************************************************/


/* TEMPLATES */

/* products */
.productlist { float: left; width: 100%; }
.productlist .product { float: left; font-size: 11px; border-bottom: 1px solid #f0f0f0; padding: 10px; background: url(../images/border.gif) top right repeat-y; }
.productlist .product .prod-margin { float: left; width: 130px; height: 180px; }
.productlist .product.last { background: none; }
.productlist .product h3 { font-size: 11px; margin: 5px 0 0 0; }
.productlist .product .image { height: 100px; overflow: hidden; }
.productlist .product.fabric .image { position: relative; height: 50px; float: left; }
.productlist .product.fabric .image img.screen { position: absolute; right: 0; bottom: 0; }
.productlist .product span { float: left; }
.productlist .links { float: left; clear: both; list-style: none; padding: 0; margin: 10px 0 0 0; }
.productlist .links li { float: left; clear: both; padding: 1px 0; }
.productlist .links a { float: left; background: url(../images/link_arrow.gif) left center no-repeat; padding-left: 6px; }
.productlist .buy { float: left; clear: both; }


/* button */
div.button { float: left; height: 25px; }
div.button .left { float: left; width: 2px; height: 100%; background: url(../images/button_left.png) left top no-repeat; }
div.button .middle { float: left; height: 100%; background: #4f4f4f; }
div.button .middle a { float: left; font-weight: bold; color: #FFF; padding: 5px 8px; text-decoration: none; font-size: 12px; }
div.button .right { float: left; width: 2px; height: 100%; background: url(../images/button_right.png) left top no-repeat; }

div.button.orange .left { background: url(../images/button_left_orange.png) left top no-repeat; }
div.button.orange .middle { background: #f19211; }
div.button.orange .right { background: url(../images/button_right_orange.png) left top no-repeat; }

div.button.black .left { background: url(../images/button_left_black.png) left top no-repeat; }
div.button.black .middle { background: #000000; }
div.button.black .right { background: url(../images/button_right_black.png) left top no-repeat; }

div.button.b-right { float: right; }

/* startpage */
div#startpage div#onearticle img { margin-bottom: 5px; }
div#startpage div#webshop-imagecols .prod-list { border: 0; }

/* article-one */
div#onearticle div.ingress, div#headandlist div.ingress { }
div#onearticle div.text, div#headandlist div.text { }
div#onearticle div.article-info, div#headandlist div.article-info { display: none; margin: 0 0 0px 0; border:1px solid #CED9C8; float:right; }
div#onearticle img.right { padding: 10px 0 10px 10px; } 

/* standard */
div#standard { margin-top:-5px; }
div#standard h1 { display:none; }
div#standard div.odd, div#standard div.even { padding:0px; padding:10px 0px 10px 0px;margin:0 0 2px 0; border-bottom:1px solid #CED9C8; }
div#standard div.even { }
div#standard img.thumbnail { float:left; margin:0 10px 20px 0; }
div#standard h3 { margin: 0 0 0px 0; font-size:16px; }
div#standard div.article-info { display:inline; margin:0 10px 10px 0; color:#666; }
div#standard a.link, div#standard a.link:hover, div#standard a.link:visited { display:block; margin:10px 0 0 0;}

/* headerlist */
div#headerlist .a, div#headandlist .a { }
div#headerlist .b, div#headandlist .b { text-align: right; }
div#headerlist a, div#headerlist a:hover, div#headerlist a:visited, div#headandlist a, div#headandlist a:hover, div#headandlist a:visited { }
div#headerlist h1 { margin-bottom:10px; }
div#headerlist table.list { width:95%; border:0; padding:0; border-collapse:collapse; }

/* headandlist */
div#headandlist h3 { margin-top: 40px; } /* satter avstand fran overliggande template */

/* webshop-standard */
div#webshop-standard .text, div#webshop-imagelist .text { margin-bottom:20px; }
div#webshop-standard .a { }
div#webshop-standard .b { text-align:right; }
div#webshop-standard .c { text-align:right; }
div#webshop-standard .d { text-align:right; }
div#webshop-standard .price { font-weight:bold; }
div#webshop-standard input { width:25px; } 
div#webshop-standard input.button { width:40px; } /* 40 passar till "KOP" i 12px arial bold, andras vid annat sprak */

/* webshop-imagelist */
div#webshop-imagelist td { vertical-align:top; }
div#webshop-imagelist .thumbnail { float:left;  margin:0 15px 5px 0;} 
div#webshop-imagelist .artnr { margin:3px 0 10px 0;} 
div#webshop-imagelist .a { }
div#webshop-imagelist .b { vertical-align:middle; text-align:right; width:70px;}
div#webshop-imagelist .c { vertical-align:middle;  width:90px;}
div#webshop-imagelist .price { font-weight:bold; }
div#webshop-imagelist input { width:25px; } 
div#webshop-imagelist input.button { width:40px; } /* 40 passar till "KOP" i 12px arial bold, andras vid annat sprak */

/* webshop-imagecols */
div#webshop-imagecols div.text { margin:0 0 20px 0; }

/* VÄV LISTOR */

div#list-fabrics h1 { float: left; }
div#list-fabrics .filter { clear: both; float: left; margin-top: 10px; width: 100%; border-bottom: 4px solid #f19211; padding-bottom: 10px; margin-bottom: 10px; }
div#list-fabrics .filter table { border-collapse: collapse; }
div#list-fabrics .filter th { color: #262626; padding-bottom: 1px; text-align: left; }
div#list-fabrics .filter td { padding-right: 10px; }
div#list-fabrics .filter .text { width: 100px; }
div#list-fabrics .filter select { width: 100px; }

.free_sample { float: right; height: 47px; }
.free_sample .left { float: left; width: 2px; height: 100%; background: url(../images/bg_free_sample.png) top left no-repeat; }
.free_sample .body { float: left; height: 100%; background: url(../images/bg_free_sample.png) top right no-repeat; }
.free_sample .body-dk { float: left; height: 100%; background: url(../images/bg_free_sample_dk.png) top right no-repeat; }
.free_sample .body div, .free_sample .body-dk div { float: left; color: #FFF; font-weight: bold; padding: 9px 12px 0 10px; }
.free_sample .body div span, .free_sample .body-dk div span { color: #f19211; }

/* webshop-article */
div#webshop-article { padding: 5px; margin-bottom: 20px; }
div#webshop-article table { margin-top: 0px; }
div#webshop-article td.prod-left { padding-right: 20px; }
div#webshop-article .price { font-size: 18px; color: #81291c; margin-bottom: 10px; }
div#webshop-article .price .price_klarna { font-size: 11px; font-weight: normal; padding-top: 7px; }
div#webshop-article .artinr { color: #555; font-size: 11px; margin-bottom: 10px; }
div#webshop-article .artinr-head { float: left; padding-right: 4px; }
div#webshop-article .purchase td { color: #555; font-size: 11px; padding-right: 4px; }
div#webshop-article .quantity-buy { font-size: 15px; color: #f19211; border: 1px solid #dddddd; padding: 3px 2px; }
div#webshop-article td.prodinfo { padding-top: 20px; color: #555; font-size: 11px; line-height: 16px; }
div#webshop-article div.zoom { margin-top: 20px; color: #555; font-size: 11px;  }

div#webshop-article div.productImageThumbnail, div#webshop-article div.productImageThumbnail-selected { float: left; border: 1px solid #CCC; margin: 0 5px 5px 0; cursor: pointer; }


/* calendar-month */
div#calendar-month table { width:95%; }
div#calendar-month td.r { text-align:right; }
div#calendar-month td.c { text-align:center; }
div#calendar-month th { text-align:left; }
div#calendar-month table.cal { border:1px solid #CED9C8; border-collapse:collapse; border-color:#CED9C8; }
div#calendar-month table.cal td, div#calendar-month table.cal th { border:1px solid #CED9C8; padding:3px; }
div#calendar-month table.cal td { height:60px; vertical-align:top; }
div#calendar-month table.cal td.week { width:20px; }
div#calendar-month table.cal td.disable { color:#999; }
div#calendar-month table.cal td.today { background:#CED9C8; }

/* calendar-week */
div#calendar-week table { width: 95%; }
div#calendar-week td.r { text-align: right; }
div#calendar-week td.c { text-align: center; }
div#calendar-week th { text-align: left; }


.small_calendar table.cal td.today { background:#006600;color:#fff; }

table.cal { width:175px;  }
table.cal td { font-size:12px; }
table.cal td.today { background:#DBDAB8; color:#fff; font-weight: bold;}
table.cal td.disable { color:#CED9C8; }


/* PAGINATION */

div#pagination { float: left; width: 100%; margin-top: 12px; text-align: center; padding-top: 5px; }
div#pagination td.pages a { float: left; margin-bottom: 3px; text-decoration: none; color: #FFF; font-weight: bold; font-size: 11px; width: 30px; height: 33px; text-align: center; background: url(../images/bg_pagination.png) top center no-repeat; }
div#pagination td.pages a.on { background: url(../images/bg_pagination_on.png) top center no-repeat; }
div#pagination td.showall a { background: none; width: auto; }
div#pagination a span { padding-top: 5px; float: left; width: 100%; }
div#pagination td { vertical-align: top; }
div#pagination td.image-l, div#pagination td.image-r { padding-top: 5px; padding-right: 3px; }
div#pagination td.image-r { padding-right: 0px; padding-left: 3px; }
div#pagination td.pages { padding: 0; }
div#pagination td.pages td { padding: 0 2px; }

div#sitemap {  }
div#sitemap ul { list-style:none; margin: 0; padding: 0; padding:  0 0 10px 10px; }
div#sitemap li li { font-weight:normal; }
div#sitemap a { font-size: 11px; }

/* configurator */
div#config { float: left; width: 100%; }
div#config h1 { float: left; }

div#config img.showHelp { cursor: pointer; }

div#config .help { float: left; position: absolute; z-index: 500; display: none; border-top: 4px solid #f19211; width: 517px; }
div#config .help h1 { font-size: 16px; }
div#config .help .close_help { float: right; position: absolute; top: 10px; right: 7px; }
div#config .help .body { float: left; width: 100%; background: url(../images/bg_help.png) left top repeat-y; }
div#config .help .body .configHelp { float: left; padding: 20px; }
div#config .help .body .configHelp .ingress, div#config .help .body .configHelp .text { float: left; clear: both; }
div#config .help .bg_help_foot { float: left; width: 100%; height: 20px; background: url(../images/bg_help_foot.png) top left no-repeat; }


div#config .input_error { position: absolute; float: left; z-index: 500; margin: -30px 0 0 45px; display: none; padding-bottom: 10px; background: url(../images/error_arrow.png) no-repeat; background-position: 10px bottom; }
div#config .input_error div { float: left; background: #b50101; color: #FFF; padding: 5px 10px; font-weight: bold; }


div#config .config_space { float: left; width: 100%; }

div#config .your_config { float: left; width: 750px; background: url(../images/bg_smallprice.png) top center repeat-y; border-bottom: 1px solid #fbdeb7; }
div#config .your_config .head { float: left; width: 100%; background: #f19211; }
div#config .your_config .head h2 { float: left; color: #FFF; font-size: 13px; padding: 0; margin: 10px; }

div#config .your_config .info { float: left; color: #676767; }
div#config .your_config .info table { border-collapse: collapse; margin: 10px; }
div#config .your_config .info table td { padding-right: 30px; line-height: 20px; color: #262626; font-weight: bold; vertical-align: top; }
div#config .your_config .info table td.last { padding-right: 0; }
div#config .your_config .info table td span { font-weight: normal; color: #676767; }

div#config .your_config .image-holder { float: right; width: 200px; margin: 10px; }
div#config .your_config .image-holder .border { float: left; border: 1px solid #ebe8df; padding: 5px; }
div#config .your_config .image-holder .border #image { float: left; width: 190px; height: 84px; }
div#config .your_config .image-holder ul { clear: both; float: right; list-style: none; margin: 10px 0 0 0; padding: 0; }
div#config .your_config .image-holder li { float: left; padding-left: 20px; }
div#config .your_config .image-holder .largeFabric { float: left; background: url(../images/icon_zoom.png) left center no-repeat; padding-left: 20px; }

div#config .your_config .price { float: left; width: 100%; }
div#config .your_config .price table { width: 98%; border-top: 1px solid #fbdeb7; }
div#config .your_config .price td { padding: 20px 0; }
div#config .your_config .price td.price_head { font-size: 15px; font-weight: bold; color: #262626; padding-left: 10px; }
div#config .your_config .price td.price_head .price_klarna { font-size: 11px; font-weight: normal; padding-top: 7px; }
div#config .your_config .price td.price_head span { color: #b50101; font-size: 20px; }
div#config .your_config .price td.price_head div span { font-size: 11px; }
div#config .your_config .price input { border: 1px solid #dddddd; padding: 3px 2px; color: #f19211; }
div#config .your_config .price .price_buy { padding-right: 10px; }

div#config .header { float: left; width: 100%; background: #262626; margin-top: 20px; } 
div#config .header span { float: left; color: #FFF; padding: 10px; font-weight: bold; }

div#config #fabrics { float: left; width: 100%; }
div#config #fabrics .filter { float: left; width: 100%; clear: both; border-bottom: 4px solid #f19211; padding: 10px 0; margin-bottom: 10px; }
div#config #fabrics .filter td { padding-right: 10px; }
div#config #fabrics .filter th { color: #262626; font-size: 12px; text-align: left; }

div#config #fabrics .fabricpages { float: left; width: 100%; }
div#config #fabrics .fabricpages .fabric { float: left; width: 150px; border-bottom: 1px solid #f0f0f0; background: url(../images/border.gif) right top repeat-y; }
div#config #fabrics .fabricpages .fabric.last { background: none; }
div#config #fabrics .fabricpages .image { float: left; cursor: pointer; margin: 10px 10px 0 10px; width: 120px; position: relative; }
div#config #fabrics .fabricpages .image .screen { position: absolute; right: 0; bottom: 0; }
div#config #fabrics .fabricpages span { float: left; clear: both; margin: 5px 10px 10px; font-weight: bold; color: #262626; font-size: 11px; }

div#config .row { float: left; width: 100%; border-bottom: 1px dotted #9e9e9e; padding: 10px 0; }
div#config .row table { border-collapse: collapse; margin: 0 10px; }
div#config .row table td { vertical-align: top; padding-right: 20px; font-size: 12px; }
div#config .row tr.image td { padding-top: 10px; }
div#config .row h4 { float: left; color: #262626; margin: 0 5px 0 0; padding: 0; }
div#config .row input[type=text] { font-size: 15px; color: #f19211; border: 1px solid #dddddd; padding: 3px 2px; }
div#config .row option, div#config .row select { font-size: 15px; color: #f19211; }

div#config .row .settings { clear: both; border-left: 4px solid #f0f0f0; margin-left: 9px; padding: 20px 0 10px 10px; line-height: 18px; }
div#config .row .settings table { margin: 10px 0 15px 0; }

div#config .small_price { float: left; width: 100%; margin-top: 20px; background: url(../images/bg_smallprice.png) top center repeat-y; padding: 20px 0; border: 1px solid #fbdeb7; border-width: 1px 0 1px 0; }
div#config .small_price .leftbox { float: left; font-size: 15px; color: #262626; font-weight: bold; margin-left: 10px; }
div#config .small_price .leftbox span { color: #b50101; font-size: 20px; }
div#config .small_price .leftbox .price_klarna { font-size: 11px; font-weight: normal; padding-top: 7px; }
div#config .small_price .leftbox div span { font-size: 11px; }

div#config .small_price .middlebox { float: right; margin-right: 30px; }
div#config .small_price .middlebox input { border: 1px solid #dddddd; padding: 3px 2px; color: #f19211; }
div#config .small_price .rightbox { float: right; margin-right: 10px; }


/* KASSA */

#webshop-cart { float: left; padding: 5px; }
#webshop-cart .text { margin-top: 10px; }
#webshop-cart table { margin-top: 20px; }
#webshop-cart.payment table { margin-top: 0; }
#webshop-cart.payment h3 { margin-top: 20px; }
#webshop-cart th { padding: 6px 5px; background: none; }
#webshop-cart td { border-bottom: 1px solid #abadb3; padding: 10px 5px; }

#webshop-cart td.discount { font-weight: bold; color: red; }
#webshop-cart table.list tr.discount td { color: #ff0000; }

#webshop-cart td.f { vertical-align: middle; }
#webshop-cart input.amount, #webshop-cart input.sell_discount { border: 1px solid #DDDDDD; padding: 3px 2px; }
#webshop-cart input.sell_discount { text-align: right; }

#webshop-cart tr.info th, #webshop-cart tr.info td { border-bottom: 1px solid #abadb3; padding: 0px 5px 10px 5px; }
#webshop-cart tr.row th, #webshop-cart tr.row td { border: 0; padding: 10px 5px 2px 5px;}

#webshop-cart .total td { background: #f8d11e; color: #81291c; border: 0; padding: 5px 5px; }
#webshop-cart .total td.bold { font-weight: bold; }
#webshop-cart .total td table td.c { text-align: right; }

#webshop-cart table.payment { background: none; margin: 0; }
#webshop-cart table.payment td { border: 0; padding: 6px 3px; }

#webshop-cart div.klarna_payment { float: left; background: #f8f8f8; border: 1px solid #dddddd; padding: 2px; }
#webshop-cart div.klarna_payment table { margin: 0; }
#webshop-cart div.klarna_payment td { border: 0; }
#webshop-cart div.klarna_payment td.price { text-align: right; color: #b50101; padding-left: 10px; }

#webshop-cart .reg { float: left; margin: 0 5px 5px 0;}
#webshop-cart .reg label { display: block; margin-bottom: 3px; font-weight: bold; color: #252525; }
#webshop-cart .reg label.checkbox { font-weight: normal; }
#webshop-cart .reg input[type=text] { float: left; border: 1px solid #DDDDDD; padding: 3px 2px; width: 299px; }
#webshop-cart .reg input.medium { width: 230px; }
#webshop-cart .reg input.small { width: 60px; }
#webshop-cart .reg input.half { width: 145px; }
#webshop-cart .obl { float: left; margin: 1px 0 0 5px; }

#webshop-cart .radio { border: 1px solid; width: auto; }
#webshop-cart .radio input { background: none; border: 0; }
#webshop-cart .radio label { display: inline; }

#webshop-cart .company_div { display: none; }

#webshop-cart table.user-info { background: none; }
#webshop-cart table.user-info td { border: 0; padding: 6px 3px; }

/* VÄV */
div#vav { float: left; width: 100%; }
div#vav h1 { float: left; margin-bottom: 2px; }
div#vav .share { float: right; }
div#vav .share a.print { float: left; background: url(../images/print_icon.png) left center no-repeat; padding-left: 18px; margin-right: 15px; color: #676767; font-size: 11px; }
div#vav span.brand { font-size: 13px; }

div#vav .left { float: left; width: 270px; }
div#vav .right { float: right; width: 252px; } 

div#vav .left .price { float: left; font-size: 13px; color: #262626; }
div#vav .left .price span { font-size: 17px; font-weight: bold; color: #b50101; }

div#vav .left h3.buy { padding-left: 20px; background: url(../images/icon_buy_orange.png) left center no-repeat; margin-top: 20px; }

div#vav .left .types { float: left; background: #fffcf2; border: 1px solid #fbdeb7; padding: 10px; }
div#vav .left .types ul { list-style: none; margin: 0; padding: 0; }
div#vav .left .types li { float: left; clear: both; line-height: 18px; }
div#vav .left .types li.gray { padding-top: 10px; }
div#vav .left .types li a { float: left; padding-left: 6px; background: url(../images/link_arrow.gif) left center no-repeat; }

div#vav .right .img_holder { float: left; border: 1px solid #ebebeb; }
div#vav .right .img_holder .image { float: left; overflow: hidden; margin: 5px; }
div#vav .right .largeFabric { float: left; background: url(../images/icon_zoom.png) left center no-repeat; padding-left: 20px; }

div#vav .info { float: left; clear: both; width: 100%; margin-top: 30px; }
div#vav .info table { width: 100%; border-collapse: collapse; }
div#vav .info tr.header { background: #262626; } 
div#vav .info tr.header th { color: #FFF; }
div#vav .info tr th { color: #262626; }
div#vav .info tr th, div#vav .info tr td { padding: 10px 0 10px 10px; }
div#vav .info tr th, div#vav .info tr td { border-bottom: 1px dotted #9e9e9e; }
div#vav .info tr.header th, div#vav .info tr.header td { border: 0; }
div#vav .info tr td img { vertical-align: middle; margin-right: 10px; }
div#vav .info tr td img.symbol { margin-right: 0; }


/* FORMULÄR FEL */
div#form_error {background: #eaeae8; color: #81291d; border: 1px solid #81291d; margin-bottom:15px;}
div#form_error ul{padding-left:25px;}
div#form_error li {list-style-image: url(../images/red_arrow.gif); padding:0px;}

/* ORDER VÄVPROV */
#order-prov div.image { height: 20px; width: 200px; overflow: hidden; }
#order-prov .reg { float: left; margin: 0 5px 5px 0;}
#order-prov .reg label { display: block; margin-bottom: 3px; font-weight: bold; color: #252525; }
#order-prov .reg input[type=text] { float: left; border: 1px solid #DDDDDD; padding: 3px 2px; width: 299px; }
#order-prov .reg input.medium { width: 230px; }
#order-prov .reg input.small { width: 60px; }
#order-prov .reg input.half { width: 145px; }
#order-prov span {color:#f29c12; font-weight:bold;}


/* KONTAKTFORMULÄR */

#contactForm { font-weight: bold; color: #252525;}
#contactForm input, #contactPage textarea, #contactPage input { border: 1px solid #DDDDDD; padding: 3px 2px; margin-top: 3px; margin-bottom: 3px; margin-right: 5px;}
#contactForm input.button, #contactPage input.button { border: 0; width:auto; height: auto; }
#contactForm textarea, #contactPage textarea { width: 299px; display:block; }


/* BANKGIROINFO */

#orderDetails { margin: 8px 0 0 0; padding: 0 8px; border: 1px solid #f3a413; background: #fffaeb;}
#printPage {background: transparent url("../images/printer.png") no-repeat top left; display: block; padding: 0 0 0 23px; margin: 0 0 0 2px; height: 16px;}

/* SPECIAL FÖR WEBSHOP */

table#webshop td { padding: 10px 10px 10px 0; border-bottom: 1px solid #eaeaea; font-size: 11px; }
table#webshop a.more { padding-left: 8px; background: url(../images/arrow_yellow.gif) left center no-repeat; }


/* NIKKE LIST */

ul.alist { list-style: none; margin: 0; padding: 0 0 0 5px; }
ul.alist li { background: url(../images/orange_arrow.gif) left center no-repeat; padding-left: 10px; font-size: 11px; line-height: 18px;}

ul.pdflist { list-style: none; margin: 0; padding: 0 0 0 5px; }
ul.pdflist li { background: url(../images/pdf_icon.gif) left center no-repeat; padding-left: 27px; font-size: 11px; line-height: 25px;}


/* GALLERY */

#gallery-upload label { display: block; margin-top: 10px; font-weight: bold; color: #252525; padding-bottom: 3px; }
#gallery-upload input.text, #gallery-upload textarea { border: 1px solid #DDDDDD; padding: 3px 2px; margin-top: 3px; margin-bottom: 3px; margin-right: 5px;}
#gallery-upload textarea { height: 80px; }
#gallery-upload .share { float: right; top: 135px; left: -50px; position: relative; }

#gallery .upload { float: right; }
#gallery .box { float: left; border: 1px solid #DDD; width: 100px; height: 100px; margin: 0 5px 5px 0; overflow: hidden; }

/* INSPIRE FORM */
#inspire-desc-img {  padding-top: 50px; }
#inspire-form { float: left; width: 340px; }

.inspire .navigation a { text-decoration: none; }
.inspire .navigation { width: 100%; }

.inspire h2 { float: left; background: #262626; color: #FFF; width: 100%; font-size: 14px; }
.inspire h2 span { float: left; padding: 10px; }

.inspire .img_holder { float: left; border: 1px solid #ebebeb; }
.inspire .img_holder .image { float: left; overflow: hidden; margin: 5px; }

/* KLARNA */
div.klarna { position: absolute; display: none; margin: -85px 0 0 190px; float: left; z-index: 100; background: url(../images/bg_klarna.png) no-repeat; width: 274px; height: 280px; }
div.klarna .space { float: left; padding: 27px 20px 0 40px; font-size: 11px; }
div.klarna .space ul { margin: 10px 0; padding: 0; list-style: none; }
div.klarna .space ul li { padding: 2px 0 2px 7px; margin-left: 10px; background: url(../images/black_arrow.gif) left center no-repeat; }
div.klarna .space ul li span { color: #b50101; font-size: 11px; }