/*
Cascading Style Sheet for http://www.museibutiken.se
created by o.s @ www.ShopSetup.com...
*/

@import url("reset.css");

/*
=Global styles & classes
*/

body { background: url(../img/bg_body.jpg) #e7e7e7 center top no-repeat fixed; font: normal 14px/21px Arial, Helvetica, sans-serif; color: #666 }

h1, h2, h3, h4 { color: #929a54; }
h1 { font-size: 22px; margin: 0 0 20px 0; line-height: 24px }
h2 { font-size: 18px; margin: 0 0 20px 0;}
h3 { font-size: 14px; }
h4 { font-size: 14px; }

a { color: #666; }
a:hover { color: #999; text-decoration: underline }

p { font-family: "Times New Roman", Times, serif; font-size: 16px; padding: 0 0 20px 0; line-height: 21px }

.bold { font-weight: bold; }
.left { float: left }
.right { float: right}
.m0 { margin: 0 !important }

.checkbox { width: auto !important; border: none !important }
input, select { border: solid 1px #ccc; line-height: 18px; background: #fff; color: #666 }
input { text-indent: 2px; }

.disabled { background-color: #f1f1f1; color: #999 }

/*
=Admin
*/

#texteditor { background: #fff}


/*
=Huvudblock
*/

#main_wrapper { width: 980px; margin: 0 auto;}

#content_wrapper { background: #fafafa; padding: 0 30px 30px; margin: 1px 0; min-height: 400px; }

#footer { padding: 0 20px; font-size: 12px; background: transparent url(../img/bg_footer.jpg) repeat-x; border-top: solid 1px #fff; text-align: center; color: #fff  }
#footer a { color: #fff }


#footer ul { line-height: 40px; }
#footer ul.shopsetup, #footer ul.shopsetup a { font-size: 10px; color: #3e7998; }
#footer ul li { display: inline; padding: 0 5px; }
#footer ul li span { font-weight: bold }

/*
=Toppen
*/

#top { width: 980px; margin-top: 20px; height: 140px; background: #3e7998 url(../img/bg_top.png) repeat-x; position: relative }

#top ul { color: #fff; text-align: right; font-size: 10px; font-weight: bold; padding: 10px 10px 0; line-height: normal }
#top ul li { display: inline; padding: 10px 0 0 10px}
#top ul .right { float: right; margin: 0 0 0 5px }
#top ul a { color: #fff }
#top ul a:hover { text-decoration: underline }
#top ul#log_in { position: absolute; bottom: 1px; right: 30px; padding: 0 10px 5px; background: transparent url(../img/bg_menu.jpg) repeat-x 0 50%;  border: solid 1px #dfe8ed; border-bottom: none; color: #3e7998}
#top ul#log_in li  { display: block; padding: 5px 0 0 0;}
/*
=Topmeny
*/

#top_menu { font-weight: bold; margin: 0 0 1px 0; border-top: solid 1px #fff; border-bottom: solid 1px #fff; background: #bacbd5 url(../img/bg_menu.jpg) repeat-x;}
#top_menu ul { color: #fff; width: 938px; float: left; padding: 1px 20px; line-height: 38px; }
#top_menu ul li { float: left; margin: 0 1px 0 0 }

#top_menu ul li.search { float: right; padding: 8px 10px 0; margin: 0}
#top_menu ul li.search input { border-color: #3e7998; float: left; color: #3e7998; height: 18px; font-size: 12px; }
#top_menu ul li a { float: left; height: 38px; padding: 0 20px; color: #fff }
#top_menu ul li a:hover, #top_menu ul a.active { background: #bacbd5 url(../img/bg_menu_active.jpg) repeat-x; color: #3e7998; text-decoration: none }

/*
=Kundvagn
*/

#cart { width: 100%; padding: 10px 0 0 0; height: 30px; font-weight: bold; font-size: 12px; color: #666; background: url(../img/cart_bg.jpg) right no-repeat; position: relative }
#cart ul { float: right;  padding: 0 40px 0  0 }
#cart ul li { float: left; padding: 0 10px; border-right: solid 1px #ccc }
#cart ul li a { color: #9e2535; }
#cart ul li a.checkout { background: url(../img/nav_right.jpg) right no-repeat; padding: 0 25px 0 0 }
#cart ul li a.checkout:hover { background: url(../img/nav_right_red.jpg) right no-repeat; }
#cart ul li a#cart_trigger_open, #cart ul li a#cart_trigger { width: 88px; display: block; text-align: center; color: #666; cursor: pointer }
#cart ul li a#cart_trigger_open { display: none }

#cart_info_wrapper { float: left; margin: 0 0 20px 0; border: solid 1px #ccc; display: none }

#cart_info { font-size: 12px }
#cart_info ul { float: left; width: 908px; background: #fff; padding: 0 5px; border-bottom: solid 1px #ccc; }
#cart_info ul.top, #cart_info ul.bottom { background: #f1f1f1; font-weight: bold;  }
#cart_info ul.bottom { border: none }
#cart_info ul li { float: left; height: 30px; line-height: 30px }

ul li.product_number { width: 80px; }
ul li.product { width: 378px; }
ul li.product2 { width: 558px; }
ul li.quantity { width: 70px; text-align: right }
ul li.price { width: 100px; text-align: right; }
ul li.total { width: 100px; text-align: right; }

ul li.change_count { width: 60px; padding: 0 0 0 50px; text-align: right }
ul li.change_count a, ul li.delete a { background: #f1f1f1; width: 16px; height: 16px; text-align: center; margin: 6px 0 0 5px; border: solid 1px #ccc; font-size: 14px; float: left; line-height: 16px; }
ul li.change_count a:hover { text-decoration: none; background: #ccc; color: #fff; border-color: #ccc}
ul.top li.change_count { width: 95px; padding: 0 15px 0 0; text-align: right }

ul li.delete { width: 70px; text-align: right }
ul li.delete a { float: right }
ul li.delete a:hover { text-decoration: none; background: #9e2535; color: #fff; border-color: #9e2535}

/*#cart_info ul li.empty { width: 898px; font-weight: bold; text-align: center; padding: 10px 0; line-height: normal }*/

#cart_popup { background: url(../img/cart_message_arrow.png) top right no-repeat; padding: 15px 0 0; position: absolute; top: 32px; right: 0px; display: none; z-index: 40; }
#cart_popup p#article { text-align: center; background: #e7e7e7; padding: 15px; min-width: 315px; border: solid 1px #bacbd5; color: #3e7998; font-size: 11px; font-family: Arial  }
#cart_popup p span { font-size: 14px; color: #3e7998; font-style: italic }

/*
=Kassa & mina sida
*/

#checkout_step { width: 100%; padding: 10px 0 0 0; height: 30px; font-weight: bold; font-size: 12px; color: #666; }
#checkout_step ul { float: right; }
#checkout_step ul li { float: left; padding: 0 10px; border-right: solid 1px #ccc }
#checkout_step ul li.active { color: #929a54 }

#checkout { width: 920px; padding: 20px 0 0 0; border-top: solid 1px #ccc; border-bottom: none }
#checkout #cart_info.checkout { border: solid 1px #ccc; border-bottom: none }

.alt { border: solid 1px #ccc; margin: 20px 0 0 0; font-size: 12px; background: #fff; border-bottom: none }
.alt ul { float: left; width: 908px; background: #fff; padding: 0 5px; border-bottom: solid 1px #ccc; }
.alt ul.top, .alt ul.bottom { background: #f1f1f1; font-weight: bold; border-bottom: solid 1px #ccc; }
.alt.half { border: solid 1px #ccc; padding-bottom: 20px; }
.alt.half ul { width: 449px; border: none }
.alt.half ul li { width: 200px;}
.alt.half ul li.error { width: 400px; }

.alt.half ul.top { margin-bottom: 20px; width: 449px; border-bottom: solid 1px #ccc }
.alt.half ul.top li { width: 434px;}
.alt.half ul.top li input { border: none; background: none; width: auto; margin: 7px 5px 0 0}
#cart_info.checkout ul.bottom { border-bottom: solid 1px #ccc; }

.alt ul li { float: left; height: 30px; line-height: 30px; padding: 0 15px 0 0 }
.alt ul li.auto { height: auto}
.alt ul li.right { float: right; padding: 0}
.alt ul li input { margin: 5px 5px 0 0; float: left; border: none }
.alt.half ul li input, .alt.half ul li select, .alt.half ul li textarea { border: solid 1px #ccc; width: 210px; }
.alt.half ul li textarea { font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 14px }

#step { float: left; line-height: 30px; height: 30px; margin-top: 20px; width: 100%  }
#step input { line-height: 30px; height: 30px; padding: 0 15px; background: transparent url(../img/bg_button.jpg) repeat-x scroll center center; color: #fff; border: none; font-weight: bold; cursor: pointer; overflow: visible }
#step input:hover { background: transparent url(../img/bg_button_green.jpg) repeat-x scroll center center; }

ul li.date { width: 227px; }
ul li.order_id { width: 227px; }
ul li.payment { width: 227px;  }
ul li.sum { width: 227px; text-align: right}


/*
=Vänstermeny
*/

#nav_left { float: left; width: 160px; border-top: solid 1px #ccc; font-weight: bold; font-size: 12px }
#nav_left ul li { border-bottom: solid 1px #ccc; padding: 5px 10px }
#nav_left ul li ul li { border: none }
#nav_left ul a { color: #666 }
#nav_left ul li.active, #nav_left ul li a.active, #nav_left ul li a:hover { color: #3e7998; text-decoration: none }
#nav_left ul li.active ul { font-weight: normal; color: #666 }
#nav_left ul li.header { background: #bacbd5; color: #fff; border-bottom: solid 1px #fff; margin: 31px 0 0 0; font-size: 12px }

#nav_left ul.last_art_nav { border: solid 1px #bacbd5; background: #e7e7e7; font-size: 11px; line-height: normal }
#nav_left ul.last_art_nav a { color:#3e7998; }
#nav_left ul.last_art_nav a:hover { text-decoration: underline}
#nav_left ul.last_art_nav li { border: none; } 

/*
=Content
*/

#content { width: 728px; padding: 20px 0; float: right; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc }
#content p.clearfix { min-height: 140px; }
/*
=Introplattor
*/

#intro_wrapper { height: 280px; position: relative; margin: 0 0 20px 0; border: solid 1px #f1f1f1; padding: 5px; overflow: hidden}
#content.start #intro_wrapper #img_border { width: 650px; background: url(../img/start_intro_border.png) no-repeat; }

#intro { height: 280px; background: #dbe0bf; position: relative; overflow: hidden }
#intro_wrapper #img_border { position: absolute; z-index: 10; height: 280px; width: 458px; top: 5px; right: 5px; background: url(../img/art_intro_border.png) no-repeat; }

#content.start #nav { border-top: solid 1px #fff; }
#nav { position: absolute; left: 15px; bottom: 15px; z-index: 20; width: 236px;  padding: 10px 0 0 0; font-family: "Times New Roman", Times, serif }
#nav a { display: inline-block; width: 19px; font-size: 12px; height: 19px; margin: 0 5px 0 0; border: solid 1px #fff; background: #929a54; color: #fff; text-align: center; line-height: 18px }
#nav a.activeSlide { background: #bacbd5 }

#next_wrapper { position: absolute; z-index: 20; bottom: 15px; left: 200px; font-style: italic; color: #929a54; }
#next { color: #929a54; font-family: "Times New Roman", Times, serif;  font-size: 16px }

#intro ul { background: #dbe0bf; width: 100%; height: 100%; line-height: normal; }
#intro ul li, #intro ul li img { float: left }
#intro ul li.info { padding: 10px; width: 238px; line-height: normal }
#intro ul li.info p { line-height: 24px }
#intro ul li.info h1, #intro ul li.info h2 { float: left; margin: 0; width: auto; line-height: 24px; text-transform: uppercase; font-size: 16px} 

/*
=Inspirationbildspel
*/

#intro_wrapper.inspiration, #inspiration.inspiration { /*height: 894px;*/ height: 570px; }
#intro_wrapper.inspiration #nav  { width: auto; top: 5px }
#remote_wrapper {  position: absolute; right: 10px; top: 15px; z-index: 20; display: inline-block; width: 19px; font-size: 12px; height: 19px; margin: 0 5px 0 0; border: solid 1px #fff; background: #929a54; color: #fff; text-align: center; line-height: 18px }
#remote { cursor: pointer}

/*
=Inspirationsplattor
*/

#inspiration_wrapper { height: 280px; position: relative; margin: 0 0 20px 0; border: solid 1px #f1f1f1; padding: 5px; overflow: hidden}
#content.start #inspiration_wrapper #img_border { width: 650px; background: url(../img/start_intro_border.png) no-repeat; }

#inspiration { height: 280px; background: #dbe0bf; position: relative; overflow: hidden }
#inspiration_wrapper #img_border { position: absolute; z-index: 10; height: 280px; width: 458px; top: 5px; right: 5px; background: url(../img/art_intro_border.png) no-repeat; }

#content.start #nav { border-top: solid 1px #fff; }
#nav { position: absolute; left: 15px; bottom: 15px; z-index: 20; width: 236px;  padding: 10px 0 0 0; font-family: "Times New Roman", Times, serif }
#nav a { display: inline-block; width: 19px; font-size: 12px; height: 19px; margin: 0 5px 0 0; border: solid 1px #fff; background: #929a54; color: #fff; text-align: center; line-height: 18px }
#nav a.activeSlide { background: #bacbd5 }

#next_wrapper { position: absolute; z-index: 20; bottom: 15px; left: 200px; font-style: italic; color: #929a54; }
#next { color: #929a54; font-family: "Times New Roman", Times, serif;  font-size: 16px }

#inspiration ul { background: #dbe0bf; width: 100%; height: 100%; line-height: normal; }
#inspiration ul li, #inspiration ul li img { float: left }
#inspiration ul li.info { padding: 10px; width: 238px; line-height: normal }
#inspiration ul li.info p { line-height: 24px }
#inspiration ul li.info h1, #inspiration ul li.info h2 { float: left; margin: 0; width: auto; line-height: 24px; text-transform: uppercase; font-size: 16px} 


/*
=Startsida
*/

#content.start { width: 920px; border-bottom: none; padding-bottom: 0  }

#w_pot { float: left; width: 524px; padding: 0 20px 0 0; margin: 0 0 20px 0; border-right: solid 1px #ccc; position: relative }
#w_pot li { position: relative }
#w_pot li img { background: #fff; padding: 5px; border: solid 1px #f1f1f1; margin: 0 20px 0 0}
#w_pot li h3, #w_pot li p { padding: 0; float: right; _float: none; width: 238px }

#w_pot li p a, #shop_news li h3 a, #shop_news li p a { color: #929a54 }
#w_pot li p.read_more, #shop_news li p.read_more { font-style: italic; border-bottom: solid 1px #ccc; border-top: solid 1px #ccc; _float: none; position: absolute; bottom: 5px; right: 0px; z-index: 50 }

#shop_news { padding: 0 0 0 20px; float: right; width: /*625px*/ 355px; }
#shop_news li { float: right; width: 355px; position: relative }
#shop_news li img { float: left; border: solid 5px #fff; }
#shop_news li div { float: left; border: solid 1px #f1f1f1; }
#shop_news li.pt20 { padding-top: 20px }
#shop_news li h3, #shop_news li p { padding: 0; float: right; width: 202px }

#payment { float: left;  width: 908px; height: 110px; padding: 5px; background: #fff; border: solid 1px #f1f1f1 }
#payment ul { padding: 0 0 0 270px; height: 110px; background: url(../img/payment.jpg) no-repeat; }

#payment ul li { float: left; padding: 20px 0; width: 340px; } 
#payment ul li p { font-family: Arial, Helvetica, sans-serif; font-size: 11px;  padding: 0; line-height: 160% }
#payment ul li.link { padding: 35px 10px 0; width: 170px; float: right; font-style: italic  } 
#payment ul li.link p { font-size: 14px; font-family: "Times New Roman", Times, serif; letter-spacing: 1px  } 

/*
=Artikellista
*/

#art_nav { float: right; width: 340px; padding: 0 10px 0 0; height: 40px; color: #929a54; line-height: 24px }
#art_nav li { float: right; }
#art_nav li select { margin: 0 10px 0 0}
#art_nav li span { font-size: 18px; font-family: "Times New Roman", Times, serif; font-style: italic; line-height: 18px }
#art_nav li.back { float: left }
#art_nav li.page { padding: 0 0 0 10px }
#art_nav li a { float: left; width: 15px; height: 15px;  margin: 5px 0 0 0; padding: 5px }
#art_nav li a.pre { background: url(../img/nav_left.jpg) top right no-repeat; }
#art_nav li a.pre:hover { background-image: url(../img/nav_left_green.jpg); }
#art_nav li a.back { background: url(../img/nav_back.jpg) top right no-repeat; margin-right: 5px }
#art_nav li a.back:hover { background-image: url(../img/nav_back_green.jpg) }
#art_nav li a.next { background: url(../img/nav_right.jpg) top right no-repeat; }
#art_nav li a.next:hover { background-image: url(../img/nav_right_green.jpg) }

#art_list {}
#art_list h3 { color: #666; font-size: 10px; height: 24px; padding: 5px; line-height: normal}

#art_list li { float: left; padding: 0 15px 30px 0; width: 133px; height: 240px }
#art_list li.right { padding-right: 0 }
#art_list li img { border: solid 5px #fff; display: block }
#art_list li div { border: solid 1px #f1f1f1; position: relative }
#art_list li div .preview { width: 22px; height: 15px; position: absolute; top: 10px; left: 10px; background-image: url(../img/preview.png); cursor: pointer }
#art_list li p { padding: 0 5px }
#art_list li p span { font-size: 10px; font-family: Arial }
#art_list li a { text-decoration: none;}
#art_list li input, #art_list li a.button { display: block; height: 20px; width: 50px; padding: 1px; margin: 0 0 0 5px; text-align: center; font-size: 12px; font-weight: bold; background: url(../img/bg_button.jpg) center; color: #fff; border: none; cursor: pointer}

#art_list_nav { float: left; width: 728px; text-align: center; color: #929a54 }
#art_list_nav li { display: inline }
#art_list_nav li span { font-family: "Times New Roman", Times, serif; font-size: 18px; font-style: italic }

/*
=Fullpost
*/

#art_item { float: left; width: 361px; padding: 0 0 10px 0; position: relative; }

#art_item li { float: left; }
#art_item li#description { float: left; width: 100%; height: 316px; overflow: hidden; }
#art_item li div#info { width: auto; height: auto; font-family: "Times New Roman", Times, serif}
#read_more, #close { cursor: pointer}
#close { display: none}
#art_item li#description li { width: 270px }
#art_item li#description li.wide { width: auto }
#art_item li#description li.art_thumb { float: right; width: 66px; border: solid 1px #f1f1f1; margin: 0 0 10px 0 }
#art_item li#description li.art_thumb img { border: solid 5px #fff; float: left}
#art_item li#description li.art_thumb.active { border-color: #f1db98 }
#art_item li#description li.art_thumb.active img { border-color: #f0e5b4 } 

#art_item li#more { width: 100%; height: 21px; margin-bottom: 21px; font-style: oblique; color: #999; }
#art_item li#more a { color: #999 }
#art_item li#more a:hover { color: #666 }
#art_item li#share { height: 31px}
#art_item li#share img { float: left; }
#art_item li#present { width: 160px; min-height: 50px; _height: 50px; padding: 25px 0 0 90px; background: url(../img/bg_present.jpg) left 8px no-repeat; color: #929a54; /*border: solid 1px #929a54;*/ }
#art_item li#present p { padding: 0 0 10px; font-size: 14px }
#art_item li#present div { color: #666; font-size: 10px; font-weight: bold; width: 60px; line-height: 16px }
#art_item li#present div span { font-size: 18px; font-family: "Times New Roman", Times, serif; font-style: italic;  }
#art_item li#present input { margin: 2px 5px 0; border: none; background: none}
#art_item li#present textarea { width: 218px; height: 100px; background-color: #fff; border: solid 1px #929a54; margin: 5px 0 10px 0; color: #666; font-size: 12px; font-style: italic; display: none  }

#art_item li div { float: left; width: 100px; }
#art_item li div.right { float: right; text-align: right; font-size: 10px }
#art_item li div.right span { font-size: 20px; font-family: "Times New Roman", Times, serif; font-style: italic }

#art_item li#buttons { height: 105px; width: 100px; font-weight: bold; font-size: 16px; float: right }
#art_item li#buttons select, #art_item li#buttons input { width: 100px; margin: 10px 0 5px}

#art_item li#buttons input { height: 40px; font-size: 14px; text-align: center; font-weight: bold; background: url(../img/bg_button.jpg); color: #fff; border: none; cursor: pointer}
#art_item li#buttons select option { border: none }

#art_img { float: right; width: 347px }
#art_img li { float: right; border: solid 1px #f1f1f1; margin: 0 0 10px}
#art_img li img { float: right; border: solid 5px #fff; }

#tips { float: left; width: 728px; border-top: solid 1px #ccc; padding-top: 20px; margin-top: 20px}

/*
=Infosidor
*/
#content.info a { text-decoration: underline; font-style: italic }
#content.info a:hover { color: #929a54 }

#content.info img.left { background: #fff; border:1px solid #f1f1f1; margin:0 20px 0 0; padding:5px; }
#content.info img.right { background: #fff; border:1px solid #f1f1f1; margin:0 0 20px 20px; padding:5px; } 

#content.info ul { list-style-type: disc; list-style-position: outside; padding: 0 20px  }
#content.info div.rates { padding: 0 0 20px}
#content.info ul.rates { list-style-type: none; background: #e7e7e7; border: solid 1px #929a54; float: left; width: 200px; margin: 0 20px 0 0; padding: 0; font-size: 12px}
#content.info ul.rates li { padding: 5px; border-bottom: solid 1px #fff}
#content.info ul.rates li.header { background: #dbe0bf; color: #929a54; font-weight: bold }

/*
=Mina sidor
*/
#content.login { min-height: 400px; }

#login_info { width: 410px; float: left; padding-right: 40px }
#login_info p, #login_info ul { padding: 0 0 10px 0; font-family: "Times New Roman", Times, serif}
#login_info ul { list-style-type:disc; list-style-position: inside; padding-left: 10px; }
#login_info p.link { padding: 0; margin-bottom: 10px; font-style: italic; border-bottom: solid 1px #ccc; border-top: solid 1px #ccc; height: 23px }
#login_info p.link a { color: #929a54}
#login_info p.link a.shop { color: #9e2535}

#login { padding: 5px; border: solid 1px #f1f1f1; background: #fff; line-height: 14px; float: left }
#login ul { padding: 20px; background: #dbe0bf; float: left }
#login ul li { background: #dbe0bf; padding: 0 0 5px 0; }
#login ul li input { width: 220px }
#login ul li input.login { height: 30px; width: 100px; font-size: 14px; text-align: center; margin: 5px 0 0 0; font-weight: bold; background: url(../img/bg_button.jpg); color: #fff; border: none; cursor: pointer; overflow: visible }
#login ul li a { font-size: 11px; font-style: italic; color: #929a54; line-height: 35px; padding: 0 10px }

.order_info { float: left; padding:10px 20px 20px; background-color: #f1f1f1; border-bottom: solid 1px #ccc}
.order_info h3 { color: #ccc}
#cart_info .order_info ul { width: 866px;  border-left: solid 1px #ccc; border-right: solid 1px #ccc;}
#cart_info .order_info ul.top, #cart_info .order_info ul.bottom { background-color: #dfdfdf; }
#cart_info .order_info ul.top{ border-top: solid 1px #ccc }
#cart_info .order_info ul li.product2 { width: 516px; }