/*@import "aral/common.css";*/
@import "aral/HomePage.css";
@import "aral/M_G2_Footer.css";
/*@import "aral/M_F11_LL_Services1.css";
@import "aral/M_G33_PHT.css";
@import "aral/M_G35_SHT.css";
@import "aral/M_G31_CZ.css";
@import "aral/M_G36_LDD.css";
@import "aral/M_G32_TS.css";
@import "aral/M_G34_THT.css";
@import "aral/M_F7_EFB3.css";
@import "aral/M_G43_RTS.css";
@import "aral/M_G39_CT.css";
@import "aral/M_F12_WL.css";*/
@import "aral/M_G1_MH.css";
@import "aral/text.css";
/*@import "aral/M_G6_IPN.css";
@import "aral/M_F25_LoginForm.css";*/

@import "Yolly7_Controls_Individual.css";

/* SHOP COLORS
 *
 * darkBlue/                #004194
 * linkBlue/                #0069B5
 * hoverBlue/                #6BAAD6
 * lightBlue                #DEEBF7
 * backgroundBlue/        #DEEBF7
 * orange/                        #EFB663
 * lightorange/                #F6C782
 * borderGrey/                #737373
 *
 * SHOP COLORS */

/*global styles
******************************************************************/
BODY, TABLE, TR, TD, TH, DIV, SPAN{
        border                                : none;
        padding                                : 0;
        margin                                : 0;
        border-collapse                : collapse;
        vertical-align					: top;
}
HTML{
        height                                : 100%;
		overflow:auto;
		overflow-y:scroll;
 
}
BODY{
        height                                : 100%;
        font-family                        : Arial,Verdana,Helvetica,sans-serif;
        font-size                        : 11px;
        padding                                : 0px;
		overflow:visible;
}
IFRAME
{
        /* height: 550px; Removed by Intera - Iframe Heights have to be adjusted in Intera Iframe Control */
        border: none;
}

IFRAME TABLE TD
{
        text-align: right !important;
}
#mainDiv,.topNavContainer,.breadCrumbContainer{
	font-family:Verdana,Arial,Helvetica,sans-serif;
}
.pptmockupiframe
{
margin-top:-20px !important;
[margin-top:-35px !important;
]margin-top:-35px !important;
}

/* M_G1_MH.css override */
LI{
		height:auto;
}

A{
/*        background                        : url(../images/square_standard.gif) no-repeat 0 6px; */
/*        padding                                : 2px 0 2px 10px;*/
}
A:hover{
        text-decoration                : underline;
}
A{
		color                                : #1D7BBB;
		}
H1,H2,H3,H4,H5,H6{
		color:#0064cc;
        padding                                : 0;
        margin                                : 0;
        background:transparent;
		font-family: Arial,Verdana,Helvetica,sans-serif;
		display:block;
}
H1{
    /*display                             : block;
        font-size							: 11pt;
        background-image					: none;
        background-repeat					: no-repeat;
        background-position					: top right;*/
	font-size:17pt;
	font-weight:bold;
	margin-bottom:14px;
}
H2{
        font-size                        : 13pt;
		font-weight						:bold;
		line-height: 14pt;
		margin:12pt 0;
}
/*
.contentDiv H2
{
        display                                : block;
}
*/
H3{
        background-color        : #0064CC;
        color                                : #FFFFFF;
        padding                                : 15px 15px 50px;
        font-size                        : 18pt;
        line-height                        : 20pt;
        display                                : block;
        background-image        : none;
}
H4{
  font-size:11pt;
  font-weight:bold;
  line-height:12pt;
  padding:3px 0 5px 10px;
  background:#D9E2F0;
}
H5{
  font-weight:bold;
  font-size:10pt;
}
/*
H4{
      color                                      : #0064CC;
      font-family                                : Arial,Verdana,Helvetica,sans-serif;
      font-size                                  : 17pt;
      font-weight                                : bold;
}
H5{
      color                                      : #0064CC;
       font-family                               : Arial,Verdana,Helvetica,sans-serif;
       font-size                                 : 13pt;
       font-weight                               : bold;
       line-height                               : 14pt;
}
*/
HR{
        background-color        : #737373;
        height                                : 1px;
        border                                : 0;
}
label {
	float:left;
	text-align:right;
	padding:4px 10px 0 0;
	font-size:11px;
}

input {
	height:16px;
	border		:2px inset #D9E7F4;
	padding:1px 1px 0 0;
	font-size:12px;
	font-family: Arial,Verdana,Helvetica,sans-serif;
}
select {
	height:19px;
	border:2px inset #D9E7F4;
	padding:0 1px 0 0;
	font-size:13px;
}

