/* Design: Master page styles                                            
/* (C) dustClub 2009                                                   
/*=======================================================================*/
@import url("/web/batteryClub/css/misc.css");
@import url("/web/batteryClub/css/misc2.css");
@import url("/web/batteryClub/css/navigation.css");
/* Content ======================================================*/


html, body 
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    background : #fff;
    margin: 0; 
    padding: 0;
    text-align:center;
}
.HeadDivCss1
{
    position:absolute;
    background-color:transparent; 
}
.HeadDivCss2
{
    position:fixed;
    z-index:100;
    width:100%; 
}
.ContentDivCss1
{
   height:100%;
    padding-top:120px; 
}
.ContentDivCss2
{
    height:100%;
    padding-top:120px;
    z-index:99;
}
#mainColumn
{
    background : #fff;
    width:809px; 
    margin:0px;
    padding:0px;  
}
#mainColumn2
{
    background : #fff;
    width:809px;
    margin:0;
    padding:0px;  
}
.mBkgR
{
    width:171px;
     height:61px;
     margin:0;
    padding:0px;  
   
    background-repeat:no-repeat; 
}
#mBkgR2
{
    width:171px;
    height:61px;
     margin:0;
    padding:0px;  
}


.flagpos
{
    position:relative;
    width:14px;
    height:9px;
    top:12px;
    padding-left:86px;
    z-index:12;
}
.langpos
{
    position:relative;
    top:17px;
    padding-left:27px;
}

.LanguageBar
{
    padding-left:3px;
}
.logoType
{
    width: 130px;
    height: 37px; 
} 

.center
 {
    margin-left:auto;
    margin-right:auto;
 }

.Offerlist
{
      font-family: Georgia, Arial, Verdana,  Helvetica, sans-serif;
      font-size: 19px;
      font-style: normal;
      color: Black; 
      font-weight: normal; 
      letter-spacing: 1px;
      display:inline;      
} 

table.OfferListHeaderTable
{
    margin-left: 20px;
}

table.OfferListItemTable
{
    margin-left: 30px;
}

table.modellist
{
    width: 980px;
    padding-top: 10px;
}

.headMenu /* Meny pos */
{
   text-align: right;
   padding-right: 5px;
   padding-top: 0px;
   position: relative;
   color:#b3b3b3;
}

A.headMenu /* Text Meny */
{
   font-family: Arial, verdana, Helvetica, sans-serif;
   font-size: 11px;
   color: #095e80;
   text-decoration: none; 
   font-weight: bold;
 }

A.headMenu:hover
{
   text-decoration: underline;
   color: #095e80;
}

.headMenuLeft /* Pos Text Meny Vänster*/
{
   position: absolute;
top:4px;
   left: 133px;
  
}

A.headMenuLeft /* Text Meny Vänster */
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #08394d;
    padding-right: 5px;
    text-decoration: none;
}
 
A.headMenuLeft:hover
{
   text-decoration: underline;
   color: #52b0d7;
  }
  

A /* Allmän länk */
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:12px;
    color: #095e80;
	text-decoration:underline;
	font-weight: bold;
}

A:hover 
{
   text-decoration:none;
   color: #095e80;
}


A.darkBlue /* Standard länkar */
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:12px;
    color: #095e80;
    line-height: 15px;
	text-decoration:none;
	font-weight: bold;
}


A.darkBlue:hover 
{
   text-decoration:underline;
   color: #095e80;
}  

A.darkBlue20 /* Standard länkar */
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:12px;
    color: #095e80;
    line-height: 20px;
	text-decoration:none;
	font-weight: bold;
}


A.darkBlue20:hover 
{
   text-decoration:underline;
   color: #095e80;
}  


.headBar
{
    position: relative;
    min-width: 500px;
    max-width:975px;
    height: 46px; 
}



/*   Basketcase ************************
****************/


.flagrowPos
{
    margin-top: 30px;
    padding-top: 5px;
    width: 746px; 
    border-style: solid;
    border-top-width: 1px;
    border-top-color: #d6d6d6;
    border-bottom: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    padding-bottom: 0px;
}

/***************************
Fonts   ***********/

.H1 hr {
    display:none;
}

.H1 {
    border-bottom: 1px solid;
    border-bottom-color : #dfdfdf;
    height: 1px;
    font-family: Georgia, Arial, Verdana,  Helvetica, sans-serif;
    font-size: 19px;
    font-style: normal;
    color: Black; 
    font-weight: normal; 
    letter-spacing: 1px;
}

