* { margin: 0; padding: 0; }
body { background: url(../images/bg.gif) top repeat-x #CCC; text-align: center; margin:10px; font-family: tahoma, arial, helvetica; font-size: 11px;  padding-bottom: 40px;}
td, th { font-family: tahoma, arial, helvetica; font-size: 11px; }
table { font-size:13px; }
a { color:#bb2222; }

#site { width:970px; margin:0 auto; text-align:left; }

#top { height:140px; overflow:hidden; margin:5px 5px 0px 5px; }
#top .left { float: left; }
#top .right { float: right; width: 705px;}
#top .logo { float:left; margin:0px 0px 0px 0px; width: 232px; height: 94px; background: url(../images/logo.jpg) no-repeat; cursor: pointer; }
#top .logo img { width: 232px; height: 94px; }
#top .toplinks { float:right; margin-right:20px; padding:0px 0px 0px 20px; color:#99C299; }
#top .toplinks ul { padding:0px; margin:0px; }
#top .toplinks li { list-style:none; float:left; border-right:1px solid #797979; padding:0px 5px 0px 5px; }
#top .toplinks li.last { border-right:0; }
#top .toplinks a { color:#797979; font-size:11px; }
#top #cart { float: right; width: 253px; height: 67px;background: url(../images/bg_cart.gif) no-repeat; }
#top #cart .basket { margin: 11px 0 0 37px; }
#top #cart .basket select { margin-left: 2px;width: 200px; }
#top #cart .basket ul { float: right; list-style: none; margin: 10px 10px 0 0; padding: 0; }
#top #cart .basket li { float: left; padding: 0 5px;  }
#top #cart .basket li a { color: #747474; font-size: 11px; }

#menu { float:left; color:#fff; margin: 20px 0 0 0; height: 48px;}
#menu ul { padding:0px; margin:0px; }
#menu li { list-style:none; float: left; display:block; height: 48px; }
#menu li td { vertical-align: top; }
#menu li.active { background:#FFF; }
#menu li.first { }
#menu a { float: left; padding: 10px 10px 0px 10px; color:#cccccc; font-size:12px; text-decoration:none; text-transform: uppercase; font-family: arial narrow, arial, helvetica; font-weight: bold; }
#menu a:hover { color: #fff; }
#menu li.active a, #menu li.active a:hover { color: #b00000;  padding: 10px 7px 0px 7px;}
#menu td.menu-left { background: url(../images/menu_left.gif) no-repeat; width: 3px;}
#menu td.menu-right { background: url(../images/menu_right.gif) no-repeat; width: 3px;}

#left { float: left; width: 240px; }
#left .search { float: left; background: url(../images/bg_search.gif) no-repeat; width: 100%; height: 81px; }
#left .search form { margin: 13px 0 0 19px; }
#left .search .text { float: left; border: 1px solid #444444; width: 157px; padding: 5px 3px 5px 3px; }
#left .search .advanced-link { float: left; margin-top: -5px; color: #8e8e8e; font-size: 11px; }
#left .search .submit { background: url(../images/search_button.gif) no-repeat; width: 40px; height: 30px; margin-top: -2px; margin-bottom: 8px; border: 0; }


#left .menu { float: left; margin: 5px 0 20px 0; }
#left .menu ul { float: left; list-style: none; margin: 0; padding: 0; }
#left .menu ul li { float: left; }
#left .menu ul li a { float: left; background: url(../images/button.png) no-repeat top; color: #FFF; width: 240px; height: 39px; text-decoration: none; text-transform: uppercase; }
#left .menu ul li a span { float: left; padding: 12px 0 0 25px; cursor: pointer; background: url(../images/arrow.gif) 15px 15px no-repeat; font-family: arial narrow, arial, helvetica; font-weight: bold; color: #a1a0a0; font-size: 11px;}
#left .menu ul li.active a span { background: url(../images/arrow_on.gif) 13px 18px no-repeat; }
#left .menu ul.submenu_2 { margin: 5px 0 10px 25px; }
#left .menu ul.submenu_2 li  { display: block; width: 200px;}
#left .menu ul.submenu_2 li a { float: none;  background: none; width: auto; height: auto;  color: #000; font-size: 11px; text-transform: none; }
#left .menu ul.submenu_2 li a span { font-family: tahoma, arial, helevetica; font-weight: normal; font-size: 11px; float: left; padding: 0px 0 3px 8px; background: none; color: #000; text-decoration: underline; background: url(../images/submenu_arrow.gif) no-repeat left;}
#left .menu ul.submenu_2 li.active a span { color: #bd0000; background: url(../images/submenu_arrow_active.gif) no-repeat left;}
#left .customer_shops { padding: 0 0 0 8px; font-size: 11px; color: #908e8e; }
#left .customer_shops ul, #left .customer_shops li { list-style: none; margin: 0; padding: 0; }


#center { float:left; width: 668px; padding:20px; margin: 0px 0px 10px 20px; border: solid 1px #fff; background: #ececec; margin-top: 30px; line-height: 15px; }
#center .page-content { width: 100%; }
#center .breadcumb, #center-startpage .breadcumb { position: absolute; margin: -45px 0 0 -20px; color: #8e8e8e; font-size: 11px; }
#center-startpage .breadcumb { display: none;}
#center .breadcumb a, #center-startpage .breadcumb a { color: #8e8e8e; }
#center .page { float: left; margin-bottom: 20px; }


#right { float:right; width:200px; }
#right .space { padding:5px; }
#right .box { background:#CED9C8; margin:0px 0px 5px 0px; padding:5px; border:0px solid #ccc; font-size:11px; }
#right .box input.submit { padding:1px;background:#006600; color:#fff; font-weight:bold; font-size:10px; text-transform:uppercase; border:1px solid #2B8200; }
#right .search { }
#right .login { }
#right .login label { width:50px; }
#right .login .login_user { width:70px; }
#right .login .login_user2 { width:40px; }
#right .login .login_pass { width:120px; }
#right .login input.submit { margin-left:53px; }
#right .calendar { }
#right .news { }
#right .newsletter { }
#right .newsletter label { width:50px; }
#right .newsletter input.text { width:120px; }
#right .newsletter select { width:120px; margin-left:53px; }
#right .newsletter input.submit { margin-left:53px; }
#right .banners { margin:0px; padding:0px; }


.bottom-menu { position: absolute; color: #8e8e8e; font-size: 11px; list-style: none; margin: 30px 0 0 0px; padding: 0; width: 710px;}
.bottom-menu ul { list-style: none; }
.bottom-menu li { float: left; border-right: 1px solid #8e8e8e; padding: 0 10px 0 10px; }
.bottom-menu li.first { padding: 0 10px 0 0; }
.bottom-menu li.last { border-right: 0; }
.bottom-menu li a  { color: #908e8e; }
.bottom-info { position: absolute; right: 0; color: #8e8e8e; font-size: 11px; }

#bottom { background: #fff; }
#bottom .space { margin:5px 5px 5px 5px; padding:5px 10px 5px 10px; border-top:1px solid #CED9C8; border-bottom:1px solid #CED9C8; font-size:13px; }


.reg { float: left; margin-left: 3px;  }

h1 { margin:0 0 10px 0; color:#757575; font-family: garamond, times, geneva; font-size:30px; font-weight:normal; letter-spacing:0; margin-bottom: 20px; line-height: 30px; }
h2 { margin:0 0 10px 0; color:#bb2222; font-family: garamond, times, geneva; font-size:20px; font-weight:normal; letter-spacing:0; margin-bottom: 10px; line-height: 30px; }
h3 { margin:0px 0px 3px 0px; color:#757575; font-size:20px; font-weight:normal; font-family: garamond, times, geneva; }



/* Element ****************************************************************************************************************/
form { margin:0px; }
input, select, checkbox, textarea, radio { font-size:11px; }
input { padding: 3px; }
input.button, input.loginsubshop { background: url(../images/submit_bg.gif) repeat-x left top #000; border: none; color: #fff; padding: 3px 6px;}


table.list { width:100%; border:0; padding:0; border-collapse: collapse; }
table.list th { text-align:left; border-bottom: solid 1px #cecece; padding:4px 6px; color:#757575; font-size:11px; text-transform:uppercase; font-weight: normal; font-family: arial narrow, helvetica narrow, arial, helvetica; }
table.list td { padding:12px 6px; border-bottom:solid 1px #fff; }

.ingress { font-size:1.1em; font-weight: normal;  display:block; margin-bottom:15px; font-family: garamond, georgia, times; line-height: 18px; }
img { border: none;}
img.thumbnail { border:solid 1px #8a8a8a; padding:2px;}
.article-info { font-size:0.85em; color:#8a8a8a; margin:0px; padding:0px; }
.artnr { font-size: 1em; color: #8a8a8a; }
/*************************************************************************************************************************/


/* TEMPLATES */

/* startpage */
#center-startpage { float: left; border: none; width: 710px; background: none; margin: 0px 0px 10px 20px; }
div#startpage .splash { width: 710px; height: 300px;  }
div#startpage .popular-products { float: left; width: 710px; background: #e1e1e1; border: 1px solid #FFF; margin-top: 22px; }
div#startpage .popular-products .space { float: left; padding: 20px 30px; }
div#startpage .popular-products h3 { margin-bottom: 12px; }
div#startpage .popular-products .box, div#startpage .popular-products .box-last  { float: left; margin-right: 22px; background: #FFF; width: 200px; border: solid 1px #c5c5c5;}
div#startpage .popular-products .box-last { margin: 0; }
div#startpage .popular-products .box h4, div#startpage .popular-products .box-last h4 { color: #990000; font-size: 12px; font-weight:normal; font-size: 11px; margin: 0; padding: 10px 0; }
div#startpage .popular-products .box .space, div#startpage .popular-products .box-last .space  { padding: 10px; text-align: center;}
div#startpage .popular-products a {  }
div#startpage .popular-products .product-image { overflow: hidden; width: 170px; height: 140px; text-align: center; margin-bottom: 10px;}

/* article-one */
div#onearticle div.ingress, div#headandlist div.ingress { }
div#onearticle div.text, div#headandlist div.text { }
div#onearticle img.articleimage, div#headandlist img.articleimage { margin: 10px 0; display: block;}
div#onearticle img.left, div#headandlist img.left { float:left; margin:  5px 10px 5px 0;}
div#onearticle img.right, div#headandlist img.right { float:right; margin:  5px 0 5px 10px;}
div#onearticle div.article-info, div#headandlist div.article-info { margin: 0 0 0px 0; border:1px solid #CED9C8; float:right; display: none;}
div#onearticle div.article-info .space, div#headandlist div.article-info .space { padding:5px; }
div#onearticle div.article-info ul, div#headandlist div.article-info ul { display:block; margin:0px; padding:0px; }
div#onearticle div.article-info li, div#headandlist div.article-info li { display:block; margin:0 10px 0 0; }

/* standard */
div#standard { margin-top:-5px; }
div#standard h1 { display:none; }
div#standard div.odd, div#standard div.even { padding:0px; padding:10px 0px 10px 0px;margin:0 0 2px 0; border-bottom:1px solid #CED9C8; }
div#standard div.even { }
div#standard img.thumbnail { float:left; margin:0 10px 20px 0; }
div#standard h3 { margin: 0 0 0px 0; font-size:16px; }
div#standard div.article-info { display:inline; margin:0 10px 10px 0; color:#666; }
div#standard a.link, div#standard a.link:hover, div#standard a.link:visited { display:block; margin:10px 0 0 0;}

/* headerlist */
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 { }
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 */

/* webshop-standard */
div#webshop-standard .text, div#webshop-imagelist .text { margin-bottom:20px; }
div#webshop-standard .a { }
div#webshop-standard .b { text-align:right; }
div#webshop-standard .c { text-align:right; }
div#webshop-standard .d { text-align:right; }
div#webshop-standard .price { font-weight:bold; }
div#webshop-standard input { width:25px; } 
div#webshop-standard input.button { width:40px; } /* 40 passar till "KOP" i 12px arial bold, andras vid annat sprak */

/* webshop-imagelist */
div#webshop-imagelist td { vertical-align:top;}
div#webshop-imagelist .thumbnail { float:left;  margin:0 15px 5px 0; border: solid 1px #c5c5c5; overflow: hidden; width: 120px; height: 120px;  background: #fff; text-align: center; padding: 0;} 
div#webshop-imagelist h3 a { text-decoration: none;}
div#webshop-imagelist h3 a:hover { text-decoration: underline;}
div#webshop-imagelist .artnr { margin:3px 0 10px 0;} 
div#webshop-imagelist .a { }
div#webshop-imagelist .b { vertical-align:top; text-align:right; width:150px;}
div#webshop-imagelist .c { vertical-align:middle;  width:90px;}
div#webshop-imagelist .price { font-family: times; font-size: 18px; color: #bd0000; font-weight:normal;  }
div#webshop-imagelist input { width:25px; } 
div#webshop-imagelist input.button { width:40px; } /* 40 passar till "KOP" i 12px arial bold, andras vid annat sprak */

/* webshop-imagecols */
div#webshop-imagecols div.text { margin:0 0 20px 0; }
div#webshop-imagecols div.product { float:left; width:150px; margin:3px; padding-bottom:10px; border:solid 1px #e3e3e3; text-align: center;}
div#webshop-imagecols div.space { height:180px; padding:10px; text-align:center;}
div#webshop-imagecols .thumbnail { margin:0 0 15px 0; } 
div#webshop-imagecols .artnr { margin:3px 0 10px 0;} 
div#webshop-imagecols .price { font-weight:bold; font-size:16px; margin:0 0 10px 0; display:block; }
div#webshop-imagecols input { width:25px; } 
div#webshop-imagecols input.button { width:40px; } /* 40 passar till "KOP" i 12px arial bold, andras vid annat sprak */

/* webshop-article */
div#webshop-article { }
div#webshop-article h1 { margin-bottom: 0; }
div#webshop-article .artnr { margin-bottom: 20px; display: block; }
div#webshop-article .price { margin: 20px 0; display: block; }
div#webshop-article .price h3 { color: #bd0000; font-size: 28px; font-weight: normal; line-height: 28px; }
div#webshop-article .size, div#webshop-article .color, div#webshop-article .types  { font-size: 13px;  line-height: 40px;}
div#webshop-article .types  { display: block; margin-bottom: 30px;}
div#webshop-article .purchase input { padding: 1px; font-size: 13px; width: 25px;}
div#webshop-article input.button { padding: 5px 0 3px 0;  width:120px; font-size: 11px;} /* 40 passar till "KOP" i 12px arial bold, andras vid annat sprak */
div#webshop-article .image { float: right; margin-left:25px; }
div#webshop-article .productimage { background: #FFF; width: 300px;  height: 400px; border: solid 1px #c5c5c5; text-align: center; padding: 0; margin-bottom: 5px; overflow: hidden;}
div#webshop-article .productimage img { display: block;}
div#webshop-article .productImageThumbnailBox, 
div#webshop-article .productImageThumbnailBox-selected, 
div#webshop-article .productImageThumbnailBox-last { float: left; cursor: pointer; background: #FFF; border: solid 1px #c5c5c5; width: 96px; height: 96px; text-align: center; margin: 0 4px 4px 0; overflow: hidden;}
div#webshop-article .productImageThumbnailBox-selected { border: 1px solid #000; }
div#webshop-article .productImageThumbnailBox-last { margin-right: 0px;}

/* webshop-imagecols */
div.webshop_imagecols td { border-bottom: 1px solid #CCC; padding: 5px; vertical-align: bottom; }
div.webshop_imagecols tr.last td { border-bottom: 0px; }
div.webshop_imagecols td td { border: 0; text-align: center; }
div.webshop_imagecols td.tile_0, div.webshop_imagecols td.tile_1, div.webshop_imagecols td.tile_2 { border-right: 1px solid #CCC; }
div.webshop_imagecols .product_price { display: block; margin-top: 5px; }
div.webshop_imagecols a.readmore { font-weight: normal; }
div.webshop_imagecols a.header { text-decoration: none; font-size: 11px; }


/* webshop-cart */
div#webshop-cart {  }
div#webshop-cart .text { width: 370px; margin-bottom: 30px;}
div#webshop-cart .text span.moms { display: block; margin-top: 12px; font-style: italic;  }
div#webshop-cart table.list {  }
div#webshop-cart table.list .no-products { font-style: italic; }
div#webshop-cart table.list .a {  }
div#webshop-cart table.list .b {  }
div#webshop-cart table.list .c {  }
div#webshop-cart table.list .d { text-align: right; }
div#webshop-cart table.list .e { text-align: right; }

div#webshop-cart table.list tr.total { background: #cecece; }
div#webshop-cart table.list tr.total td { font-weight: bold; }
div#webshop-cart table.list .buttons td.a, div#webshop-cart table.list .buttons td.b { vertical-align: bottom;}
div#webshop-cart table.list .buttons td.b { text-align: right;}
div#webshop-cart table.list .buttons td.b .button-buy { background: url(../images/submit_red_bg.gif) repeat-x left	; padding: 10px 5px; border: 0; color: #fff; font-weight: bold;}


/* sitemap */
div#sitemap {  }
div#sitemap li a { background: url(../images/folder.gif) no-repeat left; padding-left: 20px; color: #000; line-height: 21px; }
div#sitemap li li a { background: none; padding-left:20px; color:#bb2222; }


/* searchresult */
div#searchresult .thumbnail { float:left;  margin:0 15px 5px 0; border: solid 1px #c5c5c5; overflow: hidden; width: 120px; height: 120px;  background: #fff; text-align: center; padding: 0;} 
div#searchresult h3 a { text-decoration: none;}
div#searchresult h3 a:hover { text-decoration: underline;}
div#searchresult .artnr { margin:3px 0 10px 0;} 
div#searchresult .a { }
div#searchresult .b { vertical-align:top; }
div#searchresult .c { vertical-align:top;  width:90px;}
div#searchresult .price { font-family: times; font-size: 18px; color: #bd0000; font-weight:normal;  }



/* calendar-month */
div#calendar-month table { width:95%; }
div#calendar-month td.r { text-align:right; }
div#calendar-month td.c { text-align:center; }
div#calendar-month th { text-align:left; }
div#calendar-month table.cal { border:1px solid #CED9C8; border-collapse:collapse; border-color:#CED9C8; }
div#calendar-month table.cal td, div#calendar-month table.cal th { border:1px solid #CED9C8; padding:3px; }
div#calendar-month table.cal td { height:60px; vertical-align:top; }
div#calendar-month table.cal td.week { width:20px; }
div#calendar-month table.cal td.disable { color:#999; }
div#calendar-month table.cal td.today { background:#CED9C8; }

/* calendar-week */
div#calendar-week table { width: 95%; }
div#calendar-week td.r { text-align: right; }
div#calendar-week td.c { text-align: center; }
div#calendar-week th { text-align: left; }


.small_calendar table.cal td.today { background:#006600;color:#fff; }



div#sitemap {  }
div#sitemap ul { list-style:none; font-weight:bold; }
div#sitemap li li { font-weight:normal; }
div#sitemap a { }


/* SEARCHRESULT */

div#searchresult table { margin-top: 10px; width: 100%; }
div#searchresult hr { margin-top: 3px; height: 1px; color: #CCC; }

div#searchresult td.image { width: 100px; }
div#searchresult td.info { vertical-align: top; padding-left: 20px; }
div#searchresult td.price { vertical-align: top; text-align: right; }


/* SUBSHOP */

div#shadow { position: absolute; z-index: 100; width: 100%; height: 100%; left:0; top: 0; background: url(../images/shade.png);}
div#shadow .login_box { position: absolute; z-index: 150; top: 50%; left: 50%; width: 300px; height: 110px; margin: -100px 0 0 -150px; background: #CCC; padding: 20px; text-align: left;}
div#shadow .login_box label { display: block; font-weight: bold; }
div#shadow .login_box input { width: 200px; }
div#shadow .login_box input.loginsubshop { width: 100px; }