textarea {
	width:196px;
	height:100px;
	border:2px inset #D9E7F4;
}
/*
INPUT, SELECT, TEXTAREA{
        border                                : 1px solid #aaaaaa;
        border-left                        : 1px solid #000000;
        border-top                        : 1px solid #000000;
        font-size                        : 11px;
        padding                                : 0;
}
INPUT{
}
SELECT{
        width                                : 156px;
}
LABEL{
        padding-left                : 3px;
}
*/
P{
        margin                                : 0 0 5px 0;
        line-height                        : 10pt;
		font-size:8pt;
}
UL, OL{
        line-height                        : 1.5em;
}
BR{
        line-height                        : 1.5em;
}
/*sheme styles
******************************************************************/
/*element_background*/
.button, #topNavigation, .inner, .registerWebPanelAddress, .registerWebPanelParticipant, .registerWebPanelPassword, .igtab_StandardDefaultTab_Bottom, .igtab_StandardDefaultTab_Top{
        background-color        : #DEEBF7;
}
.button{
        cursor                                : pointer;
}
#mainDiv .button, .print a, .print a:hover, .centerarea a
{
        border: none;
        background: transparent;
        height: 20px;
		overflow: visible;
        line-height: 15px;
        background-image: url(../images/aral_button_blankBig.gif) !important;
        background-repeat: no-repeat;
        font-size: 11px;
        text-align: left;
        padding-left: 5px;
		*padding-left: 8px;
        padding-bottom: 5px;
        padding-right: 12px;
		*padding-right: 20px;
        background-position: right;
        /*background-color:#89B9EA;*/
        color:#FFFFFF;
        font-weight:bold;
}

.print a, .print a:hover {
		cursor:pointer;
		display:block;
		float:right;
		text-decoration:none;
		padding: 2px 30px 0 5px !important;
		height: 18px;
}

/*header_background*/
.igpnl_StandardHeaderExpanded, .headlines TD, .rankingPanel THEAD, .childrenOverviewPanel THEAD, .detailAccountPanel THEAD{
    background-color        : #D9E7F4;
    color                                : #0064CC;
        font-weight                        : bold;
        padding                                : 3px 5px;
}
/*border_style*/
.inner .login, .itemPreview, .newsBoxPanel, .accountInfoBoxPanel, .itemSearchBoxPanel{
        border                                : 1px solid #6699DB;
}

/*common styles
******************************************************************/
.overview{
}
.formular TD{
        padding                                : 2px 0;
}
.formular .leftColumn{
        width                                : 200px;
}
.leftColumn {
        text-align: left;
}
.dataList{
        width                                : 100%;
}
.menu{
}
.box{
        margin-bottom                : 10px;
}
.inner{
}
.leftcontentarea A, .rightcontentarea A{
        background                        : url(../images/square_standard.gif) no-repeat 0 7px;
        padding                                : 2px 0 2px 10px;
        text-decoration                : none;
}
.leftcontentarea A:hover, .rightcontentarea A:hover{
}
TR.headlines TD{
        border-bottom                : none;
        background-color        : #6699FF;
    color                                : #FFFFFF;
    font-weight                        : bold;
    font-size							: 12px;
    padding                                : 15px 0px 0px 5px;
}
TR.conclusion TD, TR.seperator TD
{
        height                                : 0.5em;
        line-height                        : 0.5em;
}
HR.conclusion{
        background-color        : #D9E2F0;
        height                                : 1px;
        border                                : none;
}
.contentarea .button, .igtab_StandardDefaultTab_Bottom, .igtab_StandardDefaultTab_Top{
        overflow                        : visible;
        color                                : #1D7BBB;
        border                                : solid 1px #737373;
        padding                                : 2px 4px;
        cursor                                : pointer;
        width                                : auto;
}
.checkbox INPUT, .checkBox INPUT, .checkboxRright INPUT, .checkBoxPanel INPUT
{
        border                                : none;
}
.checkboxRight INPUT, .checkboxRight LABEL {
        display:block;
margin-left:40px;
margin-top:-5px;
}
.buttonPanel
{
	
        text-align                        : right;
        padding                                : 10px 0 17px 0;
        clear                                : both;
		background: #d9e7f4;
}
TD.buttonPanel{
        border-bottom					  : none;
        text-align                        : right;
        width							  : 100%;
}

