/* CSS ---->   */

@import url("reset.css");

* {margin: 0; padding: 0;}
body {background: #000 url(../img/bg.jpg) repeat; font-family: Arial, Helvetica, sans-serif; color: #444; font-size: 12px; margin: 0 auto; padding: 0;}

/*--FONT STYLES--*/

h1 {font-size: 22px; font-weight: 700; text-transform: uppercase}
h1.lands {font-size: 18px; font-weight: bold;color: #999; text-transform: uppercase;}
h2 {font-size: 18px; font-weight: 700;}
h3.faqtext {margin: 20px 0 0 0; font-size: 16px} 
#faqborder {padding-top: 20px; border-top: 1px solid #ccc;}

h2.lightgrey a {color: #999; text-decoration: none;}
h2.lightgrey a:visited {color: #999; text-decoration: none;}
h2.lightgrey a:hover {color: #999; text-decoration: underline;}

p {font-size: 12px; line-height: 16px;}
p.fullpost {font-size: 11px; float:left;}
p.ingress {font-weight: bold;}
p.lands {font-size: 11px; color: #fff;}

img.left { float: left; margin: 0 20px 20px 0 }
img.right { float: right; margin: 0 0 20px 40px }

.artnr {clear:both; font-size:10px;}

ul {font-size: 12px;}

ol {font-size: 12px; padding: 0 0 0 20px;}

ol li {padding: 0 0 5px 0;}

.bold { font-weight: 700 }

input[type=text] { background: #fafafa; border: solid 1px #ddd; height: 17px; line-height: 19px; padding: 2px }


/************************ Clearfix ****************************/

.clearfix:after { display: block; clear: both; height: 0; visibility: hidden; content: "."; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1px; }
.clearfix { display: block; }

/*--LINKS GENERAL--*/
a {color: #333; border: none; text-decoration: none;}
a:visited {color: #333; text-decoration: none;}
a:hover {color: #333; text-decoration: underline;}

/*--WRAP--*/
#wrapper {width: 980px; margin: 20px auto;}

/*--TOP--*/
#top {clear: both; width: 940px; height: 85px; padding: 0px 20px 10px; background: url(../img/top_bg.jpg) no-repeat; position: relative; z-index: 10000 }
#top .home {float: left; width: 240px; height: 46px; margin-top: 20px; }
ul.menu {float: right; list-style-type: none; height: 20px; color: #fff; margin: 40px 0 0 0; font-weight: 700 }
ul.menu li { float: left; height: 20px; padding: 0 8px; line-height: 20px }

ul.menu li.end { float: right}
.emptycart {float: right; padding: 45px 20px 0 0;}

ul.menu li a {color: #fff; text-decoration: none; outline: none }
ul.menu a.intro, ul.menu a.intro:visited { color: #666 }
ul.menu a.intro:hover { color: #fff }
ul.menu li a:visited {color: #fff; text-decoration: none;}
ul.menu li a:hover, ul.menu li a.active {color: #ccc; text-decoration: none;}

/*--TABMENY--*/
#menu { float: left; width: 980px; height: 30px; background: url(../img/tab_menu_bottom_bg.jpg) bottom no-repeat; position: relative; z-index: 100000 }
#menu ul { float: left; padding: 0 0 0 1px; list-style-type: none }
#menu ul li { float: left; height: 22px; padding: 8px 65px 0 10px; background: url(../img/tab_bg.jpg) no-repeat right }

#menu ul li.first { background: url(../img/tab_bg_first.jpg) left; padding-right: 30px }
#menu ul li.first_semi_active { background: url(../img/semi_active_tab_bg_first.jpg) left; padding-right: 30px }

#menu ul li.last { background: url(../img/tab_bg_last.jpg) right }
#menu ul li.last_active { background: url(../img/active_dark_tab_bg.jpg) right }

#menu ul li.active { background: url(../img/active_tab_bg.jpg) right }
#menu ul li.semi_active { background: url(../img/semi_active_tab_bg.jpg) right }

#menu ul li.dark { background: url(../img/dark_tab_bg.jpg) right }
#menu ul li.dark_active { background: url(../img/active_dark_tab_bg.jpg) right }
#menu ul li.dark_semi_active { background: url(../img/semi_active_dark_tab_bg.jpg) right }

#menu ul li.dark_last { background: url(../img/dark_tab_bg_last.jpg) right }
#menu ul li.dark_last_active { background: url(../img/active_dark_tab_bg_last.jpg) right }

#menu ul li a { float: left;  padding: 0 5px; text-transform: uppercase; text-decoration: none; font-weight: 700; outline: none }
#menu ul li.dark a, #menu ul li.dark_last a, #menu ul li.dark_semi_active a { color:#fff }
#menu ul li.active a, #menu ul li.dark_active a, #menu ul li.dark_last_active a { color: #771616 }
#menu ul li a:hover { color: #999 }

/*--CART--*/

#cart { float: left; width: 980px; min-height: 35px; background: #dfdfdf; position: relative; z-index: 1000}
#cart ul { float: right; padding: 5px 25px 5px 0; min-height: 25px; width: 955px; text-align: right; background: url(../img/tab_menu_bg.jpg) no-repeat bottom #dfdfdf; position: relative; z-index: 10000 }
#cart ul li { display: inline; padding: 0 0 0 10px; text-align: left }
#cart ul li#sum { font-weight: 700 }
#cart ul li#sum span { color: #771616; font-weight: 700 }
#cart ul li a { text-align: left; display: inline-block; line-height: 25px; padding: 0 0 0 10px; width: 165px; height: 25px; background: url(../img/btn_cart_bg_over.jpg); color: #fff; text-decoration: none; font-weight: 700  }
#cart ul li a:hover  { background: url(../img/btn_cart_bg.jpg) no-repeat; color: #333}

/*--CART INNEHÅLL--*/

#cart ul li #cart_trigger_open, #cart ul li #cart_trigger { background: url(../img/btn_cart_bg.jpg) no-repeat; color: #333 }
/*#cart ul li #cart_trigger_open:hover, #cart ul li #cart_trigger:hover { background: url(../img/btn_cart_bg_over.jpg); color: #fff }*/

#cart_info_wrapper { width: 980px; height: auto; padding: 0; position: relative; z-index: 1; background: /*url(../img/content_bg.jpg) no-repeat*/ #fff; float: left; border-top: solid 1px #efefef; /*border-bottom: solid 1px #cfcfcf;*/ }

#cart #cart_info_wrapper #cart_info { margin: 0; width: 930px; color:#333333; font-weight:bold; float: left }
#cart #cart_info_wrapper #cart_info ul { float: left; width: 955px; height: auto; line-height: 30px; padding: 0px 0 0px 25px; background: none; border-bottom: solid 1px #dfdfdf; /*border-top: solid 1px #efefef;*/ font-weight: normal  }
#cart #cart_info_wrapper #cart_info ul.top, #cart #cart_info_wrapper #cart_info ul.top:hover { background: #f0f0f0; border-bottom: solid 1px #dfdfdf; border-top: none; font-weight: 700 }
#cart #cart_info_wrapper #cart_info ul.bottom { background: url(../img/tab_menu_bg.jpg) center bottom no-repeat; padding: 5px 0 5px 25px; line-height: 25px; border-bottom: none; border-top: solid 1px #efefef; font-weight: 700 }
#cart #cart_info_wrapper #cart_info ul li { float: left; height: auto; padding: 0; background: none;  }
#cart #cart_info_wrapper #cart_info ul.bottom:hover { background: url(../img/tab_menu_bg.jpg) center bottom no-repeat; }
#cart #cart_info_wrapper #cart_info ul:hover {background: #fafafa }
#cart #cart_info_wrapper #cart_info ul li a { padding: 0; margin: 0; background: none; width: auto; height: 0 }
#cart #cart_info_wrapper #cart_info ul li.product_number { width: 135px; }
#cart #cart_info_wrapper #cart_info ul li.product { width: 270px; }
#cart #cart_info_wrapper #cart_info ul li.quantity { width: 110px; text-align: right }
#cart #cart_info_wrapper #cart_info ul li.price { width: 110px; text-align: right; }
#cart #cart_info_wrapper #cart_info ul li.total { width: 110px; text-align: right; }
#cart #cart_info_wrapper #cart_info ul li.total span { color: #771616; }
#cart #cart_info_wrapper #cart_info ul li.change_count { width: 100px; text-align: right }
#cart #cart_info_wrapper #cart_info ul li.change_count a { float: right; width: auto; height: auto; padding: 0 0 0 15px; font-size: 14px }
#cart #cart_info_wrapper #cart_info ul li.delete { width: 95px; text-align: right }
#cart #cart_info_wrapper #cart_info ul li a { font-weight: normal; color: #333}
#cart #cart_info_wrapper #cart_info ul li a:hover { color: #771616 }
#cart #cart_info_wrapper #cart_info ul li.proceed { width: 175px; padding: 0 0 0 20px }

#cart #cart_info_wrapper #cart_info ul li.empty { width: 930px; font-weight: bold; text-align: center; padding: 10px 0 }

#cart #cart_info_wrapper #cart_info ul li.proceed a { text-align: left; display: inline-block; line-height: 25px; padding: 0 0 0 10px; width: 165px; height: 25px; background: url(../img/btn_cart_bg_over.jpg); text-decoration: none; font-weight: 700; color: #fff  }
#cart #cart_info_wrapper #cart_info ul li.proceed a:hover { background: url(../img/btn_cart_bg.jpg); color: #333}

#cart_popup { padding: 15px 0 0; position: absolute; top: 162px; right: 25px; z-index: 40; display: none }
#cart_popup p#article { text-align: center; background: #e7e7e7; padding: 15px; min-width: 410px; border: solid 5px #3f3f3f; font-size: 12px; font-family: Arial  }
#cart_popup p span { font-size: 14px; color: #771616; font-style: italic; font-weight: bold }

/*--START PRODUKTSNURRA--*/
#prod_wrapper { float: left; background-color: #fff; width: 980px; height: 400px; position: relative }

#prod_wrapper #nav { position: absolute; z-index: 1000; left: 20px; bottom: 20px; }
#inner_prod_wrapper { background-color: #fff; width: 980px; height: 400px; margin: 0;  }
#inner_prod_wrapper div { width: 980px; height: 400px;  }


#inner_prod_wrapper div div { position: absolute; top: 40px; left: 20px; font-weight: 700; width: 420px; height: auto  }
#inner_prod_wrapper div h2 { font-size: 40px; line-height: 40px; padding-bottom: 20px; color: #fff; }
#inner_prod_wrapper div p { font-size: 20px; color: #fff; font-style: italic; line-height: 40px }
#inner_prod_wrapper div a { position: absolute; left: 20px; bottom: 60px; text-transform: uppercase; font-weight: bold; color: #fff }
#inner_prod_wrapper div a:hover  { text-decoration: none }

#inner_prod_wrapper div img { width: 980px; height: 400px }
#inner_prod_wrapper div img.link_logo { float: left; width: auto; height: auto; padding: 17px 8px 0 0 }

#nav { }
#nav a { display: inline-block; width: 25px; height: 20px; padding: 5px 0 0 0; margin: 0 10px 0 0; text-align: center; background: #333; text-decoration: none; font-weight: 700; font-size: 14px; color: #999 }
#nav a.activeSlide { background: #771616; color: #fff }
#nav a:focus { outline: none; }

/*--START LITEN PRODUKTSNURRA--*/
#small_prod_wrapper { float: left; width: 980px; height: 160px; margin: 0 0 10px 0; background: #fff; position: relative; overflow: hidden; /*border-top: solid 1px #f0f0f0;*/ } 

#small_prod_wrapper #prod_top { float: left; width: 940px; height: 25px; padding: 10px 20px 10px; background: #f0f0f0 url(../img/bg_products_header.jpg) repeat-x } 
#small_prod_wrapper #prod_top h2 { float: left; text-transform: uppercase; }
#small_prod_wrapper #prod_top p { float: right; line-height: 200%; font-size: 12px; padding: 0 10px; }
#small_prod_wrapper #prod_top img { float: right; padding: 0 0 0 5px; } 

/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 100px; overflow: hidden; }
.csw .loading {margin: 30px 0 100px 0; text-align: center}

.stripViewer { position: relative; overflow: hidden; margin: auto; width: 980px; height: 100px; clear: both; }

.stripViewer .panelContainer { position: relative; left: 0; top: 0; width: 100%; list-style-type: none; float: left }

.stripViewer .panelContainer .panel { float:left; width: 980px; height: 100px; }

.img_wrapper { margin: 20px 41px; _margin: 20px 21px; width: 898px;float: left; }
.img_wrapper img { float: left; margin-left: 20px }

.stripNav {display: none }
.stripNavL, .stripNavR {  position: absolute; z-index: 100000; top: 85px; text-indent: -9000em; }
.stripNavL a, .stripNavR a { display: block; height: 30px; width: 30px; outline: none }
.stripNavL { left: 15px; }
.stripNavR { right: 15px; }
.stripNavL { background: url(../img/arrow_left.gif) no-repeat center; }
.stripNavR { background: url(../img/arrow_right.gif) no-repeat center; }

/*--TEASERBLOCK--*/
.teaser { float:left; width: 318px; height: 190px; border: solid 1px #3f3f3f; line-height: 22px; background: #f0f0f0; margin-bottom: 20px; position: relative; overflow: hidden }
.teaser h3 { font-size: 16px;text-transform: uppercase; padding: 0 0 0 20px; line-height: 39px; background: url(../img/bg_teaser_header.jpg) repeat-x; border-bottom: solid 1px #3f3f3f; }
.teaser h3 a { color: #fff; }
.teaser h3 a:hover { text-decoration: none }
.teaser p { position: absolute; bottom: 0; left: 0; width: 280px; padding: 10px 20px; line-height: 20px; background: url(../img/bg_teaser_text.png) -1px center; font-weight: bold }
.teaser a img { border: none; height: 150px; width: 320px; }

.teaser#news { margin: 0 10px; }
.teaser#news ul { padding: 20px 20px 10px; }
.teaser#news ul li { padding-bottom: 15px; position: static; background: none; color: #333; }
.teaser#news ul li a { font-weight: bold }
.teaser#news ul span { color: #771616; padding-right: 5px; margin-right: 5px; border-right: solid 1px #333 }

/*--FOOTER--*/
#footer {clear:both; width: 980px; height: 49px; border-top: solid 1px #3f3f3f; background: #000 }
#footer.start { background: none; }
#footer a { color: #fff }
#footer ul { padding: 18px 20px 0; text-align: right }
#footer ul li { display: inline; color: #fff; padding: 0 15px 0 0 }
#footer ul li.first { float: left;  }

#footer.start ul li span { color: #fff; }
#footer ul li span { color: #666; font-weight: bold; padding-right: 5px }

/*--FULLPOST--*/
#fullpostContainer { float: left; background: url(../img/content_bg.jpg) no-repeat #fff; width: 930px; height: auto; padding: 20px 25px 30px; margin: 0}
#fullpostContainer div.top_nav { width: 330px; margin: -25px 300px 0; text-align: center; font-size: 14px; text-transform: uppercase;  }
#fullpostContainer div.top_nav img { margin: 5px; float: none }
#fullpostContainer div.top_nav a, #fullpostContainer div.top_nav span { padding: 0  }
#fullpostContainer div.top_nav a.back { border-left: solid 1px #444; border-right: solid 1px #444; padding: 0 6px; }
#fullpostContainer div.top_nav span img { opacity: 0.3; filter: alpha(opacity=30); }
#fullpostContainer div.top_nav a:hover { color: #771616; text-decoration: none}

#fullpostContainer #header { min-height: 50px; _height: 50px; margin-bottom: 20px }
#fullpostContainer #header h2 { padding: 0; color: #771616; text-transform: uppercase; font-size: 20px }
#fullpostContainer #header a#inspiration_trigger, #fullpostContainer #header a#inspiration_trigger_open { display: inline-block; width: 140px; float: right; margin-top: -9px; padding: 8px 20px; color: #fff; text-transform: uppercase; text-align: right; font-size: 12px; font-weight: bold; text-decoration: none; outline: none; background: #3f3f3f url(../img/inspiration_trigger_bg.jpg) no-repeat }

/*#contentFlik {float:left; margin: 25px 0 0 20px;}*/
#fullpostContainer #header a#inspiration_trigger_open { display: none; }

#inspiration_wrapper { width: 920px; height: 55px; overflow: hidden; position: relative; display: block; margin: 0 0 10px 0; float: left; border: solid 5px #3f3f3f; }
#inspiration_wrapper img { width: 920px; height: 400px }
#inspiration_wrapper #nav { position: absolute; bottom: 15px; right: 5px; z-index: 100 }

/*------------------------------------kolumn LEFT--------------------------------------*/
#fullpostContainer .leftColInfo {float: left; width: 450px; height: auto; padding: 0 15px 0 0; margin: 0; }
#fullpostContainer .leftColInfo .info, .leftColInfo div.fullpost_list { float: left; border: none; padding: 0 0 10px 0; margin: 0}
#fullpostContainer .leftColInfo .info { width: 450px; padding-bottom: 20px; line-height: 20px }
#fullpostContainer .leftColInfo h4 { padding:  30px 0 20px; float: left; width: 450px; text-transform: uppercase; font-size: 14px; border-top: solid 1px #e5e5e5; }
#fullpostContainer .leftColInfo div.fullpost_list { border-top: solid 1px #e5e5e5; padding: 10px 0; width: 449px; border-right: solid 1px #fff }
#fullpostContainer .leftColInfo div.fullpost_list.active, #fullpostContainer .leftColInfo div.fullpost_list:hover { border-right: solid 1px #e5e5e5; background: url(../img/fullpost_list_bg.jpg) repeat-y; }
/*#fullpostContainer .leftColInfo div.fullpost_list.active a { color: #771616 }*/

/*------------------------------------Rekommenderade produkter--------------------------------------*/

#fullpostContainer .leftColInfo div.fullpost_acc_list {  padding: 10px 0; width: 148px; float: left; text-align: center; border-right: solid 1px #e5e5e5 }
#fullpostContainer .leftColInfo div.fullpost_acc_list.end { border: none }
#fullpostContainer .leftColInfo div.fullpost_acc_list a img { float: none; padding-bottom: 5px }
#fullpostContainer .fullpost_acc_list h3 a:hover { color: #771616; text-decoration: none; display: block }
#fullpostContainer .fullpost_acc_list div h3, #fullpostContainer .fullpost_acc_list div p { float: left; width: 150px; text-transform: uppercase; font-size: 11px; }
#fullpostContainer .fullpost_acc_list div p { text-transform: none;  }

#fullpostContainer .fullpost_acc_list p.price span { color: #9f9f9f }

/*------------------------------------Prodlista fullpost--------------------------------------*/

#fullpostContainer a img, .fullpost_list div { float: left; border: none }
#fullpostContainer .fullpost_list a img { width: 78px; height: 76px; }
#fullpostContainer .fullpost_list div { width: 370px }
#fullpostContainer .fullpost_list h3 a:hover { color: #771616; text-decoration: none; display: block }
#fullpostContainer .fullpost_list div h3 { font-size: 16px }
#fullpostContainer .fullpost_list div h3, #fullpostContainer .fullpost_list div p { text-transform: uppercase; padding: 0 0 0 10px; line-height: 25px;}
#fullpostContainer .fullpost_list div p { font-size: 12px; text-transform: none; float: left }
#fullpostContainer .fullpost_list div p img { width: auto ; height: auto}
#fullpostContainer .fullpost_list div p span { font-weight: bold; float: left }

#fullpostContainer .fullpost_list div p.price { float: right; line-height: 25px; padding: 0 10px 0 10px; text-align: right; font-weight: 700 }
#fullpostContainer .fullpost_list div p.price span { color: #999; float: none }
#fullpostContainer .fullpost_list div p span.old { text-decoration:line-through; color: #999; padding: 0 5px 0 0; font-size: 10px }
#fullpostContainer .fullpost_list div p span.new { color: #771616 }
#fullpostContainer .fullpost_list div p.price img { float: right; padding: 0 0 0 10px }

/*------------------------------------top3 banner----------------------------------------*/
.top3 {float: left; margin:10px 0 0 0;}

/*------------------------------------kolumn RIGHT--------------------------------------*/
#fullpostContainer .right_col_info {float: left; width: 449px; padding: 0 0 0 15px; border-left: solid 1px #e5e5e5; }
#fullpostContainer .right_col_info h1 { text-transform: uppercase; padding: 0 0 0 0; font-size: 20px}
#fullpostContainer .right_col_info img { border:none; }
#fullpostContainer .right_col_info .share { float: right; margin: 0 0 10px 0 }
#fullpostContainer .right_col_info .info { width: 449px; padding: 10px 0; float: left; line-height: 20px }
#fullpostContainer .right_col_info .info p {float: left; padding: 5px 10px 5px 0; font-weight: 700;}
#fullpostContainer .right_col_info .info p.color { width: auto; float: left }
#fullpostContainer .right_col_info .info p.color span { display: inline-block; width: 8px; height: 8px; margin: 0 0 0 5px; padding: 0; float: none }
#fullpostContainer .right_col_info .info p.price {float: right; font-size: 16px}

#fullpostContainer .right_col_info .info p.price span { color: #9f9f9f }
#fullpostContainer .right_col_info .info p.price span.old { text-decoration: line-through; padding: 0 5px 0 0; font-size: 12px }
#fullpostContainer .right_col_info .info p.price span.new { color: #771616 }
#fullpostContainer .right_col_info input { float: right; background: #771616 url(../img/button_bg.jpg) repeat-x; border: solid 1px #771616; width: 75px; height: 23px; color: #fff; text-transform: uppercase; text-align: center; font-size: 12px; font-weight: 700; cursor: pointer; }
#fullpostContainer .larger_img { position: absolute; top: 10px; right: -1px; font-size: 8px; text-transform: uppercase; line-height: 15px; background: }
#fullpostContainer .larger_img img {border:none; padding: 0 5px 0 0 }
#fullpostContainer .larger_img a:hover { text-decoration: none; color: #771616; }

#fullpostContainer #freight { position: absolute; top: 10px; left: 0px; font-size: 8px; text-transform: uppercase; line-height: 15px; }

#fullpostContainer #large_img { border-bottom: solid 1px #e5e5e5; border-top: solid 1px #e5e5e5; width: 449px; float: left; margin: 0 0 10px 0; padding: 10px 0; position: relative }
#fullpostContainer #large_img img { }
#fullpostContainer #large_img_thumb { width: 450px; cursor: pointer }
#fullpostContainer #large_img_thumb div { float: left; border:solid 1px #e5e5e5; width: 78px; height: 76px; text-align: center; padding: 5px 0; margin: 10px 10px 0 0 }
#fullpostContainer #large_img_thumb div.active { border:solid 1px #771616;  }
#fullpostContainer p.color { padding: 10px 0; width: 400px; float: left; font-weight: bold }
#fullpostContainer #large_img_thumb div img { float: none }

/*------------------------------------fullpost färger--------------------------------------*/

#fullpostContainer .fullpost_list div p.color span { display: inline-block; width: 8px; height: 8px; margin: 9px 0 0 5px; padding: 0; float: none }
span.white { background-color: #fff; width: 6px; height: 6px; border: solid 1px #cfcfcf }
span.red { background-color: #b4191d }
span.black { background-color: #000 }
span.green { background-color: #abc27a }
span.yellow { background-color: #fbe865 }
span.orange { background-color: #ff9933 }
span.grey { background-color: #a3a3a3 }
span.darkgrey { background-color: #686868 }
span.silver { background-color: #ccc }
span.blue { background-color: #ccc }

#fullpostContainer .right_col_info a.acc { float: right; background: url(../img/btn_acc.jpg); width: 105px; height: 25px; border: none; color: #fff; text-transform: uppercase; text-align: center; font-size: 12px; font-weight: 700; cursor: pointer; line-height: 25px; text-decoration: none }

/*------------------------------------other prodcucts--------------------------------------*/

/*--även för artlista--*/
.artlisteContainer {width: 930px; float: left; height: auto; padding: 0; }
.artlisteContainer h2 { border: solid 1px #999; background-color: #f0f0f0 }
.artlisteContainer p {font-weight: bold; font-size: 11px; }
.artlisteProd { height: 200px; background-color: #fff; float:left; text-align: center; margin: 20px 10px 0 0 }
.artlisteProd img {clear: both; border: none;}
.artlisteContainer p.artnr span { display: inline-block; width: 8px; height: 8px; margin: 5px 0 0 5px; padding: 0; float: none }


.artlisteProd span.old { text-decoration:line-through; padding: 0 5px 0 0 }
.artlisteProd span.new { color: #771616 }

/*--ARTLISTA--*/
.artlistaContainer {clear:both; background: url(../img/content_bg.jpg) no-repeat #fff; width: 930px; height: auto; padding: 30px 25px 10px;}

.artlistaContainer #header { min-height: 50px; _height: 50px; background: url(../img/fullpost_header_bg.jpg) no-repeat }
.artlistaContainer #header a { display: inline-block; float: right; padding: 10px 20px 8px 0; color: #fff; text-transform: uppercase; font-size: 12px; font-weight: bold; text-decoration: none; outline: none }
.artlistaContainer #header h2 { padding: 0  0; }

.artlistaContainer h2 { padding: 5px; }

/*------------------------------------prods acc btns--------------------------------------*/
#prodaccBtns {width: 242px; clear: both; margin: 41px auto auto 20px;}
#prodaccBtns img {border:none;}
.btnprods {float: left;}
.btnacc {float: right;}
/*------------------------------------kategori rubrik--------------------------------------*/
.artlista_rub {clear: left; margin: 20px auto auto 15px;}


/*--MALLCSS FÖR TEXTSIDORNA--*/
.Container {clear:both; background: url(../img/content_bg.jpg) no-repeat #fff; width: 930px; min-height: 520px; _height: 520px; padding: 20px 25px 40px; }

.centerCol {float:left; width: 930px; height: auto; margin: 0; border: none; }
.centerCol table {font-family: Arial; font-size: 12px; margin-bottom: 30px; }
.centerCol table td {border-bottom: 1px solid #e8e8e8; padding: 2px 0 5px 0; vertical-align: top; }

.leftCol {float: left; width: 660px; height: auto; border: none; }
.leftCol p { margin: 20px 0 0 0;}
.newsleftCol { float: left; width: 600px; height: auto; margin: 0 0 0 20px; border: none; }
.newsleftCol p { margin: 20px 0 0 0; width: 600px; }
.rightCol {float: left; width: 270px;  }
.rightCol#textleft {text-align: left;}
.rightCol#textleft ul { float: right; width: 210px; padding: 0 0 0 20px; }
.rightCol#textleft ul h4 { padding: 2px 5px; border: solid 1px #999; background-color: #f0f0f0; font-size: 12px }
.rightCol#textleft ul p { padding: 5px 5px 20px; line-height: 20px }
.rightCol#textleft ul.menu_right p { padding: 10px 5px 20px; line-height: 20px }
.rightCol#textleft ul a, .rightCol#textleft ul.menu_right a.active { font-weight: bold; }
.rightCol#textleft ul.menu_right a { font-weight: normal; }

/*--NYHETER--*/
.rightCol#textleft ul.menu_right { width: 240px; margin-bottom: 20px }
.rightCol#textleft ul.menu_right ul { width: 240px }
.rightCol#textleft ul.menu_right ul li { border: none; background: none; padding: 10px 5px 0; line-height: 14px }
.teaser#news ul li { padding-bottom: 15px; position: static; background: none; color: #333; }
.teaser#news ul li a { font-weight: bold }
.rightCol#textleft ul.menu_right span { color: #771616; padding-right: 5px; margin-right: 10px; border-right: solid 1px #ddd; width: 80px; float: left }
.news_post { width: 600px; }
.news_post span { color: #999; font-weight: bold }
.news_post_menu { width: 330px; }
.rightCol#textleft.news_post_menu ul.menu_right, .rightCol#textleft.news_post_menu ul.menu_right ul { width: 310px; }

/*--KASSA--*/
.kassa { }
.kassa table {font-size: 12px; margin: 20px auto; border: none; width: 930px; line-height: 24px}
.kassa table.light {font-size: 12px; margin: 20px auto; border: none; width: 100%;}
.kassa tr {}
.kassa tr.darkgrey {background-color: #444;}
.kassa tr.grey {background-color: #e8e8e8; text-transform: uppercase; }
.kassa tr.grey td { font-weight: bold; padding: 2px 5px }
.kassa tr.content {font-size: 11px;}
.kassa td {padding: 5px 5px; text-align: left;}
.kassa td.light {padding: 5px 0 0 0; text-align: right;}
.kassa td.night {padding: 5px 0 0 60px;}
.kassa td.img {border: none;}
.kassa input[type=submit] { background: #771616 url(../img/button_bg.jpg) repeat-x; border: solid 1px #771616; height: 23px; color: #fff; text-align: center; font-size: 12px; font-weight: 700; cursor: pointer; padding: 2px; overflow:visible; outline: none }

.kassa .back, .kassa .back:hover { background: #771616 url(../img/button_bg.jpg) repeat-x; border: solid 1px #771616; height: 23px; color: #fff; text-align: center; font-size: 12px; font-weight: 700; cursor: pointer; padding: 2px; overflow:visible; outline: none; text-decoration: none }

.total {font-size: 12px;}
.totalred {font-size: 12px; color: #cc0000; }

/*--STORELOCATOR--*/
#storelocator { width: 490px; padding: 20px 0 }
#storelocator li { float: left; width: 200px; height: 85px; padding: 10px; margin: 0 20px 20px 0; border: solid 1px #e5e5e5; background: #fff url(../img/content_bg.jpg) left -11px no-repeat }
#storelocator h4 {color: #771616; font-size: 12px } 
#storelocator a { font-weight: bold; padding-top: 10px; display: block }

#storelocator li.active { padding: 8px; border: solid 3px #e5e5e5; background: #f0f0f0 }
#map_canvas { margin: 20px 0 0 0; width: 420px; border: 1px solid #999; height:700px; float:right; }

/*---LINKS---*/
.links { padding: 10px 0; width: 930px }
.links li { border-bottom: solid 1px #ddd; line-height: 26px; }
.links li a { width: 260px; font-weight: bold; }
.links li span { width: 670px; float: right}

/*---FAQ---*/
ul.manuals { float: left; list-style-type: none; color: #444; margin: 20px 0 0 5px;}
ul.manuals li { background-image:url(../img/manual_symbol.gif); background-repeat: no-repeat; display: block; padding: 5px 0 5px 30px; margin: 10px 0 0 0;}

/*---TECH---*/
div.back { text-transform: uppercase; float: right; font-size: 10px; font-weight: bold; }

/* SHOPSETUP */
.shopsetup { clear:both; margin: 0 auto; text-align: center }
.shopsetup p {font-size: 10px; color: #666; padding: 5px 30px 5px 0}
.shopsetup p a {font-size: 10px; color: #666; text-decoration:none; }
.shopsetup p a:hover {font-size: 10px; color: #666; text-decoration:underline; }
.shopsetup p a:visited {font-size: 10px; color: #666; text-decoration:none; }

/*--TAVLING--*/

#competition { margin-top: 30px }
#competition h2 { padding: 20px; }
#competition p { font-size: 14px; padding-bottom: 20px }

#col_left { float: left; width: 424px; border-right: solid 1px #e5e5e5; padding: 0 20px }
#col_right { float: right; width: 425px; padding: 0 20px }

#col_left h4, #col_right h4 { padding: 5px; background: #f0f0f0; font-size: 18px }
#col_left img, #col_right img, #col_right object { width: 420px; height: 255px;  } 

#col_left div, #col_right div { padding: 20px 0; font-size: 11px; border-bottom: solid 1px #e5e5e5 }
#col_left p, #col_right p {  font-size: 11px; padding: 2px 0; width: 420px }
#col_left p span, #col_right p span { float: right }