/* $Id: MyStyle.css 2864 2008-11-03 06:39:01Z martin $ */
/* Stilmall för anpassing av butikens utseende  */

@import url(design.css);			/* Style till din valda design */

/* BEGIN code added by System design tool - DO NOT EDIT! */
#nav li a { font-size: 11px;  }
#nav li a { font-weight: normal;  }
body { background-color: #ffffff;  }
body { background-repeat: no-repeat;  }
body, div, p, th, td, li, dd { font-size: 11px;  }
body, div, p, th, td, li, dd { font-weight: normal;  }
div.leftRail { width: 200px;  }
div.wrapper { width: 1112px;  }
/* END code added by System design tool - DO NOT EDIT! */


/* Here you can put your own changes */
.focusClear{
    color: #666;
}
form {
    margin: 0;
    padding: 0;
}
div#content {
    padding-right: 10px;
}
div.right_image_container {
    padding-top: 10px;
}


/* Product small */
div.pricing {
    position: absolute;
    left: 5px;
    bottom: 3px;
}
div.button_buy_container {
    position: absolute;
    right: 5px;
    bottom: 5px;
}
div.price {
    font-weight: bold;
    line-height: 0.8em;
    font-family: calibri,helvetica,arial,verdana;
    font-size: 20px;
    line-height: 0.8em;
    color: #000;
}
.price_header {
    font-weight: normal;
    font-size: 12px;
}
a.buy-button {
    background: #3c670e url(/images/buy_button_bg.gif) left top repeat-x;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    padding: 2px 5px;
    display: block;
    border: 1px solid #2b2b2b;
    font-size: 12px;
}
a.buy-button:hover {
    background-image: url(/images/buy_button_bg_hover.gif);
}




/* Menu */
div.toppmenu{
    background: url(/images/topnav_bottom2.gif) left bottom no-repeat;
    display: block;
    width: 100%;
    margin-top: 4px;
}
div.topnav{
    margin: 0;
    border-top: none;
    border-bottom: none;
    background: url(/images/topnav_top2.gif) left top no-repeat;
    padding: 0;
    position: relative;
    z-index: 900;
    display: block;
}
div.topnav ul{
    margin: 0;
    padding: 0;
}
div.topnav li a{
    color: #333;
}
div.topnav li.sel a{
    color: #000;
}
div.topnav li.sel a:hover, div.topnav li.sel a:focus{
    color: #000;
}
div.topnav li a:hover, div.topnav li a:focus{
    color: #fff;
    background: #333 url(/images/nav_hover_bg.gif) left bottom repeat-x;
    text-decoration: none;
}
div.topnav li a.menu{
    background: url(/images/nav_bg_arrow.gif) right 20px no-repeat;
    cursor: default;
    padding-right: 10px;
}
div.topnav li a.menu:hover{
    color: #fff;
    background: none;
    text-decoration: none;
}
div.topnav ul.menu{
    padding-left: 15px;
}
div.topnav li a:hover, div.topnav li a:focus, div.topnav li a.active{
    color: #fff;
    background: #333 url(/images/nav_hover_bg.gif) left center repeat-x;
    text-decoration: none;
    font-weight: bold;
    text-shadow: none;
}
.menu ul li{
    width: auto;
    list-style: none;
}
.menu li{
    float: left;
    list-style: none;
    background: none;
    border: 0;
}
.menu ul li a{
    margin-top: -1px;
    background: #fff;
    border: #ddd 1px solid;
    padding-right: 20px;
    width: 12em;
}
.menu li a{
    width: 2em;
    display: block;
    padding: 12px;
    white-space: nowrap;
    line-height: 1.2;
    border-right: none;
    font: bold 12px/1.2em arial, helvetica, sans-serif;
    color: #141414;
    text-shadow: 0 1px 0 #bdbdbd;
}
.menu>li a{
    width: auto;
}
.menu li ul{
    position: absolute;
    width: 12em;
    left: -999em;
    margin-left: -1px;
    margin-top: 1px;
}
.menu li ul ul{
    margin: -2em 0 0 13em;
}
.menu li:hover ul ul, .menu li:hover ul ul ul, .menu li:hover ul ul ul ul, .menu li:hover ul ul ul ul ul, .menu li:hover ul ul ul ul ul ul, .menu li:hover ul ul ul ul ul ul ul, .menu li:hover ul ul ul ul ul ul ul ul, .menu li:hover ul ul ul ul ul ul ul ul ul, .menu li:hover ul ul ul ul ul ul ul ul ul ul, .menu li:hover ul ul ul ul ul ul ul ul ul ul ul, .menu li.sfhover ul ul, .menu li.sfhover ul ul ul, .menu li.sfhover ul ul ul ul, .menu li.sfhover ul ul ul ul ul, .menu li.sfhover ul ul ul ul ul ul, .menu li.sfhover ul ul ul ul ul ul ul, .menu li.sfhover ul ul ul ul ul ul ul ul, .menu li.sfhover ul ul ul ul ul ul ul ul ul, .menu li.sfhover ul ul ul ul ul ul ul ul ul ul, .menu li.sfhover ul ul ul ul ul ul ul ul ul ul ul{
    left: -999em;
}
.menu li:hover ul, .menu li li:hover ul, .menu li li li:hover ul, .menu li li li li:hover ul, .menu li li li li li:hover ul, .menu li li li li li li:hover ul, .menu li li li li li li li:hover ul, .menu li li li li li li li li:hover ul, .menu li li li li li li li li li:hover ul, .menu li li li li li li li li li li:hover ul, .menu li li li li li li li li li li li:hover ul, .menu li.sfhover ul, .menu li li.sfhover ul, .menu li li li.sfhover ul, .menu li li li li.sfhover ul, .menu li li li li li.sfhover ul, .menu li li li li li li.sfhover ul, .menu li li li li li li li.sfhover ul, .menu li li li li li li li li.sfhover ul, .menu li li li li li li li li li.sfhover ul, .menu li li li li li li li li li li.sfhover ul{
    left: auto;
}
.menu li:hover, .menu li.hover{
    position: static;
}
.menu li ul li a{
    white-space: normal;
    line-height: 1.3;
}