.buttonPanel INPUT, .buttonPanel INPUT.button{
        float                                : right;
		background-color					 : #D9E7F4;
		width								 : auto;
}
.contentDiv .buttonPanel INPUT, .contentDiv .buttonPanel INPUT.button{
        float                                : none;
        margin-right                : 16px;
        margin-left                        : 0;
}
.contentDiv td.buttonPanel .contactmodulediv{
        display                                : inline;
}
.sumPanel{
        text-align                        : right;
        font-size                        : 12px;
        padding                           : 3px 5px;
}
.box .sumPanel{
    padding                                : 2px 5px;
    border                                : 1px solid #737373;
}
.errorPanel{
    font-weight                        : bold;
        color                                : #FF6600;
        padding                                : 5px 0;
}
.error
{
        color                                : #FF6600;
}
.headlinePanel{
        padding                                : 5px 0;
}
.infoPanel{
        padding                                : 5px 0;
}
tr.even TD, tr.odd TD
{
        background                        : #DEEBF7;
        border-top                        : 2px #FFFFFF solid;
}
.odd, .igtbl_StandardAlt{
     background                        : #DEEBF7;
}
.firstColumn{
}
.dateColumn{
}
.descriptionColumn{
}
.debitColumn{
        text-align                        : right;
}
.sumColumn{
        text-align							: right;
        padding								: 0;
        padding-left						: 5px !important;
        padding-right						: 5px !important;
}
.variantColumn{
}
.amountColumn{
        text-align                        : right;
}
.preliminaryCreditColumn{
        text-align                        : center;
}
.creditColumn{
        text-align                        : center;
}
.pointsColumn{
        text-align                        : right;
}
.imageColumn{
        text-align                        : center;
        padding                                : 5px;
}
.imageColumn A{
        background                        : none;
        padding                                : 0;
}
.amountColumn INPUT{
        width                                : 3em;
		text-align:right;
}
.clearDiv{
        line-height                        : 0px;
        clear                                : both;
}

div.shtLinkHolder div.shtLinkCont a, .contentDiv a, TD.rightColumn  A, TD.leftColumn  A, .homeRight .prBox a, #centerarea a
{
        display: block;
        padding-right: 23px;
        background-image: url(../images/aral/blue_arrow_new.gif);
        background-position: right;
        background-repeat: no-repeat;
        margin-right: 5px;
        text-align        : right;
		_position: relative;
}
TD.rightColumn  A, TD.leftColumn  A
{
  margin-right:10px;
}

.contentDiv ul{
         list-style-position             : inside;
         list-style-type                 : disc;
}
.contentDiv ul li{
         float                           : none;
         margin-top                      : 10px;
/*         *line-height                         : 21px;*/
}
/*template styles
******************************************************************/
#all{
        width									: auto;
        margin									: auto;
        padding-bottom							: 30px;
        background-color						: #D9E7F4;
        height									: auto;
}
/*header*/
#header{
        padding									: 0 0 15px 0;
}
/*topnavigation*/
#topNavigation{
        padding									: 5px 10px;
        border									: 1px solid #004194;
        border-bottom							: none;
        line-height								: 20px;
        font-weight								: bold;
        font-size								: 12px;
}
#topNavigation A{
        color									: #1D7BBB;
        text-decoration							: none;
        /*border-right							: 1px solid #000000;*/
        padding									: 2px 5px;
        color									: #1D7BBB;
        text-decoration							: none;
        background-image						: none;
}
#topNavigation DIV{
        display                                : inline;
}
#topNavigation A:hover{
        text-decoration							: underline;
        color									: #EBB464;
}
#topNavigation .active{
        color									: #EBB464;
        text-decoration							: underline;
}
#topNavigation .first{
}
#topNavigation .last{
}

/* Bread crumbs*/
.breadCrumbContainer
{
        margin		                              : 8px 0 20px 20px;
}
.breadCrumbContainer span, .breadCrumbContainer a
{
        background-image                          : url(../images/blue_link_arrow_new.gif);
        background-position                       : 10px 14px;
        background-repeat                         : no-repeat;
        color                                     : #0064CC;
        padding                                   : 10px 10px 5px 20px;
        font-size                                 : 8pt;
        line-height                               : 10pt;
}

.breadCrumbContainer span.currentPage
{
        font-weight									: bold;
        background-image							: none;
        padding-left								: 10px;
}

.breadCrumbBackground, .currentBreadCrumbBackground, .breadCrumbBackgroundHover
{
	float											: left;
}

/*content*/
#contentarea{
        border										: none;
        border-top									: none;
        padding-bottom								: 30px;
}
#contentrow{
		height										: 400px;
        min-height									: 400px;
}
#leftarea, #rightarea{
        width										: auto;
        vertical-align								: top;
}
#leftcontentarea, .leftcontentarea{
        padding										: 15px 10px 0px 5px;
        overflow									: hidden;

}
#rightcontentarea, .rightcontentarea{
        padding										: 15px 5px 0px 10px;
        overflow									: hidden;
}
#centerarea{
        width										: auto;
        vertical-align								: top;
}
#centercontentarea{
		margin-top									: 0;
        margin-bottom								: 0;
}


.contentContainer1colNav
{
}
.contentContainer1colNav iframe
{
		margin-left									: 10px;
}
.contentContainer1colNav .shtContainer
{
		PADDING-RIGHT								: 0px;
		PADDING-LEFT								: 0px;
		FLOAT										: none;
		PADDING-BOTTOM								: 0px;
		MARGIN										: 0px 0px 0px 0px;
		WIDTH										: 760px;
		PADDING-TOP									: 0px;
}

/* Standard_Elements for standard templates 
******************************************************************/
.contentDiv {
        float										: left;
        width										: 495px;
        margin-left									: 6px;
        margin-right								: 15px;
		color										: #4c4c4c;
		font-size									: 8pt;
		line-height									: 10pt;
		font-family									: Verdana,Arial,Helvetica,sans-serif;
}

