﻿.MembershipForm
{
    
}
.MembershipForm .Labels
{
	text-transform:uppercase;
	vertical-align:middle;
	text-align:right;
	padding:8px 5px 5px 5px;
/*	white-space:nowrap; */
}
.MembershipForm .SubLabels
{
    font-family: FranklinGothicBook, Arial;  
	text-transform:none;
	text-align:right;
	margin:-14px 0px 0px 0px;
	padding:0px 5px 0px 5px;
	white-space:normal;
	font-size:10px;
	color:#666666;
}


.MembershipForm .Data
{
    padding-top:0px;
	text-align:left;
    vertical-align:middle ! important;
}
.MembershipForm .DataText
{

}

.MembershipForm .Highlight
{
    width:180px;
    text-align:center;
    margin:0 0 10px -10px;
    padding:5px 10px 5px 10px;
    background-color:#c5161d;
    color:white;
    font-family: MyriadProCondBold, FranklinGothicBook, Arial; 
    font-size:16px;
    text-transform:uppercase;

}
.MembershipForm .Highlight a:link, .MembershipForm .Highlight a:visited { color: #FFFFFF; text-decoration:none; cursor:pointer;} 
.MembershipForm .Highlight a:hover, .MembershipForm .Highlight a:active { color: #224A9F; text-decoration:none; cursor:pointer;}




/* COLORPICKER 1 EXAMPLE */
#colorPicker
{
    float:left;
    width: 30px;
    height: 30px;
    position: relative;
    clear: both;
}

#colorPicker .track {
    background:     #EFEFEF url(../../images/CompanyColorWheel150.png) no-repeat 50% 50%;
    height:         150px;
    width:          150px;
    padding:        10px;
    position:       absolute;
    cursor:         crosshair;
    float:          left;
    left:           -71px;
    top:            -71px;
    display:        none;
    border:         1px solid #ccc;
    z-index:        10;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    border-radius: 150px;

}

#colorPicker .color {
    width:          25px;
    height:         25px;
    padding:        1px;
    border:         1px solid #ccc;
    display:        block;
    position:       relative;
    z-index:        11;
    background-color: #EFEFEF;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    border-radius: 27px;
    cursor: pointer;
}

#colorPicker .colorInner {
    width:          25px;
    height:         25px;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    border-radius: 27px;
}

#colorPicker .dropdown {
    list-style: none;
    display: none;
    width: 27px;
    position: absolute;
    top: 28px;
    border: 1px solid #ccc;
    left: 0;
    z-index: 1000;
}

#colorPicker .dropdown li{
    height: 25px;
    cursor: pointer;
}





.MembershipForm .WhyHide
{
    padding-top:11px;
	text-align:left;
    vertical-align:bottom;
    font-size:11px;
}

.hidelabels
{
    font-family: FranklinGothicBook, Arial;  
	font-size:11px;
	color:#000000;
}
.highlightlabels
{
    font-family: FranklinGothicBook, Arial;  
	font-size:12px;
	color:#944967;
    margin:-20px 0 10px 0
}




.TabsPanel
{
	margin:50px 5px 5px 5px;
	background-color:#CCCCCC;
	border:1px solid #666666;
	vertical-align:top;
	color:#424242;
	z-index:10;
}

.TabsPanel INPUT, 
.TabsPanel TEXTAREA, .TabsPanel SELECT
{
/*	background-color:#CCCCCC; */
	margin:4px 2px 1px 2px;
}


.TabsContainer 
{
    margin:-37px 0px 0px 0px; 
    border:none; 
    border-top:none; 
    height:37px; 
    overflow:hidden;
}