.H1nl {

    font-family: Georgia, Arial, Verdana,  Helvetica, sans-serif;
    font-size: 19px;
    font-style: normal;
    color: Black; 
    font-weight: normal; 
    letter-spacing: 1px;
    text-align:left
}
  
  .H1nlCent {

    font-family: Georgia, Arial, Verdana,  Helvetica, sans-serif;
    font-size: 19px;
    font-style: normal;
    color: Black; 
    font-weight: normal; 
    letter-spacing: 1px;
} 

H1
{
      font-family: Georgia, Arial, Verdana,  Helvetica, sans-serif;
      font-size: 19px;
      font-style: normal;
      color: Black; 
      font-weight: normal; 
      letter-spacing: 1px;
      display:inline;
      
}  

.H2
{
      font-family: Georgia, Arial, Verdana,  Helvetica, sans-serif;
      font-size: 14px;
      font-style: normal;
      color: Black; 
      font-weight:  bold; 
      
}  

H2
{
      font-family: Georgia, Arial, Verdana,  Helvetica, sans-serif;
      font-size: 14px;
      font-style: normal;
      color: Black; 
      font-weight: normal;
      font-weight:  bold;  
      display:inline; 
}  
.Model H2
{
      font-family: Arial, Verdana,  Helvetica, sans-serif;
      font-size: 12px;
      font-style: normal;
      color: Black; 
      font-weight: normal;
}   
/*  Generiska texter */

.Text10
{
      font-family:  Arial, Verdana, Helvetica, sans-serif;
      font-size:10px;
      font-style:normal;
      font-weight:normal;
      color:Black;  
}

.Text10 A /* Allmän länk */
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:10px;
    color: #095e80;
	text-decoration:underline;
	font-weight: bold;
}

.Text10 A:hover 
{
   text-decoration:none;
   color: #095e80;
}
.Text10 A.SiteMapLnk
{
    color: #d6d6d6;
	text-decoration:none;
	font-weight: normal;
}
.Text10bb
{
      font-family:  Arial, Verdana, Helvetica, sans-serif;
      font-size:10px;
      font-style:normal;
      font-weight:bold;
      color:Black;  
}
.Text11
{
      font-family:  Arial, Verdana, Helvetica, sans-serif;
      font-size:12px;
      font-style:normal;
      font-weight:normal;
      color:Black;  
}
.Text11b
{
      font-family:  Arial, Verdana, Helvetica, sans-serif;
      font-size:12px;
      font-style:normal;
      font-weight:bold;
      color:Black;  
}
.Text10b
{
      font-family:  Arial, Verdana, Helvetica, sans-serif;
      font-size:11px;
      font-style:normal;
      font-weight:bold;
      color:Black;  
}

.Text9
{
      font-family:  Arial, Verdana, Helvetica, sans-serif;
      font-size:9px;
      font-style:normal;
      color:Black;  
}

.Text14
{
      font-family: Arial, Verdana, Helvetica, sans-serif;
      font-size: 14px;
      font-style: normal;
      color: Black;  
}
.Text14b
{
      font-family: Arial, Verdana, Helvetica, sans-serif;
      font-size: 14px;
      font-style: normal;
      font-weight:bold;
      color: Black;  
}
.CheckoutText11
{
      font-family: Arial, Verdana, Helvetica, sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: normal;
      color: #177da5;  
}

.HeadDiv
{
    z-index:100;
}




.image
{
     border:0px;
}


A.darkBluefront /* Startsida länkar */
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:14px;
    color: #095e80;
    line-height: 15px;
	text-decoration:none;
	font-weight: bold;
}


A.darkBluefront:hover 
{
   text-decoration:underline;
   color: #095e80;
}  


.headinglist_bar
{
background-color: #f1f1f1;
padding: 0px 0px 1px 0px; 
border-bottom: solid 1px #d4d4d4;
border-top: solid 1px #d4d4d4;
}


.headinglist_bar_divider
{
background-color: #f1f1f1;
padding: 1px 0px 1px 0px; 
border-bottom: solid 1px #d4d4d4;
border-top: solid 1px #d4d4d4;
}
.PriceList
{
text-align:right;
vertical-align:bottom;
margin:0;
padding:0;
}
.headinglist_bar_divider h2
{
      font-family:  Arial, Verdana, Helvetica, sans-serif;
      font-size:12px;
      font-style:normal;
      font-weight:bold;
      color:Black;  
}

.headinglist_bar h2
{
      font-family:  Arial, Verdana, Helvetica, sans-serif;
      font-size:12px;
      font-style:normal;
      font-weight:bold;
      color:Black;  
}