.textBackground
{
        background-color							: #D9E7F4;
        padding										: 10px;
}
.rightDiv
{
        float										: left;
        width										: 240px;
}

.contentDiv .buttonDiv, .contentDiv .bluebox
{
        width										: auto;
}

.orderDetailsPersonalData IFRAME{
         *border									: none;
         *margin-bottom								: -20px;
         border-color								: #FFFFFF;
}

/* specific Styles for standard
******************************************************************/
TABLE.registrationCard TD.right, TABLE.registrationCard TD.left
{
        border										: 1px solid #D9E7F4;
}
TABLE.registrationCard TD.left img{
	*margin-bottom									: -2px;
}
TABLE.registrationCard TD.right
{
        background-color							: #D9E7F4;
        padding										: 0 10px;
}
TABLE.registrationCard h2{
		padding										: 10px 0;
		margin										: 0;
}
TD.leftColumn, TD.rightColumn
{
        background-color							: #D9E7F4;
        padding										: 0 0 10px 0;
        vertical-align								: top;
        
}
.twoColumnsTable TD.leftColumn, .twoColumnsTable TD.rightColumn
{
	width											: 220px;
}
TD.leftColumn p, TD.rightColumn p, TD.leftColumn ul, TD.rightColumn ul
{
        margin										: 0 10px;
}
TD.leftColumn H2,TD.rightColumn H2
{
	margin											: 24pt 10px;
}
TD.leftColumn ul{
		width										: 230px;
		height										: auto;
		position									: static;
		margin-bottom								: 20px;
}
.twoColumnsTable TD.middlePlaceholder
{
        padding-left								: 10px;
}
/*
table td.Box {
         border                          : 1px solid #6699DB;
         width                           : 238px;
         padding-bottom                  : 10px;
}
*/

.contentLinkBox h2 {
         background-color                : #D9E7F4;
         color                           : #0064CC;
         padding                         : 2px 0 1px 9px;
         font-size                       : 13pt;
         line-height                     : 14pt;
}
.contentLinkBox A {
         color                           : #0064CC;
         padding                         : 5px 10px 0px 20px;
         background-repeat               : no-repeat;
         background-position             : right center;
         font-size                       : 11pt;
         font-weight                     : bold;
         line-height                     : 15pt;
         text-align                      : left;
}

.contentLinkBox A:visited {
         text-decoration                 : none;
		 color                           : #0064CC;
         padding                         : 5px 10px 0px 20px;
         background-image                : url(../images/blue_link_arrow_new.gif);
         background-repeat               : no-repeat;
         background-position             : 10px 13px;
         font-size                       : 11pt;
         font-weight                     : bold;
         line-height                     : 15pt;
         text-align                      : left;
}

.contentLinkBox A:hover {
         text-decoration                  : underline !important;
         font-size                       : 11pt;
         font-weight                     : bold;
         line-height                     : 15pt;
         text-align                      : left;
}

table td.contentLinkBoxHome {
         border                          : 1px solid #6699DB;
         width                           : 354px;
         padding-bottom                  : 10px;
}
table td.contentLinkBoxHome p{
	font-size:12pt;
	margin:8px 0 5px 15px;
}
.contentLinkBoxHome h2 {
         background-color                : #D9E7F4;
         color                           : #0064CC;
         padding                         : 2px 0 1px 9px;
         font-size                       : 13pt;
         line-height                     : 14pt;
		 margin:0;
}

.contentLinkBoxHome A {
         color                           : #0064CC;
         padding                         : 5px 10px 0px 20px;
         background-repeat               : no-repeat;
         background-position             : right center;
         font-size                       : 11pt;
         font-weight                     : bold;
         line-height                     : 15pt;
         text-align                      : left;
}

.contentLinkBoxHome A:visited {
         text-decoration                  : none;
 color                           : #0064CC;
         padding                         : 5px 10px 0px 20px;
         background-image                : url(../images/blue_link_arrow_new.gif);
         background-repeat               : no-repeat;
         background-position             : 10px 13px;
         font-size                       : 11pt;
         font-weight                     : bold;
         line-height                     : 15pt;
         text-align                      : left;
}

.contentLinkBoxHome A:hover {
         text-decoration                  : underline !important;
         font-size                       : 11pt;
         font-weight                     : bold;
         line-height                     : 15pt;
         text-align                      : left;
}

.bottom20px{
         margin-bottom                   : 20px;
         *margin-top                         : 10px;
}

.newsTable
{
	width								: 100%;
}
.newsTable TD
{
/*	border-bottom						: 1px solid #6699DB;*/
	padding-top							: 10px;
}

.newsTable TD h4
{
	padding-bottom						: 5px;
}
.newsTable TD h3 
{
	font-size							: 11pt;
	line-height							: 12pt;
	height								: 114px;
	padding								: 9px 15px 10px 10px;
	margin-top							: 10px;
}

