/*

		STYLESHEET
		AHRENDENTAL.COM
		AUTHOR: MATTIAS GUNNERÅS

*/

body, html {
	margin: 0;
	font-size: 12px;
}

.right {
	float: right;
}

p{
	font-family: Arial, Tahoma, Verdana, Sans-serif;
	line-height: 1.6em;
	color: #505050;
	margin: 0px 0px 14px 0px;
}


h1 {
	display: none;	
}

h2 {
	font-family: Verdana, Arial, Tahoma, Sans-serif;
	font-weight: normal;
	font-size: 16px;
	line-height: 1.6em;
	color: #0f83b3;
	letter-spacing: -0.04em;
	margin: 1px 0px 12px 0px;
}

h3 {
	font-family: Arial, Tahoma, Verdana, Sans-serif;
	font-weight: bold;
	color: #505050;
	text-align: justify;
	margin: 18px 0px 4px 0px;
	clear: both;
	font-size: 11px;
}


h4{
	font-family: Tahoma, Arial, Sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #505050;
	margin: 0px 0px 0px 0px;
}




#main_wrapper {
	position:relative;
	margin-left: auto;
	margin-right: auto;
	border: 0px dashed red;
	width: 820px;
}

#top_fake {
	position:relative;
	float: left;
	clear: both;
	height: 30px;
	width: 100%;
	border: 0px solid blue;
}

#menu_wrapper {
	position:relative;
	float: left;
	clear: both;
	overflow:hidden;
	height: 82px;
	width: 100%;
	border: 0px solid blue;
}

#bumper_wrapper {
	position:relative;
	float: left;
	clear: both;
	overflow:hidden;
	height: 200px;
	width: 100%;
	border: 0px solid yellow;
}


#header_shadowholder{
	background: url("/images/border_header_820x37.png") no-repeat left top;
	position:relative;
	float: left;
	width: 100%;
	border: 0px solid green;
	height: 37px;
}

#left_wrapper {
	background: url("/images/border_left_10x4.png") repeat-y left top;
	position:relative;
	float: left;
	width: 550px;
	border: 0px solid green;
	height: 100%;
}

#left_content {
	margin: 40px 0px 35px 65px;
	width: 434px;
	border: 0px solid green;
	height: 100%;
}

#middle_shadowholder{
	background: url("/images/border_middle_10x4.png") repeat-y left top;
	position:relative;
	float: left;
	width: 10px;
	border: 0px solid green;
	height: 100%;
}

#right_wrapper {
	background: url("/images/border_right_10x4.png") repeat-y right top;
	position:relative;
	float: right;
	width: 260px;
	border: 0px solid blue;
	height: 100%;
}


#right_content {
	margin: 40px 0px 30px 26px;
	width: 196px;
	font-size: 11px;
}

#right_content img {
	border: 0px solid white;
}

#right_content ul li{
	font-family: Arial, Tahoma, Verdana, Sans-serif;


	color: #505050;

}



#footer_shadowholder {
	background: url("/images/border_footer_820x31.png") no-repeat left top;
	position:relative;
	float: left;
	width: 100%;
	border: 0px solid green;
	height: 31px;
}

#footer_wrapper {
	position:relative;
	float: left;
	width: 100%;
	border: 0px solid green;
	height: 20px;
	margin: 5px 0px 40px 22px;
	font-family: Tahoma, Arial, Sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #ccc;
	line-height: 1.6em;
}



#login_form {
	float: left;
	margin: 22px 0 20px 0;
	border-top: 1px solid #ddd;
	font-family: Arial, Tahoma, Sans-serif;
	
}

#login_form p{
	margin: 10px 0 10px 0;
	display: block;
	clear: both;
}



#login_form span {
	color:#505050;
}

#login_form form {
	border: 0px solid #ddd;
	margin: 0;
	display: block;
}
#login_form form fieldset {
	border: 0px solid #ddd;
	margin: 10px 0 0 0;
	padding: 0;
}
#login_form form fieldset label{
	width: 5em;
	margin: 5px 0 0 0;
	padding: 0;
	display: block;
	float: left;
	color: #505050;
}
#login_form form fieldset input{
	width: 9em;
	float: right;
	margin: 1px;
}

#login_form form fieldset input.submit{
	width: 8.2em;
	float: left;
	border: 0;
	color: #0f83b3;
	background-color: fafafa;
}

#login_form form fieldset input.submit_image {
	margin: 2px 0 0 0;
	padding: 0;
	border: 0px solid white;
	width: 58px;
	height: 13px;
}