.TabActive
{
	font-size:14px;
	margin:0px 1px 0px 3px;
	float:left;
	background-color:#CCCCCC;
	border:1px solid #666666;
	border-bottom:none;
	vertical-align:top;
	padding:10px 20px 12px 20px;

	border-top-left-radius: 8px;	-moz-border-radius-topleft: 8px;	-webkit-border-top-left-radius: 8px;	/*-webkit-border-radius-topleft: 0px;*/
	border-top-right-radius: 8px;	-moz-border-radius-topright: 8px;	-webkit-border-top-right-radius: 8px;	/*-webkit-border-radius-topright: 0px;*/
	border-bottom-left-radius: 0px;	-moz-border-radius-bottomleft: 0px;	-webkit-border-bottom-left-radius: 0px;	/*-webkit-border-radius-bottomleft: 10px;*/
	border-bottom-right-radius: 0px;	-moz-border-radius-bottomright: 0px;	-webkit-border-bottom-right-radius: 0px;	/*-webkit-border-radius-bottomright: 10px;*/

}
.TabActive a:link, 
.TabActive a:active, 
.TabActive a:hover, 
.TabActive a:visited
{
	color:#000000;
	cursor:pointer;
	text-decoration:none;
}


.TabInactive
{
	font-size:14px;
	margin:0px 1px 0px 3px;
	float:left;
	background-color:#999999;
	border:1px solid #666666;
	vertical-align:top;
	padding:10px 20px 9px 20px;

	border-top-left-radius: 8px;	-moz-border-radius-topleft: 8px;	-webkit-border-top-left-radius: 8px;	/*-webkit-border-radius-topleft: 0px;*/
	border-top-right-radius: 8px;	-moz-border-radius-topright: 8px;	-webkit-border-top-right-radius: 8px;	/*-webkit-border-radius-topright: 0px;*/
	border-bottom-left-radius: 0px;	-moz-border-radius-bottomleft: 0px;	-webkit-border-bottom-left-radius: 0px;	/*-webkit-border-radius-bottomleft: 10px;*/
	border-bottom-right-radius: 0px;	-moz-border-radius-bottomright: 0px;	-webkit-border-bottom-right-radius: 0px;	/*-webkit-border-radius-bottomright: 10px;*/


}
.TabInactive a:link, 
.TabInactive a:active, 
.TabInactive a:hover, 
.TabInactive a:visited
{
	color:White;
	text-decoration:none;
}

.TabOver 
{
	font-size:14px;
	margin:0px 1px 0px 3px;
	float:left;
	background-color:#DDDDDD;
	border:1px solid #666666;
	vertical-align:top;
	padding:10px 20px 9px 20px;

	border-top-left-radius: 8px;	-moz-border-radius-topleft: 8px;	-webkit-border-top-left-radius: 8px;	/*-webkit-border-radius-topleft: 0px;*/
	border-top-right-radius: 8px;	-moz-border-radius-topright: 8px;	-webkit-border-top-right-radius: 8px;	/*-webkit-border-radius-topright: 0px;*/
	border-bottom-left-radius: 0px;	-moz-border-radius-bottomleft: 0px;	-webkit-border-bottom-left-radius: 0px;	/*-webkit-border-radius-bottomleft: 10px;*/
	border-bottom-right-radius: 0px;	-moz-border-radius-bottomright: 0px;	-webkit-border-bottom-right-radius: 0px;	/*-webkit-border-radius-bottomright: 10px;*/


}
.TabOver a:link, 
.TabOver a:active, 
.TabOver a:hover, 
.TabOver a:visited
{
	cursor:pointer;
	color:#424242;
	text-decoration:none;
}




.AccountImageBox
{
	width:99%; 
	height:100px; 
	overflow:auto; 
	border:1px solid #AAAAAA;
	background-color:#DDDDDD;
	background-image:url(../../images/unknown.gif);
	background-repeat:no-repeat;
}
.AccountImageBox IMG
{
	max-height:100px; 
}


.EmailRetailerPanel
{
    font-family: FranklinGothicBook, Arial;  
	width:350px;
	border:3px #424242 double;
	background-color:#944967; /*  #C5161D; */
	color:White;
	padding:10px;
	font-size:11px;
}
.EmailRetailerPanel TD
{
	font-size:11px;
}


.PaymentConfirmation
{
	border: 3px double #999999;
	font-size:16px;
}

.PaymentConfirmation .Heading
{
	border: 3px double #999999;
	font-size:18px;
	background-color:#424242;
	color:#EEEEEE;
	text-align:center;
	padding:5px 2px 5px 3px;
}


