/* General Styles */
body { margin-top: 0px; margin-left: 0px; font-family: Verdana, Arial, Helvetica, sans-serif;}
body { background-color:#FFFFFF; background-image:url(http://www.discoverfrance.net/France/Images/Backgrounds/fleurdelis_bkgnd.gif);}
ul { list-style-position: inside;}
b { color: #000000;}
small { font-size: .75em;}
sub, sup { font-size: 60%; line-height: 0; position: relative; vertical-align: baseline;}
sup { top: -0.5em;}
sub { bottom: -0.25em;}
.saveHistory {behavior:url(#default#savehistory); font-family: Arial, Helvetica, Swiss, sans-serif; font-style: normal; font-size: 12px;}
#contents { position: absolute; visibility: visible; z-index: -4; left: 184px; top: 115px !important;}

/* Navigation Styles */
#navbar { white-space: nowrap; display: inline; overflow: hidden;}
#navbar td { font-size: 10px; font-weight: bold; color: #FFFFFF; line-height: 10px; text-align: center;}
#navbar td a { color: #FFFFFF; text-decoration: none;}
#navbar td a:hover { color: #FFFF66; background-color: #336699;}
.navlink { font-family: Arial, Helvetica, Swiss, sans-serif; font-size: 11px; font-weight: bold; color: #660000; text-decoration: none;}
.navlink:hover { color: #006699;}

/* Left Table Styles */
#left-table { position: absolute; visibility: visible; z-index: auto; left: 0px; top: 115px;}
td.tocheader { background: #FFCC33; padding: 2px 2px 2px 10px; color: #003366; font-size: 10px; font-weight: bold; line-height: 11px;}
td.tocspacer { background: #FFCC33; padding: 0px; font-size: 2px; line-height: 3px;}
#weather { border: 1px solid #88B1C0; background-color: #B0E6FA; width: 140px;}
#weather p { margin: 3px 0 4px 0; text-align: center;}
.weather-header { font-size: 10px; font-weight: bold; color: #E2FAFA; background-color: #097676; width: 132px; padding: 3px 1px 3px 1px; margin-top: -4px;}
.weather { border: 2px solid #00FFCC; background-color: #CCFFFF; width: 140px;}
.whtext { font-size: 10px; color: #FFFFFF;}

/* Form Component & Search Styles */
.searchmenu { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none;}
.fieldname { font-size: 11px; font-weight: bold; color: #660000;}
.textfield { font-family: Arial, Helvetica, Swiss, sans-serif; font-size: 11px;}
select, .submit-btn { height: 20px; color: #000; font-weight: normal; padding: 1px 5px; font-size: 11px; border: 1px solid #999999;}
select, .submit-btn { background: #f0f8fb; /* Old browsers */
  background: -moz-linear-gradient(top, #f0f8fb 0%, #c8edfb 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f8fb), color-stop(100%,#c8edfb)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f0f8fb 0%,#c8edfb 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f0f8fb 0%,#c8edfb 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f0f8fb 0%,#c8edfb 100%); /* IE10+ */
  background: linear-gradient(to bottom, #f0f8fb 0%,#c8edfb 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f8fb', endColorstr='#c8edfb',GradientType=0 ); /* IE6-9 */
}
.submit-btn { -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; behavior: url(http://travelcenter.discoverfrance.net/CSS/border-radius.htc);}
.submit-btn:hover { opacity: 0.8;}

/* Header Styles - revised 03-31-2014 - */
#dfheader { height: 115px !important; width: 100%; position: absolute; visibility: visible; z-index: 4; left: 0px; top: 0px;}
.heading-table { background-color: #FDFCFC; width: 100%; border: 1px solid #000000;}
.heading { height: 25px; text-indent: 12px; font-size: 13px; font-weight: bold; color: #FFFFFF; padding: 4px 0px 4px 0px; background-color: #336699;}
h1 { font-size: 16px; font-weight: bold; color: #2A527B;}
h2 { font-size: 15px; font-weight: bold; color: #965603;}
h3 { font-size: 13px; font-weight: bold; color: #006066;}
h4 { font-size: 12px; font-weight: bold; color: #666666;}

/* Web Fonts */
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 8, 2014 */

@font-face {
    font-family: 'Lobster';
    src: url('/webfonts/lobster.eot'); /* IE9 Compat Modes */
    src: url('/webfonts/lobster.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/webfonts/lobster.woff') format('woff'), /* Modern Browsers */
         url('/webfonts/lobster.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/webfonts/lobster.svg#Lobster') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}

h1 { font-family: Lobster, cursive; font-size: 26px; font-weight: normal; }

/* Body Text Styles */
.bodytext { font-size: 13px; color: #003366;}
.bodytext2 { font-size: 13px; line-height: 125%; color: #003366; text-decoration: none;}
p.bodytext2:first-letter { font-family: Arial, Helvetica, Swiss, sans-serif; color: #006699; font-size: 18px; font-weight: bold; padding-right: 1px;}
a.bodytext-link { font-size: 13px; font-weight: bold; color: #006699;}
a.bodytext-link:hover { color: #FFFFFF; background-color: #336699;}
a.links { font-size: 11px; font-weight: bold; color: #660000; text-decoration: none;}
a.links:hover { color: #FFFFFF; background-color: #336699;}

/* Credits Styles */
.credits1 { font-size: 11px; color: #333333; text-decoration: none; line-height: 12px;}
.credits2 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; text-decoration: none; line-height: 11.5px;}

/* Links Box Styles - revised 04-13-2014 - */
.linksbox { background-color: #C9EDFA; border: 1px solid; border-color: #A4C1CC; text-align: left;}
.linksbox hr { background-color: #444; border-width: 0; color: #444; height: 1px; line-height: 0; margin: 2px 0 2px 0; text-align:center; width: 100%;}
.linksbox-title { font-size: 13px; font-weight: bold; color: #FFFFFF; background-color: #006699; padding: 3px 10px 3px 10px; border-radius: 10px; -moz-border-radius: 10px;}
.linksbox p { font-size: 12px; color: #003333; padding: 2px 6px 2px 10px;}
.linksbox a { font-weight: bold; color: #006699; text-decoration: none}
.linksbox a:hover { color: #FFFFFF; background-color: #006699; text-decoration: none}
.linksbox-headlines { font-size: 13px;}
.linksbox-headlines:hover { color: #FFFFFF;}

/* Spacer Styles */
.spacer1px { font-size: 1px; line-height: 1px; padding: 0px; margin: 0px;}
.spacer2px { font-size: 2px; line-height: 2px; padding: 0px; margin: 0px;}
.spacer6px { font-size: 6px; line-height: 6px; padding: 0px; margin: 0px;}
.spacer10px { font-size: 10px; line-height: 10px; padding: 0px; margin: 0px;}

/* Image Border & Caption Styles */
.picbox-right { background: #FFFFFF; text-align: center; margin-left: 18px; margin-right: 0px; margin-top: 12px; margin-bottom: 12px; float: right;}
.picbox-left { background: #FFFFFF; text-align: center; margin-left: 0px; margin-right: 18px; margin-top: 12px; margin-bottom: 12px; float: left;}
.photoborder { border: 1px solid #333333; padding: 4px;}
.picborder { border: 2px solid #999999;}
.videocaption { font-size: 11px; color: #333333; background-color: #EEEEEE; text-align: center; margin-top: 6px; line-height: 18px;}
.videocaption a { color: #006699; text-decoration: none;}
.videocaption a:hover { background-color: #FFFFCC;}

/* Hide - Unhide Styles */
.hidelightboxlinks { visibility: hidden; margin: -12px; padding: 0px; font-size: 8px; }

/* Misc. Styles */
.question { font-size: 12px; font-style: italic; font-weight: bold; color: #660000;}
.answer { font-size: 12px; color: #000000;}
.notes { font-size: 10px; color: #330000;}
.vehicle { font-size: 10px; font-weight: bold; color: #660000; text-align: center; background-color: #CCCCCC;}
.persons { font-size: 10px; font-weight: bold; color: #FFFFFF; text-align: center; background-color: #336699;}
.prices { font-size: 10px; font-weight: bold; color: #006699; text-align: center; background-color: #B0E6FA;}
.location { font-size: 10px; font-weight: bold; color: #FFFFFF; text-align: center; background-color: #336699;}
.svcmark { font-size: 8px; color: #003333; vertical-align: super;}

/* FAQ Styles */
.faq1 { font-size: 12px; font-weight: bold; color: #003366;}
.faq2 { font-size: 11px; font-weight: normal; color: #003366;}

/* Footer Styles */
#tpfooter { width: 95%; border-bottom: 2px solid #DCE5EE; padding: 10px 0px 2px 0px; text-align: center;}
#tpfooter a { font-size: 10px; font-weight: bold; color: #003366; text-decoration: none;}
#tpfooter a:hover { background-color: #E1E7EE; text-decoration: underline;}

/* Small search box styles */
.search_header { font-size: 11px; font-weight: normal; padding-left: 10px; color:#003366; padding-top: 2px; padding-bottom: 2px;}
.search_inputcontainer { color: #000000;}
.search_inputcontainer input, select { font-size: 11px;}
.search_button input { cursor: pointer; color: #003366; font-size: 11px; font-weight: bold;}
.search_button { font-size: 11px; font-weight: normal; margin: 3px 8px 3px 0;}
.search_button_gradient { height: 20px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; behavior: url(/CSS/border-radius.htc); background-image: url(/Images/Backgrounds/search_btn_bkgnd_tp.png); background-repeat: repeat-x; background-position: left top; color: #000; font-weight: bold; padding: 1px 5px; margin: 3px 8px 3px 0; font-size: 10px; border: 1px solid #999999;}
.search_button_gradient:hover { opacity: 0.7;}

/* Rounded Corners & Drop-Shadow Styles */
.linksbox, .tripadvisor, #weather, .weather-header
{ 
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
border-radius: 15px;
behavior: url(/CSS/border-radius.htc);
}
.linksbox
{ 
box-shadow: 5px 5px 6px #818181;
-webkit-box-shadow: 5px 5px 6px #818181;
-moz-box-shadow: 5px 5px 6px #818181;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5, positive=true);
}
.tripadvisor
{ 
  box-shadow: 3px 3px 4px #8e9a8d;
  -webkit-box-shadow: 3px 3px 4px #8e9a8d;
  -moz-box-shadow: 3px 3px 4px #8e9a8d;
  filter: progid:DXImageTransform.Microsoft.dropShadow(color=#8e9a8d, offX=3, offY=3, positive=true);
}
.tripadvisor:hover { opacity: 0.9;}
.tripadvisor:active { position: relative; left: 1px; top: 1px;
  box-shadow: 2px 2px 3px #7e887d;
  -webkit-box-shadow: 2px 2px 3px #7e887d;
  -moz-box-shadow: 2px 2px 3px #7e887d;
  filter: progid:DXImageTransform.Microsoft.dropShadow(color=#7e887d, offX=2, offY=2, positive=true);
}