@charset "UTF-8";
body {font-family: verdana;font-size: 12px; background-color: #333333}

#ProductRegion { width: 560px; }

div#ProductRegion div#loading_notification {
	width:100%;
}

div#ProductRegion div#loading_notification div.message {
	background-color: white; width: 100%; text-align:center;
}

div#ProductRegion div#loading_notification div.top15 {
	margin-top:5px;
}


/* Styles från SpryAccordion.css */
.Accordion {
	border:none;
	border-width: 0px;
	overflow: hidden;
}

.AccordionPanel {
	margin: 0px;
	padding: 0px;
}

.AccordionPanelTab {
	background: transparent url(../images/rounded_top_560_15.gif) 0 1px no-repeat;
	padding:0px;
	margin:0px;
	margin-top:5px;
	border:none;
	border-width: 0px;
	background: none;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

.AccordionPanelTab .top .head_content {
	width: 540px;
	height: 117px; 
	background-color: transparent;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 100% 2px;
}

.spacer {
	height:15px;
	padding-right: 50px;
	font-size: 12px;
	font-weight:700;
	text-align: right;
}

.AccordionPanelTab .top .head_content .top_area {
	padding-left: 30px; min-height: 60px;height: 60px; background: transparent;
}

.AccordionPanelTab .top .head_content .top_area .texts {
	width:340px;
}

.AccordionPanelTab .top .head_content .top_area .header {
	font-size: 18px; font-weight:700;
}

.AccordionPanelTab .top .head_content .top_area .short_descr {
	font-size: 10px; font-weight:500;
}


.detail_box {
	color: #000;
	position:relative;
/* 	margin-top: -40px;  only works in mozilla */
	padding: 10px;
	width: 480px;
	white-space:normal;
	background-color: white;
	border-style:dashed;
	border-width: 1px;
	border-color: #AAA;
	opacity: 0.75;
        font-size: 10px;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
        
}

.detail_box a {
    text-decoration: underline;
}

.AccordionPanelContent {
	background-color: white;
	overflow: hidden;
	white-space: normal;
	margin: 0px;
	padding: 0px;
	padding-left: 30px;
}

.AccordionPanelContent img {
	width:500px;
	min-height: 300px;
	z-index:100;
}

.AccordionPanel .fotter {
	background-color:white;
	width:100%;
}

.AccordionPanel .fotter table {
	padding-left: 30px;
	width:100%;
	border:none;
	background: transparent;
}

.AccordionPanel .fotter td table {
	margin-top:10px;
	padding-left: 0px;
}

td.stapel {

	font-size:10px;
	width: 60px;
	max-height: 12px;
}

div.stapel_background {
margin-top:4px;
	background-color: transparent;
	background-repeat: no-repeat;
	width:180px;
	height:24px;
}

div.frame {
	background-image: url(../images/background_bar_ram_180x24.gif);
}

div.gears {
	background-image: url(../images/background_bar_vxl_180x24.gif);
}

div.weight {
	background-image: url(../images/background_bar_vxl_180x24.gif);
}

div.big_price {
	float:right; 
	padding-right:30px;
	cursor: pointer; 
	background: transparent;
	text-align: right; 
	font-size: 24px; 
	font-weight:700;
}

.red {
	color: #DD0000;
}

div.ord_price {
	float:right; 
	padding-right:30px;
	cursor: pointer; 
	background: transparent;
	text-align: right; 
	font-size: 12px; 
	font-weight:700;
}


.AccordionPanelOpen .AccordionPanelTab {
	/*background-color: #EEEEEE;*/
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.AccordionPanelTabHover {
	color: #555555;
}

.AccordionPanelOpen .AccordionPanelTabHover {
	color: #555555;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * Accordion has focus. The "AccordionFocused" class is programatically added and removed
 * whenever the Accordion gains or loses keyboard focus.
 */
.AccordionFocused .AccordionPanelTab {
/*	background-color: #3399FF;*/
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open when the Accordion has focus.
 */
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	/*background-color: #33CCFF;*/
}


/*  Nya styles */

.AccordionPanelTab div.top, div.top {
	background: transparent url(../images/rounded_top_560_110.gif) 0 0px no-repeat;
	padding:0px;
	margin:0px;
	border:none;
	border-width: 0px;
	height:109px;
	width: 560px;
}

div.top15  {
	background: transparent url(../images/rounded_top_560_15.gif) 0 0px no-repeat;
	padding:0px;
	margin:0px;
	border:none;
	border-width: 0px;
	width: 560px;
	height:15px;
}

.AccordionPanelTab div.top_area {
	background-color: white;
	padding:0px;
	margin:0px;
	border:none;
	border-width: 0px;
}


div.bottom {
	background: transparent url(../images/rounded_bottom_560_15.gif) 0 0 no-repeat;
	padding-right: 30px;
	font-size: 8px;
	font-style:italic;
	height: 15px;
	text-align:right;
}

#search_box {
	width: 560px;
}

#search_area { 
	background-color: white;
	padding-left: 30px;
	font-weight: 700;
}

#search_area u { 
	cursor: pointer;
}

#search_area u selected { 
	cursor: default;
	text-decoration: none;
	font-weight: 700;
}

div#search_area form#form1 {
	padding-bottom:0px;
	margin:0px;
	margin-bottom:5px;
}

div#search_area form#form1 div {
	display:inline;
}

selected { 
	cursor: default;
	text-decoration: none;
	font-weight: 700;
}

.SpryHiddenRegion {
	visibility: hidden;
}

#form1.input, #form1 div select, #form1 select {
	width: 100px;
	font-size: 10px;
	max-height: 20px;
}

#search_button {
	width: 80px;
	height: 20px;
	font-weight: 700;
}

#form1 div select option, #form1 select option {
	font-size: 10px;
	height: 13px;
}

.transparent {
	margin-left: 30px;
	width: 90%; 
	color: #000;
	background: transparent;
	left: 350px; 
	
}

.transparent .dark {
	margin-left: 30px;
	width: 100%; 
	height: 60px;
	background: #CCC;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	padding-left: 30px; 
	 
	overflow: auto;
}

    
.menu li ul li#current a img.visibleStyle {
    visibility: visible;
}

.SpryHiddenRegion
{visibility:hidden;}