/* Advice Title */

.AeraTitleAdvice { height: 100px; 
                   text-align: left; }
.divAdviceTitle { font-size: 24px;
                  font-weight: bold;
                  color: #E03B45; }
.divAdviceSubTitle { font: bold 16px Tahoma; }
.divAdviceSubTitle b { color: #E03B45;
                          text-transform: uppercase; }
.divAdviceProductNoneFound { width:400px;
                             font: bold 14px Tahoma; }
.divAdviceProductNoneFound a { color:#E03B45; }


/* Expand Collapse */

.divExpandCollapse { text-align: left;
                     height: 40px; } 

.bulletExpandCollapse { position:absolute;
	                    margin-top: 3px; }

.ExpandCollapseText { padding-left: 20px;
                      cursor: pointer;
                      font-size: 12px;
                      text-decoration: underline;
                      text-align: left; }

/* Component Packshot */

.packshotContainer { position: absolute;
                     padding: 0 0 0 500px;
                     margin-top: -40px; }
.packshotimage { position: absolute; }

.packshotlink { cursor: pointer; }

.CompPackshotContainer { float: right;
                         position: absolute;
                         padding: 10px 0 0 460px; }
.CompPackshot { position: absolute; display: none; }
.popup { float: left; }

/* Overig */

.ImageButtonsCell {
    width: 24px;
}

.AdviceHeaderTable {
    width:100%;
    text-align: left;
    vertical-align: bottom;
}

.AdviceHeaderTitle
{
    font-size: 11px;
    font-weight: bold;
    width: 76px;
    vertical-align: top;
}

.AdviceHeaderColon { font-size: 11px;
                     font-weight: bold;
                     width: 2px; }

.AdviceHeaderValue {
    font-size: 11px;
    font-weight: bold;
    width: 220px;    
}
.AdviceHeaderValue span {
	color: #E03B45;
}

.YourRemarks {
    font-size: 11px;
    text-align: left;
}

.Disclaimer
{
    text-align: left;    
	font-size: 8pt; 
	COLOR: #444444;
}

.AdviceComponentTable
{
    width: 100%;
    text-align: left;
    /*border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #DBDBDB;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #DBDBDB;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #DBDBDB;*/
}

.ComponentHeaderCollapsed,
.ComponentHeaderExpanded { height:30px;
                            padding:5px 10px;
                            font-weight:bold;
                            font-size:14px;
                            cursor: pointer;}
.ComponentHeaderCollapsed {                            
                            -webkit-border-radius:5px;
                            -moz-border-radius:5px;
                            -ms-border-radius:5px;
                            -o-border-radius:5px;
                            border-radius:5px;}                            
.ComponentHeaderExpanded {                            
                            -webkit-border-radius:5px 5px 0 0;
                            -moz-border-radius:5px 5px 0 0;
                            -ms-border-radius:5px 5px 0 0;
                            -o-border-radius:5px 5px 0 0;
                            border-radius:5px 5px 0 0;}
.ComponentHeaderCollapsed, 
.ComponentHeaderExpanded { color:white;
                            background:#cc0000;
                            background:-moz-linear-gradient(top, #c52331 0%, #c52331 30%, #8c151a 100%);
                            background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #c52331), color-stop(30%, #c52331), color-stop(100%, #8c151a));}

.ComponentArea{   border:1px solid #dddddd;
                    background:white;
                    -webkit-border-radius:0 0 5px 5px;
                    -moz-border-radius:0 0 5px 5px;
                    -ms-border-radius:0 0 5px 5px;
                    -o-border-radius:0 0 5px 5px;
                    border-radius:0 0 5px 5px; }
.ComponentArea:hover{ background:#e7e7e7;
                       background:-moz-linear-gradient(top, #fff 60%, #e7e7e7 100%);
                       background:-webkit-gradient(linear, left top, left bottom, color-stop(60%, #fff), color-stop(100%, #e7e7e7)); }

.AdviceComponentIcon
{
    height: 30px;
    width: 30px;
    text-align: center;
    padding-right: 5px;
}
.AdviceComponentIcon img {
	height: 30px;
}

.AdviceComponentTitle
{
    /*height: 27px;
    cursor: pointer;
    background: transparent url('../../App_Images/custom/CompGirder.png') no-repeat scroll top left; */
}

.AdviceComponentTitleBorder
{
    width:100%;
}

.AdviceComponentTitlePlusMin
{
    width: 30px;
    text-align: center;
}

.AdviceComponentTitleText
{
    font: bold 14px Arial;    
    text-decoration: none;
    text-transform: uppercase;	
    color: White;
}

.AdviceTitle, .AdviceTitleProduct
{
    padding-left: 40px;
    font-size: 11px;
    font-weight: bold;
    width: 80px;    
}

.AdviceValue, .AdviceValueProduct
{
    font-size: 11px;   
}
.AdviceValueProduct,
.AdviceValueProduct a { color: #E03B45; }
/*.AdviceValueProduct span { 
                           padding-left: 5px; }*/


.AdviceValueColon,
.AdviceValueProductColon
{
	width: 5px;
	font-size: 11px;	
}

.AdviceTitle, 
.AdviceTitleProduct,
.AdviceValue,
.AdviceValueProduct,
.AdviceValueColon,
.AdviceValueProductColon
{
    vertical-align: top;
}

.AdviceSpacingFirstRow,
.AdviceSpacingLastRow
{
    line-height: 5px;
}

.NotApplicableHide { display: none; }
.NotApplicableShow { display: none; }