/* $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: 740px; }
/* END code added by System design tool - DO NOT EDIT! */


* {
	margin: 0;
	padding: 0;
}

body {
	background: url(/images/bg.jpg) no-repeat;
	background-position: center top;
	background-color: #fff;
	margin: 0;
	letter-spacing: 0;
	color: #333;
}

body, div, p, th, td, li, dd {
  font: normal 12px Arial, Verdana, Lucida, Helvetica, sans-serif;
  line-height: 16px;
}

h1, h2, h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #666;
	font-style: italic;
	font-weight: normal;
	padding: 0 0 10px 0;
}

h1 {
	font-size: 23px;
	line-height: 23px;
}

h2 {
	font-size: 20px;
	line-height: 20px;
}

h3 {
	font-size: 17px;
	line-height: 17px;
}

a, a:visited {
	color: #0066cc;
}

a:hover {
	color: #0066cc;
}


div.header {
	width: 898px;
	margin: 0 auto;
	height: 154px;
	position: relative;
	z-index:30000;
}

div.logo {
	position: absolute;
	width: 140px;
	height: 100px;
	top: 25px;
	left: 25px;
}

ul.loggain {
	position: absolute;
	top: 10px;
	left: 252px;
	padding: 0;
	margin: 0;
}

ul.loggain li {
	margin: 0;
	padding: 0 0 0 0;
	float: left;
	list-style: none;
}

ul.loggain li a {
	margin: 0 10px 0 0;
	font-weight: bold;
	color: #cc0000;
}

div.inloggad { 
	position: absolute;
	top: 25px;
	left: 252px;
}


#cartMenu.Panel {
	position: absolute;
	top: 10px;
	right: 20px;
	width: 250px;
	border: 0;
}

#cart_link {
	padding: 0px 0 3px 0;
	margin: 0;
	line-height: normal;
	border-bottom: 1px solid #CCCCCC;
	background-color: transparent;
}			

#cart_text {
	margin: 0;
	padding: 5px 0 0 0;
	border: 0;
	font-size: 11px;
}

#cart_icon { display: none; }

.topmenu {
	padding: 0;
	margin: 0;
	position: absolute;
	bottom: 54px;
	left: 250px;
	border: 0;
	background-color: transparent;
	z-index:1000;
}

.nav li {
	border: 0;
	padding: 0;
	margin: 0;
	background: url(/images/navli2.jpg) no-repeat;
	background-color: #003399;
	width: 83px;
	height: 31px;
	text-align: center;
	list-style: none;
	float: left;
}

.nav li:hover {
	background: url(/images/navli.jpg) no-repeat;
	background-color: #409cf7;
	color: #fff;
	
}
.nav li.selected_nav {
	background: url(/images/navli.jpg) no-repeat;
	background-color: #409cf7;
	color: #fff;
}
.nav2 li.selected_nav2 {
	background: url(/images/topmenu_button2.jpg) no-repeat;
	background-color: #61acfb;
	color: #fff;
}

.nav li a, .nav li a:visited { 
	padding: 0;
	margin: 0;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	width: 100%;
	height: 100%;
	line-height: 31px;
	display: block;
}

#nav li a:hover {
	color: #fff;
}


div.topmenu2 {
	position: absolute;
	bottom: 23px;
	left: 222px;
	z-index:20000;
}

ul.nav2 {
	margin: 0;
	padding: 0;
}

ul.nav2 li {
	margin: 0;
	padding: 4px 0px 6px 0px;
	text-align: center;
	height: 20px;
	line-height: 11px;
	list-style: none;
	float: left;
	background: url(/images/topmenu_button.jpg) no-repeat;
	background-color: #0066cc;
	width: 84px;
}

ul.nav2 li:hover {
	background: url(/images/topmenu_button2.jpg) no-repeat;
	background-color: #61acfb;
}

ul.nav2 li a, ul.nav2 li a:visited {
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	display: block;
	height: 23px;
}

ul.nav2 li.hem {
	background: url(/images/topmenu_home.jpg) no-repeat;
	width: 72px;
	height: 30px;
	padding: 0;
	margin: 0;
} 

ul.nav2 li.hem:hover {
	background: url(/images/topmenu_home2.jpg) no-repeat;
}
.dropdown_title {
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	color: #0066cb;
	line-height: 11px;
	padding-left:3px;
	cursor: pointer;
}
div.dropdownmenu_container {
	display:none;
	position:absolute;
	top:30px;
	z-index:9999;
}
div.dropdownmenu {
	background-color:#dceaf7;
	border:2px solid #297fe4;
	padding:0;
}
div.dropdownmenu a {
	display: block;
}
div.dropdownmenu ul {
	list-style: none;
	padding: 5px 0;
}
div.dropdownmenu li {
	padding:1px 11px;
}
div.dropdownmenu li:hover {
	background-color: #badaf8;
}
div.dropdownmenu li.selected {
	background-color: #badaf8;
}


div.page {
	width: 898px;
	margin: 0 auto;
}