.box-content{
    padding: 1px 9px 9px 9px;
    border: none;
    background: #000 url(/images/bg_content_bottom.gif) left bottom no-repeat;
    margin: 0;
    line-height: 1.4em;
}
.box-content a {
    color: #d79c4c;
}
div#prisjakt a {
    color: #d79c4c;
} 

/* Toplist */
.box-toplist {
    margin-top: 10px;
}
.box-toplist h3{
    background: #000 url(/images/topplista.jpg) left top no-repeat;
    text-indent: -5000px;
    font-size: 1px;
    line-height: 1px;
    overflow: hidden;
    width: 200px;
    height: 46px;
    margin: 0;
    padding: 0;
}
ul.toplist-menu li {
    background: #000 url(/images/toplistitem_bg.jpg) left top repeat-x;
    height: 17px;
    padding: 4px 2px;
}
ul.toplist-menu li:hover {
    background: #000 url(/images/toplistitem_bg_hover.gif) left top repeat-x;
}
ul.toplist-menu li a {
    color: #fff;
}



/* News */
.box-news h3{
    background: #000 url(/images/nyheter.jpg) left top no-repeat;
    text-indent: -5000px;
    font-size: 1px;
    line-height: 1px;
    overflow: hidden;
    width: 200px;
    height: 41px;
    margin: 0;
    padding: 0;
}
.news_item {
    background: #000 url(/images/nyheter_bg.jpg) left top repeat-x;
    padding: 3px;
    color: #fff;
    height: 80px;
    position: relative;
}
.news_item:hover {
    background: #000 url(/images/news_bg_hover.gif) left top repeat-x;
}
.news_item h2 {
    padding: 0 0 4px 0;
    margin: 0;
}
.news_item h2 a {
    color: #fff;
    font-weight: bold;
    font-size: 14px;
}
.news_pubdate {
    position: absolute;
    left: 2px;
    bottom: 2px;
}
.news_readmore {
    position: absolute;
    right: 2px;
    bottom: 2px;
}
.news_readmore a {
    color: #d79c4c;
}

/* Search */
.box-search h3{
    background: #000 url(/images/bg_header_search.gif) left top no-repeat;
    text-indent: -5000px;
    font-size: 1px;
    line-height: 1px;
    overflow: hidden;
    width: 200px;
    height: 32px;
    margin: 0;
    padding: 0;
}
.box-search div.search p.submit{
    padding:0;
    margin:0 0 0 3px;
}
.box-search a.link-arrow{
    background: #3c670e url(/images/bg_bottom.gif) left top repeat-x;
    color: #fff;
    padding: 7px 12px 7px 12px;
    text-transform: uppercase;
    display: block;
}

