
body {border:0; margin:0; padding:0; #016ca4; font:75%/160% "Arial, verdana",sans-serif; color:#000000; _text-align:center;}


a {color:#000000;}
a:hover {color:#4F6AD7;}

p {border:0; margin:15px 0; padding:0;}

div {display:block; border:0; margin:0; padding:0;}

h1, h2, h3, h4, h5 {border:0; margin:15px 0 10px 0; padding:0; font-weight:bold; color:#000000; font-family:Arial, Trebuchet Ms, Tahoma, Helvetica, Arial;}
h1 {font-size:260%; line-height:120%; font-weight:normal;}
h2 {font-size:180%; line-height:120%; font-weight:normal; color:#000000;}
h3 {font-size:120%; font-weight:bold;}
h4 {font-size:120%;}
h5 {font-size:100%;}

table {display:table; border-collapse:collapse; margin: 1px 0; padding:0; border:0px solid #B7CAF6; font-size:100%;}
tr {display:table-row;}
th, td {display: table-cell; border:0px solid #B7CAF6; margin:0; padding:0px; vertical-align:top;  }


ul, ol {display:block; border:0; margin:15px 0 15px 40px; padding:0;}
ol {list-style-type:decimal;}
li {display:list-item; border:0; margin:0; padding:0; _height:1px;}
ul ul, ul ol, ol ol, ol ul {margin: 0 0 0 20px;}

dl {border:0; margin:15px 0; padding:0;}
dt {border:0; margin:0; padding:0; font-weight:bold;}
dd {border:0; margin:0 0 0 30px; padding:0;}
form {border:0; margin:0; padding:0;}
fieldset {border:1px solid #ccc; margin:15px 0; padding:10px;}
legend {margin-left:10px; font-size:100%; font-weight:bold; color:#008;}

hr {display:block; height:1px; margin:10px 0; padding:0; background:#986837; border:0 solid #CCC; color:#A39A67;}

a, img, span {border:0; margin:0; padding:0;}
abbr, acronym {border-bottom:1px dotted #CCC; cursor:help;}

del, .through {text-decoration:line-through;}
strong, .strong {font-weight:bold;}
cite, em, q, var {font-style:italic;}
code, kbd, samp {font-family:monospace; font-size:110%;}

/* Floating */
.f-left {float:left;}
.f-right {float:right;}

/* Text align */
.t-left {text-align:left;}
.t-center {text-align:center;}
.t-right {text-align:right;}

.va-middle {vertical-align:middle;}

.clear {clear:both;}
.box {min-height:1px; _height:1px;}
.box:after {content:"."; display:block; line-height:0px; font-size:0px; visibility:hidden; clear:both;}

.nom {margin:0;}
.noscreen {display:none;}

/* -----------------...........--------------------------------------------------------------------------------------- */

#main {width:770px; margin: 10px auto 0 auto; _text-align:left;}

/* Header */
#header {position:relative; width:770px; height:120px; margin:0; padding:0; background:transparent url("images/design/header.gif") 0 0 no-repeat; color:#000;}

/* Header - logo */
#header #logo {position:absolute; top:40px; right:10px; margin:0;}
#header #logo a {color:#000000;}
#header #logo a:hover {color:#A39A67; text-decoration:underline;}

/* Page (innehåller 2 kolumner under headern) */
#page {width:770px;  background:#FFF url("images/design/bg_page.gif") 0 0 repeat-y; _height:1px;}
#page-in {min-height:1px; padding:10px 0 0 0px; }

/* Topnav - länkar under headern */
#navmenu_top {height:36px;  background:url("images/design/navmenu_bg.gif") 0 0 no-repeat; background-color:#FFFFFF;}
#topnav {position:relative; clear:both; padding:  8px 5px 10px  20px; color:#ffffff;}
#topnav p {margin:0;}
#topnav a {color:#FFFFFF;text-decoration:none;}
#topnav a:hover {color:#f4f111;text-decoration:none;}

/* topnav - Varukorgsinfo */
#topnav #cartsummary {color:#ffffff;width:250px; margin:0; padding:0; border:solid 0px black;}
    
/* topnav - länkar höger */
#topnav #links_right {float:right; width:475px; _width:500px; margin:0 20px 0 0; text-align:right; padding-left:0px;border:solid 0px black; font-family:"Arial"; font-size:17px; font-weight:bold;}
/* Produktnavigeringen - anpassa min-höjden efter antal kategorier */
#prodmenu {width:160px; min-height:150px;}

/* Innehåll - höger*/
#content {float:left; width:550px; _width:570px; margin:0; padding:0 0 0 10px;}
#content .page_content_blank {clear:both; margin:0; padding:10px; }
#content .page_content {clear:both; margin:0; padding:20px; }
#content .page_content h2 {margin:0 -20px; padding:10px; background:transparent; font-family:Arial, Times New Roman; }
#content .page_content h2 span {background:url("images/design/ico_list.gif") 0 50% no-repeat; padding-left:25px;}
#content .page_content p {text-align:left;}
#content .info {margin:5px 0; padding-bottom:8px;padding-top:8px; border-bottom:1px solid #986837;  border-top:1px solid #986837;color:#192666;}
#content .info a {color:#192666;}
#content .info a:hover {color:#4F6AD7;}
#content .info span.status, #content .info span.price, #content .info span.user, #content .info span.comments,.info span.tips {padding-left:15px;}
#content .info span.status {margin-left:8px;}
#content .info span.price {background:url("images/design/money.gif") 0 50% no-repeat; margin-left:8px;}
#content .info span.user {background:url("images/design/ico_user.gif") 0 50% no-repeat; margin-left:8px;}
#content .info span.comments {background:url("images/design/icon_comment.gif") 0 50% no-repeat; margin-left:8px;} 
#content .info span.tips {background:url("images/design/icon_tip_friend.gif") 0 50% no-repeat; margin-left:8px;}

/* Vänster kolumn */
#col {float:left; width:200px; margin:0 0 0 5px; padding:0; background:transparent url("images/design/col_bg_196.gif") 0 0 repeat-y;}
#col-top {padding:20px 10px; background:url("images/design/col_top_196.gif") 0 0 no-repeat;}
#col-bottom {padding: 0px  10px 0 0; height:22px;  background:url("images/design/col_bottom_196.gif") 0 0 no-repeat;}
#col h3 {padding: 4px 15px 3px 15px; margin:0  -10px 5px -10px; background:transparent url("images/design/col_title_bg_196.gif") 0 0 repeat-y; color:#ffffff; font-family:Arial, Helvetica, sans-serif;}

/* Veckans erbjudande visning */
#col #today-offer {margin-bottom:15px; line-height:130%;}
#col #today-offer p {margin:0;}
.today-offer-pic {float:left; width:54px; height:58px; margin-right:7px;}

/* Boxar med 250px bredd */
.box_250 {float:left; width:250px; margin:0 0 0 5px; padding:0; background:transparent url("images/design/col_bg_250.gif") 0 0 repeat-y;}
.box-top_250 {padding:20px 10px; background:url("images/design/col_top_250.gif") 0 0 no-repeat;}
.box-bottom_250 {padding: 0px  10px 0 0; height:22px;  background:url("images/design/col_bottom_250.gif") 0 0 no-repeat;}
.box_250 h3 {padding: 4px 15px 3px 15px; margin:0  -10px 5px -10px; background:transparent url("images/design/col_title_bg_250.gif") 0 0 repeat-y; color:#FFFFFF;}

/* för listan som visar produkter för vald kategori */
.productlist{}
.productlist .productlist_image{height:150px;}
.productlist .productlist_image img{max-width:150px; max-height:150px; border:solid 1px #986837 }
.productlist .productlist_text{ width:330px; margin-top:0px; margin-left:20px; text-align:left;}
.productlist .productlist_text h2{border:0; margin:15px 0 10px 0; padding:0; font-weight:normal;font-size:180%; line-height:120%; color:#000000; font-family:Arial, Trebuchet Ms, Tahoma, Helvetica, Arial;}
.productlist .productlist_text hr{margin-top:5px; margin-bottom:5px;}

/* Sidfoten */
#footer {position:relative; clear:both; width:770px; height:46px; margin-bottom:35px; background:url("images/design/footer.gif") 0 0 no-repeat; color:#000000;}
#footer a {color:#192666;}
#footer a:hover {color:#6685CC;}

/*  Sidfot - copyrighten till vänster */
#footer p#copyright {position:absolute; top:10px; left:20px; margin:0;}

/* Sidfot - höger fält med loggabild */
#footer_right {position:absolute; top:1px; left:620px; margin:0; color:#8CA3D8;}
#footer_right a {color:#192666;}


a.product_name{color:#986837;font-family:Arial, Trebuchet MS;text-decoration:none;font-weight:bold;font-size:12px;}
a.product_name:hover{text-decoration:underline;}
a.product_name_mostpopular{color:#000000;font-family:Arial, Trebuchet MS;text-decoration:none;font-weight:bold;font-size:12px;}
a.product_name_mostpopular:hover{text-decoration:underline;}
.product_title{color:#986837;font-family:Arial, Verdana, Helvetica, Sans-Serif;text-decoration:none;font-size:18px;font-weight:bold;line-height:15px;}
.Title{color:Red;font-family:Arial, Verdana, Helvetica, Sans-Serif;text-decoration:none;font-size:14px;font-weight:bold;line-height:16px;}
.product_shortdesc{color:#000000;font-family:Arial, Verdana, Helvetica, Sans-Serif;font-size:11px;}
.product_longdesc{color:#192666;font-family:Ariak, Verdana, Helvetica, Sans-Serif;font-size:11px;}
.product_price{color:#192666;font-family:Arial, Verdana, Helvetica, Sans-Serif;font-size:11px;}

/* Följande klasser måste ingå i alla templates */

/* Innehåll - Meddelandebox */
#content .message_box {position:absolute;margin:30px 0 0 80px;border:2px solid #986837;padding:10px 0 0 0;color:#000000;background-color:#ffffff;
 float:left;width:300px;
 /* hide overflow:hidden from IE5/Mac */ 
 /* \*/ 
 overflow: hidden; 
 /* */}
#content #message_box p {margin:0;}
.message_box-pic {float:right; width:20px; height:20px; }


/* Textbox för antal av produkt */
.textbox_qnt{width:15px; border:solid 1px #986837}
/* Söktextruta samt övriga */
.textbox_search{ border:solid 1px #986837;}
/* Datagriddar */
.grid_general{background-color:transparent;width:100%; vertical-align:middle;text-align:center;margin:0 0 0 0;border:solid 0px #ffffff;}
.grid_header{font-weight: bold;letter-spacing:1px;color:#192666;background-color: #dcd0c4;width:100%;border:solid 0px black;text-align:center;height:14px;}

.grid_item{background-color:transparent;width:100%; vertical-align:middle;text-align:center;  }
.grid_item_alternating{background-color:#e7e4e2;width:100%; vertical-align:middle;text-align:center; }
.grid_footer{background-color:#ffffff;border-width:1px;letter-spacing:1px;color:#192666;text-align:right;}
.grid_footer2{background-color:Transparent;width:100%; vertical-align:middle;text-align:right; border:solid 0px;}

/* Bilder */
.itemimage_small{width:100px; height:100px; cursor:hand;}
.itemimage_large{margin-right:30px; margin-bottom:15px; float:left; max-width:100px; width:100px;}
.productsimg {max-width:60px; width:60px;}