div.Panel {
	margin: 0;
	padding: 0;
}

div.leftside-top {
	background: url(/images/leftsidebgtop.jpg) no-repeat;
	height: 16px;
	width: 193px;
	overflow: hidden;
}

div.leftside {
	width: 193px;
	float: left;
}

div.leftside-container {
	background: url(/images/leftsidebg.png) repeat-y;
	padding: 0 20px 0 20px;
	overflow: hidden;
}

div.leftside-bottom {
	background: url(/images/leftsidebgbottom.png) no-repeat;
	height: 23px;
	width: 193px;
	overflow: hidden;
}

div.middle-top {
	background: url(/images/pagetop.jpg) no-repeat;
	height: 18px;
	width: 700px;
	overflow: hidden;
}

div.middle {
	width: 700px;
	float: right;
}

div.middle-content {
	background: url(/images/pagebg.png) repeat-y;
	padding: 0 33px 0 33px;
	overflow: hidden;
}

div.middle-bottom {
	background: url(/images/pagebottom.png) no-repeat;
	height: 30px;
	width: 700px;
	overflow: hidden;
}

#productMenu h3 { display: none; }


#prodmenu_text {
	padding: 0;
	margin: 0 0 15px 0;
	border: 0;
}

#Search_Text {
	width: 117px;
	color: #adadad;
}

div.footer {
	margin: 0 auto;
	width: 898px;
}

div.footer_txt2 {
	text-align: center;
	padding: 15px 0 15px 120px;
	font-size: 11px;
}	

/*menu-tree style*/

.menu { 
	margin: 0;
	padding: 0;
}

.menu li {
	line-height: 15px;
	font-size: 11px;
	background-image: none;
	background-color: #fff;
	display: block;
	border-bottom: 1px solid #fff;
}

.menu li a  {
	padding-left: 0px;
	font-size: 13px;
	line-height: 20px;
	display: block;
	_display: inline; /*IE 6 fix */
	font-family: Tahoma, Arial;
}	

.menu li a:hover {
	text-decoration: none;
}	

.menu li.closed { 
	background: none;
	background-color: #fff;
}

.menu li.open {
	background: none; 
	background-color: #fff;
}

ul.submenu li.closed {
	background: none;
	padding:0;
	margin:0;	
	background-color: #fff;	
}

ul.submenu li.open {
	background: none; 
	padding:0;	
	margin:0;
	background-color: #fff;	
 }

ul.submenu {
	margin:0;
	padding:0px;
	background-color: #fff;	
	
}

ul.submenu li {
	background-color: #fff;	
	border-bottom: 0;
}

ul.submenu li a, ul.submenu li a:visited {
	padding-left: 0px;
	line-height: 14px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
}


ul.submenu ul.submenu { /*menu nivå 3*/
	padding: 0 0 0 10px;
}

ul.submenu li ul.submenu li a { /*menu nivå 3*/
	padding-left: 10px;
}

.menu li#favorites { 
  background-image: none;
}

ul.FlatMenu li.selected a, ul.menu li.selected a {
	color: #000000;
}

/*---------------------*/

#GroupText {
	margin: 0 0 15px 0;
}

.GroupText-text h2 {
	color: black;
	font-weight: bolder;
	font-style: normal;
}

div.productrow {
	width: 610px;
	background-color: #0066cc;
	color: #fff;
	clear: both;
	margin: 0 0 5px 0;
}

div.productrow-artikel {
	float: left;
	width: 180px;
	text-align: center;
	font-size: 12px;
	border-right: 1px solid #fff;
	padding: 5px 0 5px 0;
}

div.productrow-bild {
	float: left;
	width: 205px;
	text-align: center;
	font-size: 12px;
	border-right: 1px solid #fff;
	padding: 5px 0 5px 0;
}

div.productrow-info {
	float: left;
	width: 60px;
	text-align: center;
	font-size: 12px;
	border-right: 1px solid #fff;
	padding: 5px 0 5px 0;
}

div.productrow-pris {
	float: left;
	width: 60px;
	text-align: center;
	font-size: 12px;
	border-right: 1px solid #fff;
	padding: 5px 0 5px 0;
}


div.productrow-kop {
	float: left;
	width: 100px;
	text-align: center;
	font-size: 12px;
	padding: 5px 0 5px 0;
}



div.product-small-row {
	width: 610px;
	padding: 7px 0 0 0;
	height: 50px;
	border-bottom: 1px solid #dedede;
	margin: 0 0 5px 0;
}

div.product-small-row h3 { display: none; }
div.product-small-row div.short { display: none; }

div.product-small-row div.name {
	width: 170px;
	text-align: center;
	font-size: 12px;
	float: left;
	padding: 0 5px 0 5px;
	height: 13px;
	overflow: hidden;
}

div.product-small-row div.produktbild {
	width: 205px;
	text-align: center;
	font-size: 12px;
	float: left;
}

div.product-small-row div.info {
	width: 60px;
	text-align: center;
	font-size: 12px;
	float: left;
}