.PaymentConfirmation .Labels
{
	text-transform:uppercase;
	text-align:right;
	background-color:#DDDDDD;
	font-size:14px;
	padding:5px 5px 1px 3px;
	white-space:nowrap;
	border-bottom:1px solid #AAAAAA;
}

.PaymentConfirmation .Info
{
	font-weight: bold;
	font-size:15px;
	padding:5px 5px 1px 5px;
	border-bottom:1px solid #AAAAAA;
}

 .PCCompleteOuter
 {
    width:750px;
    font-size:11px;
    margin-bottom:20px;
 }
 
 .PCCompleteBarOuter
 {
    border:1px solid #424242;
    background-color:#EEEEEE;
    width:700px;
    height:16px;   
    padding:2px;
 }
 .PCCompleteBarInner
 {
    float:left;
    height:14px;   
    padding-top:2px;
 }
 
 
 .ThisCompanyBox
 {
    font-family: FranklinGothicBook, Arial;  
    border: 1px solid #AA4242;
    background-color:#F4EEEE;   
    min-height:85px;
    width:140px;
    padding:5px;
    font-size:10px;
    margin:5px;
    display:block;
    overflow-x:hidden;

	border-top-left-radius: 6px;	-moz-border-radius-topleft: 6px;	-webkit-border-top-left-radius: 6px;	/*-webkit-border-radius-topleft: 6px;*/
	border-top-right-radius: 6px;	-moz-border-radius-topright: 6px;	-webkit-border-top-right-radius: 6px;	/*-webkit-border-radius-topright: 6px;*/
	border-bottom-left-radius: 6px;	-moz-border-radius-bottomleft: 6px;	-webkit-border-bottom-left-radius: 6px;	/*-webkit-border-radius-bottomleft: 6px;*/
	border-bottom-right-radius: 6px;	-moz-border-radius-bottomright: 6px;	-webkit-border-bottom-right-radius: 6px;	/*-webkit-border-radius-bottomright: 6px;*/
 }
 
 
 .CompanyBox
 {
    font-family: FranklinGothicBook, Arial;  
    border: 1px solid #424242;
    background-color:#EEEEf4;   
    min-height:85px;
    width:140px;
    padding:5px;
    font-size:10px;
    margin:5px;
    display:block;
    overflow-x:hidden;

	border-top-left-radius: 6px;	-moz-border-radius-topleft: 6px;	-webkit-border-top-left-radius: 6px;	/*-webkit-border-radius-topleft: 6px;*/
	border-top-right-radius: 6px;	-moz-border-radius-topright: 6px;	-webkit-border-top-right-radius: 6px;	/*-webkit-border-radius-topright: 6px;*/
	border-bottom-left-radius: 6px;	-moz-border-radius-bottomleft: 6px;	-webkit-border-bottom-left-radius: 6px;	/*-webkit-border-radius-bottomleft: 6px;*/
	border-bottom-right-radius: 6px;	-moz-border-radius-bottomright: 6px;	-webkit-border-bottom-right-radius: 6px;	/*-webkit-border-radius-bottomright: 6px;*/

}
.CompanyBox .Name, .ThisCompanyBox .Name
{
    font-family: FranklinGothicBook, Arial;  
    font-size:11px;
    font-weight:bold;
    text-transform:uppercase;
}
 
  .CompanyBoxParent
 {
    font-family: FranklinGothicBook, Arial;  
    border: 2px outset #CCCCFF;
    background-color:#f8f8f8;   
    min-height:85px;
    width:140px;
    padding:5px;
    font-size:10px;
    margin:5px;
    float:left;
    overflow-x:hidden;
	border-top-left-radius: 6px;	-moz-border-radius-topleft: 6px;	-webkit-border-top-left-radius: 6px;	/*-webkit-border-radius-topleft: 6px;*/
	border-top-right-radius: 6px;	-moz-border-radius-topright: 6px;	-webkit-border-top-right-radius: 6px;	/*-webkit-border-radius-topright: 6px;*/
	border-bottom-left-radius: 6px;	-moz-border-radius-bottomleft: 6px;	-webkit-border-bottom-left-radius: 6px;	/*-webkit-border-radius-bottomleft: 6px;*/
	border-bottom-right-radius: 6px;	-moz-border-radius-bottomright: 6px;	-webkit-border-bottom-right-radius: 6px;	/*-webkit-border-radius-bottomright: 6px;*/

 }
 
