html { height: 100%; }
body { background:url(../images/bg.gif) repeat-x #fff; font-family:arial, helvetica; font-size: 0.80em; color:#666; text-align:center; margin:0; }
a, a:hover, a:visited { color:#a0000a }
img { border: 0; }
input.btn { background: url(../images/btn_blue.gif) repeat-x left; color: #fff; font-weight: bold; border: 0; padding: 5px 3px 4px 3px; cursor: pointer;}
input.delete { background: url(../images/btn_beige.gif) repeat-x left; color: #fff; font-weight: bold; border: 0; padding: 5px 3px 4px 3px; cursor: pointer;}
td, th { font-size: 12px; }

h1 { font-size:24px; font-weight:normal; color:#a0000a; margin: 10px 0 0 0; background: url(../images/bg_start_article.gif) bottom repeat-x; padding: 7px 0 40px 10px;}
h2 { font-size:12px; font-weight:bold; color:#a0000a; margin:20px 0 5px 0; }
h3 { font-size:16px; color:#009dd2; font-weight:normal; }
h4 { font-size:16px; color:#666; font-weight:normal; border-bottom:1px solid #ccc; margin:20px 0px 0px 0px; line-height:24px; }
h5 { font-size:15px; margin:0px; }

#site { width:976px; margin:0 auto; text-align:left; }
#top { width:976px; height: 165px; background: url(../images/top_bg.jpg) no-repeat; margin:0px; position: relative; }
#content { width:976px; background: url(../images/left_bg.gif) repeat-y left top; }
#left { float:left; width:220px; margin-right: 16px; background: url(../images/left-top.gif) no-repeat top ; }
#center { float:left; line-height:18px; width: 740px; overflow: hidden; }
#center .space { }
#right { float:left; width:190px; margin: 7px 0 0 18px;}

#bottom { background:url(../images/bottom_bg.gif) no-repeat left top; width:980px; color:#aaa; padding-top: 20px;}
#bottom .space { padding: 7px 0 20px 0; border-top: solid 1px #e4e5e4; color: #1f1f1f;}
#bottom .space a { color: #1f1f1f;}

#right h3 { font-size:12px; font-weight: bold; color:#fff; background: url(../images/h3_bg.gif) no-repeat; padding: 5px 10px 5px 10px; margin: 12px 0 5px 0;}
#right ul { list-style: none; padding: 0; margin: 0; }
#right li { border-bottom: solid 1px #aa9d7c; padding: 5px 0;}
#right li a, #right li a:hover { font-size: 11px; text-decoration: none;}
#right li { border-bottom: solid 1px #aa9d7c; padding: 5px 0;}

#right table { width: 100%;}
#right td { text-align: center; padding: 5px 3px; font-size: 12px; }
#right td.tile_2 { border-bottom: solid 1px #aa9d7c; vertical-align: top; }
#right td.b { border-left: solid 1px #aa9d7c; }
#right tr.last td.tile_2 { border-bottom: 0; }
#right td.first { border-left: none; }
#right td img {  }

#right table.orderlist { }
#right table.orderlist td { border: 0; padding: 4px 0; border-bottom: solid 1px #aa9d7c; }
#right table.orderlist td.a { text-align: left; }
#right table.orderlist td.c { text-align: right; }

/* Top */
#top .logo { width:220px; height:90px; margin:0px 0px 10px 0px; }
#top .logo a { float: left; background: url(../images/logo.png) center center no-repeat; }
#top .logo img { width: 220px; height:90px; }

#top .byline { position: absolute; right: 4px; top: 68px; text-align: right; font-size: 11px; color: #444444;}
#top .byline a { color: #444444;}
#top .search {  clear: left; float: left; padding-left: 18px; }
#top .search td { padding-left: 5px; }
#top .search td.query { background: url(../images/bg_smallsearch_input.gif) no-repeat; width: 136px; height: 27px; padding-left: 0; }
#top .search td.query input { border: 0; margin-left: 26px; width: 104px; color: #666; }

/* Menu */
#menu { position: absolute; bottom: 0; left: 236px; }
#menu ul { list-style:none; padding: 0; margin: 0;}
#menu li { float:left; padding: 6px 2px 7px 0; background: url(../images/menu_spacer.gif) repeat-y right;}
#menu li.last { background: none; }
#menu li a, #menu li a:hover { color:#fff; padding:7px 8px 7px 8px; text-decoration:none; font-size: 12px;}
#menu li a:hover { color:#ffbdc1; }
#menu li.active a { background: url(../images/menu_active.gif) repeat-x top; }
#menu li.first a { }
#menu li.last a { }

#submenu { margin: 7px 0 0 0; }
#submenu ul { list-style:none; padding:0px; margin:0px; }
#submenu li { border-bottom:1px solid #403c58; padding:4px 15px; }
#submenu li a { color:#fff; display:block; text-decoration:none; padding:4px 10px; background: url(../images/red_arrow.gif) no-repeat left;}
#submenu li.active a { color:#b5dbf6; }
#submenu li.first { }

#submenu ul ul { padding-left: 10px; }

/* Sub step 2 */
#submenu ul li li { border: 0; padding: 0; line-height: 13px; }
#submenu ul li li.last { padding-bottom: 15px; }
#submenu ul li.active li a { background:none; padding:0px 10px 3px 7px; display:block; text-decoration:none; border:0px; font-size:11px; color: #fff; }
#submenu ul li li.active a { background: url(../images/blue_arrow.gif) no-repeat left top; color: #b5dbf6; }
#submenu ul li ul li a:hover { text-decoration: underline; }
#submenu ul li ul li.first { border-top:0px; }

#submenu ul li li li { border: 0; padding: 0; line-height: 13px; }
#submenu ul li li li.last { padding-bottom: 0px; }
#submenu ul li li li a { padding:0px 10px 3px 0px; display:block; text-decoration:none; border:0px; font-size:11px; color: #b5dbf6; }
#submenu ul li ul li.active a:hover { }
#submenu ul li ul li.active li a { background:none; color: #fff; font-weight: normal; }
#submenu ul li ul li.active li.active a { background: url(../images/blue_arrow.gif) no-repeat left top; color:#b5dbf6; }


#left .prel_date { float: left; padding: 20px 0 0 20px; color: #FFF; font-size: 11px; }
#left .prel_date span { font-size: 13px; font-weight: bold; color: #FFF; }

.top-tools { border-bottom: solid 1px #aa9d7c; padding: 10px 0; }
.top-tools .shortcuts { float: left; font-size: 11px;}
.top-tools .shortcuts a, .shortcuts a:hover, .shortcuts a:visited { color: #6c6c6c; }
.top-tools .cart { float: right; font-size: 11px;}
.top-tools .cart td { font-size: 11px;}
.top-tools .cart td.cart-icon { background: url(../images/ico_cart.gif) left center no-repeat; }
.top-tools .cart td a.btn-kassa { background: url(../images/btn_blue.gif) repeat-x left; padding: 5px 10px; line-height: 20px; color: #fff; font-weight: bold; text-decoration: none; }
.top-tools .cart td a.btn-edit { background: url(../images/btn_beige.gif) repeat-x left; padding: 5px 10px; line-height: 20px; color: #fff; font-weight: bold; text-decoration: none; }


#search { background: url(../images/sok_bg.gif) no-repeat bottom; margin: 0 0 0 0; padding: 12px 0px 10px 0px ;}
#search td { font-size: 11px; padding: 0 5px; }
#search h1 { display: none;}


.breadcrumb { margin:10px 0px 0px 17px; font-size:10px;}
.breadcrumb ul { list-style:none; padding:0px; margin: 0 0 0 3px; display:inline;}
.breadcrumb li { display:inline; background:url(../images/breadcrumb_spacer.gif) no-repeat right; padding:0px 5px 0 3px;}
.breadcrumb li.last { background: none; }
.breadcrumb li a, .breadcrumb a:hover, .breadcrumb a:visited { font-size:11px; color:#888;}
.breadcrumb li.last a, .breadcrumb li.last a:hover, .breadcrumb li.last a:visited { color: #009dd2; text-decoration:none; }

/* Startpage */




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

input.quantity-buy { width: 44px; }

table.list { border:0; padding:0; border-collapse:collapse; width: 100%;}
table.list th { background: url(../images/th_bg.jpg) #05286c repeat-x; color:#fff; padding:6px 6px; }
table.list td { padding:6px 6px; border-bottom:solid 1px #d6d6d6; color: #05296e;}
table.list tr { background: url(../images/tr_bg.jpg) #fff repeat-x; }

.ingress { line-height: 20px; display:block; margin-bottom:15px; font-weight: bold;}
img { border: none; }
img.thumbnail { }
.article-info { display: none; }

/* Element */

/* TEMPLATES */

/* startpage */
div#startpage { margin-top: 17px; }
div#startpage .splash { float: left; width: 740px; height: 220px; background: #EAEAEA; margin-bottom: 20px; }
div#startpage .box { float: left; width: 360px; margin: 0 20px 20px 0; }
div#startpage .last { margin-right: 0; }
div#startpage h2 { color: #bf2f38; font-size: 16px; font-weight: bold;}
div#startpage .holder { float: left; width: 100%; background: url(../images/bg_start_article.gif) top repeat-x; }
div#startpage .holder .space, div#startpage .holder .ingress { float: left; padding: 10px 5px; color: #000; }
div#startpage .holder .date { font-weight: bold; } 
div#startpage .holder .ingress { margin: 0; padding: 0; }
div#startpage .holder .morenews a { color: #0e2c4e; }


/* article-one */

div#article_one { width:100%; }
div#article_one .ingress { width:100%; padding: 0 10px 20px 10px; }
div#article_one .text { width:100%; padding: 0 10px 20px 10px; }


/* standard */
div#standard { width: 100%; margin-top:-5px; }
div#standard h1 {  }
div#standard div.odd, div#standard div.even { padding:0px; padding:10px 0px 10px 0px;margin:0 0 2px 0; border-bottom:1px solid #ccc; }
div#standard div.even { }
div#standard img.thumbnail { float:left; margin:0 10px 20px 0; }
div#standard a.header { display: block; font-size:14px; margin: 0 0 5px 0; }
div#standard .ingress { display: block; font-size:12px; color:#444; line-height:16px; font-weight: normal; }
div#standard .date { display: none; font-size:12px; color:#444; float:left; line-height:16px; font-weight: normal;  }
div#standard div.article-info { display: none; margin:0 10px 10px 0; color:#666; }
div#standard a.readmore, div#standard a.radmore:hover, div#standard a.readmore:visited { display:block; margin:0px 0 0 0; background:url(../images/arrow.gif) no-repeat; padding:0px 0px 15px 0px; }

/* headerlist */
div#headerlist { width:100%; }
div#headerlist .a, div#headandlist .a { }
div#headerlist .b, div#headandlist .b { text-align: right; }
div#headerlist a, div#headerlist a:hover, div#headerlist a:visited, div#headandlist a, div#headandlist a:hover, div#headandlist a:visited { background:url(../images/arrow.gif) no-repeat; padding:1px 0px 5px 15px; font-weight:normal; font-size:14px; display:block; }
div#headerlist h1 { margin-bottom:10px; }
div#headerlist table.list { width:95%; border:0; padding:0; border-collapse:collapse; }

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

/* sitemap */
div#sitemap { width:100%; }

div#sitemap td { vertical-align: top; padding-left: 10px; }

#webshop-imagecols { width: 100%; position: relative; }
#webshop-imagecols table.cols { width: 100%; }
#webshop-imagecols td { font-size: 12px; text-align: center; border-right: solid 1px #aa9d7c; vertical-align: top; padding: 5px 10px;}
#webshop-imagecols td.tile_4 { border-bottom: solid 1px #aa9d7c; padding-bottom: 10px; }
#webshop-imagecols td.d { border-right: 0; }
#webshop-imagecols td td, #webshop-imagecols td td td { border: 0; padding: 0; }
#webshop-imagecols td td.image { padding: 0 0 10px 0; }
#webshop-imagecols td h3 { margin: 0 0 5px 0; }
#webshop-imagecols td h3 a { font-size: 12px; font-weight: bold; text-decoration: none; }
#webshop-imagecols td span { font-size: 11px; }
#webshop-imagecols td span.price { font-weight: bold; font-size: 16px; padding: 10px 0 0 0;}
#webshop-imagecols td span.discount { color: #e2001a; }
#webshop-imagecols td td.buy { padding-top: 10px; }
#webshop-imagecols td a.readmore, #webshop-imagecols td a.readmore:hover, #webshop-imagecols td a.readmore:visited { background: url(../images/btn_blue.gif) repeat-x left; padding: 3px 10px; line-height: 25px; color: #fff; font-weight: bold; text-decoration: none; }
#pagination table td { border: 0; }
#pagination table td a.on { text-decoration: none; color:#666666;}


/* webshop-article */
#webshop-article { float: left; width: 530px; }

#webshop-article td.prod-left, #webshop-article td.prod-right { vertical-align: top; font-size: 12px;}
#webshop-article td.prod-left { padding: 0 15px 0 0;}
#webshop-article td.prod-left td.first { border-bottom: solid 1px #aa9d7c; border-right: solid 1px #aa9d7c;}
#webshop-article td.prod-left td.last { border-bottom: solid 1px #aa9d7c; }
#webshop-article td.prod-left table.images .thumb a.active { border: none; }
#webshop-article div.artinr-head, #webshop-article div.price div.price-head { font-weight: bold; color:#a0000a; font-size: 13px; }
#webshop-article div.artinr-body { margin-bottom: 15px; }
#webshop-article div.desc { margin: 15px 0; }
#webshop-article div.price { margin-bottom: 15px; }
#webshop-article div.price div.price-body { font-size: 24px; font-weight: bold; }
#webshop-article div.price div.price-body .ordprice { font-size: 12px; font-weight: normal; }

#webshop-article td.prod-right table { width: 100%;}
#webshop-article .images td a { border: 0; padding: 5px; display: block; }
#webshop-article td.active a { border: 0 }
#webshop-article td.thumb { text-align: center; }
td#productImageLargeTD { padding-bottom: 20px; }
#webshop-article .colorbox { width: 30px; height: 20px; margin: 0 3px 3px 0; float: left; cursor: pointer; border: solid 2px #aa9d7c; overflow: hidden; }
#webshop-article .coloractive { border: 2px solid #a0000a; background: url(../images/color_mark.gif) no-repeat; }
#webshop-article .purchase .btn  { display: block; padding: 10px 20px; font-size: 15px; }
#webshop-article .rubrik  { color: #a0000a; font-size: 12px; font-weight: bold;}
#webshop-article a.profilera { float: left; background: url(../images/btn_beige.gif) repeat-x left; padding: 5px 10px; line-height: 20px; color: #fff; font-weight: bold; text-decoration: none; margin: 5px 0 0 10px; }

#webshop-article div.label { background: url(../images/beige_bg.gif) repeat-x bottom #ada07f; padding: 10px; }
#webshop-article div.label h3 { margin: 0; color: #fff; border-bottom: solid 1px #e4e2dc; padding: 0 0 6px 0; font-size: 12px; font-weight: bold;}

#webshop-article td.prod-right table.staffling { width: auto; margin: 5px 0 20px 0; }
#webshop-article td.prod-right table.staffling th { background: #a0000a; color: #FFF; border: 1px solid #AA9D7C; padding: 3px 0; font-size: 11px;}
#webshop-article td.prod-right table.staffling td { border: 1px solid #AA9D7C; border-top: 0; padding: 5px 8px; font-weight: bold;}

#webshop-article .print_text td { padding: 3px 5px; }
#webshop-article .print_text input { width: 150px; }

#webshop-cart { width: 100%;}
#webshop-cart .text { padding: 0 10px 15px 10px; }
#webshop-cart table { width: 100%;}
#webshop-cart th { font-size: 12px; text-align: left; border-bottom: solid 1px #a0000a; padding: 5px; }
#webshop-cart td { font-size: 12px; text-align: left; border-bottom: solid 1px #e3e3e3; padding: 5px; }

#webshop-cart tr.total td { border-top: solid 1px #e3e3e3; padding: 5px;  font-weight: bold; }
#webshop-cart .d { text-align: right; }
#webshop-cart .e { text-align: right; }
#webshop-cart .f { text-align: right; }

#webshop-cart table table { width: auto; }
#webshop-cart td td, #webshop-cart td th { border: 0; }
#webshop-cart .foldout { background: #EAEAEA; padding: 0; border: 0; }
#webshop-cart .foldout div { padding: 10px; border-bottom: 2px solid #666; }
#webshop-cart .foldout table { margin-top: 0px; }
#webshop-cart .foldout table table { margin-top: 5px; }
#webshop-cart .foldout td, #webshop-cart .foldout th { font-size: 11px; padding: 3px 20px 3px 0; vertical-align: top; }
#webshop-cart .foldout td td, #webshop-cart .foldout td th { border-bottom: 1px solid #CCC; }

#webshop-cart a.profilera, #offert a.profilera { float: left; background: url(../images/btn_beige.gif) repeat-x left; padding: 5px 10px; line-height: 20px; color: #fff; font-weight: bold; text-decoration: none; margin-bottom: 5px; }
#webshop-cart #profileimage { width: 300px; }

#sitemap table { width: 100%; line-height: 20px; }
#sitemap table td { padding-bottom: 20px; }
#sitemap table td a { font-size: 12px; font-weight: normal; padding-left: 10px; }
#sitemap table td td { padding-bottom: 0; }

#sitemap table td a.sub { font-weight: bold; background: url(../images/ico_folder.gif) no-repeat left; padding: 0 0 0 20px;}
#sitemap table td td a.sub { background: url(../images/red_arrow.gif) no-repeat left; padding: 0 0 0 10px;}

#sitemap table td td { }

#order .userinfo td { font-size: 12px; padding: 0 10px 15px 0; vertical-align: top;}
#order .products { width: 100%; margin-top: 40px;}
#order .products th { font-size: 12px; text-align: left; border-bottom: solid 1px #a0000a; padding: 5px;}
#order .products th.c, #order .products th.d, #order .products th.e { text-align: right;}
#order .products td { font-size: 12px; text-align: left; border-bottom: solid 1px #e3e3e3; padding: 5px;}
#order .products td.c, #order .products td.d, #order .products td.e { text-align: right;}
#order .products tr.total td, #order .products tr.moms td, #order .products tr.summa td { border: 0; padding: 2px 5px;}
#order .products tr.total td { border-top: solid 1px #e3e3e3;}
#order .products tr.total td.b, #order .products tr.moms td.b, #order .products tr.summa td.b { text-align: right;}

#shadow { background: url(../images/shadow.png); display: none; position: absolute; left: 0; top: 0; z-index: 50; width: 100%; }
#image { position: absolute; z-index: 100; width: 500px; top: 150px; left: 50%; margin-left: -250px; display: none; background: #fff; border: 3px solid #fff; padding: 10px 0 20px 0; }
#image h2 { font-size:24px; font-weight:normal; color:#a0000a; margin: 0 0 0 0; background: url(../images/bg_start_article.gif) #fff bottom repeat-x; padding: 7px 0 40px 15px;}
#image .space { padding: 0 15px 15px 15px;}
#image .space a.close { position: absolute; z-index: 200; right: 15px; top: 20px; text-decoration: none; color: #bababa; background: url(../images/ico_close.gif) no-repeat left; padding-left: 25px;}

#image .login { width: auto; text-align: center; position: relative; z-index: 500; }

ul#navigation { background: url(../images/fade.gif) repeat-x bottom; list-style: none; padding: 0; margin: 10px 0;}
ul#navigation li { display: inline; background: url(../images/spacer.gif) right repeat-y; }
ul#navigation li a { padding: 10px 20px; line-height: 36px; }
table.motiv td { padding: 10px; border: solid 1px #e3e3e3; text-align: center; font-size: 11px; vertical-align: bottom;}
table.motiv td img { margin-bottom: 6px;}

#image a.active { color: #959494; text-decoration: none;}

#big { border: 1px solid #e3e3e3; text-align: center; margin: 15px 0; padding: 15px;}



#image .space label { display: block;}
#image .space table.tip { margin-top: 20px;}
#image .space table.tip td { padding-right: 10px; font-size: 12px;}
#image .space table.tip td input { margin-bottom: 10px; width: 200px;}
#image .space table.tip td textarea { margin-bottom: 10px; width: 415px; height: 100px;}

#image .media_list { height: 200px; overflow: auto; }

#forgot { margin-top: 20px; background: #e3e3e3; padding: 10px;}
.error { margin: 15px 0; color: #ff1a1a; }

#profileimage th { background: #e3e3e3; padding: 5px 10px; text-align: left;}
#profileimage td { border: solid 1px #e3e3e3; padding: 5px 10px;}

#confirm_cart { position: absolute; z-index: 50; left: 50%; width: 440px; height: 60px; margin-left: -220px; display: none; }

.momshandler { position: absolute; top: 140px; font-size: 10px; color: #fff; padding-left: 15px;}


#register { float: left; width: 530px; }
#register h2 { padding-left: 5px; }
.regform { width: 400px; border-top: 1px solid #CCC; padding-top: 5px; }
.regform td { font-size: 12px; padding: 5px 20px 5px 5px; }
.regform label { font-weight: bold; }
.regform label.checkbox { font-weight: normal; }
.regform span { padding: 0 3px; color: #333; }
.regform input.big { width: 200px; }
.regform input.half { width: 93px; }
.regform input.zipcode { width: 45px; }
.regform input.city { width: 140px; }
.regform .delivery { display: none; }


/* OFFERT */
#offert { float: left; width: 740px; overflow: hidden; }
#offert label { display: block; font-weight: bold; }
#offert table { border-collapse: collapse; }
#offert td { vertical-align: top; border-bottom: 1px solid #CCC; padding: 10px 0; }
#offert td td { border: 0; padding: 3px; }
#offert textarea, #offert input, #offert select { width: 140px; }
#offert textarea { height: 80px; }
#offert textarea.printinfo { height: 63px; }