div.product-small-row div.pricing {
	width: 60px;
	text-align: center;
	font-size: 12px;
	float: left;
}

div.product-small-row div.price {
	font-size: 12px;
}

div.product-small-row div.button_buy_container {
	width: 100px;
	padding: 0;
	margin: 0;
	float: left;
}

input.button {
	background-color: #0066cc;
	color: #fff;
	padding: 3px 6px 3px 6px;
	border: 0;
	cursor: pointer;
}

input.button_buy {
	background-color: green;
	color: #fff;
	padding: 3px 6px 3px 6px;
	border: 0;
	cursor: pointer;
}

table.artiklar th {
	background-color: #0066cc;
	color: #fff;
}

div.cart-content-container, div.cart-shipping-container, div.cart-payship-container {
	background-color: #fff;
}

.cart-meddelande a {
	color: #fff;
}

table.address-login td {
	padding: 0 10px 0 0;
}

tr.even {
	background-color: #fff;
}	

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

#newcustomer-box {
	margin-right: 10px;
}
div.div-start-info {
	width: 300px;
	float: left;
	padding: 10px;
	padding-top: 20px;
}
div.div-start-cats {
	width: 250px;
	float: right;
	padding: 10px;
	margin-right: 4px;
	padding-top: 20px;
	padding-left: 40px;
	border-left: 1px solid #ccc;
}

table.productrow-table th {
	text-align: center;
	font-size: 12px;
	border-right: 1px solid #fff;
	padding: 5px 0 5px 0;
	background-color: #0066cc;
	color: #fff;

}
table.productrow-table td {
	padding: 5px;
	border-bottom: 1px solid #dedede;
}
table.productrow-table td.nobr {
	white-space: nowrap;
}

div.product_price {
	float: left;
	font-size: 20px;
	font-weight: normal;
}

div.logos {
	margin: 0 0 10px 0;
	text-align: center;
}

div.logos img {
	margin: 0 0 10px 0;
}

div.search {
	margin: 0 0 10px 0;
}

ul.silver {
	padding: 0;
	margin: 0 0 10px 0; 
	list-style: none;
}
div.product_price {
	float: left;
	font-size: 20px;
	font-weight: normal;
}

.flatTreeMenu {
	margin: 0;
	padding: 0;
}

.flatTreeMenu li {
	line-height: 15px;
	font-size: 11px;
	background-image: none;
	background-color: #fff;
	display: block;
	border-bottom: 1px solid #fff;
}

.flatTreeMenu li a  {
	padding-left: 0px;
	font-size: 13px;
	line-height: 20px;
	display: block;
	_display: inline; /*IE 6 fix */
	font-family: Tahoma, Arial;
}	

.flatTreeMenu li a:hover {
	text-decoration: none;
}	

.flatTreeMenu li.closed { 
	background: none;
	background-color: #fff;
}

.flatTreeMenu li.open {
	background: none; 
	background-color: #fff;
}

ul.SubmenuFlatTree li.closed {
	background: none;
	padding:0;
	margin:0;	
	background-color: #fff;	
}

ul.SubmenuFlatTree li.open {
	background: none; 
	padding:0;	
	margin:0;
	background-color: #fff;	
 }

ul.SubmenuFlatTree {
	margin:0;
	padding:0;
	background-color: #fff;	
	
}

ul.SubmenuFlatTree li {
	background-color: #fff;	
	border-bottom: 0;
}

ul.SubmenuFlatTree li a, ul.SubmenuFlatTree li a:visited {
	padding-left: 0px;
	line-height: 14px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
/*	color: #666666; */
	color: black;
}


ul.SubmenuFlatTree ul.SubmenuFlatTree { /*menu nivå 3*/
	padding: 0 0 0 10px;
	font-weight: bolder;
}

ul.SubmenuFlatTree li ul.SubmenuFlatTree li a { /*menu nivå 3*/
	padding-left: 10px;
	font-weight: bolder;
}

.menu li#favorites { 
  background-image: none;
}

ul.FlatMenu li.selected a, ul.SubmenuFlatTree li.selected a {
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}
div.modelview_div {
	padding-top: 20px;
}
div.scroller_wrapper {
	position: relative;
	width: 620px;
	height: 160px;
}
div.scroller_cont {
	width: 520px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 50px;
	height: 160px;
}
div.scroller_images {
	position: absolute;
	left: 0;
	top: 0;
}
div.scroller_arrow_left {
	width: 40px;
	position: absolute;
	top: 0;
	left: 0;
	padding: 50px 5px;
}
div.scroller_arrow_right {
	width: 40px;
	position: absolute;
	top: 0;
	right: 0;
	padding: 50px 5px;
}
div.scroll_selector_links {
	padding-left: 50px;
	padding-top: 10px;
}
div.scroll_selector_links a {
	font-size: 15px;
	padding-right: 20px;
}

#processing {
background: url('Matsilver_animerad_HT2010.gif') 50% 50% no-repeat;'
width:650px; height:264px;
}