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

@import url(/__SYS__/SE-shop.css); 	/* Style till gemensamma komponenter */
@import url(design.css);			/* Style till din valda design */

/* Här under kan du lägga in dina egna style ändringar */


/* BEGIN code added by System design tool - DO NOT EDIT! */
#page { width: 800px; }
/* END code added by System design tool - DO NOT EDIT! */

html, body { 
	height: 100%;
	background: url(/images/bg2.png) no-repeat;
	background-position: top center;
	background-color: #000000;
	margin-top: 0;
}

body, div, p, th, td, li, dd    {
	color: #989898;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
}


h1 {
	padding: 0px 0 10px 0;
	font-size: 15px;
	line-height: 17px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0;
}

h2 {
	padding: 0px 0 10px 0;
	font-size: 15px;
	line-height: 17px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0;
}

h3 {
	padding: 0px 0 10px 0;
	font-size: 15px;
	line-height: 17px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0;
}

textarea {
	background-color: #5b5555;
	border: 1px solid #141313;
	color: #141313;
	padding: 3px;
}	

fieldset, legend {
	border: 0;
	color: #989898; 
	padding: 0;
}

input {
	background-color: #5b5555;
	border: 1px solid #141313;
	color: #141313;
}

#logo {
	display: none;
}

#container {
	border-left:0px solid #212121; 	/* WLR - The width and color of the left rail */
	border-right: 0px solid #fff;	/* WRR - The width and color of the right rail */
	margin-left:-0px; 			/* WLR */
	margin-right:-0px;				/* WRR */
	background-color: #212121;
	margin-top: 0;
	padding-top: 0;
	position: relative;
	background-color: transparent;
}

#content {
	padding-right: 20px;
	float: right;
	width: 670px;
}

#content a {
	color: #f06b12;
}

#content a:hover {
	color: white;
}

#page {
	background: none;
 	padding-left: 0px; /* WLR - The width of the left rail */
 	padding-right: 0px;  /* WRR - The width of the right rail */
	width: 900px;
}

#topmenu {
	display: none;
}
#footer {
	height: 80px; /*FH*/
	background-color: transparent;
	clear: both;
	position: relative;
	z-index: 999;
}
div.pushfooter {
	height: 80px; /*FH*/
	clear: both;
}
div.footer_txt {
	background-color: #212121;
	font-size: 10px;
	text-align: right;
	padding-right: 15px;
	background-color: #212121;
	background: url(/images/menubg3.jpg) repeat-y;
	margin:0 auto;
	width: 885px;
}

div.footer_txt a {
	color: #f06b12;
}

div.footer_txt a:hover {
	color: white;
}

#leftRail{
	margin-left:-0px;	/* WLR */
	padding: 0px 0 0 0;
	margin-top: 0;
	float: left;
	width: 175px;
}

#leftside {
	width: 175px;
	position: absolute;
	top: 0;
	left: 0;
}

#rightRail{
	width:0px;			/* WRR */
	margin-right:-0px; 	/* WRR */
}
#wrapper {
	width: 900px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -80px; /*FH*/
	background-color: #212121;
	background: url(/images/menubg3.jpg) repeat-y;
}
.header {
	margin: 0 auto;
	background: none;
 	padding-left: 0px; /* WLR - The width of the left rail */
 	padding-right: 0px;  /* WRR - The width of the right rail */
	padding-top: 33px;
	width: 900px;
	height: 80px;
	background-position: left top;
	background: url(/images/topbg.jpg) no-repeat;
	
	
}

.top {
	position: relative;
}

#header, #footer{
	margin-left:-0px;	/* WLR */
	margin-right:-0px;	/* WRR */
}

.toplogo {
	width: 970px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}

.toplogo2 {
	position: absolute;
	top: 1px;
	left: 0;
	z-index: 2;
}	

.drums {
	width: 900px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}

.drums2 {
	position: absolute;
	top: 100px;
	left: 90px;
	z-index: 2;
}

.customerprofile {
	top: 11px;
	position: absolute;
	left: 200px;
}

.customerprofile a, .customerprofile a:visited {
	color: #f06b12;
}

.customerprofile a:hover {
	color: white;
}