/*Från Johans Css:er*/
.Headingsmall {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #222;
	letter-spacing: -0.2pt;
}

/* Subback css*/

<!--
.baktoning {
	background-repeat: repeat-x;
	background-position: bottom;
	background-image: url(/Web/LightClub/Images/Web//subBack_r2_c2.png);
}
.bottentoning {
	background-repeat: repeat-x;
	background-position: bottom;
	background-image: url(/Web/LightClub/Images/Web//subBack_r3_c2.png);
}
.toptoning {
	background-repeat: repeat-x;
	background-position: bottom;
	background-image: url(/Web/LightClub/Images/Web/subBack_r1_c2.png);
}
.righttoning {
	background-repeat: repeat-x;
	background-position: bottom;
	background-image: url(/Web/LightClub/Images/Web/subBack_r2_c3.png);
}
.lefttoning {
	background-repeat: repeat-x;
	background-position: bottom;
	background-image: url(/Web/LightClub/Images/Web/subBack_r2_c1.png);
}
-->


/* language.css*/
td img {
	/* Another Mozilla/Netscape bug with making sure our images display correctly */
	text-align: center;
}

#FWTableContainer318369338 {
	/* The master div to make sure that our popup menus get aligned correctly.  Be careful when playing with this one. */
	position:relative;
	margin:0px;
	width:980px;
	height:58px;
	text-align:left;
	z-index: 1;
}

#MMMenuContainer0329153352_0 {
/* This ID is related to the master menu div for menu MMMenuContainer0329153352_0 and contains the important positioning information for the menu as a whole */
	position:absolute;
	left:9px;
	top:9px;
	visibility:hidden;
	z-index:300;
}

#MMMenu0329153352_0 {
/* This class defines things about menu MMMenu0329153352_0's div. */
	position:absolute;
	left:0px;
	top:0px;
	visibility:hidden;
	background-color:#555555;
	width:66px;
	height:60px;
}

.MMMIFVStyleMMMenu0329153352_0 {
/* This class determines the general characteristics of the menu items in menu MMMenu0329153352_0 */
	width:66px;
	height:20px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:60px;
	height:14px;
}

.MMMIVStyleMMMenu0329153352_0 {
/* This class determines the general characteristics of the menu items in menu MMMenu0329153352_0 */
	width:66px;
	height:20px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:60px;
	height:14px;
}

#MMMenu0329153352_0_Item_0 {
/* Unique ID for item 0 of menu MMMenu0329153352_0 so we can set its position */
	left:0px;
	top:0px;
}

#MMMenu0329153352_0_Item_1 {
/* Unique ID for item 1 of menu MMMenu0329153352_0 so we can set its position */
	left:0px;
	top:20px;
}

#MMMenu0329153352_0_Item_2 {
/* Unique ID for item 2 of menu MMMenu0329153352_0 so we can set its position */
	left:0px;
	top:40px;
}

#MMMenuContainer0329153352_0 img {
/* needed for Mozilla/Camino/Netscape */
	border:0px;
}

#MMMenuContainer0329153352_0 a {
/* Controls the general apperance for menu MMMenuContainer0329153352_0's items, including color and font */
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	text-align:left;
	vertical-align:middle;
	padding:3px;
	background: url("../images/mmmenu1_66x20_up.gif") #74b320;
	font-weight:normal;
	font-style:normal;
	display:block;
	position:absolute;
}

#MMMenuContainer0329153352_0 a:hover {
/* Controls the mouse over effects for menu MMMenuContainer0329153352_0 */
	color:#ffffff;
	background: url("../images/mmmenu1_66x20_over.gif") #15265f;
}


/*texts.css*/

.brodtext {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	vertical-align: top;
	}

.Produktnamn {
	font-family: Arial, Gadget, sans-serif;
	font-size: 10px;
	vertical-align: top;
}

/* Toppsäljare  toppsalj.css */

#topps{
	position:absolute;
	height:158px;
	z-index:auto;
	left: 12px;
	top: 40px;
	visibility: visible;
	display: inherit;
		
		}

#menuHolder {
	width:660px;
	height:180px;
	margin:0 auto;
	position:relative;
	z-index:500;
} /* this demo only */

