/*
Green = #339966
Red = #BC0000

*/


/* --------------------- GLOBAL FORMATING ----------------- */

body {
    margin:0 auto;
    font-family: Arial, helvetica, Sans-serif;
    font-size:11pt;
    line-height:180%;
    color:DimGray;
    background-color:white
    }

@media(max-width:800px){/* Collapsed menu padding */
                        body {width:100%;margin:0 auto;font-size:15px;} }

/* tells browsers that don't read html 5 tags to render like divs */
header, footer, aside, nav, article, section {display: block; margin: 0; padding: 0;}

/* clears containers with floated elements, no need for extra markup! */
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear {clear:both}
.clearing{width:100%;height:10px;background-color:RED;display:block; }
    
    

/* --------------------- SEO ----------------- */
  
#SEO-outer{
           width:100%;
           background-image:url('images/headerBG.jpg');
           background-position:bottom;
           background-repeat:repeat-x;
           }
   @media only screen and (max-device-width: 500px) { #SEO-outer {width:100%}  }

   #SEO-inner{
           width:1000px;
           height:110px;
           padding-top:3px;
           margin:0 auto;
           }
   @media only screen and (max-device-width: 500px) { #SEO-inner {width:100%;height:130px;}  }
   
#SEO-inner>h1 {
   font-size: 8pt;
   font-weight:normal;
   color:white;
   padding:0px 5px 20px 5px;
   line-height:120%;
   margin-bottom:0px;
   letter-spacing:normal;
   word-spacing:normal;
   } 
   @media only screen and (max-device-width: 500px) { #SEO-inner h1 {display:none;}  }

#vcl-banner {width:570px;border:0px blue dotted }   
              @media only screen and (max-device-width: 500px) { #vcl-banner {width:90%; margin:80px 0 0 10px}  }
              /* @media only screen and (max-device-width: 500px) { #vcl-banner img {width:230px;}  } */
   
#logo{float:right;margin-top:-72px; width:340px; height:84px; border:0px blue dotted }   
      @media only screen and (max-device-width: 500px) { #logo img {width:100%;margin-top:20px}  }
      @media only screen and (max-device-width: 500px) { #logo {width:250px;height:74px; margin:-120px 0 0 0;}  }
      
 /*  Black Bar  */   
#bar-outer{
           width:100%;
           background-color:black;
           margin-bottom:15px;}
   @media only screen and (max-device-width: 500px) { #bar-outer {width:100%; margin-top:-15px}  }

   #bar-inner{
           width:1000px;
           margin:0 auto;
           padding:4px 0 6px 0;
           }
   @media only screen and (max-device-width: 500px) { #bar-inner {width:100%;padding:4px 0px 6px 0px}  }   
   
      #bar-inner p{font-size:16pt; font-family:Times, serif; color:white; line-height:100%}
                  @media only screen and (max-device-width: 500px) { #bar-inner p{font-size:12pt}  }
           
 /*  Search box  */  
#search {float:right;margin-top:-24px }
        @media only screen and (max-device-width: 500px) { #search {margin-top:10px;float:left;padding:10px 0 0 10px}  }

#search-text-screen {float:right;margin-bottom:4px }
 @media only screen and (max-device-width: 500px) { #search-text-screen {display:none;}  }
   
#search-text-phone {display:none; }
 @media only screen and (max-device-width: 500px) { #search-text-phone {display:inline; float:right;margin-bottom:2px; color:white;font-size:14px;padding-right:10px;font-family:sans-serif;}  }   

   
#page-container {border:0px red solid; width:1000px; margin:0 auto;}
 @media only screen and (max-device-width: 500px) { #page-container {width:100%}  }

 
#logos {float:right;margin-top:-55px; margin-left:15px }
  @media only screen and (max-device-width: 800px){#logos {float:right;margin-top:0px;margin-left:10px}}
  

 /*----- General formating ------*/
img {border:0}

h1 {
   font-size: 24pt;
   color:#BC0000;
   font-weight:normal;
   letter-spacing:-1px;
   word-spacing:3px;
   margin-top:10px;
   font-family: Times, serif;
   font-weight:normal;
   line-height:120%
   }
@media only screen and (max-device-width: 500px) { h1 {font-size:20pt; margin-left:10px}  }

h2 {
   font-size: 16pt;
   color:DimGray;
   font-weight:normal;
   line-height:120%
   }
@media only screen and (max-device-width: 500px) { h2 {font-size:18pt; margin-left:10px}  }

h3 {
   font-size: 14pt;
   color:#339966;
   font-family: Times, serif;
   line-height:120%;
   }
@media only screen and (max-device-width: 500px) { h3 {font-size:16pt; margin-left:10px}  }   
h4 {
   font-size: 11pt;
   color:#4A4A4A;
   line-height:130%;
   }
@media only screen and (max-device-width: 500px) { h4 {font-size:14pt; margin-left:10px}  }

p  {
   font-size:11pt;
   color:DimGray;
   line-height:160%;
   margin:left:0;
   }
   
@media only screen and (max-device-width: 500px) { p {font-size:14pt; margin-left:10px; margin-right:10px}  }

#page-container li  {
   font-size:11pt;
   color:DimGray;
   }
   
@media only screen and (max-device-width: 500px) {#page-container li {font-size:14pt}  }



    a  { color:DimGray; text-decoration:none; font-size:11pt }
    a:visited { color:#BC0000; }
    a:hover { color:#C0C0C0; }
    a:active { color:#C0C0C0; }
    

hr.style-five { border: 0; height: 0; /* Firefox... */ box-shadow: 0 0 10px 1px black;margin:25px auto;width:90% } 
hr.style-five:after { /* Not really supposed to work, but does */ content: "\00a0"; /* Prevent margin collapse */ }

/*  -------- MOBILE ONLY ---------  */
    
@media only screen and (max-device-width: 500px) { input[type=text]{font-size:18px;width:90%; } 
                                                   textarea{ width:90%; }
                                                   input[type=submit] {font-size:13pt }
                                                   }                            

@media only screen and (max-device-width: 500px) { .screen-only {display:none;} }     


.Page-No-Bottom {float:right; }



/* ---------------- Main Menu ------------------*/

#main-menu-type{ display:none;}
@media only screen and (max-device-width: 500px) { #main-menu-type {display:inline; float:left; font-size:18px; margin:20px 0 0 0 ;line-height:12px}  }

/* ----------------  Home page ------------------*/
.home-p {margin-bottom:30px}


.imagecontainer{
 border:0px solid black; 
  width:65%;
  padding-top:60px;
  position:relative;
  margin:0 auto;
  }

.ads204 {width:173px; height:255px; border:1px #C0C0C0 solid; margin:0 10px 40px 0; float:left; } 
         @media only screen and (max-device-width: 500px) { .ads204 {float:right; line-height:12px; margin:15px 0 10px 0}  }
    
.inner-ads-head {width:100%; margin:0; min-height:15px; background-color:black; border:0px #C0C0C0 solid; padding:5px 0;color:white;font-weight:bold;text-align:center;letter-spacing: 3px;line-height:100%;font-weight:normal;} 

.inner-ads-head p {text-align:center;line-height:100% } 
                   @media only screen and (max-device-width: 500px) { .inner-ads-head p {line-height:100%}  }

 .outer-wow-head {float:right;}
                 @media only screen and (max-device-width: 500px) {  .outer-wow-head {margin-top:-30px}  }
                   
.inner-wow-head {width:100%; min-height:15px; background-color:black; padding:5px 0; border:0px #C0C0C0 solid; color:white; font-weight:bold; text-align:center; letter-spacing:3px; line-height:100%; font-weight:normal;margin:0; z-index:1000} 



.ads204    a  { color:#BD0000; font-size:20px; text-decoration:none; }
.ads204    a:visited { color:#BC0000; }
.ads204    a:hover { color:#BC0000; }
.ads204    a:active { color:#BC0000; }
    
@media only screen and (max-device-width: 500px) { #headline {margin-top:250px}  }



/* Image table */
    #data-container {
    width:100%;
    margin:-30px auto;
     }

    #data-container img {width:100%;}
     
	.data-col-1 {
	width:45%;
	float:left;
    margin:2px 0;
    padding-right:15px;
	}
	
	.data-col-2 {
	width:45%;
	float:right;
    margin:2px 0;
    padding-left:10px;
	}
    


@media only screen and (min-device-width: 500px) { #data-container {display:none;}  }


#ideo {
      margin-right:auto; 
      margin-left:auto;
      max-width:1000px;
      padding-bottom:10px;
      padding-top:0px;
      color:gray;
      text-align:right;
      }
@media only screen and (max-device-width: 500px) { #ideo {padding:10px 5px 0 0;}  }      
      
#ideo a {
	color:gray;
    text-decoration:none;
    padding-bottom:20px;
    font-size:8pt;
    }
#ideo a:hover {
	color:black;
	text-decoration:none;
    padding-bottom:20px;
    }
@media only screen and (max-device-width: 500px) { #ideo a {font-size:11px;}  }  
  
#ideo p { color: white; text-align:left; }





/* -------   Contact Page  ---------*/


.address {float:left; width:620px; border:0px pink dotted }
          @media only screen and (max-device-width: 480px) { .address {width:100%}  }


.contact-form { float:right; width:350px; margin-bottom:20px; border:0px dotted}
                @media only screen and (max-device-width: 480px) { .contact-form {float:none; width:100%}  }

#map {width:620px; height:400px; margin-bottom:20px;}

@media only screen and (max-device-width: 480px) { #map, iframe {width:85%}  }


/* -------   quote page 2018  ---------*/


.panel-left {float:left; width:48%; border:0px pink dotted;}
          @media only screen and (max-device-width: 480px) { .address {width:100%; float:none; }  }


.panel-right { float:right; width:48%; margin-bottom:20px; border:0px red dotted;  padding-bottom:330px; margin-top:-50px}
                @media only screen and (max-device-width: 480px) { .contact-form {float:none; width:100%; padding-bottom:10px; margin-top:0}  }

.panel-right, .panel-left input[type="text"] {height:28px}


 /* Customize the label (the container) */
.container-check {
  display: inline-block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container-check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container-check:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container-check input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container-check input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container-check .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
} 


    
     
      
/* --------------------- List Items page ----------------- */ 

.region {color:DimGray; font-family:veranda, arial; sans-serif; font-size:80% }
        @media only screen and (max-device-width: 500px) { .region {padding-left:10px}  }

.page-number-top { float:right;text-align:right;margin-top:-40px} 
                   @media only screen and (max-device-width: 500px) { .page-number-top form {display:none;}  } 
.page-number-bottom { float:right;text-align:right;margin-top:15px 0; }     

.viewlistings {text-align:right;}

.TourLocation {font-family:Verdana, Helvetica, Geneva, sans-serif; font-size:12px }             

.page-numbers {text-align:right;font-size:11pt; color:#339966 }
              @media only screen and (max-device-width: 500px) { .page-numbers {padding-right:10px;margin-top:40px;}  }


.nomargin {margin:0px; }
.sku1 {
      font-size:10pt; background-color:#808080; color:white; padding:0 0 0 5px; margin: 0 auto 0px auto; display:inline-block;line-height:130% }
.sku2 {       
      font-size:10pt; background-color:white; border:1px #808080 solid;color:#808080; padding:0 3px 0 3px; margin: 0 auto; display:inline-block;line-height:130%}

.table-container {
    display:table;
    width:100%;
     margin: -15px 0 10px -10px;
     border:0px blue solid;
     vertical-align:bottom;
     border-spacing: 15px;
     border-collapse: separate;
    }
    @media only screen and (max-device-width: 500px) { #table-container {display:inline; margin:0}  }
    
     .cell {
     display:table-cell;
     width:25%;
     padding:10px;
     border:1px #D4D4D4 solid;
     text-align:center;
     vertical-align:top;
     font-family:Times, Serif;
     }
     @media only screen and (max-device-width: 500px) { .cell { display:block; width:90%; margin:5px auto; padding:10px 0}  }
     
     .cell a { color:#BC0000; line-height:110%; text-decoration:none;font-size:14pt}
     .cell a:visited { color:#339966;  text-decoration:none; line-height:110%; }
     .cell a:hover { color:#339966;  text-decoration:none; line-height:110%; }
     .cell a:active { color:#339966 ;  text-decoration:none; line-height:110%; }
     @media only screen and (max-device-width: 500px) { .cell a {font-size:17pt;}  }

     .cell-noborder {
     display:table-cell;
     width:25%;
     padding:10px;
     text-align:center;
     vertical-align:bottom;
     }
      
    .row {
     display:table-row;
     margin-bottom: 2px;
     border-bottom:3px white solid;
     }      
     @media only screen and (max-device-width: 500px) { .row {display:inline;}  } 

.table-image {width:200px; text-align:center; margin:0 auto; } 
             @media only screen and (max-device-width: 500px) { .table-image {width:240px}  }

.icons {width:40px;text-align:center;margin:0 auto; }



/* --------------------- Travel Tips Page ----------------- */

 #data-container-travel {
    width:1000px;
     }
     @media only screen and (max-device-width: 500px) { #data-container-travel {display:inline;}  }
	
	.data-col-1-travel {
	width:48%;
    float:left;
    margin:2px 0;
    padding-left:10px;
    display:inline-block;
	}
	
	.data-col-2-travel {
	width:48%;
	float:right;
    margin:2px 0;
    padding-left:10px;
    display:inline-block;
	}
    
    



 /* --------------------- Specials ----------------- */
    
 #table-container-specials {
    display:table;
    width:100%;
     margin: 0;
     border:0px blue solid;
     vertical-align:bottom;
     border-spacing: 15px;
     border-collapse: separate;
    }
    @media only screen and (max-device-width: 480px) { #table-container-specials {display:inline;}  }
   
     .cell-specials {
     display:table-cell;
     width:33%;
     min-height:200px;
     padding:5px;
     border:1px #339966 solid;
     text-align:center;
     vertical-align:top;
     }
     @media only screen and (max-device-width: 480px) { .cell-specials {display:inline-block; width:100%; border-bottom: 2px #E0E0E0 red; padding:0;margin:10px 0; }  }
     
     
     
     .cell-specials a { color:#00823A; line-height:130%; text-decoration:none; text-align:center;}
     .cell-specials a:visited { color:#00823A;  text-decoration:none;}
     .cell-specials a:hover { color:#404FB7;  text-decoration:none;}
     .cell-specials a:active { color:#00823A;  text-decoration:none;}
     .cell-specials p { margin:5px 0}
     .cell-specials h3 { margin:5px 0 10px 0; font-size:22pt}
     
     .cell-noborder-specials {
     display:table-cell;
     width:33%;
     padding:10px;
     text-align:center;
     vertical-align:bottom;
     }
      
    .row-specials {
     display:table-row;
     margin-bottom: 2px;
     border-bottom:3px white solid;
     }
     @media only screen and (max-device-width: 480px) { .row-specials {display:inline;}  }



    
    
 /* --------------------- View Item Page ----------------- */
 
 
.main-image-outer {position:relative; width:650px; float:right; border:0px green dotted; z-index:10; margin-left:10px} 
                  @media only screen and (max-device-width: 500px) {.main-image-outer {width:100%;padding:0; margin-bottom:25px}  }

.main-image-inner { position:relative; width:650px; float:right; border:0px #C0C0C0 solid; margin:0; z-index:10}
                  @media only screen and (max-device-width: 500px) {.main-image-inner {width:100%;margin-bottom:-20px}  }

.main-image-inner p {font-size:9px; line-height:110%; text-align:center; margin-top:26px; z-index:100;}
                  @media only screen and (max-device-width: 500px) {.main-image-inner p {margin-top:12px;}  }

.main-image-shadow {bottom:0; width:650px; position:absolute; z-index:1; }
                   @media only screen and (max-device-width: 500px) {.main-image-shadow {width:100%;}  }

#viewtable {border:0px blue solid; width:100%; line-height:120%; margin-bottom:15px; }

#viewtable td {padding-bottom:12px; vertical-align:text-top;}
               @media only screen and (max-device-width: 500px) {#viewtable td {font-size:13pt; padding-left:10px}  }

#map-canvas {float:right; width:650px; height:300px; border:0px purple dotted; margin:-300px 0 20px 0; margin-top:0px}
               @media only screen and (max-device-width: 500px) {#map-canvas {float:none; width:80%; margin:0 auto; }  }
               
.static-map {position:relative; width:650px; float:right; border:1px #CCC8C8 solid; z-index:10; margin-left:10px; margin-bottom:-5px; box-shadow: 5px 5px 8px #CCC8C8;} 
                  @media only screen and (max-device-width: 500px) {.static-map {width:100%;padding:0; margin-bottom:25px}  }               
.static-map-inner {width:100%; margin-bottom:-10px} 
                         
               
#view-text-panel {width:100%; border:0px green dotted}      
                 @media only screen and (max-device-width: 500px) {#view-text-panel {width:100%}  }
                 
@media only screen and (max-device-width: 500px) {#view-text-panel h3 {margin-left:0px}  }
                 
.sku7 {
      font-size:12pt; background-color:#808080; color:white; padding:0 0 0 5px; margin: 0 auto 0px auto; display:inline-block;line-height:130% }
      @media only screen and (max-device-width: 500px) {.sku7 {margin-left:10px}  }
.sku8 {       
      font-size:12pt; background-color:white; border:1px #808080 solid;color:#808080; padding:0 3px 0 3px; margin: 0 auto; display:inline-block;line-height:130%}
         
.questions {border-top:2px #CFCFCF solid; border-bottom:2px #CFCFCF solid; background-color:#E1E1E1; margin:10px 0; width:320px; } 
.questions p, .questions h4 {padding-left:10px; padding-right:10px} 

.filler-div {float:right; width:650px; height:30px; border:0px red dotted }          
          
#table-container-viewitem {
    display:table;
    width:100%;
     margin: -15px 0 10px -10px;
     border:0px blue solid;
     vertical-align:bottom;
     border-spacing: 15px;
     border-collapse: separate;
    }
    @media only screen and (max-device-width: 500px) { #table-container {display:inline; margin:0}  }
    
     .cell-viewitem {
     display:table-cell;
     width:25%;
     padding:10px;
     border:1px #D4D4D4 solid;
     text-align:center;
     vertical-align:top;
     font-family:Times, Serif;
     }
     @media only screen and (max-device-width: 500px) { .cell-viewitem { display:block; width:90%; margin:5px auto; padding:10px 0}  }
     
     .cell-viewitem a { color:#BC0000; line-height:110%; text-decoration:none;font-size:14pt}
     .cell-viewitem a:visited { color:#339966;  text-decoration:none; line-height:110%; }
     .cell-viewitem a:hover { color:#339966;  text-decoration:none; line-height:110%; }
     .cell-viewitem a:active { color:#339966 ;  text-decoration:none; line-height:110%; }
     @media only screen and (max-device-width: 500px) { .cell-viewitem a {font-size:17pt;}  }

     .cell-noborder-viewitem {
     display:table-cell;
     width:25%;
     padding:10px;
     text-align:center;
     vertical-align:bottom;
     }
      
    .row-viewitem {
     display:table-row;
     margin-bottom: 2px;
     border-bottom:3px white solid;
     }      
     @media only screen and (max-device-width: 500px) { .row-viewitem {display:inline;}  } 

.table-image-viewitem img {width:200px; text-align:center; margin:0 auto; } 
             @media only screen and (max-device-width: 500px) { .table-image-viewitem img {width:80%}  }            
          

.getQuote {width:187px; height:136px; margin-top:10px }
          @media only screen and (max-device-width: 500px) { .getQuote {margin-left:10px;}  }
          
 /* --------------------- List One Category Page ----------------- */
 
#cat-description-box {width:100%; border:0px red dotted}

.fadein-outer {position:relative; width:650px; float:right; margin-left:10px}
               @media only screen and (max-device-width: 480px) { .fadein-outer {width:320px;float:none;margin-left:0}  }

.fadein {position:relative; height:450px; width:650px; border:0px black solid;}
         @media only screen and (max-device-width: 480px) { .fadein {width:320px; height:220px}  }
         
.fadein img {position:absolute; left:0; top:0; width:650px; height:430px}
             @media only screen and (max-device-width: 480px) { .fadein img {width:320px;height:220px}  }

.fade-shadow {position:relative; bottom:20px; width:650px; margin-bottom:-80px; z-index:10; }
             @media only screen and (max-device-width: 480px) { .fade-shadow, img {width:320px;}  }
             


@media only screen and (max-device-width: 480px) { #hoteldropdown {display:none;}  }

#catmap {width:650px; min-height:400px; border:0px red dotted; position:relative; margin:20px 0 40px 0; z-index:1; display:block; }
        @media only screen and (max-device-width: 480px) { #catmap {width:100%; float:none; margin-top:55px}  }

#catmap iframe {margin-top:-16px }
               @media only screen and (max-device-width: 480px) { #catmap iframep {padding-left:10px;}  }
               
               
#static-map-image {width:194px }
                  @media only screen and (max-device-width: 480px) { #static-map-image {width:194px;}  }


  /* --------------------- List One COUNTRY Page ----------------- */
 
#cat-description-box {width:100%; border:0px red dotted}

.photo-outer {position:relative; width:650px; float:right; margin-left:10px}
               @media only screen and (max-device-width: 480px) { .photo-oute {width:320px;float:none;margin-left:0}  }

.image-swap {position:relative; height:450px; width:650px; border:0px black solid;}
         @media only screen and (max-device-width: 480px) { .image-swap {width:320px; height:220px}  }
         
.image-swap img {position:absolute; left:0; top:0; width:650px; height:430px; box-shadow: 5px 5px 8px #CCC8C8;}
             @media only screen and (max-device-width: 480px) { .image-swap img {width:320px;height:220px}  }


             


@media only screen and (max-device-width: 480px) { #hoteldropdown {display:none;}  }

#catmap {width:650px; min-height:400px; border:0px red dotted; position:relative; margin:20px 0 40px 0; z-index:1; display:block; }
        @media only screen and (max-device-width: 480px) { #catmap {width:100%; float:none; margin-top:55px}  }

#catmap iframe {margin-top:-16px }
               @media only screen and (max-device-width: 480px) { #catmap iframep {padding-left:10px;}  }
               
               
#static-map-image {width:194px }
                  @media only screen and (max-device-width: 480px) { #static-map-image {width:194px;}  }
                 
                  
                  
                  
       /* --------------------- About Us page ----------------- */
       
  #about {
      float:right;
      margin-top:-200px;
      width:80%; 
      }
      @media only screen and (max-device-width: 500px) { #about {width:100%;margin-top:0px}  }   

 #logo-about {margin-top:80px; }
 #logo-about img {size:100% }
 
 @media only screen and (max-device-width: 500px) { #logo-about img {width:100px;}  }
 @media only screen and (max-device-width: 500px) { #logo-about {margin-top:10px}  }
 

 
 
 
 
 

/* --------------------- FOOTER ----------------- */

#footer-outer{
           width:100%;
           background-image:url('images/footerBG.jpg');
           background-position:top;
           background-repeat:repeat-x;
           border:0px orange dotted;
           }

   #footer-inner{
           width:1000px;
           padding-top:3px;
           margin:0 auto;
           }
           @media only screen and (max-device-width: 500px) { #footer-inner {width:100%;padding-bottom:10px}  }
           
#address-text p {color:white; font-size:11pt; line-height:160%;}   
                @media only screen and (max-device-width: 500px) { #address-text p {font-size:11pt;padding-left:10px}  }

#phone-text {float:right; margin-top:-95px; width:300px; text-align:right;}
             @media only screen and (max-device-width: 500px) { #phone-text {float:none; margin-top:0; text-align:left;}  }              
                
#phone-text p {margin-top:-85px; color:white; font-size:11pt; line-height:160%;}
                @media only screen and (max-device-width: 500px) { #phone-text p {float:none; margin-top:0;font-size:11pt;padding-left:10px}  }
                @media only screen and (max-device-width: 500px) { #phone-text a {color:white;text-decoration:underline;font-size:11pt}  }
                
.shadow {text-shadow: 1px 1px black;}
        @media only screen and (max-device-width: 500px) { .shadow {text-shadow:0;}  }    
             

/*  Page links on Footer  */                
.footer-links {text-align:center; font-size:8pt; color:white; padding:0; border:0px red solid; margin-top:10px }
               @media only screen and (max-device-width: 500px) { .footer-links {display:none;}  }
.footer-links    a  { color:White; line-height:140%; text-decoration:none; }
.footer-links    a:visited { color:#BG0000; }
.footer-links    a:hover { color:#D8D8D8; }
.footer-links    a:active { color:#D8D8D8; }






/* -------------- Quote Page ------------------------ */   

 #table-container-quote1 {
    width:400px;
    display:table;
    border-collapse: separate;
    border-spacing:1px 10px;
    border:0px red dotted;
    margin-bottom:20px;
    }
    @media only screen and (max-device-width: 500px) { #table-container-quote1 {display:inline;width:100%;border-spacing:0;margin-bottom:10px} }
    

 #table-container-quote {
    width:720px;
    display:table;
    border-collapse: separate;
    border-spacing:1px 10px;
    border:0px red dotted;
    }
    @media only screen and (max-device-width: 500px) { #table-container-quote {display:inline;width:100%;border-spacing:0;} }
     
     .cellA {
     display:table-cell;
     width:30%;
     background-color:white;
     text-indent:0px;
     border:0px #C0C0C0 solid;
     }    
     @media only screen and (max-device-width: 500px) { .cellA {display:block; width:90%; margin:0} }
     
     .cellA span {color:red; }
     
     
     .cellB {
     display:table-cell;
     width:70%;
     background-color:white;
     text-indent:0px;
     border:0px green solid;
     }
     @media only screen and (max-device-width: 500px) { .cellB {display:block; width:90%; margin-bottom:10px; margin-right:10px} }
     
          
    .row-quote {
     display:table-row;
     margin-bottom: 2px;
     border-bottom:3px white solid;
     }
    @media only screen and (max-device-width: 500px) { .row-quote {display:block; width:90%;margin-right:10px} }
     
    .progressbar {width:600px }
                  @media only screen and (max-device-width: 500px) { .progressbar {width:100%%;} }
                  
                  
                  
    /* --------------------- MAIL OUT ----------------- */    

#mail-inner{
           max-width:700px;
           height:80px;
           padding-top:3px;
           margin:0 auto;
           padding-top:20px;
           }

#mail-container {max-width:700px; margin:0 auto; }

 #table-container-mailouts {
    display:table;
    width:100%;
     margin: 0;
     border:0px blue solid;
     vertical-align:bottom;
     border-spacing: 15px;
     border-collapse: separate;
    }
    
   
     .cell-mailouts {
     display:table-cell;
     width:33%;
     min-height:200px;
     padding:5px;
     border:1px #888888 solid;
     text-align:center;
     vertical-align:top;
     background-color:#F6F6F6;
     box-shadow: 2px 2px 2px #888888;
     }
     
     
     
     
     .cell-mailouts a { color:#00823A; line-height:130%; text-decoration:none; text-align:center;}
     .cell-mailouts a:visited { color:#00823A;  text-decoration:none;}
     .cell-mailouts a:hover { color:#404FB7;  text-decoration:none;}
     .cell-mailouts a:active { color:#00823A;  text-decoration:none;}
     .cell-mailouts p { margin:5px 0}
     .cell-mailouts h3 { margin:5px 0 10px 0; font-size:22pt}
     
     .cell-noborder-mailout {
     display:table-cell;
     width:33%;
     padding:10px;
     text-align:center;
     vertical-align:bottom;
     }
      
    .row-mailout {
     display:table-row;
     margin-bottom: 2px;
     border-bottom:3px white solid;
     }