/* ++++++++++ global general styles start ++++++++++*/  
html, body {
    margin:0px;
    padding:0px;
    font: 9.8pt arial, helvetica, sans-serif;
    color:#000000;
}
    
a:link { color:#D0FAFC; }
a:visited { color:#D0FAFC; }
a:active { color:#D0FAFC; }
a:hover { color:#000000; }  

a.linklist1:link { text-decoration:none;color:#333333;}
a.linklist1:visited { text-decoration:none;color:#333333;}
a.linklist1:active { text-decoration:none;color:#333333;}
a.linklist1:hover { text-decoration:underline;color:#ffffff;}

a.linklist2:link { text-decoration:none;color:#626913;}
a.linklist2:visited { text-decoration:none;color:#626913;}
a.linklist2:active { text-decoration:none;color:#626913;}
a.linklist2:hover { text-decoration:underline;color:#C70000;}

a.linklist3:link { text-decoration:none;color:#C7D717;}
a.linklist3:visited { text-decoration:none;color:#C7D717;}
a.linklist3:active { text-decoration:none;color:#C7D717;}
a.linklist3:hover { text-decoration:underline;color:#C70000;}

a.linklist4:link { text-decoration:none;color:#ffffff;}
a.linklist4:visited { text-decoration:none;color:#ffffff;}
a.linklist4:active { text-decoration:none;color:#ffffff;}
a.linklist4:hover { text-decoration:underline;color:#000000;}

a.linklist5:link { text-decoration:none;color:#f8ff96;}
a.linklist5:visited { text-decoration:none;color:#f8ff96;}
a.linklist5:active { text-decoration:none;color:#f8ff96;}
a.linklist5:hover { text-decoration:underline;color:#C70000;}

a.linklist6:link { text-decoration:none;color:#000000;}
a.linklist6:visited { text-decoration:none;color:#000000;}
a.linklist6:active { text-decoration:none;color:#000000;}
a.linklist6:hover { text-decoration:none;color:#C70000;}

a.linklist7:link { text-decoration:none;color:#ffff00;}
a.linklist7:visited { text-decoration:none;color:#ffff00;}
a.linklist7:active { text-decoration:none;color:#ffff00;}
a.linklist7:hover { text-decoration:none;color:#ff0000;}

.middle-link-pad {
    padding-left:60px;
}

ul {
    margin-bottom:5px;
}

ul li {
    padding-bottom:10px;
}

.color-1-text-98 { 
    font-family:arial, helvetica, sans-serif;
    font-size:8pt;
    color: #ffffff;
}

.color-2-text-10 { 
    font-family:arial, helvetica, sans-serif;
    font-size:10pt;
    color: #E2E0E0;
}
    
.color-2-text-12 { 
    font-family:arial, helvetica, sans-serif;
    font-size:12pt;
    line-height:1.5;
    color: #E2E0E0;
}

.color-2-text-14 { 
    font-family:arial, helvetica, sans-serif;
    font-size:14pt;
    line-height:1.5;
    color: #E2E0E0;
}   

.color-3-text-9 { 
    font-family:arial, helvetica, sans-serif;
    font-size:9pt;
    color: #ffffff;
}

.color-3-text-10 { 
    font-family:arial, helvetica, sans-serif;
    font-size:10pt;
    color: #ffffff;
}
    
.indented-paragraph1 {
    margin-left: 80px;
    margin-top: -7px;
}

.indented-paragraph2 {
    margin-left: 90px;
    margin-top: -7px;
}

table.pricing-table .pricing-cell {
    padding-left: 10px;
}

table.pricing-table .desc-cell {
    text-align: right;
}

/* ++++++++++ global general styles end ++++++++++*/    
/* ++++++++++ global structure styles start ++++++++++*/    

.a5-bg-left {
    width:100%;
    margin-bottom:-10px; /* added to keep these bg image froms passing beyond the footer */
    background:url(images/bg-left-column.gif) repeat-y left top;
}       

.a5-bg-right {
    width:100%;
    background:url(images/bg-right-column.gif) repeat-y right top;
}

.a5-bg-right-tl {
    width:100%;
    background:url(images/bg-right-column-tl.gif) repeat-y right top;
}   
    
#a5-body-center {
    text-align:center;
}   

#a5-body {
    position: relative;
    width: 1000px; /* change this to a specific amount for a fixed design. E.g., 770px. */

/* note: this will look wider in IE because the right scroll defaults as on */

/* remove these comment tags if the page is to be centered */

    margin-left: auto;
    margin-right: auto;
    text-align:left;    
    background:#000000 url(images/bg-right-column.gif) repeat-y right top;  /*the bg color of this property is for the center column, and the bg image is for the right column. This guarantees all columns have color no matter the height of any column */
    border:0px solid #000000;       
}   


#a5-header {
    position:relative;
    left:0px;
    top:0px;
    height:117px;   
    background:url(images/bg-header.gif) repeat-x;  
    border:0px solid #000000;   
}   
    
#header-left {
    position:absolute;
    left:0px;
    top:0px;
    height:117px; /* added to keep header height correct */
    border:0px solid #000000;       
}

#header-middle {
    position:absolute;
    left:456px;
    top:0px;
    height:117px; /* added to keep header height correct */     
    border:0px solid #000000;       
}

#a5-header-right {
    position:absolute;
    right:0px;
    top:0px;
    height:117px; /* added to keep header height correct */     
    border:0px solid #000000;           
}

#a5-header-right > .phone-number {
    position: absolute;
    top: 38px;
    left: 50px;
    font-size: 22px;
    font-weight: bold;
    color: black;
}

#a5-header-right > .call-now-label {
    position: absolute;
    top: 21px;
    left: 50px;
    font-size: 18px;
    font-weight: bold;
}

#a5-header-right > .red-button-image {
    position: absolute;
    top: 73px;
    left: 50px;
}

#a5-header-right > .email-us-text {
    position: absolute;
    top: 79px;
    left: 70px;
    color: white;
    font-size: 16px;
    font-weight: bold;
}

#a5-header-right > .email-us-click {
    position: absolute;
    top: 77px;
    left: 67px;
    background-color: transparent;
    width: 123px;
    height: 27px;
    cursor: hand;
    cursor: pointer;
}

#a5-column-left {
    float:left;
    width:181px;
    margin:0px -1000px 0px 0px;
    height:auto;
    border:0px solid #000000;   
}   
    
#a5-menu {
    width:181px;        
    padding:25px 0px 10px 0px;          
    font:bold 9.8pt arial, helvetica, sans-serif;
    background: url(images/bg-menu.gif) repeat-y 0px 0px;           
}

#a5-menu a {
    display:block;
    text-align:left;
    line-height:23px;
    vertical-align:50%;         
    text-align:right;
    padding:0px 25px 0px 10px;          
    text-decoration:none;
    background: url(images/bg-menu-off.gif) no-repeat 0px 0px;
    color:#ffffff;
}
            
#a5-menu a:hover {
    background: url(images/bg-menu-on.gif) no-repeat 0px 0px;
    color:#ffffff; 
}       
            
#a5-photo-bottom-left {
    position: relative;
    margin:10px 0px 0px 0px;
    border:0px solid #000000;   
}   

#a5-photo-bottom-left > .subscribe-label {
    position: absolute;
    top: 20px;
    left: 10px;
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
}

#a5-photo-bottom-left > .red-button-image {
    position: absolute;
    top: 70px;
    left: 19px;
}       

#a5-photo-bottom-left > .subscribe-text {
    position: absolute;
    top: 76px;
    left: 50px;
    color: white;
    font-size: 16px;
    font-weight: bold;
}  

#a5-photo-bottom-left > .subscribe-click {
    position: absolute;
    top: 74px;
    left: 26px;
    background-color: transparent;
    width: 125px;
    height: 27px;
    cursor: hand;
    cursor: pointer;
}   

#a5-photo-bottom-left > .view-newsletters {
    position: absolute;
    top: 115px;
    left: 40px;
    font-size: 16px;
    font-weight: bold;
    line-height: 15px;
    text-align: center;
}

#a5-body-content {
    position:relative;
    margin-left:181px;
    border:0px solid #000000;   
}                   
    
#a5-column-middle {
    position:relative;
    left:0px;
    top:0px;
    margin:23px 0px 0px 20px;
    font: bold 10.8pt arial, helvetica, sans-serif;     
    background:url(images/bg-center-column.gif) repeat-y 0px 0px;
    border:0px solid #000000;           
}   

#a5-column-middle-bottom {
    position:relative;
    left:40px;
    top:0px;
    background-color:#000000;
    color:#ffffff;
    width:510px;
    height:290px;
}

#a5-middle-bottom-left {
    position:absolute;
    left:-25px;
    top:25px;
    text-align:left;
    padding-top:10px;
    line-height:1.5;
    width:253px;
}

#a5-middle-bottom-left ul {
    margin-top: 20px;
    margin-left:15px;
    padding-left:15px;
}

#a5-middle-bottom-left h2 {
    margin-top:5px; 
    margin-bottom:0px;
}

#a5-middle-bottom-left li {
    margin-bottom:0px;
    font-size: 16px;
    font-weight: normal;
}

#a5-middle-bottom-right {
    position:absolute;
    left:196px;
    top:0px;
    text-align:center;
    height:100%;
}
                    
#a5-column-right {
    float:right;
    width:250px;
    margin-top:-23px;       
    text-align:left;
    border:0px solid #000000;   
}   
                    
#a5-bottom-right-text {
    font: bold 10pt arial, helvetica, sans-serif; 
    margin-top:-10px;
    color:#000000;
    padding:0px 0px 15px 10px;
}

#a5-bottom-right-text ul {
    margin-top:20px;
    margin-bottom:-5px;
}