#login_form form fieldset div{
	float: left;
	display: block;
	clear: both;
	width: 100%;
	margin: 4px 0 10px 0;
}
#login_form form fieldset div a{
	float: right;
	margin: 0 2px 0 0;
	clear: both;
}


#search_wrapper {
	float: left; 
}


#search_wrapper h3{
	margin: 0 0 5px 0;
}

#search_wrapper img{
	float: left;
	display: inline;  
	border: 1px solid #ddd;
}

#search_wrapper .search_listItem {
	float: left;
	margin: 12px 0 12px 0;
}

#search_wrapper .search_text{
	float: left;
	margin: 0 0 0 10px;
	display: inline;
	width: 280px;
	border: 0px dashed blue; 
}

#search_box_wrapper{
	margin: 10px 0 0 0;
	font-family: Arial, Tahoma, Sans-serif;
	border: 0px solid red;
}

#search_box_wrapper h3{
	font-family: Arial, Tahoma, Sans-serif;
	border: 0px solid red;
}


#search_box_wrapper form{
	border:0px solid red;
	margin: 0;
	padding: 0;
}

#search_box_wrapper form fieldset{
	border:0px solid red;
	margin: 0;
	padding: 0;
}
#search_box_wrapper form fieldset div{
	float: left;
	display: block;
	clear: both;
	width: 100%;
	margin: 2px 0 0 0;
}
#search_box_wrapper form fieldset input.submit_image {
	margin: 4px 0 0 0;
	padding: 0;
	border: 0px solid white;
	width: 75px;
	height: 13px;
}

#search_box_wrapper form fieldset label{
	width: 5em;
	margin: 5px 0 0 0;
	padding: 0;
	display: block;
	float: left;
	color: #505050;
}

#search_box_wrapper form fieldset input{
	width: 9em;
	float: right;
	margin: 1px;
}


div.hr {
	margin: 12px 0 20px 0;
	border-bottom: 1px solid #ddd;
	width: 100%;
	clear: both;
}

div.hr_holder {
	float: left;
}



/* ------ PRODUCT PAGE ------- */

#product_img {
	float: left;
	width: 270px;
}

#product_headerwrap {
	float: left;
	width: 100%;
}



#product_headerwrap img{
	float: left;
	clear: right;
	display: inline; 
	width: 33px;
	height: 33px;
}

#product_headerwrap div{
	margin: 0 0 0 15px;
	float: left;
	display: inline;
	
}

#product_headerwrap h4{
	float: left;
	display: inline;
}

#product_headerwrap h2{
	float: left;
	clear: left;
	display: block; 
	min-width: 220px;
	max-width: 380px;

}

#product_fact {
	margin: 0;
	border: 1px solid #f0f0f0;
	float: right;
	width: 140px;
	padding: 0 0 2px 0;
}

#product_fact ol li.head {
	background-color: #f0f0f0;
	float: left;
	width: 100%;
	padding: 0.2em 0 0.2em 0;
	margin: 0 0 3px 0;
}

#product_fact ol li.head span {
	margin: 0 0 0 0.7em;
	font-family: Arial;
	font-weight: bold;
	color: #505050;
}

#product_fact ol {
	list-style: none;
	margin: 0;
}

#product_fact ol li {
	
	background-color:#fff;
	margin: 3px 0 6px 0;
	float: left;
	clear: both;
	width: 100%;
}

#product_fact ol li a {
	margin: 0.5em 0.5em 0.5em 0.8em;
}

#product_content {
	margin: 0;
	border: 0px solid black;
	float: left;
	width: 100%;
}

#product_content li{
	font-family: Arial, Tahoma, Verdana, Sans-serif;

	line-height: 1.6em;
	color: #505050;
}

.product_similar_wrapper {
	margin: 0px 0 0 0;
	float: left;
	width: 100%;
}

.product_similar_wrapper h3{
	border-top: 1px solid #ddd;
	float: left;
	width: 100%;
	padding: 20px 0 0 0;
}


.product_similar_wrapper span{ 
	display: block;
	float: left;
	margin: 5px 0 0 0;
	clear: both;
	width: 100%;
}

.product_similar_wrapper img{
	border: 1px solid #ddd;
	float: left;
}

.product_similar_0 {
	margin: 10px 0 0 0;
	padding: 0;
	border: 0px solid black;
	float: left;
	width: 144px;
	
}

.product_similar_1 {
	margin: 10px 0 0 0;
	padding: 0;
	border: 0px solid black;
	float: left;
	width: 144px;
}

.product_similar_2 {
	margin: 10px 0 0 0;
	padding: 0;
	border: 0px solid black;
	float: left;
	width: 144px;
}

.product_similar_0_img {
	float: left;
	width: 130px;
}


