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

@import url("reset.css");

/*
=Global styles & classes
*/

body { background: #e7e7e7 center top no-repeat fixed; font: normal 14px/21px "Times New Roman", Times, serif; color: #687028 }

h1, h2, h3, h4 { color: #003300; }
h1 { font-size: 28px; margin: 0 0 20px 0; line-height: 24px }
h2 { font-size: 24px; margin: 0 0 20px 0;}
h3 { font-size: 18px; }
h4 { font-size: 16px; margin: 0 0 10px 0; }

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

p { font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 0 0 20px 0; line-height: 140% }
.space {margin: 15px 0 0 0;}
.minusspace {margin: -20px 0 0 0;}

.bold { font-weight: bold; }
.left { float: left }
.right { float: right}

input, select { border: solid 1px #ccc; height: 18px; line-height: 18px; background: #fff; font-size: 12px; color: #666 }
input { text-indent: 2px; }

/*
=Admin
*/

#texteditor { background: #fff}


/*
=Huvudblock
*/

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

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

#footer { padding: 0 20px; font-size: 14px; background: #003300; border-top: solid 1px #fff; text-align: center; color: #fff  }

#footer ul { line-height: 40px; }
#footer ul li { display: inline; padding: 0 5px; }
#footer ul li span { font-weight: bold }

/*
=Toppen
*/

#top { width: 980px; margin-top: 0px; height: 140px; background: #003300 url(../img/bg_top.png) repeat-x;}

#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 .left { float: left; padding: 0 0 0 20px;}
#top .middle { float: left; padding: 0 0 0 60px;}

/*
=Topmeny
*/

#top_menu { font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: margin: 0 0 1px 0; border-top: solid 1px #fff; border-bottom: solid 1px #fff; background: #cccc66 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;  }
#top_menu ul li a { float: left; height: 38px; padding: 0 20px; color: #687028 }
#top_menu ul li a:hover, #top_menu ul a.active { background: #bacbd5 url(../img/bg_menu_active.jpg) repeat-x; color: #003300; text-decoration: none }



#nav_left { float: left; width: 160px; border-top: solid 1px #ccc; font-weight: bold; font-size: 14px }
#nav_left ul li { border-bottom: solid 1px #ccc; padding: 5px 10px }
#nav_left ul a { color: #666 }
#nav_left ul li.active, #nav_left ul li a.active, #nav_left ul li a:hover { color: #003300; 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;}

/*
=Introplattor
*/

#intro_wrapper { height: 280px; position: relative; margin: 0 0 20px 0; border: solid 1px #f1f1f1; padding: 5px; overflow: hidden}
#intro_wrapper_avdelning { height: 280px; position: relative; margin: -20px 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; }
#intro_wrapper_avdelning #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: #c7d55d }

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

#intro ul { background: #cccc66; 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; color: #003300 }
#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} 

/*
=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: #687028 }
#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 }
#w_pot li p.read_more_nolink, #shop_news li p.read_more_nolink { font-style: italic; border-bottom: 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; height: 163px; 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 260px; 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: 12px; height: 18px; padding: 5px; line-height: normal}

#art_list li { float: left; padding: 0 15px 30px 0; width: 133px; height: 200px }
#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 { height: 20px; width: 50px; margin: 0 0 0 5px; text-align: center; font-size: 10px; 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}
#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: 220px; min-height: 69px; _height: 69px; padding: 5px 10px 0; background: #dbe0bf url(../img/bg_present.jpg) top right no-repeat; color: #929a54; border: solid 1px #929a54; }
#art_item li#present p { line-height: 18px; padding: 0 0 5px; font-size: 14px }
#art_item li#present div { color: #666; font-size: 10px; font-weight: bold; width: 80px; 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: 0 5px; border: none; background: none}
#art_item li#present textarea { width: 218px; height: 100px; background-color: #fff; margin-top: 5px; border: solid 1px #929a54; margin: 0 0 10px 0; }
#art_item li#present #giftmess { 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 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 }