.CompanyBoxParent .Name
{
    font-family: FranklinGothicBook, Arial;  
    font-size:11px;
    font-weight:bold;
    text-transform:uppercase;

}


.BrandsTable
{
    float:left;
    border:1px solid #999999 ! important;
    width:96%;
    margin:10px 0px 10px 0px;
}
.BrandsTable .Textbox
{
    background-color:#DDDDDD;
    border-bottom:1px solid #CCCCCC;
}

.BrandsTable .Label
{
    background-color:#DDDDDD;
    text-align:right;
    padding:5px;    
    border-bottom:1px solid #CCCCCC;
}
.BrandsTable .Checkbox
{
    background-color:#DDDDDD;
    border-bottom:1px solid #CCCCCC;
    border-left:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    text-align:center;
    vertical-align:middle;
    padding-top:5px;
}


.BrandsTableHeader
{
    background-color:#AAAAAA;
    color:Black;
    font-weight:bold;
}
.BrandsTableHeaderLabels
{
    background-color:#AAAAAA;
    color:Black;
    font-weight:bold;
    vertical-align:bottom;
}




.SignUpForm
{
    border:1px solid #944967;
    padding:20px;
    width:750px;
    margin:20px;
}
.SignUpForm .Header
{
    height:20px;
    background-color:White;
    position:relative;
    margin:-30px 0px 0px 20px;
    white-space:nowrap;
    padding:0px 5px 0px 5px;
    display:inline-block;
    float:left;
}
.SignUpForm .Header H2
{
    font-size:20px;
    color:#944967;
	margin:0px 0px 0px 0px;
	font-weight:normal;
	letter-spacing:1px;
}


.SignUpForm .Labels, .SignUpFormNoBorder .Labels
{
	text-transform:uppercase;
	vertical-align:top;
	text-align:right;
	padding:3px 5px 5px 5px;
}
.SignUpForm .SubLabels
{
    font-family: FranklinGothicBook, Arial;  
	text-transform:none;
	text-align:right;
	margin:-14px 0px 0px 0px;
	padding:0px 5px 0px 5px;
	white-space:normal;
	font-size:10px;
	color:#666666;
}


.SignUpForm .Data, .SignUpFormNoBorder .Data
{
    padding-top:0px;
	text-align:left;
    vertical-align:middle ! important;
}
.SignUpForm .DataText
{

}
.CompulsoryField
{
    color:Red;
    font-size:11px;
}

.SignUpForm .CustomQuestions
{
	vertical-align:middle;
	text-align:right;
	padding:8px 5px 5px 5px;
}

.SignUpForm .ImportantPanel
{
    color:Red;
	padding:8px 5px 5px 5px;
}

.SignUpFormNoBorder
{
    border:none ! important;
    padding:20px;
    width:750px;
    margin:20px;
}

.SignUpInterests
{
    
    margin:20px;
}

.TerminatePopupBox
{
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background-color: rgba(42,42,42,0.5);
}

.TerminatePopupBox .InnerBox
{
    position:fixed;
    top:25%;
    left:28%;
    padding:20px;  
    width:44%;
    border:1px solid #424242;
    background-color:#f0dbdc;
    text-align:left;
    
    -moz-box-shadow: 2px 2px 4px #666666;
    -webkit-box-shadow: 2px 2px 4px #666666;
    box-shadow: 2px 2px 4px #666666;

    z-index:400;
}
.TerminatePopupBox .Highlight
{
    color:#c5161d;
    font-weight:bold;
    font-size:16px;
}
.TerminatePopupBox .Highlight2
{
    color:#c5161d;
}