.product_similar_1_img {
	width: 130px;
	position: relative;
	margin-left: auto;
	margin-right: auto;

}

.product_similar_2_img {
	float: right;
	width: 130px;
}

.product_kit_column {
	float: left;
	border: 0px dashed blue;
	width: 100%;
}

.product_kit_column2 {
	float: left;
	border: 0px dashed red;
	width: 100%;
	margin: 0 0 28px 0;
	vertical-align: bottom;
}

.product_kit {
	float: left;
	border: 0px dashed green;
	width: 285px;
}

.product_kit_column2 p{
	margin-bottom: 5px;
}

.product_price {
	float: right;
	text-align: right;
	border: 0px solid pink;
	margin-top: 12px;
	width: 140px;
	height: 20px;
}

.product_price p{
	text-align: right;
}
.product_pricewrapper {
	float: left;
	text-align: left;
	border: 0px dashed yellow;
	width: 250px;
	clear: both;
}

.product_pricewrapper img{
	border: 0px solid white;
}

.product_pricewrapper p{
	text-align: left;
}



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

#cart_wrap {
	border: 0px dashed red;
	margin: 0 0 20px 0;
	color: #505050; 
	float: left;
	display: block;
	position: relative;
}


.cart_headers {
	list-style-image: none;
}





#cart_wrap ul {
	margin: 0;
	padding: 0;
	float: left;
	border: 0px dashed red;
	list-style: none;
	width: 100%;
}
#cart_wrap ul li {
	margin: 0;
	padding: 0;
	float: left;
	border-bottom: 1px solid #ddd;
	list-style: none;
	width: 100%;
 }

#cart_wrap ul .cart_last {
	border-bottom: 0px solid #ddd;
}	

#cart_wrap ul li div{
	margin: 0;
	border: 0px solid yellow;
}



.cart_art {
	float: left;
}

.cart_art span{
	margin:  0.5em 0em 0.4em 0;
	width: 50px;
	display: block;
	border: 0px dashed red;
	text-transform: none;
	font-family: Arial, Tahoma, Verdana, Sans-serif;
	font-weight: bold;
	color: #505050;
	font-size: 11px;
}

.cart_art2 {
	float: left;
}

.cart_art2 span{
	margin:  0.5em 0em 0.4em 0;
	width: 50px;
	display: block;
	border: 0px dashed red;
	text-transform: none;
	font-family: Arial, Tahoma, Verdana, Sans-serif;
	font-weight: normal;
	color: #505050;
	font-size: 11px;
}


.cart_name {
	float: left;
}
.cart_name2 {
	float: left;
}

.cart_name a{
	margin: 0.5em 0em 0.5em 0;
	width: 278px;
	display: block;
	border: 0px dashed red;
	text-transform: none;
}

.cart_name span{
	margin:  0.5em 0em 0.4em 0;
	width: 275px;
	display: block;
	border: 0px dashed red;
	text-transform: none;
	font-family: Arial, Tahoma, Verdana, Sans-serif;
	font-weight: bold;
	color: #505050;
	font-size: 11px;
}


.cart_name2 span{
	margin:  0.5em 0em 0.4em 0;
	width: 325px;
	display: block;
	border: 0px dashed red;
	text-transform: none;
	font-family: Arial, Tahoma, Verdana, Sans-serif;
	font-weight: normal;
	color: #505050;
	font-size: 11px;
}

.cart_price{
	float: right;
	border: 0px dashed blue;
}
.cart_price2{
	float: right;
	border: 0px dashed blue;
}

.cart_price span{
	margin:  0.5em 0.5em 0.4em 0.5em;
	display: block;
	text-transform: none;
	border: 0px dashed red;
	font-family: Arial, Tahoma, Verdana, Sans-serif;
	font-weight: bold;
	color: #505050;
	margin: 0.5em 0em 0.5em 0.5em;
	font-size: 11px;
}


.cart_price2 span{
	margin: 0.5em 0.5em 0.5em 0.5em;
	display: block;
	text-transform: none;
	border: 0px dashed red;
	font-family: Arial, Tahoma, Verdana, Sans-serif;
	font-weight: normal;
	color: #505050;
	margin: 0.5em 0em 0.5em 0.5em;
	font-size: 11px;
}


.cart_quantity{
	float: left;
	border: 0px dashed green;
}
.cart_quantity2{
	float: left;
	border: 0px dashed green;
}

.cart_quantity span{
	margin:  0.5em 1em  0.5em 0.5em;
	display: block;
	border: 0px dashed red;
	text-transform: none;
	font-family: Arial, Tahoma, Verdana, Sans-serif;
	font-weight: bold;
	color: #505050;
	font-size: 11px;
}