#a5-bottom-right-text ul li {
    margin-bottom:10px;
}

#a5-footer {
    clear:both; /* this needs to be outside the a5-bg-left and a5-bg-right so the background images don't repeat below the footer */
    text-align:center;
    padding-top:0px;
    line-height:25px;
    background:#B5B4B4;
    border:0px solid #000000;  
}   
    
/* ++++++++++ global structure styles end ++++++++++*/  
/* ++++++++++ second level start ++++++++++*/   

#sl-title {
    font:bold 28px italic Arial, Helvetica, sans-serif;
    padding:5px 0px 0px 10px;
    margin:20px 0px 20px 0px;
    color:#F8FFA6;
    voice-family:"\"}\"";
    voice-family:inherit;
}

#sl-subtitle {
    font:bold 18px italic Arial, Helvetica, sans-serif;
    padding:5px 0px 0px 30px;
    margin:20px 0px 10px 0px;
    /* color:#F8FFA6; */
    color:#C7D717;
    voice-family:"\"}\"";
    voice-family:inherit;
}

.sl-subtitle1 {
    font:bold 24px italic Arial, Helvetica, sans-serif;
    cursor:pointer;
    text-align:center;
    color:#F8FFA6;
}

.sl-subtitle2 {
    font:bold 16px italic Arial, Helvetica, sans-serif;
    cursor:pointer;
    color:#F8FFA6;
}

