/* CSS Document */

/************************************

	       APPLEHEART 2008

 ***********************************/

@import url("reset.css");

/*******************************************************************************************************************************************************************/
/********************************************************************* FONT, RUBRIK M.M ****************************************************************************/
/*******************************************************************************************************************************************************************/

body { background: url(../img/bg.jpg) no-repeat center top #2685b0; background-attachment: fixed; font-size: 12px; font-family: "Century Gothic", "Trebuchet MS", Arial ; color: #1f6a8c }

h1 { font-size: 18px; font-weight: normal; margin: 0 0 10px 0 }
h2 { font-size: 14px; font-weight: normal; margin: 0 0 10px 0 }
h3 { font-size: 12px; font-weight: bold; margin: 0 0 10px 0 }

p { margin: 0 0 10px 0 }

a:link, a:visited { color: #1f6a8c; text-decoration: none; outline: none }
a:active, a:hover { text-decoration: underline }

.clear { width: 100%; clear: both; height: 0px; line-height: 1px; margin: 0; padding: 0; overflow: hidden }

.bold { font-weight: bold }
.underline { text-decoration: underline }

.mt10 { margin-top: 10px;}
.mt20 { margin-top: 20px;}

.message { padding: 10px; margin: 10px; width: 300px; border: dotted 1px #ff0000; color: #ff0000; }

/*******************************************************************************************************************************************************************/
/*************************************************************************** BLOCK PÅ SIDAN ************************************************************************/
/*******************************************************************************************************************************************************************/

.container { width: 980px; margin: 20px auto 0 auto; position: relative }
.middle_wrapper { position: relative; background: url(../img/middle_bg2.gif) repeat-y center bottom; float: left; margin: 0 0 2px 0; padding-bottom: 5px }
.middle_wrapper#start { background: url(../img/middle_bg.gif) repeat-y left top; float: left; margin: 0 0 2px 0; padding: 0 }
.middle_wrapper#kassa { border-bottom: solid 5px #2685b0; padding: 0; width: 980px; background: none }
.middle_wrapper#account { border-bottom: solid 5px #2685b0; padding: 0; width: 980px; background: none }
.middle_wrapper#imagebank { border-bottom: solid 5px #2685b0; padding: 0; width: 980px; background: none }
.middle_wrapper#store { border-bottom: solid 5px #2685b0; padding: 0; width: 980px; background: none }

.middle_wrapper #menu_bottom { position: absolute; z-index: 1; bottom: 0px; left: 0px; width: 180px; height: 175px; background: url(../img/menu_bottom.png) no-repeat; }

.logo { width: 188px; height: 211px; position: absolute; z-index: 100; top: -19px;  left: -5px; clear: both; background-image: url(../img/logo.png); }
.home { display: block; width: 75px; height: 70px; position: absolute; z-index: 1000; }
#home { display: block; width: 75px; height: 70px; position: absolute; z-index: 1000; }
.sidebar { width: 150px; height: 400px; float: left; border: solid 5px #2685b0; background: url(../img/topfade_bg.jpg) repeat-x top #fff; padding: 10px }

/********* TOPPMENY *************/

.topMenu { position: relative; z-index: 16; margin: 0 0 2px 0; width: 970px; padding: 0 10px 0 0; height: 40px; float: left; clear: both;  background: url(../img/topmenu_bg.jpg) repeat-x top #2685b0; }
.topMenu ul { float:right; padding: 12px 10px 0 0 }
.topMenu ul li { float:left; display: inline; padding: 0 10px 0 10px; border-right: solid 1px #79b7d3}
.topMenu #end { border: none }
.topMenu ul li a, .topMenu ul li a:link, .topMenu ul li a:visited, .topMenu ul li a:active { color: #fffffe; text-decoration: none; outline: none; }
.topMenu ul li a:hover { text-decoration: underline }

/************** SÖK **************/

#search_wrapper { position: absolute; z-index: 11; left: 0px; top: 0px; width: 158px; background: #2685b0; margin: 1px; padding: 5px 5px 0 5px; font-size: 10px }
#search_wrapper input { width: 130px; color: #1f6a8c; font-size: 10px; background: url(../img/topfade_bg.jpg) repeat-x #fff; border: solid 1px #fff }
#search_wrapper .search { margin: 0 0 0 7px; width: 17px; height: 14px; border: none }
#search_wrapper a, #search_wrapper a:visited, #search_wrapper a:hover { display: block; color: #fffffe; text-decoration: none; padding: 4px 0 4px 5px; margin: 0 }
#search_wrapper form { padding: 0; margin: 0 }

#advanced_search_info { float: left; width: 148px; border-bottom: solid 5px #2685b0; background: #fff; padding: 5px; position: relative; z-index: 10; margin: 0 }
#advanced_search_info p { float: left; width: 148px; }
#advanced_search_info div select { width: 146px; color: #1f6a8c; font-size: 10px; border: solid 1px #2685b0; }
#advanced_search_info div { float: left; padding: 0 0 10px 0; }

#advanced_search_info input.search { float: right; margin: 10px 0 0 0; width: 40px; height: 16px; padding: 0 }

/********* VÄNSTERMENY ***********/

.menu { position: relative; z-index: 13; width: 170px; float: left; border: solid 5px #2685b0; border-bottom: none; background: url(../img/topfade_bg.jpg) repeat-x top; padding: 10px 0 150px 0 }
.menu #active { color: #2685b0; font-weight: bold; background: url(../img/menu_arrow.gif) no-repeat 9px 5px; padding-left: 20px; padding-right: 0px }
.menu #active_end { font-weight: bold; color: #2685b0; }

.menu ul { width: 168px; padding: 42px 1px 0 1px }
.menu ul li { float: left; width: 168px; margin: 0 }

.menu ul li a, .menu ul li a:link, .menu ul li a:visited, .menu ul li a:active { float: left; font-weight: bolder; padding: 0 10px; width: 148px; font-size: 12px; text-decoration: none; color: #1f6a8c}
.menu ul li a:hover { color: #2685b0 }
.menu ul li ul { padding: 0 }
.menu ul li ul li a, .menu ul li ul li a:link, .menu ul li ul li a:visited, .menu ul li ul li a:active { font-weight: normal; margin: 0 0 0 10px; width: 133px; font-size: 11px }
.menu ul li ul li ul li a, .menu ul li ul li ul li a:link, .menu ul li ul li ul li a:visited, .menu ul li ul li ul li a:active { margin: 0 0 0 20px; width: 118px; font-size: 10px }
.menu ul li ul li ul li ul li a, .menu ul li ul li ul li ul li a:link, .menu ul li ul li ul li ul li a:visited, .menu ul li ul li ul li ul li a:active { margin: 0 0 0 30px; width: 108px; font-size: 10px }
.menu ul li ul li ul li ul li ul li a, .menu ul li ul li ul li ul li ul li a:link, .menu ul li ul li ul li ul li ul li a:visited, .menu ul li ul li ul li ul li ul li a:active { margin: 0 0 0 40px; width: 98px; font-size: 10px }
.menu ul li ul li ul li ul li ul li ul li a, .menu ul li ul li ul li ul li ul li ul li a:link, .menu ul li ul li ul li ul li ul li ul li a:visited, .menu ul li ul li ul li ul li ul li ul li a:active { margin: 0 0 0 50px; width: 88px; font-size: 10px }

/********* NYHETER ***********/

.sidebar#news div { height: 105px; float: left; margin: 5px 10px 10px 0; padding: 0; overflow: hidden }
.sidebar#news div img { float: left; }
.sidebar#news div img#arrow { float: left; margin: 20px 0 0 20px; }
.sidebar#news div p { float: left; clear: both; width: 150px; }
.sidebar#news h1 { text-align: center; margin-top: 10px }

/********* BOTTEN ***********/

.footer { float: left; margin: 0 0 5px 0 ; padding: 0 0 0 80px; text-align: center; width: 900px; height: 40px; clear: both; background: url(../img/bottom_bg.jpg) no-repeat #2685b0; }
.footer ul { float: left; padding: 12px 0 0 0; }
.footer ul li { display: inline; padding: 0 10px 0 10px; border-right: solid 1px #79b7d3; color: #fffffe; float: left }
.footer #end { border: none }
.footer ul li a { color: #fffffe; text-decoration: none; outline: none }
.footer a:hover { text-decoration: underline }

/********* SHOPSETUP ***********/

#shopsetup { float: left; width: 100%; padding: 0 5px 0 0; text-align: center}
#shopsetup a { color: #2685b1; font-size: 9px; line-height: 14px; letter-spacing: 5px; text-decoration: none }
#shopsetup a:hover { color: #fffffe }

/********************************************** TOPPAR *********************************************/

.top { overflow: hidden; margin: 0 0 2px 0; width: 970px; height: 290px; position: relative; z-index: 12; float: left; clear: both; border: solid 5px #2685b0; background-color: #fff }
.top#intro { height: 386px; }

.top .info_wrapper { width: 970px; height: 290px; }
.top .info { overflow: hidden; padding: 20px 25px 0 10px; width: 270px; height: 240px; position: relative; z-index: 13; float: right; color: #fff; }
.top .info h1 { text-transform: uppercase; text-align: center; padding: 10px 0 5px 0; letter-spacing: 2px }
.top .info p { text-align: justify; font-style: italic }

#flash_start { position: relative; z-index: 9; }

/************************************************* CART ********************************************/

#cart_trigger_wrapper { float: right; width: 40px }
#cart_trigger_wrapper a, #cart_trigger_wrapper a:link, #cart_trigger_wrapper a:visited, #cart_trigger_wrapper a:active { display: block; width: 32px; height: 27px; color: #fffffe; text-decoration: none; padding: 13px 0 0 8px; background: url(../img/cartlink_bg.jpg) no-repeat; }
#cart_trigger_wrapper a:hover { background: url(../img/cartlink_over_bg.jpg) no-repeat; cursor: hand }

#cart_trigger_wrapper .empty#cart_trigger { background: url(../img/cartlink_red_bg.jpg) no-repeat; }
#cart_trigger_wrapper .empty#cart_trigger:hover { background: url(../img/cartlink_red_over_bg.jpg) no-repeat; }

#cart_wrapper { position: relative; z-index: 14; right: 0px; top: 0px; width: 970px; font-size: 11px;  }
#cart_info { float: right; height: 250px; width: 930px; background: url(../img/cart_bg.jpg) left top repeat-x #fff; border-bottom: solid 5px #2685b0; padding: 20px;}


.cart_post_wrapper { border: solid 1px #2685b0; background: #fff; float: right; height: 230px; width: 732px; padding: 10px; }
.cart_table { height: 190px; width: 732px; float: left; }
.cart_post_wrapper p { padding: 0; margin: 0 }

.cart_table .empty { width: 732px; text-align: center; font-size: 14px; margin: 100px 0 0 0; }

/************** CART RUBRIKER **************/

.cart_post_header { width: 720px; float: left; clear: both; border: solid 1px #2685b0; padding: 5px; margin: 0 0 5px 0; font-weight: bold; background: url(../img/cart_table_top_bg.jpg) repeat-x bottom #fff; }
.cart_post_header .art_nr {float: left; width: 40px; }
.cart_post_header .antal {float: left; width: 30px; padding-left: 20px }
.cart_post_header .name { float: left; width: 370px; padding-left: 20px }
.cart_post_header .price { float: left; width: 40px; text-align: right; margin: 0 60px 0 0 }
.cart_post_header .sum { float: left; width: 40px; text-align: right; margin: 0 60px 0 0 }
.cart_post_header .delete { float: left; width: 40px; text-align: right; margin: 0; }

/************** CART POST **************/

.cart_post { height: 10px; width: 732px; float: left; clear: both; padding: 5px; margin: 0 }

.cart_post .art_nr { float: left; width: 40px; margin: 0 20px 0 0; }
.cart_post .antal { float: left; width: 30px; color: #1f6a8c; margin: 0 20px 0 0; text-align: right; font-size: 10px; }
.cart_post .antal input { width: 28px; padding-right: 2px; color: #1f6a8c; text-align: right; font-size: 10px; background: url(../img/topfade_bg.jpg) repeat-x #fff; border: solid 1px #2685b0 }
.cart_post .name { float: left; width: 370px; text-align: left }
.cart_post .price { float: left; width: 40px; text-align: right; margin: 0 60px 0 0 }
.cart_post .sum { float: left; width: 40px; text-align: right; margin: 0 60px 0 0 }
.cart_post .delete { float: left; width: 40px; text-align: right; margin: 0; background: #fff; border: none }
.cart_post .delete input { float: right; }

/************** CART FOOTER **************/

.cart_post_footer { width: 720px; float: left; clear: both; border: solid 1px #2685b0; padding: 5px; margin-top: 10px; background: url(../img/cart_table_footer_bg.jpg) repeat-x top #fff; }

.cart_post_footer .products_show { float: left; padding: 0 10px 0 0; border-right: solid 1px #2685b0; }
.cart_post_footer .products_side { float: left; padding: 0 10px; border-right: solid 1px #2685b0; }
.cart_post_footer .total { float: left; padding: 0 10px 0 10px; font-weight: bold }
.cart_post_footer .update { float: right; padding: 0 10px }

.cart_post_footer .clear_cart { float: right; padding: 0 10px 0 0 }
.cart_post_footer .checkout { float: right; padding: 0 5px 0 0 }

/******************************************* KASSA *******************************************************/

#kassa_wrapper { float: right; width: 66px }
.empty#kassa_wrapper { font-size: 11px; width: 60px; height: 28px; color: #7db6d0; text-decoration: none; padding: 12px 0 0 6px; background: url(../img/kassalink_empty_bg.jpg) no-repeat; }

#kassa_wrapper a, #kassa_wrapper a:link, #kassa_wrapper a:visited, #kassa_wrapper a:active { font-size: 11px; display: block; width: 60px; height: 28px; color: #fffffe; text-decoration: none; padding: 12px 0 0 6px; background: url(../img/kassalink_bg.jpg) no-repeat; }

#kassa_wrapper a:hover { background: url(../img/kassalink_over_bg.jpg) no-repeat; cursor: hand }

.content#kassa { width: 930px; margin: 0; background: url(../img/kassa_bg2.jpg) bottom repeat-x #fff; }

.kassa_post_wrapper { border: solid 1px #2685b0; background: #fff; float: right; width: 732px; padding: 10px; }
.kassa_post_wrapper .kassa_table { width: 732px; float: left; margin-bottom: 10px; }
.kassa_post_wrapper p { padding: 0; margin: 0 }

.kassa_table .empty { width: 732px; text-align: center; font-size: 14px; margin: 80px 0 60px 0; }

/************** KASSA RUBRIKER **************/

.kassa_post_header { width: 720px; float: left; clear: both; border: solid 1px #2685b0; padding: 5px; margin: 0 0 5px 0; font-weight: bold; background: url(../img/cart_table_top_bg.jpg) repeat-x bottom #fff; }
.kassa_post_header .art_nr {float: left; width: 40px; margin: 0 20px 0 0; }
.kassa_post_header .name { float: left; width: 430px; }
.kassa_post_header .antal { float: left; width: 30px; margin: 0 20px 0 0 }
.kassa_post_header .price { float: left; width: 40px; text-align: right; margin: 0 30px 0 0 }
.kassa_post_header .price2 { float: left; width: 100px; text-align: right; margin: 0 30px 0 0 }
.kassa_post_header .sum { float: left; width: 40px; text-align: right; margin: 0 30px 0 0 }
.kassa_post_header .sum2 { float: left; width: 50px; text-align: right; margin: 0 0px 0 0;  }
.kassa_post_header .delete { float: left; width: 40px; text-align: right; margin: 0; }

/************** KASSA POST **************/
.kassa_post { height: 10px; width: 732px; float: left; clear: both; padding: 5px; margin: 0 }
.kassa_post .art_nr {float: left; width: 40px; margin: 0 20px 0 0; }
.kassa_post .antal { float: left; width: 30px; margin: 0 20px 0 0; }
.kassa_post .antal input { width: 28px; padding-right: 2px; color: #1f6a8c; text-align: right; font-size: 10px; background: url(../img/topfade_bg.jpg) repeat-x #fff; border: solid 1px #2685b0 }
.kassa_post .name { float: left; width: 430px; text-align: left }
.kassa_post .price { float: left; width: 40px; text-align: right; margin: 0 30px 0 0 }
.kassa_post .price2 { float: left; width: 100px; text-align: right; margin: 0 30px 0 0 }
.kassa_post .sum { float: left; width: 40px; text-align: right; margin: 0 30px 0 0 }
.kassa_post .sum2 { float: left; width: 50px; text-align: right; margin: 0 0 0 0 }
.kassa_post .delete { float: left; width: 40px; text-align: right; margin: 0; background: #fff; border: none }
.kassa_post .delete input { float: right; }

/************** KASSA FOOTER **************/

.kassa_post_footer { position: relative; width: 727px; float: left; clear: both; border-top: solid 1px #2685b0; padding: 40px 0 40px 5px; margin: 0; }

.kassa_post_footer .message { float: left; padding: 10px; margin: 15px 0 0 70px; width: 300px; border: dotted 1px #ff0000; color: #ff0000; position: absolute }
.kassa_post_footer .product_total { float: right; width: 220px; border-bottom: solid 1px #2685b0; margin-bottom: 5px; padding: 0 5px 5px 10px; text-align: right; clear: both; font-weight: bold }

.kassa_post_footer .frakt { float: right; width: 235px; clear: both }
.kassa_post_footer .frakt p { float: left; padding: 0 5px }
.kassa_post_footer .frakt span { float: right; width: auto; padding-right: 5px }

.kassa_post_footer .exp { float: right; width: 235px; clear: both; }
.kassa_post_footer .exp p { float: left; padding: 0 5px }
.kassa_post_footer .exp span { float: right; width: auto; padding-right: 5px }

.kassa_post_footer .total { float: right; clear: both; width: 220px; padding: 5px 5px 0 10px; margin-top: 5px; border-top: solid 1px #2685b0; text-align: right; }

.kassainfo { float: left; padding: 20px 10px; width: 710px; border: solid 1px #2685b0; background: url(../img/cart_table_top_bg.jpg) repeat-x bottom #fff; }
.kassainfo p.wide { width: 100%; float: none }
.kassainfo p { width: 360px; float: none }

.kassa_post_update { width: 725px; float: left; height: auto; padding: 5px 0 5px 5px; margin: 0; border-left: solid 1px #2685b0; border-top: solid 1px #2685b0; border-right: solid 1px #2685b0; background: url(../img/cart_table_footer_bg.jpg) repeat-x top #fff; }
.kassa_post_update .update { float: right; padding: 0 10px }

.kassa_post_update .continue_shopping { float: left; padding: 0 0 0 5px }
.kassa_post_update .clear_cart { float: right; padding: 0 10px 0 0 }
.kassa_post_update .next { width: 60px; float: right; padding: 0 10px 0 0; }

/************************************************** MITT KONTO ******************************************/

.content#account_login ul { padding: 5px 40px; }
.content#account_login ul li { list-style-type: disc; padding: 5px }

.account_post_wrapper ul { padding: 5px 40px }
.account_post_wrapper ul li { list-style-type: disc; padding: 5px }

.account_post_wrapper .message { padding: 10px; margin: 20px 0 20px 35px; width: 300px; border: dotted 1px #ff0000; color: #ff0000; }

.register { float: right; clear: both; text-align: left; padding: 10px; margin: 20px 20px 20px 0; width: 282px; background: url(../img/register_bg.jpg) repeat-x center }
.register h1 { padding: 15px 10px 10px 10px; margin: 0; }
.register a:hover h1 { text-decoration: underline }

.login { float: right; clear: both; text-align: center; border: solid 1px #2685b0; padding: 10px; margin: 0px 20px 12px 0; width: 280px; background: url(../img/login_bg.jpg) repeat-x bottom }
.login2 { float: right; clear: both; text-align: center; border: solid 1px #2685b0; padding: 10px; margin: 20px 20px 12px 0; width: 280px; background: url(../img/login_bg.jpg) repeat-x bottom }
.login div { float: left; text-align: right; width: 250px; padding: 5px 20px 5px 10px; }
.login #login { width: 98px; height: 16px; }
.login div input { width: 140px; color: #1f6a8c; font-size: 12px }
.login2 p { float: left; text-align: center; width: 260px; padding: 5px 10px 5px 10px; }
.login2 div { float: left; text-align: right; width: 250px; padding: 5px 20px 5px 10px; }
.login2 #login { width: 98px; height: 16px; }
.login2 div input { width: 140px; color: #1f6a8c; font-size: 12px }

.change_account { float: right; clear: both; text-align: center; border: solid 1px #2685b0; padding: 10px; margin: 35px 20px 12px 0; width: 280px; background: url(../img/login_bg.jpg) repeat-x bottom }
.change_account p { float: left; width: 280px; padding: 0 0 10px 0 }
.change_account h1 { float: left; width: 280px; text-align: center; padding: 0 }


.choose_payment {float: right; clear: both; border: solid 1px #2685b0; padding: 10px; margin: 35px 20px 12px 0; width: 280px; background: url(../img/login_bg.jpg) repeat-x bottom }
.choose_payment .checked { float: left; width: auto; padding: 0 10px 10px 0; clear: none; margin: 0 }
.choose_payment p { float: left; width: 250px; padding: 0 0 10px 0 }
.choose_payment h1 { float: left; width: 280px; text-align: center; }

.account_info { border-bottom: solid 1px #2685b0; border-top: solid 1px #2685b0; width: 360px; padding: 10px 0; margin: 0 0 10px 0 }
.payment_info { float: right; border-bottom: solid 1px #2685b0; border-top: solid 1px #2685b0; width: 340px; padding: 10px 0; margin: 0 0 10px 0 }
/*.account_info .bold { font-weight: bold; width: 120px; float: left; clear: right }*/

.payex {float: right; clear: both; width: 200px; }


.forgot_password { float: right; clear: both; text-align: left; padding: 10px; margin: 0 20px 20px 0; width: 282px; background: url(../img/forgot_password_bg.jpg) repeat-x center }
.forgot_password h1 { padding: 15px 10px 10px 10px; margin: 0; }
.forgot_password a:hover h1 { text-decoration: underline }

/************************************************** GLÖMT LÖSEN ******************************************/

#popad #send { width: 60px; height: 16px; }

#popad { padding:5px; display: none; position: absolute; z-index: 3000; left: 50%; top: 50%; margin-left:-150px; margin-top: -120px; height: 240px; padding: 5px; width: 300px; background: white; border: solid 1px #2685b0 }

#popad h1 { padding: 5px; }
#popad p { padding: 5px; }

#popad #send { width: 60px; height: 16px; }

#popad div { float: left; text-align: right; padding: 5px 10px; width: 280px; }
#popad div input { width: 180px; color: #1f6a8c; font-size: 12px }

#popad #close { float: right; clear: both; margin: 0 0 5px 0; padding: 5px; width: 290px; text-align: right; background-color: #2685b0; }
#popad #close a { color: #fff; font-weight: bold; text-decoration: none }
#popad #close a:hover { text-decoration: underline }

/************************************************** GLÖMT LÖSEN SVAR ******************************************/

#popad_send #send { width: 60px; height: 16px; }

#popad_send { padding:5px; position: absolute; z-index: 3000; left: 50%; top: 50%; margin-left:-150px; margin-top: -120px; height: 240px; padding: 5px; width: 300px; background: white; border: solid 1px #2685b0 }

#popad_send h1 { padding: 5px; }
#popad_send p { padding: 5px; }

#popad_send #send { width: 60px; height: 16px; }

#popad_send div { float: left; text-align: right; padding: 5px 10px; width: 280px; }
#popad_send div input { width: 180px; color: #1f6a8c; font-size: 12px }

#popad_send #close { float: right; clear: both; margin: 0 0 5px 0; padding: 5px; width: 290px; text-align: right; background-color: #2685b0; }
#popad_send #close a { color: #fff; font-weight: bold; text-decoration: none }
#popad_send #close a:hover { text-decoration: underline }

/******************************************* REGISTRERA KONTO *******************************************************/

.content#register_account { width: 930px; margin: 0; background: url(../img/konto_bg.jpg) bottom repeat-x #fff; position: relative }
.content#register_account p { margin: 0 0 10px 0 }

.middle_wrapper#account .content#register_account #cart_wrapper { margin-top: 0; position: absolute; border: none; width: 980px; }

.content#register_account .account_post p { margin: 0; }

.content#register_account .account_post#pw { width: 732px; float: left; padding: 0; }
.content#register_account .account_post#pw .input { float: left; width: 400px; padding: 5px }
.content#register_account .account_post#pw .update { float: right; padding: 10px }


/******************************************* KONTO INLOGGAD *******************************************************/

.content#account { width: 930px; margin: 0; background: url(../img/konto_bg.jpg) bottom repeat-x #fff; position: relative }
.middle_wrapper#account .content#account #cart_wrapper { margin-top: 0; position: absolute; border: none; width: 980px; }

.account_post_wrapper { border: solid 1px #2685b0; background: #fff; float: right; width: 732px; padding: 10px 10px 0 10px; }
.account_post_wrapper .account_table { width: 732px; float: left; }

.account_post_wrapper .cust_nr { float: right; font-size: 12px; }
.account_post_wrapper p { padding: 0; margin: 0 }

/************** KONTO RUBRIKER **************/

.account_post_header { width: 722px; float: left; clear: both; border-bottom: solid 1px #2685b0; padding: 0 5px; margin: 0 0 5px 0; font-weight: bold }
.account_post_header .contact { float: left; width: 360px; border-right: solid 1px #2685b0 }
.account_post_header .adress { float: left; width: 356px; padding-left: 5px; }
.account_post_header .password { float: left; width: 361px; border: none }

.account_post_header .date { float: left; width: 143px; border-right: solid 1px #2685b0 }
.account_post_header .order_id { float: left; width: 138px; padding-left: 5px; border-right: solid 1px #2685b0 }
.account_post_header .art { float: left; width: 138px;  padding-left: 5px; border-right: solid 1px #2685b0 }
.account_post_header .total { float: left; width: 138px; padding-left: 5px; border-right: solid 1px #2685b0 }
.account_post_header .tax { float: left; width: 139px; padding-left: 5px; border: none }

/************** KONTO POST **************/

.account_post { width: 366px; float: left; padding: 0 0 20px 0; }
.account_post .label {float: left; clear: left; padding: 5px; width: 160px; text-align: right }
.account_post .input { float: left; width: 180px; padding: 5px }
.account_post .input input { width: 178px; color: #1f6a8c; font-size: 10px; background: url(../img/topfade_bg.jpg) repeat-x #fff; border: solid 1px #2685b0 }

/************** KONTO KNAPPAR **************/

.account_post_update { width: 366px; float: left; padding: 0 0 82px 0; margin: 0; }
.account_post_update .update { float: right; padding: 0 10px }

/************** DINA BESTÄLNNINGAR **************/

.order_post_wrapper { float: left; border: solid 1px #2685b0; padding: 0; margin: 0 0 10px 0; }

.account_post_header#order { width: 720px; float: left; clear: both; border-bottom: solid 1px #2685b0; padding: 5px; margin: 0 0 5px 0; font-weight: bold; background: url(../img/cart_table_top_bg.jpg) repeat-x bottom #fff; }
.account_post_header#order .date { float: right; width: auto; border: none; padding: 0 }
.account_post_header#order .order_id { float: left; width: auto; border: none; text-align: left; padding: 0 }

.account_post_order { width: 730px; float: left; clear: both; padding: 0; margin: 0 0 5px 0; font-weight: bold; }

.account_post_header2 { width: 730px; float: left; clear: both; border-bottom: solid 1px #2685b0; padding: 0; margin: 0 0 5px 0; font-weight: bold }

.account_post_header2 .art_nr { float: left; width: 39px; padding: 0 20px 0 5px; border-right: solid 1px #2685b0 }
.account_post_header2 .antal { float: left; width: 29px; padding: 0 20px 0 5px; border-right: solid 1px #2685b0 }
.account_post_header2 .art { float: left; width: 352px; padding: 0 20px 0 5px; border-right: solid 1px #2685b0 }
.account_post_header2 .price { float: left; width: 39px; padding: 0 30px 0 5px; border-right: solid 1px #2685b0 }
.account_post_header2 .sum { float: left; text-align: right; width: 147px; padding: 0 0 0 5px; border: none }

.account_post_order .art_nr { float: left; width: 40px; padding: 0 20px 0 5px; font-weight: normal }
.account_post_order .antal { float: left; width: 30px; padding: 0 20px 0 5px; font-weight: normal }
.account_post_order .art { float: left; width: 353px; padding: 0 20px 0 5px; font-weight: normal }
.account_post_order .price { float: left; width: 40px; padding: 0 30px 0 5px; font-weight: normal }
.account_post_order .sum { float: left; text-align: right; width: 147px; padding: 0 0 0 5px; font-weight: normal }

.account_post_order#total  { margin: 0 }
.account_post_order#total .total { float: right; text-align: right; width: 148px; margin: 10px 0 0 0; padding: 5px; font-weight: bold; border-top: solid 1px #2685b0; border-left: solid 1px #2685b0; background: url(../img/cart_table_footer_bg.jpg) repeat-x top #fff; }

.account_post_order#total .total span{ float: left }

/******************************************* STORE LOCATOR *******************************************************/

.middle_wrapper#store .content#store #cart_wrapper { margin-top: 0; position: absolute; border: none; width: 980px; }
.content#store { width: 930px; margin: 0; background: url(../img/store.jpg) bottom repeat-x #fff; position: relative }
.store_wrapper { float: right; width: 663px; padding: 10px 5px; }
.store_wrapper #store_map { float: right; margin: 45px 10px 0 0; }

.store_wrapper .list_wrapper { float: left; width: 405px; padding: 40px 5px 10px 5px }
.store_wrapper .list_wrapper  p { margin: 0; padding: 0}

/**************STORE RUBRIK **************/

.store_wrapper .list_post_nav { width: 389px; float: left; text-align: center; clear: both; padding: 0 5px; margin: 0 0 5px 0; }

.store_wrapper .list_post_nav .pre { float: left; margin-top: 2px }
.store_wrapper .list_post_nav .state { float: none; width: 300px; margin: 0 auto; font-size: 13px }
.store_wrapper .list_post_nav .next { float: right; margin-top: 2px }

.store_wrapper .list_post_nav .brand { float: left; width: 100%; font-size: 11px }
.store_wrapper .list_post_nav .brand .current { font-weight: bold; }

.store_wrapper .list_post { width: 185px; min-height: 89px; float: left; border: solid 1px #2685b0; padding: 5px; margin: 0 5px 5px 0; background: url(../img/login_bg.jpg) repeat-x bottom }
.store_wrapper .list_post.start { float: none; margin: 40px auto 0; text-align: center }
.store_wrapper .list_post.start a { text-decoration: underline }

.store_wrapper .list_post:hover { background: url(../img/login_bg.jpg) repeat-x top }
.store_wrapper .list_post p { float: left; width: 100%; padding: 0; margin: 0 }
.store_wrapper .list_post .store { font-size: 14px }

/******************************************* BILDBANK *******************************************************/

.imagebank_login { float: right; clear: both; text-align: center; border: solid 1px #2685b0; padding: 10px; margin: 120px 120px 12px 0; width: 280px; background: url(../img/login_bg.jpg) repeat-x bottom }
.imagebank_login div { float: left; text-align: right; width: 250px; padding: 5px 20px 5px 10px; }
.imagebank_login #login { width: 98px; height: 16px; }
.imagebank_login div input { width: 140px; color: #1f6a8c; font-size: 12px }




.imagebank_forgot_password { float: right; clear: both; text-align: left; padding: 10px; margin: 0 120px 20px 0; width: 282px; background: url(../img/forgot_password_bg.jpg) repeat-x  top center; font-size: 11px }
.imagebank_forgot_password h1 { padding: 15px 10px 10px 10px; margin: 0; }
.imagebank_forgot_password a:hover h1 { text-decoration: underline }


.middle_wrapper#imagebank .content#imagebank #cart_wrapper { margin-top: 0; position: absolute; border: none; width: 980px; }
.content#imagebank { float: left; width: 930px; height: 605px; margin: 0; background: url(../img/imagebank.jpg) bottom repeat-x #fff; }
.imagebank_wrapper { float: right; width: 628px; padding: 10px 5px; }

.imagebank_wrapper .page_nav { float: left; padding: 0 5px; margin: 0 auto; }
.imagebank_wrapper .page_nav .pre { float: left; padding: 0; }
.imagebank_wrapper .page_nav .pre img { float: left; padding: 0 10px 0 0; margin: 1px 0  }
.imagebank_wrapper .page_nav ul { float: left; }
.imagebank_wrapper .page_nav ul li { float: left; display: inline; padding: 0 5px }
.imagebank_wrapper .page_nav .next { float: left; padding: 0; width: 73px }
.imagebank_wrapper .page_nav .next img { float: right; padding: 0 0 0 10px; margin: 1px 0 }


.imagebank_wrapper .album {float: left; width: 626px; padding: 0 0 5px}
.imagebank_wrapper .album h2 { float: left; margin: 5px; padding: 0 }
.imagebank_wrapper .album ul { float: left; margin-top: 8px; width: 626px  }
.imagebank_wrapper .album ul li { float: left; padding: 0 5px }

/********************* SMÅBILDER BILDBANK *******************************/

.imagebank_wrapper .bank_wrapper { float: left; width: 626px; padding: 10px 0;}

.imagebank_wrapper .bank_wrapper .bank { float: left; width: 92px; height: 92px; margin: 0 6px 10px 6px; text-align: center; font-size: 10px }

.imagebank_wrapper .bank_wrapper .bank p { height: 24px; line-height: 12px; overflow: hidden}

.imagebank_wrapper .bank_wrapper .bank a { float: left; text-decoration: none; }
.imagebank_wrapper .bank_wrapper .bank a:hover { position: relative; z-index: 12; display: block; }

.imagebank_wrapper .bank_wrapper .bank a img { border: solid 1px #2685b0; }
.imagebank_wrapper .bank_wrapper .bank a .download { display: none; }
.imagebank_wrapper .bank_wrapper .bank a:hover .download { display: block; cursor: hand; position: absolute; top: 1px; left: 1px; background: url(../img/download.jpg) center no-repeat; width: 92px; height: 69px; }

.imagebank_wrapper .bank_wrapper .bank a .preview { display: none; position: absolute;  }

.imagebank_wrapper .bank_wrapper .bank a:hover .preview { display: block; top: 47px; right: 70px; z-index: 13; padding: 10px; width: 220px; border: solid 1px #2685b0; background-color: #fff; text-align: center; }

.imagebank_wrapper .bank_wrapper .bank a .preview img { display: none; }
.imagebank_wrapper .bank_wrapper .bank a .preview .size { padding-bottom: 5px; font-size: 9px; }
.imagebank_wrapper .bank_wrapper .bank a .preview h2 { font-size: 12px ; margin: 10px 0 0 0; }
.imagebank_wrapper .bank_wrapper .bank a .preview p { width: 220px; height: auto; white-space: normal; text-align: left; margin: 0; }

.imagebank_wrapper .bank_wrapper .bank a:hover .preview img { display: block; clear: both; width: 184px; height: 138px; margin: 0 auto; border: none; }
.imagebank_wrapper .bank_wrapper .bank a:hover .preview .size { padding-bottom: 5px; font-size: 9px; }
.imagebank_wrapper .bank_wrapper .bank a:hover .preview h2 { font-size: 12px ; margin: 10px 0 0 0; }
.imagebank_wrapper .bank_wrapper .bank a:hover .preview p { width: 220px; height: auto; white-space: normal; text-align: left; margin: 0; }


/********************************************************************************************************************************************************************************************/
/***************************************************************************************** SIDSTRUKTUR **************************************************************************************/
/********************************************************************************************************************************************************************************************/

.content { margin: 0 0 0 2px; padding: 20px; width: 748px; float: left; border-top: solid 5px #2685b0; border-left: solid 5px #2685b0; border-right: solid 5px #2685b0; background: url(../img/topfade_bg.jpg) repeat-x top #fff; }

/****************************************************** INTRO *******************************************/

.sidebar#introLeft { width: 459px; height: 173px; background: url(../img/intro_left.jpg) no-repeat #fff; position: relative }
.sidebar#introLeft  p { width: 200px; }

.sidebar#introLeft a, .sidebar#introRight a { color: #1f6a8c; display: block; width: 100%; height: 100%; text-decoration: none; cursor: hand }
.sidebar#introLeft h1, .sidebar#introRight h1  { font-size: 20px }

.sidebar#introRight { width: 459px; height: 173px; margin: 0 0 2px 2px; background: url(../img/intro_right.jpg) no-repeat #fff; }
.sidebar#introRight  p { width: 300px; }

/************************************************** STARTSIDA ******************************************/

.content#introtext { margin: 0 2px; height: 400px; width: 390px; padding: 20px 196px 0px 20px; border: solid 5px #2685b0; background: url(../img/start_bg.jpg) no-repeat center #fff; }
.content#introtext h1 { font-size: 20px; margin: 0px 0 20px 0}

/***************************************  TEASERS I TOPPEN PÅ START  ***********************************/

#gallery { padding: 1px 0 0 0px; margin: 0px; list-style-type: none; overflow: hidden; width: 970px; height: 289px; background: url(../img/gallery_bg.png) left top repeat-x #fff; }

#gallery.katalog { background-image: url(../img/gallery_katalog_bg.png) }

#gallery li { float:right; border-right: solid 1px #fff; background-color: #fff; position: relative; z-index: 4}

#gallery li a, #gallery li a:link, #gallery li a:visited, #gallery li a:active { display:block; width:110px; height:278px; border: solid 5px #2685b0; float:left; text-decoration:none; text-align: center; }
#gallery li a:hover { width: 474px; }

/********* TEASERS ENSKILDA DIVAR  ***********/

#gallery .gallery { margin: 5px 0 0 5px; color: #fffffe; width: 100px; height: 269px; color: #1f6a8c}

#gallery li a .gallery { display: none; width: 464px; text-align: left; cursor: hand; background-color: #fff; }
#gallery li a:hover .gallery { display: block; width: 464px; text-align: left; }

#gallery li a h1 { font-size: 16px; font-weight: normal; padding: 20px 0 0 0; background: url(../img/arrow.gif) no-repeat center 7px; }
#gallery li a:hover h1 { display: none }

#gallery li a div h1 { font-size: 16px; font-weight: normal; padding: 20px 0 0 0; background: url(../img/arrow.gif) no-repeat center 7px; }
#gallery li a:hover div h1 { display: block; padding: 10px 20px 0px 180px; background: none }

/*********** TEASERS TEXTER  ***************/

#gallery li a div p { display: none; }
#gallery li a:hover div p { display: block; padding: 0px 20px 10px 180px; width: 263px; font-size: 10px; color: #1f6a8c }

/****************************************** VARUMÄRKEN PRODINGÅNGAR ******************************************/

.content#products { padding: 10px 20px; width: 748px; }
.content#products h1 { text-align: left; padding-top: 10px }

.prod_wrapper { float: left; width: 150px; padding: 5px 18px; }
.prod_wrapper a, .prod_wrapper a:link, .prod_wrapper a:visited, .prod_wrapper a:active, .prod_wrapper a:hover { display: block; color: #1f6a8c }
.prod_wrapper img { float: left; width: 150px; height: 200px; border: solid 1px #2685b0; }
#prod_container { float: left; width: 152px; }
.prod_wrapper.small img { float: left; width: 150px; height: 80px; border: solid 1px #2685b0; }
.prod_wrapper h2 { float: right; padding: 1px; font-size: 11px; padding: 3px 0 0 5px; white-space: nowrap }
.prod_wrapper #arrow { float: right; width: 25px; height: 13px; border: none; padding: 5px 5px 0}

/************************************************** FULLPOSTEN ******************************************/

.fullpost_wrapper { width: 100%; margin: 0 0 20px 0; }
.fullpost_wrapper .info { padding: 0px 0px 20px 0; float: left; width: 320px; }
.fullpost_wrapper .ingress { font-weight: bold; font-style: italic; width: 320px; }
.fullpost_wrapper p { width: 320px; float: left }
.fullpost_wrapper p#pris { padding: 0; margin: 0; font-size: 14px}

.fullpost_wrapper .fullpost_img { float: right; margin: 20px 20px 20px 0 }
.fullpost_wrapper .fullpost_img img { width: 400px; height: 300px }

.fullpost_wrapper .info .antal { float: left; width: auto; padding: 0 5px 0 0 }
.fullpost_wrapper .info .slut { float: left; width: auto; padding: 0 5px 0 0; color: #cc3333; font-weight: bold;}

#antal { float:left; width: 30px; border: solid 1px #2685b0; font-size: 11px; color: #1f6a8c }

.fullpost_wrapper .info input { float: left; margin: 0 5px 0; padding: 0 2px 0 0; text-align: right }

.thumb_nav { padding: 5px; width: 320px; margin: 0 auto; }
.thumb_nav .pre { float: left; padding: 0 10px; width: 80px }
.thumb_nav .pre img { float: left; padding: 0 10px; margin: 1px 0  }
.thumb_nav .back { float: left; width: 100px; padding: 0 5px 10px; text-align: center }
.thumb_nav .next { float: left; padding: 0 10px; width: 80px }
.thumb_nav .next img { float: right; padding: 0 10px; margin: 1px 0 }

.thumb_wrapper { float: left; width: 744px; padding: 10px 0 10px 2px }

.thumb_wrapper#t1 { padding-left: 320px; width: 424px; }
.thumb_wrapper#t2 { padding-left: 267px; width: 477px; }
.thumb_wrapper#t3 { padding-left: 214px; width: 530px; }
.thumb_wrapper#t4 { padding-left: 161px; width: 583px; }
.thumb_wrapper#t5 { padding-left: 108px; width: 636px; }
.thumb_wrapper#t6 { padding-left: 55px; width: 689px; }

.thumb_wrapper .thumb { float: left; width: 92px; height: 82px; margin: 0 7px 10px 7px;  }
.thumb_wrapper img { float: left; width: 92px; height: 69px; border: solid 1px #2685b0 }
.thumb_wrapper .name { float: left; width: 90px; text-align: center; font-size: 10px; height: 15px; overflow: hidden; white-space: nowrap }

/************************************************** INFORMATIONSSIDA, FULLPOST INFO ******************************************/

.content#information h2 { font-size: 14px; font-weight: normal; margin: 10px 0 }

.content#information img { float: right; clear: none; margin: 20px 0 20px 20px }
.content#information ul { padding: 5px 40px }
.content#information ul li { list-style-type: disc; padding: 5px }

.content#information ol { padding: 5px 40px }
.content#information ol li { list-style-type: decimal; padding: 5px }
.content#information a, .content#information a:link, .content#information a:visited, .content#information a:active { display: inline; text-decoration: underline }
.content#information a:hover { display: inline; text-decoration: none }

/************************************************** KONTAKTSIDA ******************************************/

.content#contact .contact_wrapper { float: left; padding: 10px 0 0 20px; height: 250px; }
.content#contact .contact_wrapper div { float: left; width: 102px; height: 129px; padding: 10px 20px 0 20px; }
.content#contact .contact_wrapper div img { float: left; border: solid 1px #2685b0 }
.content#contact .contact_wrapper div p { float: left; width: 100%; clear: both }
.content#contact .contact_wrapper div h1 { font-size: 12px; float: left; margin: 5px 0; clear: both; width: 100% }
.content#contact .contact_wrapper div p em { font-size: 8px; height: 30px; display: block; float: left; width: 100% }
.content#contact .contact_wrapper div p a, .contact_wrapper div p a:link, .contact_wrapper div p a:visited, .contact_wrapper div p a:active { display: inline; text-decoration: underline }

/************************************************** PRESS ******************************************/

.content#information div.press { width: 100%; float: left }
.content#information div.press h2 { font-size: 14px; font-weight: normal; margin: 10px 0 }

.content#information div.press img { float: right; margin: 0 0 20px 20px; width: 165px; height: 230px; border: solid 1px #2685b0 }

.content#press a, .content#press a:link, .content#press a:visited, .content#press a:active { display: inline; text-decoration: underline }