#menu {
	padding:0;
	margin:0;
	list-style:none;
}
#menu table {border-collapse:collapse; width:0; height:0; margin:1px;}
#menu div {
	position:relative;
	
	left:-9999px;
	width:160px;
	height:300px;
	background:url(/Web/LightClub/Images/Web/TopSales/subBack.png);
}
#menu ul {
	padding:170px 0 0 0;
	margin:0;
	list-style:none;
	position:absolute;
	left:-9999px;
	width:150px;
	height:130px;
}
#menu ul li {width:150px; padding:0 5px;}
#menu ul li a {width:137px; height:18px; color:#330066; font:bold 11px/18px arial, sans-serif; text-decoration:none; border-bottom:1px solid #ddd;}
#menu ul li a:hover {color:#000;}

#menu li {float:left; width:106px;}
#menu li a {display:block; width:100px; height:100px; float:left; padding:0 3px;}
#menu li a b {display:none;}
#menu li a img {display:block; width:100px; height:100px; border:0;}
#menu li a img.ie6 {display:none;}

#menu li:hover {position:relative;}
#menu li a:hover {direction:ltr; position:relative;}
#menu li a:hover img {width:150px; height:150px; position:absolute; left:-25px; top:-25px;}
#menu li:hover img {width:150px; height:150px; position:absolute; left:-25px; top:-25px; z-index:500;}

#menu :hover div {left:-27px;; top:-27px;}
#menu :hover ul {left:-27px;; top:-27px;}

[if lte IE 7]>
<style type="text/css">
#menu div { z-index:-1;}
* html #menu li a img.nonie6 {display:none;}
* html #menu li a img.ie6 {display:block;}
* html #menu div {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='toppsaljare/subBack.png', sizingMethod='scale');}
* html #menu li a img.bag1 {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='toppsaljare/lampa.png', sizingMethod='scale');}
* html #menu li a img.bag2 {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='toppsaljare/lampa.png', sizingMethod='scale');}
* html #menu li a img.bag3 {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='toppsaljare/lampa.png', sizingMethod='scale');}
* html #menu li a img.bag4 {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='toppsaljare/lampa.png', sizingMethod='scale');}
* html #menu li a img.bag5 {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='toppsaljare/lampa5.png', sizingMethod='scale');}
* html #menu li a img.bag6 {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='toppsaljare/lampa.png', sizingMethod='scale');}
* html #menu li a img.bag7 {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='toppsaljare/lampa.png', sizingMethod='scale');}
</style>
<![endif]




/* SpryAccordion.css   Meny funktionalitet*/
/* SpryAccordion.css - version 0.4 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main Accordion container. For our default style,
 * we draw borders on the left, right, and bottom. The top border of the Accordion
 * will be rendered by the first AccordionPanelTab which never moves.
 *
 * If you want to constrain the width of the Accordion widget, set a width on
 * the Accordion container. By default, our accordion expands horizontally to fill
 * up available space.
 *
 * The name of the class ("Accordion") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * Accordion container.
 */
.Accordion {
	border-left: solid 0px #15265F;
	border-right: solid 0px #15265F;
	border-bottom: solid 0px #15265F;
	overflow: hidden;
}

/* This is the selector for the AccordionPanel container which houses the
 * panel tab and a panel content area. It doesn't render visually, but we
 * make sure that it has zero margin and padding.
 *
 * The name of the class ("AccordionPanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel container.
*/
.AccordionPanel {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the AccordionPanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open a specific panel.
 *
 * The name of the class ("AccordionPanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel tab container.
 *
 * NOTE:
 * This rule uses -moz-user-select and -khtml-user-select properties to prevent the
 * user from selecting the text in the AccordionPanelTab. These are proprietary browser
 * properties that only work in Mozilla based browsers (like FireFox) and KHTML based
 * browsers (like Safari), so they will not pass W3C validation. If you want your documents to
 * validate, and don't care if the user can select the text within an AccordionPanelTab,
 * you can safely remove those properties without affecting the functionality of the widget.
 */
.AccordionPanelTab {
	background-color: #15265F;
	border-top: solid 0px white;
	border-bottom: solid 1px white;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	font-family: Helvetica, sans-serif, Verdana;
	font-size:11px;
	font-weight:bold;
	color: #ffffff;
	text-decoration:none;
	vertical-align:middle;
	letter-spacing: 1px;
	text-transform: uppercase;
}

/* This is the selector for a Panel's Content area. It's important to note that
 * you should never put any padding on the panel's content area if you plan to
 * use the Accordions panel animations. Placing a non-zero padding on the content
 * area can cause the accordion to abruptly grow in height while the panels animate.
 *
 * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
 * Content container.
 *
 * The name of the class ("AccordionPanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel content container.
 */
.AccordionPanelContent {
	overflow: auto;
	padding: 0px;
	height: 180px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 3px;
	font-family: Helvetica, sans-serif, Verdana;
	font-size:11px;
	font-weight:bold;
	color: #000;
	text-decoration:none;
	vertical-align:middle;
	letter-spacing: 1px;
	text-transform: uppercase;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "AccordionPanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the Accordion.
 */
.AccordionPanelOpen .AccordionPanelTab {
	background-color: #15265F;
	color: #fff;
}

/* 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: #FFF;
	background-image: url(../images/mBkg_1px.gif);
    background-repeat:repeat-x;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	
	margin-right:0px;
    color: #fff;
    background-image: url(../images/mBkg_1px.gif);
    background-repeat:repeat-x;
}

/* 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: #15265F;
}

/* 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 {
	color: #FFF;
	background-image: url(../images/mBkg_1px.gif);
    background-repeat:repeat-x;
}


/* Content CSS inlagt av Johan kopierat från content.css inkClub.com
 * currently open when the Accordion has focus.
 */

#container {
	margin: 0;
	padding: 0;
	width: 746px;
	font-size: 62.5%;
	font-family: Verdana, Arial, sans-serif;
}

#column_left {
	margin: 0;
	padding-right: 15px;
	float: left;
	width: 478px;
	border-right: 1px solid #e6e6e6;
}

#column_right {
	padding-top: 16px;
	float: right;
	width: 236px;
}