.TerminatePopupBox .RadioButtonsBox
{
    margin:10px 30px 10px 40px;
}


.SubsStatus
{
    font-family: MyriadProCondBold, FranklinGothicBook, Arial; 
    font-size:24px;
    text-transform:none;
    color:#944967;
    font-weight:normal;
    line-height:100%
}

.SubsStatus B
{
    color:#bd8a9a;
    font-weight:normal;
    text-transform:uppercase;
}

.SubsCancelPanel
{
	position:absolute;
    background-color:#EEEEEE;
    width:400px;
    border:1px solid #666666;

    -moz-box-shadow: 2px 2px 2px #666666;
    -webkit-box-shadow: 2px 2px 2px #666666;
    box-shadow: 2px 2px 2px #666666;
    padding:20px;
    margin-left:150px;
    margin-top:-20px;
    text-align:left
}


.SubsOptionsWrapper
{
    width:930px;
    border:2px solid #424242;

    -moz-box-shadow: 2px 2px 2px #666666;
    -webkit-box-shadow: 2px 2px 2px #666666;
    box-shadow: 2px 2px 2px #666666;
} 
   
.SubsOptionsTitle
{
    font-family: MyriadProCondBold, FranklinGothicBook, Arial; 
    font-size:30px;
    background-color:#944967;
    color:#FFFFFF;
    text-align:center;
    width:910px;
    margin:10px;
    text-transform:uppercase;
    height:32px;
    padding:3px 0px 5px 0px;
}

.SubsOptionOuter
{
    width:428px;
    margin:10px 0px 10px 20px;

    border:1px solid #666666;

    -moz-box-shadow: 2px 2px 2px #666666;
    -webkit-box-shadow: 2px 2px 2px #666666;
    box-shadow: 2px 2px 2px #666666;
       
}

.SubsOptionTop
{
    width:428px;
    height:348px;
    padding:0px;

}
.SubsOptionWebOnly
{
    background-image:url(../../images/Jeweller/SubsOptionWebOnly.png);
    background-repeat:no-repeat;
}
.SubsOptionFull
{
    background-image:url(../../images/Jeweller/SubsOptionFull.png);
    background-repeat:no-repeat;
}

.SubsOptionTopInner
{
    padding:20px;
    font-family: MyriadProCondBold, FranklinGothicBook, Arial; 
    color:White;
    
}
.SubsOptionNameBox
{
    width:328px;
    padding:0px 30px 0px 30px;
    height:60px;
    font-size:34px;
    text-align:center;
    text-transform:uppercase;
    line-height:100%;
    letter-spacing:-1px;
    vertical-align:middle;
    display: table-cell;
}
.SubsOptionPriceBox
{
    width:388px;
    height:80px;
    text-align:center;
}

    

.SubsOptionPriceBox .Wrapper
{
    display: table-cell;
}

.SubsOptionPriceBox .Price
{
    font-size:84px;
    float:left;
    line-height:80%;
}
.SubsOptionPriceBox .Duration
{
    font-size:24px;
    float:left;
    width:60px;
    white-space:normal;
    font-style:italic;
    line-height:80%;
    text-align:left;
    padding-left:4px;
}



.SubsOptionBottom
{
    width:398px;
    min-height:300px;
    padding:20px 15px 10px 15px;
    background-color:#F6F6F6;
    position:relative;
}

.SubsOptionButtonBox
{
    width:398px;
    text-align:center;
    position:absolute;
    bottom:0px;
    padding:10px 0px 30px 0px;
}
.SubsOptionButtonBox .CheckBox
{
    font-size:13px;
    position:relative;
    top:10px;
}