.newsTable TD A, .faqs A
{
	background-image					: url(../images/blue_link_arrow.gif);
	background-position					: left 5px;
	text-align							: left;
	color								: #0064CC;
	padding-left						: 15px;
}

.variantTable TD A 
{
	background-image					: none;
	padding								: 0;
	margin								: 0;
}

.variantTable  BR
{
	line-height							: 5px;
}

.variantTable h4{
  margin-bottom:20px;
}

.tableSpacerCenter TD
{
	text-align							: center;
	padding-right						: 10px;
}

.variantTable td {
	/*color								: #0055C3;*/
	text-align							: left;
}

.box A
{
	display								: inline-block !important;
	_position							: static;
	margin								: 0;
}

.infoBox p
{
	padding								: 10px 0 0 0;
}

#imageleft
{
	float								: left;
	margin-right						: 10px;
}

#popUpContent
{
	padding: 0 10px;
}

.priceListTable,.priceListTable2
{
	width								: 100%;
}
.priceListTable TD,.priceListTable2 TD
{
	border								: 1px solid #FFFFFF;
	padding								: 2px;
	text-align							: center;
	background-color					: #D9E7F4;
}
table.priceListTable2 td{
  height:43px;
  vertical-align:middle;
}
.priceListTable TD.head,.priceListTable2 TD.head
{
	background-color					: #89B9EA;
	color								: #FFFFFF;
	padding								: 10px 5px 5px 10px;
	text-align							: left;
}

/* temporary for Images */
.tableSpacerCenter A IMG
{
	width: 113px !important;
	height: 73px !important;
}
/* faq
******************************************************************/
.faqs a.expanded{
	background-image				: url(../images/blue_link_arrow_new.gif); 	
}
.faqs a{
	cursor							: pointer;
	clear							: left;
}	
.faqs .expandText{
	display							: none;
	padding-left					: 16px;
	margin-bottom					: 10px;
}
.contentDiv .faqs ul{
	list-style-position				: outside;
	margin-left						: 20px;
}
.contentDiv .faqs ul li{
	margin-top						: 0;
}
.contentDiv .faqs, .contentDiv .faqs ul, .contentDiv .faqs ol{
	line-height						: 14px;
}
.faqs li{
	float							: none;
}
/* Standard_Elements
******************************************************************/
#home{}
#home .box3_4{
        width                                : 360px;
        margin-left                        : 180px;
}
#home .homeBox1{
        float                                : left;
        width                                : 180px;
}
#home .homeBox2{
        width                                : 360px;
        margin-left                        : 180px;
}
#home .homeBox3{
        width                                : 180px;
        float                                : left;

}
#home .homeBox4{
        width                                : 160px;
        float:right;
}
#home .homeBox5{
        clear                                : both
}
#home .homeBox6{
        visibility                        : hidden;
}

.noneDisplay
{
        display                                : none;
}

/* *** ex local *** */
        div.headerContainer
        {
                width:325px;
        }
        .textRight_headersearch form
        {
                float:right;
                height:25px;
                margin:0px;
                padding:0px;
                TEXT-ALIGN: right;
        }
        .textRight_headersearch
        {
                PADDING-TOP: 10px;
                TEXT-ALIGN: right;
                float:right;
                margin-bottom:0px;
                width:100%;
        }
        html>body .searchTextBoxCont
        {
                width:115px;
        }
        .textRight_headersearch .searchTextCont
        {
                padding:0px 5px 0px 0px;
        }
/* *** end ex local *** */





/* nav1 */
div.topNavContainer ul#nav li a.button,
div.topNavContainer ul#nav li a.active
{
        background-color:#0064CC;
        height:19px !important;
        font-size:9pt;
        color: #FFFFFF !important;
		border-left-color: #FFFFFF !important;
		border-right-color: #FFFFFF !important;
}

html body div.topNavContainer ul#nav li a.active, div.topNavContainer ul#nav li a:hover
{
        background-color:#ffffff;
        color: #0055C3 !important;
}

div.topNavContainer ul#nav li a:hover{
	height: 15px !important;
}

div.topNavContainer ul#nav li a.active:hover{
	height: 19px !important;
}