.box {
	margin: 0 0 20px;
	padding: 0;
	font-size: 1.1em;
	line-height: 1.4em;
}

.rubrik_link {
	margin: 10px 0 30px 0;
	padding-bottom:30px;
	font-size: 35px;
	line-height: 35px;
	color:#000;
	letter-spacing: -.05em;
	font-family: Arial, Helvetica, sans-serif;
}

a.rubrik_link {
    text-decoration:none;	
}

a:hover.rubrik_link {
    text-decoration:underline;	
	color:#000;
}

.top {
	margin-top: 0;
}

.magenta_border {
	border-bottom: 1px solid #ec008c;
}

.cyan_border {
	border-bottom: 1px solid #00adef;
}

.box h2 {
	margin: 10px 0 0;
	font-size: 3.1em;
	line-height: 1.1em;
	letter-spacing: -.05em;
	font-family: Arial, Helvetica, sans-serif;
}

.subpage .box h2 {
	font-size: 3.5em;
	font-family: Arial, Helvetica, sans-serif;	
}

.box h3.subtitle {
	margin-top: 15px;
	font-size: 1.6em;
	font-family: Arial, Helvetica, sans-serif;	
}

.box h3 {
	margin: 0;
	font-size: 2.2em;
	line-height: 1.2em;
	letter-spacing: -.05em;
	font-family: Arial, Helvetica, sans-serif;	
}

.columns h4 {
	margin: 0;
	font-size: 2.1em;
	line-height: 1.2em;
	font-family: Arial, Helvetica, sans-serif;	
}

#column_right h4 {
	margin: 0;
	font-size: 2em;
	line-height: 1.2em;
	font-family: Arial, Helvetica, sans-serif;	
}

#column_right .box img {
	margin-bottom: 5px;
}

.box p {
	margin: .3em 0 1em;
	line-height: 1.5em;
	color: #333;
}

.box p a:link, .box p a:visited {
	color: #333;
	text-decoration: none;
}

.box p a:hover, .box p a:active {
	color: #333;
	text-decoration: underline;
}

.big img {
	display: block;
}

.box p.image_byline {
	margin: 0;
	font-size: .8em;
	text-transform: uppercase;
	text-align: right;
	color: #5d5d5d;
}

.box p.print_send {
	margin: 3px 0 0;
	padding: 3px 0;
	font-size: .8em;
	text-transform: uppercase;
	text-align: right;
	color: #5d5d5d;
	border-top: 1px solid #a8a8a8;
	border-bottom: 1px solid #a8a8a8;
}

.box p.print_send a {
	margin-left: 10px;
	color: #5d5d5d;
	text-decoration: none;
}

p.magenta a.icon_send {
	padding-left: 20px;
	background: url(/web/common/images/content/ikon_send.gif) no-repeat 0 50%;
}

p.magenta a.icon_print {
	padding-left: 18px;
	background: url(/web/common/images/content/ikon_print.gif) no-repeat 0 50%;
}

p.cyan a.icon_send {
	padding-left: 20px;
	background: url(/web/common/images/content/ikon_send_cyan.gif) no-repeat 0 50%;
}