.inputSearch {
    float: left;
    width: 124px;
    padding: 7px 0 7px 5px;
    border: 1px solid #bebebe;
    margin:0;
    font-family: arial,helvetica,sans-serif;
    font-size: 1em;
    line-height: 1.5em;
}

/* Cart mini */
.box-cart h3{
    background: #000 url(/images/cart_sidebar_header_bg.gif) left top no-repeat;
    text-indent: -5000px;
    font-size: 1px;
    line-height: 1px;
    overflow: hidden;
    width: 200px;
    height: 33px;
    margin: 0;
    padding: 0;
}
.box-cart-content {
    color: #fff;
    padding: 9px;
}
.box-cart-content a {
    color: #fff;
}
.box-cart-content a:hover {
    text-decoration: underline;
}
table.cart-mini-table td {
    padding-bottom: 5px;
}
div.mini-cart-button-container {
    padding: 9px 0;
}
a.mini-cart-button {
    color: #dddddd;
    background-color: #014594;
    background-image: url("/images/buy_button_bg.gif");
    background-repeat: repeat-x;
    background-attachment: scroll;
    background-position: left center;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}
a.mini-cart-button:hover {
    background-image: url(/images/buy_button_bg_hover.gif);
}

/* Login */
.box-login h3{
    background: #000 url(/images/bg_header_kund.gif) left top no-repeat;
    text-indent: -5000px;
    font-size: 1px;
    line-height: 1px;
    overflow: hidden;
    width: 200px;
    height: 33px;
    margin: 10px 0 0 0;
    padding: 0;
}
.box-login-content {
    padding-top: 9px;
    color: #fff;
}
.box-login-content a {
    color: #fff;
}
.box-login-content a:hover {
    text-decoration: underline;
}
.inputLogin {
    width: 175px;
    padding: 7px 0 7px 5px;
    border: 1px solid #bebebe;
    margin:0;
    font-family: arial,helvetica,sans-serif;
    font-size: 1em;
    line-height: 1.5em;
}
.login_titles {
    color: #fff;
    font-weight: bold;
}
a.login-button {
    background: #3c670e url(/images/bg_bottom.gif) left top repeat-x;
    color: #fff;
    padding: 7px 12px 7px 12px;
    display: block;
}
a.login-button:hover {
    background-image: url(/images/buy_button_bg_hover.gif);
}
a.login_register_link {
    color:#fff;
}
a.login_forgotten_passwd {
    color:#a3a3a3;
}


/* Side menu */
.box-sidemenu h3{
    background: #000 url(/images/bg_header_catnav.gif) left top no-repeat;
    text-indent: -5000px;
    font-size: 1px;
    line-height: 1px;
    overflow: hidden;
    width: 200px;
    height: 32px;
    margin: 10px 0 0 0;
    padding: 0;
}
.box-sidemenu h3.info{
    background: #000 url(/images/bg_header_info.gif) left top no-repeat;
}
.box-sidemenucontent{
    padding: 8px 1px;
    border: none;
    background: #000 url(/images/bg_content_bottom.gif) left bottom no-repeat;
    margin: 0;
    line-height: 1.4em;
}
ul.sidemenu {
    width: auto;
    list-style: none;
}
ul.sidemenu li {
    background: #000 url(/images/bg_nav_li.gif);
    font-size: 10px;
}
ul.sidemenu li:hover {
    background: #000 url(/images/bg_nav_li_li_active.gif);
}
ul.sidemenu li.selected {
    background: #000 url(/images/bg_nav_li_li_active.gif);
}
ul.sidemenu a.selected {
    color: #fcff00;
}
ul.sidemenu a {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    height: 17px;
    display: block;
    line-height: 1.6em;
}
ul.sidemenu a.main {
    text-transform: uppercase;
}
ul.sidemenu a.submain {
    text-transform: none;
}
ul.submenu_ishop {
    width: auto;
    list-style: none;
}
ul.submenu_ishop a {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0 0 0 24px;
    text-decoration: none;
    height: 17px;
}
ul.submenu_ishop li {
    background: #000 url(/images/bg_nav_li_li.gif);
}

/* Product detail */
.browsebutton{
	background: url(/images/hori_large.png) no-repeat;
	cursor: pointer;
	display: block;
	font-size: 1px;
	height: 30px;
	width: 30px;
}