.sl-subtitle3 {
    font:bold 18px italic Arial, Helvetica, sans-serif;
    margin:30px 0px 10px 50px;
    cursor:pointer;
    color:#F8FFA6;
}

.sl-sub-subtitle {
    font:12px italic Arial, Helvetica, sans-serif;
    color:#F8FFA6;
}

#bg-display > div {
    padding-top:30px;
    padding-bottom:30px;
    text-align:center;
    margin:0px auto;
}

#sl-bullet-block {
    padding:0px 0px 0px 50px;
}

.sl-bullet-item {
    padding-bottom:8px;
}

.sl-bullet-item td {
    vertical-align:middle; 
    padding:0px 7px 3px 0px;
    cursor:pointer;
}

.sl-bullet-item table {
    height:40px;
}

.sl-bullet-item2 {
    height:48px;
}

.sl-bullet-item2 img {
    vertical-align:middle; 
    padding:0px 7px 3px 0px;
    cursor:pointer;
}

.centered-callout {
    text-align:center; 
    font-style:italic; 
    font-weight:bold;
}

.sl-item-contents {
    padding:0px 50px 20px 30px;
    cursor:pointer;
    display:none;
}

html>body #a5-sl-title {
    height:28px;
}   
    
#a5-column-middle-sl {
    position:relative;
    left:0px;
    top:0px;
    margin:23px 0px 40px 20px;
    font: 12pt arial, helvetica, sans-serif;        
    line-height:19pt;
    color:#ffffff;
    /* color:#F8FFA6; */
    border:0px solid #000000;           
}

#a5-column-middle-sl table {
    color:white;
}

#a5-column-middle-sl p {
    padding-left:50px;
    margin-top:0px;
    margin-right:30px;
}

#a5-column-middle-sl ul {
    margin-left:50px;
    margin-top:0px;
    padding-left:30px;
}
                    
#a5-column-right-sl {
    float:right;
    width:250px;
    margin-top:-23px;
    text-align:left;
    border:0px solid #000000;   
    voice-family:"\"}\"";
    voice-family:inherit;
    margin-top:-23px;
}

.silver-button-80x20 {
    background-image:url(images/silver_button_80x20.png); 
    background-position:center; 
    background-repeat:no-repeat; 
    width:80px; 
    height:20px; 
    font:bold 10pt arial, helvetica, sans-serif;
    color:black;        
    padding-top:2px;
    cursor:pointer;
}

.silver-button-80x20:hover {
    color:#C70000;
}

.silver-button-160x20 {
    background-image:url(images/silver_button_160x20.png); 
    background-position:center; 
    background-repeat:no-repeat; 
    text-align:center;
    width:160px; 
    height:20px; 
    font:bold 10pt arial, helvetica, sans-serif;
    color:black;        
    padding-top:4px;
    cursor:pointer;
}