a.button,
html body div.topNavContainer ul#nav li a.active
{
        /* Begin : Changes for CR_765 */        /*background-image: url('../../images/global_nav_gradient.gif');*/        /* End : Changes for CR_765 */        PADDING-RIGHT: 6px;
    display: block;
    padding-left: 6px;
    font-weight: bold;
    font-size: 9pt;
    float: left;
    /* padding-bottom: 5px;*/
    cursor: pointer;
    color: #ffffff;
   /* Begin : Changes for CR_765 */        PADDING-TOP: 3px;    /*LINE-HEIGHT: 15pt;*/        /* End : Changes for CR_765 */    /*PADDING-TOP: 5px;*/
    /*BORDER-BOTTOM: #0055c3 2px solid;*/
    background-repeat:repeat;
    font-style: normal;
    /*font-family: Arial,Verdana,Helvetica,sans-serif;*/
    text-align: center;
    text-decoration: none;

        /* Begin : Changes for CR_765 */        border-top:1px solid #ffffff;        /* End : Changes for CR_765 */}

a.button:visited,
html body div.topNavContainer ul#nav li a.active:visited
{
        font-weight: bold;
        font-size: 9pt;
        /* begin : changes for cr_765 */     /*background-image: url('../../images/global_nav_gradient.gif');*/         /* end : changes for cr_765 */
        /*color: #ffffff;*/
        background-repeat: repeat;
        font-style: normal;
        /*font-family: Arial,Verdana,Helvetica,sans-seriff;*/
        text-decoration: none;
     /* Begin : Changes for CR_765 */     /*LINE-HEIGHT: 15pt;*/         /* End : Changes for CR_765 */
}

/*a.button
{
        height:28px;
        voice-family: "\"}\"";
        voice-family:inherit;
        height:28px;
}*/

html>body .button,
html body div.topNavContainer ul#nav li a.active
{
  height:16px;
  font-size:9pt;
}

a.button:hover,
html body div.topNavContainer ul#nav li a.active:hover
{
        background-image: url('../../images/global_nav_gradient.gif');
        background-repeat: repeat;
        font-size:7pt;
        font-size/**/:7pt;
        f\ont-size:9pt;
        /*font-family: Arial,Verdana,Helvetica,sans-serif;*/
        font-weight:bold;
        /*font-variant: small-caps;*/
        font-style: normal;
        text-decoration: none;
        height:16px;
        text-align: center;
        border-bottom: 2px solid #ffffff;
        color:#ffffff;
}

a.button:hover,
html body div.topNavContainer ul#nav li a.active:hover
{
        height:19px;
        color: #0055c3;
}
#nav li{
 /* height:auto;*/
}
html>body .button:hover,
html body div.topNavContainer ul#nav li a.active
{
        height:16px;
        font-size:9pt;
        color: #0055c3;
}

a.button:active,
html body div.topNavContainer ul#nav li a.active
{
        background-image: url('../../images/global_nav_gradient.gif');
        background-repeat: repeat;
        font-size:7pt;
        font-size/**/:7pt;
        f\ont-size:9pt;
        /*font-family: Arial,Verdana,Helvetica,sans-serif;*/
        font-weight:bold;
        /*font-variant: small-caps;*/
        font-style: normal;
        text-decoration: none;
        height:16px;
        text-align: center;
        border-bottom: 2px solid #ffffff;
        color:#FFFFFF;
}

a.button:active,
html body div.topNavContainer ul#nav li a.active
{
        voice-family: "\"}\"";
        voice-family:inherit;
        height:19px;
        color: #0055c3;
}
html>body .button:active {
  height:16px;
  font-size:9pt;
}


a.xbutton:hover{
        background-image: url('../../images/global_nav_gradient.gif');
        background-repeat: repeat;
        font-size:7pt;
        font-size/**/:7pt;
        f\ont-size:9pt;
        /*font-family: Arial,Verdana,Helvetica,sans-serif;*/
        font-weight:bold;
        /*font-variant: small-caps;*/
        font-style: normal;
        text-decoration: none;
        height:16px;
        text-align: center;
        border-bottom: 2px solid #ffffff;
        color:#ffffff;
}
a.xbutton:hover
{
        height:28px;
        voice-family: "\"}\"";
        voice-family:inherit;
        height:28px;
}
html>body .xbutton:hover {
        height:16px;
        font-size:9pt;
}

html body div.topNavContainer ul#nav li a.button:hover
{
        height:15px;
        color:#0055c3;
        font-weight:bold;
        font-size:9pt;
        text-decoration: none;
        border-right: #0055c3 1px solid;
        padding-right: 5px;
        border-top: #fff 1px solid;
        display: block;
        padding-left: 5px;
        font-weight: bold;
        font-size: 9pt;
        float: left;
        border-left: #0055c3 1px solid;
        cursor: pointer;
        color: #0055c3;
        padding-top: 5px;
        border-bottom: #ffffff 2px solid;
        font-style: normal;
        /*font-family: Arial,Verdana,Helvetica,sans-serif;*/
        background-color: #ffffff;
        text-align: center;
        text-decoration: none;
        padding-bottom: 2px;
}
html body div.mastheadContainer div.headerContainer {
        font-size:16px;
}
div.sHeadCont input,
div.sHeadCont select,
div.sHeadCont textarea,
div.textRight_headersearch div.searchTextBoxCont input.searchBox
{
border: 1px solid #7f9db9;
font-size:11px;
padding:1px 0pt 1px 2px;
font-size: 13px;
}
div.sHeadCont input {height: 16px;}
div.sHeadCont select
{
height: 20px;
}

.leftNav {
        width: 199px;
        float: left;
        margin: 0px;
        padding-bottom:1px;
}

h1.xLargeBlueTitle
{
        background-color: transparent;
		padding-left:0;
}