.bnr-container{
	float:right;
	width: 145px;
}
.bnr-image-container {
	width:143px;
	height:143px;
	position: relative;
	margin-bottom: 5px;
}
.bnr-image{
	width:143px;
	height:143px;
	border: 1px solid #EEEEEE;
	margin-bottom: 5px;
	position: absolute;
	top: 0;
	left: 0;
}
img.mini_thumb {
	border: 1px solid #EEEEEE;
    padding: 1px;
    float: left;
}

.bnr-buttons{
	width:143px;
	float:right;
}

.browsebuttonleft{
	margin-left: 0px;
	float:left;
}

.browsebuttonright{
	background-position: 0px -30px;
	float:right;
}
.summary{
border-top:1px solid #E8E8E8;
font-size:0.9em;
margin:15px 0 0;
width:327px;
float:left;
}
.summary select{
width:150px;
}
.summary th{
background:#F8F8F8;
font-weight:normal;
}
.summary th, .summary td{
border-bottom:1px solid #E8E8E8;
padding:2px 10px;
}

input.product_qty{
	float: left;
	font-size: 0.9em;
	margin: 0px 3px 0px 0px;
	padding: 3px 0px;
	text-align: center;
	width: 25px;
}


input.button_buy{
	color: white;
	font: normal normal bold 1em/normal arial, helvetica;
	text-transform: uppercase;
}

td.price{
	font-family: calibri, helvetica, arial, verdana;
	font-size: 2em;
	font-weight: bold;
	line-height: 0.8em;
	width:220px;
}

table.button_buy_container{
	width:372px;
	float:left;
	margin-top:30px;
}

div#bottom{
    margin-top:30px;
    padding:0;
    background:url(/images/bottom_bg.png) left top no-repeat;
    font-size:10px;
    clear:both;
    width: 1112px;
    position: relative;
}
div#bottom .wrapper{
background:url(/images/logo_footer.gif) left top no-repeat;
background-position: 20px 30px;
display:inline-block;
clear:both;
width:430px;
float:left;
padding: 30px 0 0 80px;
}
div#bottom .wrapper .wrapperclear{
padding-left:195px;
}
div#bottom .footer_address{
    padding-top: 10px;
    color: #fff;
}
div#bottom .footer_links{
color:#999;
line-height:14px;
width:565px;
padding-top:25px;
padding-right: 15px;
float:right;
}
div#bottom .footer_links a:hover {
color:#333;
}

div#bottom .footer_links ul{
margin:0;
padding:0;
}
div#bottom .footer_textcont {
    background-color: #1c1c1c;
    padding: 18px 30px;
}
div#bottom .footer_handcraft{
    color:#999;
    float: left;
}
div#bottom .footer_handcraft a{
    color:#00b3fe;
}

div#bottom .footer_links a{
color:#999;
}
div#bottom .footer_links ul li{
display:inline;
list-style:none;
}
div#bottom .footer_copyright{
    color:#999;
    float: right;
}
div#bottom .footer_copyright a{
    color:#00b3fe;
}
div#bottom .footer_contents {
    padding: 18px 30px 10px 30px;
    position: relative;
}
div#bottom .footer_logo {
    position: absolute;
    right: 30px;
    bottom: 40px;
    width: 252px;
    height: 106px;
    background:url(/images/bottom-logo-bg.png) left top no-repeat;
}
div#bottom .footer_contents .category_box {
    float: left;
    padding-right: 50px;
}
div#bottom .footer_contents a {
    color: #ddd;
}

div#bottom .footer_contents a.footer_content_header {
    text-transform: uppercase;
    color: #c8b481;
    font-weight: bold;
}

.row .active{
font-weight:normal;
}

div.product-detail-container{
	float:left;
	width:327px;
}

h1.productname{
	width:300px;
	margin: 5px 0px;
	font:2.5em/1.2em arial, helvetica, calibri;
	float:left;
}

h3.box-contactform{
	border-bottom: 1px solid #EEE;
	color: black;
	font-size: 1.9em;
	font-weight: normal;
	margin: 0px 0px 9px;
	padding: 0px 0px 2px;
}