#cartMenu.Panel{
	position: absolute;
	left: 195px;
	top: 28px;
	width: 300px;
	background-color: #212121;
	border: 0;
	color: #989898;
	padding: 0 10px 0 0;
}

#cart_text {
	color: #989898;
	height: 25px;
	line-height: 25px;
	padding: 0px 0 0 32px;
	font-size: 11px;
	background: url(/images/cart.gif) no-repeat;
	background-position: 4px 5px;
}

#cart_text a, #cart_text a:visited {
	color: #f06b12;
}

#cart_text a:hover {
	color: white;
}

#cart_link {
	display: none;
}

div.search {
	position: absolute;
	right: 30px;
	top: 27px; 
}

div.flags {
	position: absolute;
	right: 205px;
	top: 31px; 
}

#Search_Text {
	background-color: #5b5555;
	border: 1px solid #141313;
	color: #141313;
}

#search_button {
	border: 0;
}

#productMenu h3 {
	display: none;
}

#prodmenu_text {
	width: 165px;
	padding: 0 0 0 0;
	margin: 0;
	border: 0;
}

ul.FlatMenu .L0 {
	margin: 0;
	padding: 0;
}

ul.FlatMenu ul {
	padding: 0;
}

ul.FlatMenu li.L0 a {/*1a*/
	text-transform: lowercase;
	padding: 5px 0 5px 20px;
	font-size: 20px;
	font-weight: bold;
	font-size: 12px;
	color:#343434;
	background-color: #e46008;
	line-height: 30px;
	height: 30px;
}
ul.FlatMenu li.L0 a:hover {
	color: #fff;
}


ul.FlatMenu li.L0  {/*1a*/
	border: 0;
	background-color: #e46008;
}

ul.FlatMenu li li {/*2a*/
	background-color: #f06b12;
	padding:0;
	border-bottom: 1px solid #e46613;
}

ul.FlatMenu li.L1 a {/*2a*/
	padding: 0 0 0 20px;
	background-color: #f06b12;
	font-weight: bold;
	font-size: 11px;
	color:#343434;
	line-height: 20px;
	text-transform: lowercase;
}

ul.FlatMenu li.L1 a:hover {/*2a*/
	color: white;
}

ul.FlatMenu .L0 li a, ul.FlatMenu li.selected li a {
	color:#343434;
	font-weight: bold;
}

ul.ovrigtmenu {
	padding: 0;
	margin:0;
	list-style: none;
	width: 165px;
}

ul.ovrigtmenu li {
	border-bottom: 1px solid #e46613;
}

ul.ovrigtmenu li a {
	padding: 0 0 0 20px;
	font-weight: bold;
	font-size: 11px;
	color:#343434;
	line-height: 20px;
}

ul.ovrigtmenu li a:hover {
	color: white;
}

ul.ovrigtmenu h3 {
	background-color: #e46008;
	line-height: 30px;
	height: 30px;
	padding: 0 0 0 20px;
	font-size: 12px;
	font-weight: bold;
	color:#343434;
}

#CatTrace {
	background-color: transparent;
}

div.produkt {
	padding: 0px 20px 20px 0px;
}

div.productimage {
	float: left;
	margin: 0;
	border: 0;
	padding: 0 15px 0px 0;
}

div.productcontainer {
	background-color: transparent;
	margin-top: 10px;
}

h1.productname {
	padding: 10px 0 10px 0;
	font-size: 15px;
	line-height: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

div.productdescription {
	padding: 0 20px 0px 20px;
}

table.artiklar {
	background-color: #212121;
}

table.artiklar th {
	background-color: #141313;
	color: #989898;
}

tr.odd {
	background-color: #212121;
}

tr.even {
	background-color: #2a2a2a;
}

table.artiklar input, table.artiklar option, table.artiklar select {
	background-color: #5b5555;
	border: 1px solid #141313;
	color: #141313;
}

div.button {
	background-color: #212121;
	border: 0;
}

input.button {
	background-color: #141313;
	border: 0;
	color: #989898;	
	padding: 4px 4px 4px 4px;
}

#GroupText {
	padding: 0 0 20px 0;
	overflow:hidden;
}