ul#nav li a.active,
ul#nav a.active
{color: #0055c3;}

div.seperator {
        display: inline;
}
.headerContainer .seperator
{
	position:relative;
	top:4px;
	*top: 3px;
}
div.fooContainer
{
        clear:both;
}
div.fooBContainer, div.fooImgR
{
  margin:0;
  padding:0;
}
#Img4{
  margin-top:0.5em;
}

div.headerContainer a:hover,
div.headerContainer a:visited,
div.headerContainer a:active,
div.headerContainer a.active
{
color:#fff;
}

/*FIX IE HEADER PIC*/
.phtImageAral img {float: left;}
.phtImageAral {background-color: #fff;}



.aLargeWhiteBold {
color:#FFFFFF;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size: 14pt;
]font-size:16px;
font-weight:bold;
line-height:14pt;
}

.shtImage {
        margin:0px;
        padding: 0px;
}
.shtImage img {
        margin:5px 0;
        padding:3px 10px 0 0;
}


/*  ACCOUNT MENU CONTROL */



.secondLevelMenuWebPanel {border: 0px solid #fff;}

.leftNav  .igpnl_StandardHeaderExpanded,
.leftNav  td.igpnl_StandardHeaderCollapsed
{
        padding-right: 0px;
        font-weight: bold;
        display: none;
}

.leftNav  .outerMenu .igpnl_StandardHeaderCollapsed ,
.leftNav .outerMenu  td.igpnl_StandardPanel .igpnl_StandardHeaderExpanded
{
        background						: transparent;
        font-weight						: normal;
        padding-left					: 6px;
        display							: block;
        float							: none;
        border-collapse					: collapse;
        color							: #0055c3;
        padding-top						: 2px;
		padding-right					: 1px;
        padding-bottom					: 4px;
		border-bottom					: 1px solid #FFFFFF;
        background-color				: #fff;
        height                        	: 15px;
        font-size                       : 11px;
}


.outerMenu
{
        border-top: 1px solid #6699db;
        border-collapse: collapse;
        width: 190px;

}


.outerMenu  .noThirdLevel
{
        border-bottom: 1px;
}


.outerMenu table
{
        border-bottom: 1px solid #6699db;
        border-collapse: collapse;

}

.outerMenu table tr
{
        background-color: #fff;
        padding: 0px;
}

.leftNav .outerMenu  td.igpnl_StandardPanel .igpnl_StandardHeaderHover
{
        background-color: #d9e7f4;
/*         font-weight: bold; */
}


.xCol1 .contentContainer
{
width: 960px;
}

.xCol1 .phtContainer1,
.xCol1 .phtImageAral,
.xCol1 .phtContainer1 .phtSubContainer .phtImageAral
{
width: 960px;
}

div.buttonDiv
{
margin: 0;
background-color: #D9E7F4;
width: 350px;
padding: 0px 12px 6px 8px;
text-align: right;
}

div.bluebox P.inputField INPUT
{
/*border: 1px solid #A7A6AA;'*/
}


.contentContainer .loginPanel
{
width: 370px;
}

.rightNav .loginPanel
{
width: 100%;
}

.rightNav .loginNicknamePanel,
.rightNav .loginPasswordPanel{
width : 100%;
}

.loginPanel .buttonPanel
{
text-align: right;
/*padding-right: 12px;*/
padding-bottom: 8px;
}

.loginPanel .loginNicknamePanel INPUT,
.loginPanel .loginPasswordPanel INPUT,
.loginDataChangePanel  INPUT
{
border: 1px solid #A7A6AA;
}

/******* intera Styles ********/


.wlContainer
{
        padding-bottom: 20px;
}

.loginPanel
{
        margin-top: 0px;
}

.loginPanel .inner
{
        /*padding: 10px;*/
}

div.rightNav .loginPanel .inner
{ /*exception for startpage*/
        padding: 0px;
}
div.rightNav .buttonPanel input.button
{
        margin: 0px;
}
.inner
{
        background-color: #D9E7F4;
}

.loginNicknamePanel input,
.loginPasswordPanel input
{
        /*float: left;*/
        /*border: 1px solid #d9e7f4;*/
		border:1px solid #A7A6AA;
}

.loginNicknamePanel span,
.loginPasswordPanel span
{
        color: #4C4C4C;
}

/* please don't use or change our globale styles
.buttonPanel
{
        text-align: left;
}
*/
.buttonPanel input.button,
.buttonPanel input.button:hover,
.buttonPanel input.button:active,
.pictureNavigationPanel input.button,
.pictureNavigationPanel input.button:hover,
.pictureNavigationPanel input.button:active
{
        height: 20px;
        font-size: 10px;
        font-weight:bold;
        color: #fff;
        background-color: #89b9ea;
        border: 1px solid #fff;
        margin-left: 0px;
}

.loginPanel .buttonPanel input.button,
div.buttonDiv input.submitbutton
{
        border: 0px solid #fff;
        background: transparent;
        height: 20px;
        width: 94px;
        line-height: 15px;
        background-image: url(../images/aral_button_blank.gif);
        background-repeat: no-repeat;
        font-size: 11px;
        text-align: left;
        padding-left: 5px;
        padding-bottom: 5px;
}

div.bluebox
{
        background-color: #D9E7F4 !important;
        width:350px;
        padding-top:15px;
        padding-bottom:10px;
        padding-left:10px;
        padding-right:10px;
}
div.buttonDiv{
	background-color: #D9E7F4 !important;
}
div.bluebox p.inputLabel
{
        margin-top                        :5px;
        margin-bottom                :0px;
        float                                : left;
        clear                                : both;
        width                                : 267px;
        text-align                        : right;
		
}

div.bluebox p.inputLabel label
{
        padding-left        :0px;
		
}

div.bluebox p.inputField
{
        margin-top                : 13px;
}

div.bluebox p.inputField input
{
        /*border                        :1px solid #D9E7F4;*/
		/*border:1px solid #A7A6AA;*/
        margin-left                :2px;
        width                        : 200px;
}
/*
div.buttonDiv
{
        margin-top:5px;
        padding-left:10px;
}
*/

div.buttonDiv input.submitbutton
{
        color:#FFFFFF;
        font-size:11px;
        font-weight:bold;
}

#ctl09_tbCardNumber
{
        width:200px;
}

div.bluebox div.errors
{
        margin-top:10px;
}

div.bluebox div.errors p.errorHeader
{
        color:red;
        font-weight:bold;
}


div.bluebox div.errors ul.errorUl
{
        list-style-image:none;
        list-style-type:square;
}

div.bluebox div.errors ul.errorUl li
{
        color:#4C4C4C;
        font-family:Verdana,Helvetica,sans-serif;
        float:none;
        width:270px; height:auto;
        position:inherit;
        display:list-item;
        color:red;
        margin-left:20px;
        margin-bottom:2px;
        vertical-align:middle;
}

/* disable web_tab panel */
.igpnl_StandardHeaderExpanded
{
	cursor						: default !important;
	background-image			: none !important;
}
.igpnl_StandardHeaderExpanded IMG
{
	display						: none;
}
#priceListtop2ndNavigation {
	display								: block;
	position							: absolute;
	color								: #FFFFFF;
	top									: 30px;
	left								: 923px;
	z-index								: 55;
	
	
}
#priceListtop2ndNavigation:hover {
	display								: block;
	position							: absolute;
	color								: #FFFFFF;
	top									: 30px;
	left								: 923px;
	z-index								: 55;
	text-decoration: underline;
	
}
.accessText {
display: none !important;
}
/* was ist die aral supercard? */
.aralSuperCard p{
  margin:0 10px;
}
.aralSuperCard h2{
  margin:10px 10px 7px 10px;
  display:block;
}
.aralSuperCard h2 .tag{
  color:#4595e5;
}
.aralSuperCard h2.subTitle{
  font-size:14pt;
  margin:16px 10px;
}
.aralSuperCard .more a{
  display:block;
  margin-right:10px;
}
.homeLeft .infoBox .box,.homeRight .prBox .box{
  border:1px solid #0064cc;
  height:236px;
  margin:0;
}
.homeRight .prBox .box{
  /*height:165px;*/
  height:auto;
  padding-bottom:10px;
}
.homeRight .prBox .box p{
  margin:6px 10px;
}
.homeLeft .infoBox a{
  font-family: Arial,Verdana,Helvetica,sans-serif;
  text-align:left;
  font-size:10pt; 
  padding-bottom: 3px;
}
.homeRight .prBox a{
  text-align:left;
}
.homeLeft .box p,
.homeRight .box h2,
.homeRight .box p,
.homeRight .box a
{
  margin:6px 10px 0 10px;
  display:block;
}
.homeLeft .box h2{
  display:block;
  margin:0;
  padding:6px;
  background:#0064cc;
  color:#fff;
}
.homeLeft .midBox h2{
  display:block;
  margin:7px 0 10px 0;
}
.homeLeft .midBox{
  text-align:center;
}
.homeLeft .midBox h2,.homeLeft .midBox p{
  text-align:left;
}
.homeLeft .midBox p{
  margin-left:7px;
}
table.packagingIntro,table.packaging{
  margin:15px 0;
}
table.packagingIntro p{
  margin-right:15px;
}
table.packaging{
  text-align:center;
}
.buttonPanel input.button{
  /*border:0 !important; ie6+7*/
}

.packaging a {
padding-right: 0;
margin-right: 3px;
margin-left: 3px;
margin-top: 3px;
}
.tablePanel .paymentTable{
	width : 265px;
	margin: auto;
	margin-left: 95px;
}
.tablePanel .paymentTable span{
	font-weight: bold;
}

.tablePanel .left{
	padding-right:	2px;
	text-align: right;
}

/* Styling empty Template */

#allPop .allPopList ul{
	list-style-type: disc;
	margin-left: 15px;
}
#allPop .allPopList li{
	float: none;
}