div.box-contactform{
	border: 1px solid #E0E0E0;
	padding: 9px 9px 0px;
}
div#facebox{
	z-index:1000;
}
div.front-bnr-container {
    width: 673px;
    height: 295px;
    position: relative;
}
div.front-bnr-image {
    height: 275px;
    position: absolute;
    top: 0;
    left: 0;
}
div.front-bnr-buttons {
    position: absolute;
    top: 275px;
    right: 0;
}
div.front-bnr-buttons a {
    font-size: 14px;
    font-weight: bold;
}
div.front-bnr-buttons a.selected {
    color: #d79c4c;
}

div.of_prisjakt {
    width: 201px;
    height: 86px;
    background-image: url(/images/prisjakt_bg.jpg);
    position: relative;
    cursor: pointer;
}
div.of_prisjakt_text {
    width: 120px;
    height: 35px;
    position: absolute;
    top: 40px;
    left: 10px;
    font-size: 14px;
}
div.of_prisjakt a {
    background-repeat: no-repeat;
    color: #fff;
}
div#logo {
    position: relative;
}
div#cert_shopping {
    position: absolute;
    left: 387px;
    top: 29px;
    background-color: #fff;
}
div.warning {
	border: 2px solid green;
	//background: #eefbdf;
	background-image: url(/images/warning_bg.gif);
	background-repeat: repeat;
	background-position: 0.1em 0.2em;
	padding: 1em;
	padding-left: 42px;
}
div#prisjakt_topp {
    position: absolute;
    left: 492px;
    top: 53px;
}

/* CART */
div.cart-content-header-container {
    position: relative;
    height: 60px;
}
div.cart-content-header {
    position: absolute;
    bottom: 0;
    left: 0;
	height: 29px;
}


.cart-header-cont {
    height: 29px;
    background: url('/images/header-left.png') no-repeat left top;
    margin: 0;
    padding: 0 0 0 85px;
}
.cart-header {
    height: 29px;
    background: url('/images/header-right.png') no-repeat right top;
    margin: 0;
    padding: 5px 0 0 0;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    width: 596px;
}
div.cart-content-header-image {
    position: absolute;
    top: 0;
    left: 10px;
    z-index: 100;
}


table.artiklar th.ishop-special {
	font-size: 11px;
	background-color: #fff;
	color: #4e4e4e;
	font-weight: bold;
	padding: 1px 7px;
}
table.ishop-cart-table td{
    background: url('/images/cart-table-td-bg.png') repeat-x left bottom;
    padding: 1px 5px;
    margin: 0;
}


div.cart-login-container {
	border: 0;
	padding: 7px 3px 7px 5px;
	background: url('/images/cart-address-bg.png') repeat-x top left;
	margin: 0 0 10px 0;
}




div.payment_window {
	border: 2px solid green;
	background-image: url(/images/warning_bg.gif);
	background-repeat: repeat;
    position: relative;
    padding-top: 70px;
}
div.payment_window .header_icon {
    position: absolute;
    top: 12px;
    left: 12px;
}

div.payment_window .header_text {
    position: absolute;
    top: 23px;
    left: 67px;
}

div.payment_window .header_text h3 {
    font-size: 22px;
}

div.payment_content {
    padding: 0 24px 24px 24px;
}
table.payment_table td {
    font-weight: bold;
    padding-right: 10px;
}
.payment_sum {
    font-size: 16px;
    font-weight: bold;
}



/* BUTTONS */
.pay_button {
    display: block;
    background-image: url('/images/buttons/betala.png');
    width: 92px;
    height: 26px;
    border: 0;
    padding: 0;
    margin: 0;
}
.pay_button:hover {
    display: block;
    background-image: url('/images/buttons/betala_rollover.png');
    width: 92px;
    height: 26xp;
    cursor: pointer;
}

.update_payment_button {
    display: block;
    background-image: url('/images/buttons/andra_betalsatt.png');
    width: 121px;
    height: 26px;
    border: 0;
    padding: 0;
    margin: 0;
}
.update_payment_button:hover {
    display: block;
    background-image: url('/images/buttons/andra_betalsatt_rollover.png');
    cursor: pointer;
}

/*ratings*/
div.rating {
	padding: 12px;
	float: left;	
}

div.ratingvalue {
	font-size: 16px;
	font-weight: bold;
	padding-top:10px;
	clear:both;
}
div.ratingstars {
	float: left;	
}

/*comments*/
div.commentbox{
	margin-top: 10px;
}
div.comment{
	margin-bottom: 10px;
}

div.comment-name{
	margin-bottom: 3px;
	font-size: 14px;
}