.SwapSubsDurationLinkBox
{
    width:930px;
    text-align:center;
    padding:0px 0px 5px 0px;
    font-size:11px;
    font-weight:bold;
}
.SwapSubsDurationLinkBox a:link, .SwapSubsDurationLinkBox a:visited { color:#6aa1d6; text-decoration:none; cursor:pointer; } 
.SwapSubsDurationLinkBox a:hover, .SwapSubsDurationLinkBox a:active { color:#6aa1d6; text-decoration:underline; cursor:pointer; }




.SubsImagePanelOuter
{
    background-color:rgba(100, 100, 100, 0.8);   
    background-repeat:repeat;
    width:100%;
    height:100%;
    position:fixed;
    left:0px;
    top:0px;    
    text-align:center;
    vertical-align:middle;
    z-index:20000;
    display:table-cell;
    
}

.SubsImagePanelInner
{
    padding:10px;
    font-family: MyriadProCondBold, FranklinGothicBook, Arial; 
    color:White;
    background-image: url('../../images/Jeweller/SubsImagePanel.jpg');
    /*background-color:#224a9f;   */
    color:White;
    font-weight:normal;
    width:628px;
    min-height:370px;
    border:none;
    margin:auto;
    
    height: auto;
    margin: auto auto;
    position: relative;
    top:25%;
    
}
.SubsImagePanelInner .Title
{
    font-size:30px;
    letter-spacing:-0.5px;
    text-transform:uppercase;
}
.SubsImagePanelInner .SubTitle
{
    font-size:14px;
    color:#6aa1d6;
    position:relative;
    margin-top:-4px;
}


.SubsImagePanelInner .SubTitle a:link, .SubsImagePanelInner .SubTitle a:visited { color:#6aa1d6; text-decoration:none; cursor:pointer;} 
.SubsImagePanelInner .SubTitle a:hover, .SubsImagePanelInner .SubTitle a:active { color:#6aa1d6; text-decoration:underline; cursor:pointer;}

.SubsImagePanelInner .Labels
{
    font-family: MyriadProCondBold, FranklinGothicBook, Arial; 
    font-size:16px;
    letter-spacing:0px;
    text-transform:uppercase;
    text-align:right;
    font-weight:normal;
    padding:18px 3px 3px 3px;
}

.SubsImagePanelInner .Inputs INPUT
{
    font-family: MyriadProCondBold, FranklinGothicBook, Arial; 
    font-size:16px;
    height:24px;
    margin-bottom:6px;
    font-weight:normal;
    padding-left:3px;
    
}
.SubsImagePanelInner .LoginTable
{
    width:460px;
    margin:10px 0px 10px 0px;
}

.SubsImagePanelInner .EmailConfText
{
    font-family: MyriadProCondBold, FranklinGothicBook, Arial; 
    font-size:16px;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
}


.AddressPanelOuter
{
    background-color:rgba(100, 100, 100, 0.8);   
    background-repeat:repeat;
    width:100%;
    height:100%;
    position:fixed;
    left:0px;
    top:0px;    
    text-align:center;
    vertical-align:middle;
    z-index:20000;
    display:table-cell;
    
}

.AddressPanelInner
{
    padding:20px;
    font-family: MyriadProCondBold, FranklinGothicBook, Arial; 
    color:White;
    background-color:#944967;   
    color:White;
    font-weight:normal;
    width:700px;
    border:none;
    margin:auto;
    
    height: auto;
    margin: auto auto;
    position: relative;
    top:30%;
    
}
.AddressPanelInner .Title
{
    font-size:26px;
    letter-spacing:-0.5px;
    text-transform:uppercase;
}
.AddressPanelInner .SubTitle
{
    font-size:14px;
    color:#6aa1d6;
    position:relative;
    margin-top:-4px;
}

.AddressPanelInner .SubTitle a:link, .AddressPanelInner .SubTitle a:visited { color:#6aa1d6; text-decoration:none; cursor:pointer;} 
.AddressPanelInner .SubTitle a:hover, .AddressPanelInner .SubTitle a:active { color:#6aa1d6; text-decoration:underline; cursor:pointer;}

.AddressPanelInner .Labels
{
    font-family: MyriadProCondBold, FranklinGothicBook, Arial; 
    font-size:16px;
    letter-spacing:0px;
    text-transform:uppercase;
    text-align:right;
    font-weight:normal;
    padding:8px 3px 3px 3px;
}

.AddressPanelInner .Inputs INPUT
{
    font-family: MyriadProCondBold, FranklinGothicBook, Arial; 
    font-size:16px;
    height:24px;
    margin-bottom:6px;
    font-weight:normal;
    padding-left:3px;
    
}
.AddressPanelInner .Inputs SELECT
{
    font-family: MyriadProCondBold, FranklinGothicBook, Arial; 
    font-size:16px;
    height:30px;
    margin-bottom:6px;
    vertical-align:middle;
    padding-top:6px;
    padding-left:3px;
    font-weight:normal;
    
}
.AddressPanelInner .AddressTable
{
    width:460px;
    margin:10px 0px 10px 0px;
}

.MainSubsButton
{
    font-family: MyriadProCondBold, FranklinGothicBook, Arial; 
    font-size:26px;
    background-color:#df2037;
    min-width:180px;
    color:White;
    border:none ! important;
    text-transform:uppercase;
    padding:8px 20px 8px 20px;
    letter-spacing:0px;
}


.SubsContentImage
{
    width:934px;
    position:relative;
    z-index:1;
}
.SubsContentImage IMG
{
    position:relative;
    z-index:1;
}


.PaymentHeader
{
    font-family: MyriadProCondBold, FranklinGothicBook, Arial; 
    font-size:24px;
    color:#bd8a9a;
    font-weight:normal;
    line-height:100%;
    width:924px;
    background-color:#944967;
    text-transform:uppercase;
    text-align:center;
    padding:8px;
}
.PaymentHeader .HeaderPackage
{
    color:#ead0dd;
}

.PaymentSubHeader
{
    font-family: MyriadProCondBold, FranklinGothicBook, Arial; 
    font-size:20px;
    text-transform:none;
    color:#944967;
    font-weight:normal;
    line-height:100%;
    width:924px;
    background-color:Transparent;
    text-align:center;
    padding:8px;
}

.PaymentTable
{
    text-align:center;   
    width:99%;
}

.PaymentTable .Labels
{
    text-align:right;
    text-transform: uppercase;
    padding-top:4px;
    padding-right:4px;
}

.SubsPrivacySecurity
{
    font-size:12px;   
}

.SubsPrivacySecurity .Heavy
{
    font-family: MyriadProCondBold, FranklinGothicBook, Arial; 
    font-size:20px;
    text-transform:none;
    font-weight:normal;
    line-height:100%;
}


.EmailConfPanelOuter
{
    background-color:rgba(100, 100, 100, 0.8);   
    background-repeat:repeat;
    width:100%;
    height:100%;
    position:fixed;
    left:0px;
    top:0px;    
    text-align:center;
    vertical-align:middle;
    z-index:20000;
    display:table-cell;

}
.EmailConfText
{

    padding:10px;
    font-family: MyriadProCondBold, FranklinGothicBook, Arial; 
    background-color:#944967;
    /*background-color:#224a9f;   */
    color:White;
    font-weight:normal;
    width:728px;
    min-height:370px;
    border:none;
    
    height: auto;
    margin: auto auto;
    position: relative;
    top:25%;

    font-size:36px;
    text-transform:none;
    font-weight:normal;
    line-height:100%;

    padding:80px 5px 0px 5px;
}
.EmailConfText B
{
    color:#6aa1d6;
    font-weight:normal;
}
.EmailConfText .BitSmaller
{
    font-size:28px;
}

.EmailConfText .Socials
{
    margin-left:258px;   
    margin-top:20px;
}

.CloseBox
{
    position:absolute;
    top:0px;
    right:10px;
    
    font-size:18px;
}

.CloseBox .TheX
{
    font-family: FranklinGothicBook, Arial; 
    font-weight:normal;
    font-size:28px;

    padding-top:0px;
    float:left; 
}

.CloseBox .TheText
{
    float:left; 
    margin-top:7px;
}

.CloseBox a:link, .CloseBox a:visited { color:#6aa1d6; text-decoration:none; cursor:pointer;} 
.CloseBox a:hover, .CloseBox a:active { color:#6aa1d6; text-decoration:underline; cursor:pointer;}

