/*************************** Overrules on styles.css ***************************/
.marginWebshop 
{
    padding:31px 29px 0 29px;
}

.webshoptable
{
    margin:0 !important; /*when used with formtable*/
}
.buttonrow {text-align:right; padding: 10px 0 0 0}

/*************************** Webshop ***************************/
.benefitname {
    width:375px;
}
.WebshopItem {
	margin-bottom:2em;
	clear:both;
}
.WebshopItem .WebshopText{
	width:470px;
	float:left;
	}
.WebshopThumbnail {
	float:left;
	margin-right:2em;
}

th
{
 /*   text-align:left;*/
}


span.Full 
{
    font-weight:bold;
    color:white;
    padding:5px;
    background-color:Red;
}


.pandora 
{
    display:none; width:400px; height:200px; background-color:Green;
}

.ShowHideDetails 
{
   /*used as a jquery selector*/
}

.contentDetailRow 
{
     display:none;
     background: #fff
}



/*************************** StepsFeedback ***************************/

.StepsinactiveTxt {
	background-color:#e1e0e0;
	margin: 0 15px 0 15px;
	text-align:center;
	color: #575757;
	font-family:Arial, Helvetica, sans-serif;
}
.StepsactiveTxt {
	background-color:#a6ce39;
	margin: 0 15px 0 15px;
	text-align:center;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
}
.StepsdoneTxt {
	background-image:url(/site_images/cera/bck_stepsdone.gif);
	margin: 0 15px 0 15px;
	text-align:center;
	color: #575757;
	font-family:Arial, Helvetica, sans-serif;
}

/*************************** Offer and Benefits Table ***************************/
.headerRow {
    /*margin-top: 10px;*/
    
}
.headerTabs {float:right;}    
.headerTab {
    background-image: url(/site_images/bck_tableTab.gif);
    background-repeat: no-repeat;
    background-position: right;
    width:94px;
    height: 27px;
    line-height:27px;
    margin:0;
    padding:0 0 0 3px;
    color: #ec7000;
    float:left;
    text-align: center
}
.contentRow1Col {border-top: 1px solid #ec7000; background-image: url(/site_images/cera/bck_webshoptable1Col.gif)}
.contentRow2Col {border-top: 1px solid #ec7000; background-image: url(/site_images/cera/bck_webshoptable2Cols.gif)}
.contentRow3Col {border-top: 1px solid #ec7000; background-image: url(/site_images/cera/bck_webshoptable3Cols.gif)}

.groupTitle 
{
    background-color: #ec7000;
    color: #ffffff;
    height:27px;
    line-height:27px;
    padding-left:8px;
}
.benefittxt {
    min-height: 27px;
    height:auto !important;
    height:27px;
    line-height:27px; 
    float: left;
    border-left:1px solid #ec7000;
    padding: 0 0 0 5px
}
.contentRow1Col .benefittxt {
    width: 566px;
}
.contentRow2Col .benefittxt {
    width: 469px;
}
.contentRow3Col .benefittxt {
    width: 372px;
}


.benefittxt table {border-color: #cccccc; border-collapse: collapse}
.benefittxt table td{padding: 10px}
.benefittxt table p{padding: 0; margin:0}

#contentContainer.content1 #contentBody .marginWebshop .contentDetailRow .benefittxt .margin {padding: 5px 0 15px 25px}

.contentDetailRow .contentRow1Col {border:none; width:566px}
.contentDetailRow .contentRow2Col {border:none; width:469px}
.contentDetailRow .contentRow3Col {border:none; width:372px}

.StorePrice {
    border-right:1px solid #ec7000;
    border-left:1px solid #ec7000;
    float:right;
    height: 27px;
    line-height: 27px;
    width:92px;
    margin: 0 3px 0 0;
    text-align:center;
}
.MemberPrice {
    border-right:1px solid #ec7000;
    border-left:1px solid #ec7000;
    float:right;
    height: 27px;
    line-height: 27px;
    width:92px;
    margin: 0 0 0 0;
    text-align:center;
}
.contentDetailRow {border-right:1px solid #ec7000;}
.contentDetailRow .emptycell {border-top:1px solid #ec7000; border-left:none; margin:0; float:right; width:287px}


.availability {
    border-right:1px solid #ec7000;
    border-left:1px solid #ec7000;
    float:right;
    height: 27px;
    line-height: 27px;
    width:92px;
    margin: 0 3px 0 0;
    text-align:center;
}
.buttonRow 
{
    width: 100%;
    margin:0;
    padding:10px 0 0 0;
    border-top:1px solid #ec7000;
    color:#fff;
    text-align: right
}
#contentContainer #contentBody .marginWebshop .buttonS {
    background: url(/site_images/bck_buttonS.gif);
    width:74px;
    border:none;
    height:22px;
    color: #ffffff;
    font-family: Times New Roman;
    font-style: italic;
    font-weight: bold;
    font-size:1.2em
}
#contentContainer #contentBody .marginWebshop .buttonM {
    background: url(/site_images/bck_buttonM.gif);
    height:22px;
    border: none;
    color: #ffffff;
    font-family: Times New Roman;
    font-style: italic;
    font-weight: bold;    
    font-size:1.2em;
    width:94px
}
#contentContainer #contentBody .marginWebshop .buttonL {
    background: url(/site_images/bck_buttonL.gif);
    width:153px;
    height:22px;
    border: none;
    color: #ffffff;
    font-family: Times New Roman;
    font-style: italic;
    font-weight: bold;    
    font-size:1.2em
}
#contentContainer #contentBody .marginWebshop .buttonXL {
    background: url(/site_images/bck_buttonXL.gif);
    width:205px;
    height:22px;
    border: none;
    color: #ffffff;
    font-family: Times New Roman;
    font-style: italic;
    font-weight: bold;    
    font-size:1.2em
}
*html .buttonS {width:78px; height:26px; border: 1px solid #fff; background: url(/site_images/bck_buttonS.gif);}
*html .buttonM {width:98px; height:26px; border: 1px solid #fff; background: url(/site_images/bck_buttonM.gif);}
*html .buttonL {width:157px; height:26px; border: 1px solid #fff; background: url(/site_images/bck_buttonL.gif);}
*html .buttonXL {width:209px; height:26px; border: 1px solid #fff; background: url(/site_images/bck_buttonXL.gif);}

.borderTop {
    border-top:1px solid #ec7000;
}
.borderRight {
    border-Right:1px solid #ec7000;
}

.BenefitBody {line-height:1.1em}

.orderTotal {
    background-color: #ec7000;
    color:#fff;
    text-align: right;
    height: 28px;
    vertical-align: middle;
    padding:0 15px 0 0
}
.webshoptable .label 	
{
    color:#888;
	font-weight:bold;
	text-align:right;
}

.webshopinputfield {border:1px solid #ccc; background-image: none;}
.webshoptable .webshopinputfield {border:1px solid #ccc; background-image: none;}
.webshoptable select.webshopinputfield {
	border:2px solid #e3e3db;
}
.webshoptable select.M {width:193px;}

.radio input{float:left; width:20px;}
.contentRow1Col .radio label{float:left; width:521px; line-height:1.5em;}
.contentRow2Col .radio label{float:left; width:420px; line-height:1.5em;}
.contentRow3Col .radio label{float:left; width:325px; line-height:1.5em;}