p.cyan a.icon_print {
	padding-left: 18px;
	background: url(/web/common/images/content/ikon_print_cyan.gif) no-repeat 0 50%;
}

.box p.image_text {
	margin: 0;
	text-align: left;
	font-size: .8em;
	color: #5d5d5d;
	float: left;
}

.box .excerpt {
	font-size: 1.3em;
	line-height: 1.3em;
}

.box .excerpt strong {
	font-size: .8em;
}

.columns .box {
	width: 229px;
	padding: 0;
	float: left;
}

.columns .second {
	float: right;
}

.columns .box p {
	padding-right: 10px;
}

strong.magenta {
	color: #ec008c;
	text-transform: uppercase;
}

.big strong {
	margin-right: 0;
}

strong.cyan {
	color: #00adef;
	text-transform: uppercase;
}

strong.number {
	font-size: 1.3em;
	color: #000;
}

div.splash {
	width: 236px;
	height: 126px;
	background: url(/web/common/images/content/splash.jpg) no-repeat top left;
}

.info_box h3.pink_bullet {
	background: url(/web/common/images/content/pink_bullet.gif) no-repeat top left;
	padding-left: 15px;
	font-size: 1.3em;
	color: #ec008c;
}

.info_box {
	float: right;
	margin: 0 0 10px 5px;
	padding: 10px 10px 20px;
	width: 150px;
	border: 1px solid #e6e6e6;
	background: url(/web/common/images/content/infobox_bg.gif) repeat-x left bottom #fff;
}

.info_box_large {
	float: none;
	width: auto;
}

.info_box ul.list {
	margin: 10px -5px 0 0 !important;
	padding: 0 !important;
	list-style: none;
}

.info_box ul.list li {
	margin: 0 0 10px;
	padding: 0;
	font-size: 10px;
	line-height: 12px;
	color: #5d5d5d;
}

.info_box ul.pdf li {
	padding: 0 0 0 22px;
	background: url(/web/common/images/content/pdf_ikon.gif) no-repeat top left;
}

.info_box ul.list li a {
	padding-left: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #116586;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	background: url(/web/common/images/content/list_arrow.gif) 0 3px no-repeat;
}

.info_box h4 {
	margin: -10px -10px 10px;
	padding: 5px;
	font-size: 1.4em;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;	
}

.info_box h5 {
	margin: 0;
	font-size: 1.4em;
	font-family: Arial, Helvetica, sans-serif;	
}

.info_box p {
	font-size: .9em;
	color: #5d5d5d;
	line-height: 1.4em;
}

.info_box h4.magenta {
	background: #ec008c;
	font-family: Arial, Helvetica, sans-serif;	
}

.info_box h4.cyan {
	background: #00adef;
	font-family: Arial, Helvetica, sans-serif;	
}

.info_box ul {
	margin: 0;
	padding: 0 15px;
}

.info_box li {
	padding: 0 0 5px;
	font-size: .9em;
	color: #5d5d5d;
	line-height: 1.3em;	
}

.info_image {
	width: 57px;
	float: left;
}

.info_text {
	width: 83px;
	float: right;
}

.info_box .first {
	margin-top: 15px;
	padding: 15px 0;
	border-top: 1px solid #ddd;
}

.info_text h6 {
	margin: 0;
	font-family: Arial, Verdana, sans-serif;
	font-size: .9em;
	font-weight: normal;
	text-align: right;
	color: #171717;
}

.info_text h5.price {
	margin: 1px 0 0;
	color: #73b223;
	font-size: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}

.wide_box {
	clear: both;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.info_button {
	clear: both;
}

.info_button ul {
	margin: 0;
	padding: 0;
	float: right;
	list-style: none;
}

.info_button li {
	float: left;
	margin-left: 7px;
	font-size: .85em;
	font-weight: bold;
	background: url(/web/common/images/content/knapp_right.gif) no-repeat top right;
}

.info_button li a {
	display: block;
	margin: 0;
	padding: 2px 7px 2px 5px;
	color: #fff;
	text-decoration: none;
	background: url(/web/common/images/content/knapp_left.gif) no-repeat top left transparent;
}

.image_left {
	float: left;
	margin: 0 10px 10px 0;
}

.image_right {
	float: right;
	margin: 0 0 10px 10px;
}

.first_image {
	width: 478px;
}

.second_image {
	width: 306px;
}

.third_image {
	width: 161px;
}

.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear { display: inline-block; }
.clear { display: block; }