.silver-button-160x20:hover {
    color:#C70000;
}

#loginForm>input {
    width:200px; 
    margin-bottom:20px;
}

#loginDiv {
    border:1px solid white; 
    width:205px; 
    padding:10px 10px 10px 10px;
}

#loginErrMsg {
    width:100%;
    height:30px;
    color:#C70000;
    text-align:center;
    margin-bottom:5px;
    font:bold 16pt arial, helvetica, sans-serif;
}

html>body #a5-column-right-sl {
    margin-top:-3px;
}   

.bullet-item-table {
    text-align:left;
}
    
.bullet-item-table tr td {
    padding-top:20px;
}

.bullet-item-table tr td img {
    padding-right:5px;
}

.bg-sample-table {
    width:789px;
}

.bg-sample-table tr td {
    padding-top:20px;
    padding-bottom:20px;
    text-align:center;
}
/* ++++++++++ second level end ++++++++++*/     

.dialogBody {
  display: none;
  cursor: default;
}

.blockMsg {
  /* color: #f4f0cb; */
  color: white;
  /* background-color: #392f24; */
  background-color: #93975c;
/*
  background: -webkit-linear-gradient(225deg, #392f24, #977d60, #392f24);
  background: -moz-linear-gradient(225deg, #392f24, #977d60, #392f24);
  background: -o-linear-gradient(225deg, #392f24, #977d60, #392f24);
  background: linear-gradient(225deg, #392f24, #977d60, #392f24);
*/
  opacity: 0.95;
  border: 3px solid #e7e7e7;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}

.blockMsg h1,
.blockMsg h2,
.blockMsg .dialogButtonContainer,
.blockMsg .dialogErrMsg {
  text-align: center;
}

.dialogErrMsg {
  font-size: 20px;
  font-weight: bold;
  color: #fff000;
  margin-bottom: 10px;
}

.dialogTopLabel {
  font-size: 18px;
}

.blockingDialogTextInput {
  line-height: 1.57;
  font-size: 18px;
  background-color: white;
  color: black;
}

.blockingDialogTextArea {
  font-size: 18px;
  background-color: white;
  color: black;
}

.dialogButton {
  font-weight: 600;
}

.dialogButton-activate,
.dialogButton:active,
.dialogButton.active {
  color: #685642 !important;
  background-color: #a99a70 !important;
  border-color: #e7e7e7 !important;
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  -ms-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}
.dialogButton-normal {
  color: #fdfcf5 !important;
  background-color: #80724d !important;
  border-color: #e7e7e7 !important;
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  -ms-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}

.dialogErrBackground {
  background-color: #ff0000 !important;
}

.dialogParagraphLast {
  padding: 10px 20px 20px 20px;
  text-align: center;
  font-size: 18px;
}

#specialtyBGPricing {
  margin: 0 auto;
}

#specialtyBGPricing th,
#specialtyBGPricing td {
  text-align: center;
  padding: 5px 20px;
}

select#freq {
  color: black;
}

.prior-newsletters {
    margin-top: 50px;
    margin-left: 70px;
}

.transparent-overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 200%;
  z-index: 1100;
  background-color: transparent;
  opacity: 0.0;
}

.cookie-notice-dlg {
  padding: 10px 0px 20px 0px;
  text-align: center;
  max-width: 350px;
  margin: 0 auto;
}

.cookie-notice-dlg a {
  font-weight: bold;
}

.cookie-notice-dlg > .dialogButtonContainer {
  margin-top: 7px;
}

.cookie-notice-dlg > .dialogButtonContainer > input.dialogOk {
  margin-right: 30px;
}

#portraitNewsletterDialogView .emailPrivacyPolicyNotice, 
#portraitEmailDialogView .emailPrivacyPolicyNotice {
  font-size: 18px;
  font-weight: normal;
  max-width: 350px;
  margin-top: 10px;
  margin-left: 20px;
  border: 2px solid transparent;
}

#portraitNewsletterDialogView .emailPrivacyPolicyNotice > label,
#portraitEmailDialogView .emailPrivacyPolicyNotice > label {
  display: inline;
  font-size: 18px;
  font-weight: normal;
}

#portraitNewsletterDialogView .emailPrivacyPolicyNotice > input,
#portraitEmailDialogView .emailPrivacyPolicyNotice > input {
  margin-left: 20px;
  margin-right: 7px;
}

.emailNoticeAckErr {
  border: 2px solid red !important;
}

.document-dlg-iframe-container {
  -webkit-overflow-scrolling: touch;
  position: relative;
  top: 25px;
  left: 20px;
  margin-right: 20px;
}

.document-dlg-iframe-container > iframe {
  background-color: white;
}