| Dir : /home/trave494/thefreetrips.com/ |
| Server: Linux ngx353.inmotionhosting.com 4.18.0-553.22.1.lve.1.el8.x86_64 #1 SMP Tue Oct 8 15:52:54 UTC 2024 x86_64 IP: 209.182.202.254 |
| Dir : /home/trave494/thefreetrips.com/styles.css |
@charset "UTF-8";
/* CSS Document */
body {
font-family: 'Roboto', sans-serif;
font-size: 13px;
}
#Top {
background-image: url(images/topbk.png);
height: 75px;
border-bottom-width: 6px;
border-bottom-style: solid;
border-bottom-color: #003F5B;
position: fixed;
width: 100%;
top: 0px;
z-index: 999;
}
#Top #InTop {
width: 971px;
margin-right: auto;
margin-left: auto;
height: 75px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #005E88;
font-size: 14px;
}
.topnavi {
float: right;
height: 75px;
line-height: 75px;
font-weight: bold;
color: #FFF;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #005E88;
}
.topnaviC {
float: right;
height: 75px;
line-height: 75px;
font-weight: bold;
color: #FFF;
}
#Top #InTop .topnavi a {
color: #FFF;
text-decoration: none;
padding-right: 20px;
padding-left: 20px;
display: block;
}
#Top #InTop .topnavi a:hover {
background-color: #036A98;
}
#Top #InTop .topnaviC a {
color: #FFFFFF;
text-decoration: none;
padding-right: 20px;
padding-left: 20px;
background-color: #003F5B;
display: block;
}
.splashtext {
font-family: 'Lobster', cursive;
text-align: center;
padding-top: 30px;
font-size: 70px;
font-weight: bold;
color: #003F5B;
}
.splashinfo {
color: #003F5B;
text-align: center;
font-size: 18px;
font-weight: bold;
padding-bottom: 20px;
}
.splashicons {
width: 560px;
margin-right: auto;
margin-left: auto;
}
.splashicon {
float: left;
padding-right: 10px;
padding-left: 10px;
font-size: 16px;
font-weight: bold;
text-align: center;
color: #003F5B;
line-height: 30px;
}
.orange {
color: #F60;
}
.white {
color: #FFF;
}
.dream {
font-size: 90px;
color: #FFF;
}
.shad {
background-image: url(images/shad.png);
background-repeat: repeat-x;
background-position: top;
height: 20px;
}
#Main {
width: 972px;
margin-right: auto;
margin-left: auto;
padding-top: 20px;
padding-bottom: 20px;
}
#Main #Left {
width: 476px;
margin-right: 20px;
float: left;
}
#Main #Right {
float: left;
width: 476px;
}
#Main #Right h1 {
font-size: 30px;
color: #003F5B;
font-weight: bold;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #EDEDED;
}
.clear {
clear: both;
}
.side {
padding: 20px;
height: 160px;
}
.sidehead {
background-image: url(images/bk.png);
font-size: 28px;
color: #FFF;
float: left;
}
.sidehead a {
color: #FFF;
text-decoration: none;
display: block;
padding: 15px;
}
.sidehead a:hover {
background-color: #003F5B;
}
#Home {
width: 972px;
margin-right: auto;
margin-left: auto;
height: 312px;
}
#Slider {
z-index: -20;
height: 312px;
width: 972px;
position: relative;
background-image: url(images/home/1.jpg);
}
#Under {
background-image: url(images/under.png);
background-position: bottom;
width: 972px;
margin-right: auto;
margin-left: auto;
height: 100px;
}
#Search {
height: 252px;
width: 472px;
padding-top: 18px;
padding-left: 18px;
background: url(images/searchbg.png);
position: absolute;
margin-top: 23px;
margin-left: 23px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
.searchheader {
font-size: 28px;
color: #FFFFFF;
font-weight: bold;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #FFFFFF;
margin-right: 20px;
background-image: url(images/search.png);
background-repeat: no-repeat;
background-position: left top;
padding-left: 35px;
line-height: 28px;
}
#Banners {
width: 972px;
margin-right: auto;
margin-left: auto;
}
.inbanner {
float: left;
}
.bannerspace {
float: left;
height: 100px;
width: 20px;
}
#Under #HomeHead {
padding-top: 10px;
padding-right: 20px;
padding-left: 20px;
color: #ACD4EB;
font-weight: normal;
font-size: 16px;
}
#Under #HomeHead h1 {
font-family: 'Lobster', cursive;
color: #FFFFFF;
margin: 0px;
padding: 0px;
font-size: 44px;
font-weight: normal;
}
#Under #HomeHead #HomeHeadBtn {
float: right;
}
#Under #HomeHead #HomeHeadBtn a {
color: #FFF;
background-color: #003F5B;
display: block;
text-decoration: none;
font-size: 18px;
padding-top: 18px;
padding-right: 30px;
padding-bottom: 18px;
padding-left: 30px;
margin-top: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-weight: bold;
}
#Under #HomeHead #HomeHeadBtn a:hover {
background-color: #001F2D;
}
.hotels {
}
.hotel {
border-top-width: 1px;
border-top-style: solid;
border-top-color: #EDEDED;
padding-top: 10px;
padding-bottom: 10px;
height: 70px;
}
.hoteltext {
float: right;
width: 390px;
}
.hotelname {
font-size: 18px;
}
#Main #Left .hotels .hotel .hoteltext .hotelname a {
color: #0684C1;
text-decoration: none;
display: block;
padding-bottom: 5px;
}
#Main #Left .hotels .hotel .hoteltext .hotelname a:hover {
color: #003F5B;
}
.hotelprice {
font-size: 20px;
font-weight: bold;
color: #A3C167;
}
.popular {
padding-top: 10px;
padding-bottom: 10px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #EDEDED;
height: 110px;
}
.popularhead {
font-size: 25px;
color: #003F5B;
padding-bottom: 5px;
}
.populartext {
float: left;
margin-left: 10px;
width: 355px;
}
.popularplace {
font-size: 30px;
color: #0684C1;
}
.popularplace a {
color: #0684C1;
text-decoration: none;
display: block;
}
.popularplace a:hover {
color: #003F5B;
}
.whyhead {
font-size: 25px;
color: #003F5B;
padding-bottom: 5px;
padding-top: 20px;
}
.whyhead2 {
font-size: 22px;
color: #0684C1;
padding-bottom: 5px;
padding-top: 20px;
}
.images {
float: left;
}
.tick {
background-image: url(images/tick.png);
background-repeat: no-repeat;
height: 45px;
line-height: 45px;
padding-left: 55px;
font-size: 18px;
color: #666;
padding-top: 6px;
padding-bottom: 6px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #EDEDED;
background-position: left center;
}
#Bottom {
width: 972px;
margin-right: auto;
margin-left: auto;
margin-top: 20px;
padding-top: 20px;
border-top-width: 3px;
border-top-style: solid;
border-top-color: #003F5B;
padding-bottom: 20px;
text-align: center;
color: #666;
}
#Bottom a {
color: #0684C1;
text-decoration: none;
}
#Bottom a:hover {
color: #666;
}
#Bottom ul {
padding: 0px;
list-style-type: none;
display: table;
width: 880px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
}
#Bottom ul li {
display: table-cell;
width: 110px;
}
#Bottom #Social {
margin-bottom: 20px;
}
#Bottom #Social a {
margin-right: 3px;
margin-left: 3px;
}
#Logos {
width: 972px;
margin-right: auto;
margin-left: auto;
}
#Search2 {
background-color: #003F5B;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding-top: 20px;
padding-bottom: 10px;
padding-left: 20px;
height: 270px;
}
#Search3 {
background-color: #003F5B;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 20px;
height: 215px;
}
.larger {
font-size: 14px;
}
#Ads {
padding: 20px;
width: 932px;
margin-right: auto;
margin-left: auto;
background-color: #EDEDED;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
text-align: center;
margin-top: 20px;
}
#Ads2 {
padding: 20px;
width: 932px;
margin-right: auto;
margin-left: auto;
background-color: #EDEDED;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
text-align: center;
}
#Search2 div a {
color: #FFF;
text-decoration: underline;
}
#Search3 div a {
color: #FFF;
text-decoration: underline;
}
.logospace {
padding-top: 20px;
}
.cruiseform {
}
#Main h1 {
font-size: 30px;
font-weight: bold;
color: #003F5B;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #EDEDED;
}
.otherbutton a {
display: block;
width: 180px;
text-align: center;
height: 60px;
line-height: 60px;
font-size: 18px;
text-decoration: none;
color: #FFF;
font-weight: bold;
margin-top: 10px;
background-color: #003E5A;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.otherbutton a:hover {
color: #FFF;
background-color: #001F2D;
text-decoration: none;
}
.formtxt {
font-family: 'Roboto', sans-serif;
width: 500px;
font-size: 18px;
height: 40px;
color: #333333;
background-color: #F9F9F9;
margin-bottom: 5px;
}
.right {
float: right;
}
.guidetitle {
font-size: 20px;
color: #0684C1;
padding-top: 15px;
}
#Main .guidetitle a {
color: #0684c1;
text-decoration: none;
}
#Main .guidetitle a:hover {
color: #003F5B;
}
.videocon {
float: left;
width: 324px;
padding-top: 20px;
}
.videohead {
float: right;
width: 185px;
padding-right: 10px;
font-size: 18px;
}
#Main #Videos .videocon .videohead a {
color: #0684C1;
text-decoration: none;
}
#Main #Videos .videocon .videohead a:hover {
color: #003F5B;
}
#VidPlay {
text-align: center;
padding-top: 20px;
}
#Main .larger a {
color: #003F5B;
text-decoration: underline;
}
#Main .larger a:hover {
text-decoration: none;
}
#Main h1 a {
color: #003F5B;
}
#Bottom2 {
width: 972px;
margin-right: auto;
margin-left: auto;
margin-top: 0px;
padding-top: 0px;
border-top-width: 3px;
border-top-style: solid;
border-top-color: #003F5B;
padding-bottom: 0px;
text-align: center;
color: #666;
height: 100px;
}
#Bottom2 a {
color: #0684C1;
text-decoration: none;
}
#Bottom2 a:hover {
color: #666;
}
#Bottom2 ul {
padding: 0px;
list-style-type: none;
display: table;
width: 880px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
}
#Bottom2 ul li {
display: table-cell;
width: 110px;
}
#Bottom2 #Social {
margin-bottom: 20px;
}
#Bottom2 #Social a {
margin-right: 3px;
margin-left: 3px;
}
.hcw_citySearch.ui-autocomplete-input.ui-corner-all {
height: 25px !important;
padding-top: 0 !important;
}