div.product-midi h2 a {
	color: #989898;
}

div.product-midi h2 {
	padding: 10px 0 10px 0;
	font-size: 15px;
	line-height: 17px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0;
}

div.product-midi {
	background-color: #141313;
}

div.product-midi img {
	padding: 0;
	margin: 0 15px 0px 0;
}

div.product-midi div.descr {
	font-size: 11px;
}

div.product-midi table.artiklar td, div.product-midi table.artiklar th {
	font-size: 11px;
	padding: 3px 5px 3px 5px;
}

table.frakt_shipping {
	border: 0px solid #141313;
}

table.frakt_shipping td {
	border-bottom: 1px solid #141313;
}

#login-box {
	padding-left: 20px;
}

table.frakt_shipping td.fr_price {
	color: #e20505;
}

.ovrigtmenu_botten {
	background: url(/images/png_botten.png) no-repeat;
	height: 127px;
	padding: 0;
}

div.sub_category {
	background: transparent; 
	margin: 2px 50px 15px 2px;
	width: 165px;
	text-align: center;
	float: left;
}	

div.sub_category_medium {
	background-color: #141313;
	margin: 2px;
	width: 220;
	float: left;
	text-align: center;
}	

div.sub_category_inv {
	background-color: #f06b12;
	margin: 2px;
	width: 165px;
	float: left;
	text-align: center;
}	

div.sub_brand {
	background-color: #141313;
	padding: 8px;
	margin: 2px;
	width: 115px;
	float: left;
	text-align: center;
}	

div.brandimage {
	text-align: left;
	margin: 0;
	padding-top: 10px;
}

.newsfeed {
	border: 0;
	padding: 0;
	margin: 0;	
	margin-bottom: 10px;
}
.newsfeed h3 img { 
	margin-bottom: -3px;
}

.newsfeed .item {
	border-bottom: 1px dashed #5b5b5b;
	margin-bottom: 10px;
}
.newsfeed .abstract {
	padding-bottom: 4px;
}
.newsfeed-detail h1 {
	width: 100%;
	background-color: #141313;
	color: #989898;
	padding: 4px 0 4px 4px;
	margin: 0 0 10px 0;
}
.newsfeed-detail h1 span {
	padding-left: 0px;
	font-weight: normal;
}
.kampanjpris, .kampanjtext {
	color: #00CC00;
	font-weight: normal;
}
.newsfeed-detail h1 img {
	margin-bottom: -3px;
}

.newsfeed-detail .newsitem {
	border-bottom: 1px dashed black;
}

div.small-cat-divider {
	clear: both;
	padding-bottom: 20px;
}

div.brandpage_text {
	width:75%;
	float:left;
}

div.brandpage_img {
	width:20%;
	float:right;
	text-align: right;
}

div.personel-box {
	float: left;
	padding: 4px;
	background-color: #141313;
	text-align: center;
	margin-right: 4px;
	margin-bottom: 10px;
}

div.index-picure-area {
	width: 460px;
	float: left;
}

div.index-news-area {
	width: 200px;
	float: right;
}

div.product-promote {
	width: 213px;
	height: 63px;
	float: left;
	padding: 0px;
	background-color: #141313;
	color: white;
	margin-right: 7px;
	margin-bottom: 10px;
}

a.sub-category-button {
	font-weight: bold;
	font-size: 11px;
	display: block;
	padding: 8px;
	width: 178px;
	height: 24px;	
	background-position: top right;
	background-repeat: repeat-y;
	background: url(/images/button-bg3.jpg) no-repeat;
}

#content a.sub-category-button-inv {
	color: #000;
	font-weight: bold;
	font-size: 11px;
	display: block;
	padding: 8px;
}

#content a.sub-category-button-inv:hover {
	color: #fff;
}

div.name {
	padding: 7px 10px 5px 10px;
}

div.short {
	padding: 0px 10px 5px 10px;
}

div.price {
	padding: 0px 10px 0px 10px;
	float: left;
}

div.oldprice {
	padding: 0px 10px 0px 10px;
	color: #5b5b5b;
	text-decoration: line-through;
}

div.info {
	padding: 5px 10px 7px 10px;
	clear: both;
	text-align: right;
}