.cart_quantity2 span{
	margin:  0.5em 1em  0.5em 0.5em;
	display: block;
	border: 0px dashed red;
	text-transform: none;
	font-family: Arial, Tahoma, Verdana, Sans-serif;
	font-weight: normal;
	color: #505050;
	font-size: 11px;
}

.cart_quantity input{
	width: 1.8em;
	text-align: center;
	margin:3px;
	color: #0f83b3;
		margin-top: 5px;
	font-size: 10px;
}

.cart_highlight {
	text-decoration: underline;
}




h3.noborder {
	margin-top: 0px;
	padding-top: 0px;
	border-top: 0px solid red;
}


img.icon {
	border:0px solid white;	
}


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

#bottom_fake {
	display: block;
	position: relative;
	width: 100%;
	float: left;
}

/* ------ LINK LIST ------- */

ul {
	list-style-image: url(/images/bullet.gif);
	margin: 10px 0px 15px 14px;
	padding: 0px 0px 0px 0px;
	color: #fff;
}

ol {
	margin: 10px 0px 15px 14px;
	padding: 0px 0px 0px 0px;
	color: #fff;
}

ul li, ol li {
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}




/* ------ STANDARD LINKS ------- */

a:link {
	font-family: Arial, Tahoma, Verdana, Sans-serif;

	color: #0f83b3;
	text-decoration: none;
}
a:active {
	font-family: Arial, Tahoma, Verdana, Sans-serif;

	color: #0f83b3;
	text-decoration: none;
}
a:visited {
	font-family: Arial, Tahoma, Verdana, Sans-serif;

	color: #0f83b3;
	text-decoration: none;
}
a:hover {
	font-family: Arial, Tahoma, Verdana, Sans-serif;

	color: #0f83b3;
	text-decoration: underline;
}

/* ------ SMALL LINKS ------- */

a.foot_link:link {
	font-family: Tahoma, Verdana, Sans-serif;

	font-weight: normal;
	color: #ccc;
}
a.foot_link:active {
	font-family: Tahoma, Verdana, Sans-serif;

	font-weight: normal;
	color: #ccc;
}
a.foot_link:visited {
	font-family: Tahoma, Verdana, Sans-serif;

	font-weight: normal;
	color: #ccc;
}
a.foot_link:hover {
	font-family: Tahoma, Verdana, Sans-serif;

	font-weight: normal;
	color: #ccc;
}























// menu if javascript fails
ul.makeMenu {
	line-height: 0.8em;
}

ul.makeMenu, ul.makeMenu ul {
  margin: 0px 0px 0px 0px;    
  padding: 0px 0px 0px 0px; 
  border: 0px solid #000;      /* puts a black border around the menu blocks */
  background-color: #fff;      /* makes the menu blocks mint green - a bg-color MUST be included for IE to work properly! */
  padding-left: 0px;           /* stops the usual indent from ul */
  cursor: default;             /* gives an arrow cursor */
           /* Opera 7 final's margin and margin-box model cause problems */
}
ul.makeMenu li {
	
	margin: 0; 
	padding: 0; 
  list-style-type: none;       /* removes the bullet points */
  margin: 0px;                 /* Opera 7 puts large spacings between li elements */
  position: relative;          /* makes the menu blocks be positioned relative to their parent menu item
                                  the lack of offset makes these appear normal, but it will make a difference
                                  to the absolutely positioned child blocks */
  color: #fff;                 /* sets the default font colour to white */
}
ul.makeMenu li > ul {
	width: 700px;
	margin: 0; 
	padding: 0;          /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
  display: none;               /* hides child menu blocks - one of the most important declarations */
  position: absolute;          /* make child blocks hover without leaving space for them */
  top: 2px;                    /* position slightly lower than the parent menu item */
  left: 100px;                  /* this must not be more than the width of the parent block, or the mouse will
                                  have to move off the element to move between blocks, and the menu will close */
}

ul.makeMenu li ul li {
	margin: 0; 
	padding: 0; 
	float: left;
	width: 70px;
	list-style: none;
}



ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight {
	margin: 0; 
	padding: 0;
  color: #000;                 /* makes the active menu item text black */ 
}
ul.makeMenu ul.CSStoShow {     /* must not be combined with the next rule or IE gets confused */
  display: block;              /* specially to go with the className changes in the behaviour file */
}
ul.makeMenu li:hover > ul {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements
                                  the > targets only the child ul, not any child uls of that child ul */
  display: block;              /* makes the child block visible - one of the most important declarations */
}