/********************************** Global **********************************/ @font-face { font-family: 'latobold'; src: url('lato-bol-webfont.eot'); src: url('lato-bol-webfont.eot?#iefix') format('embedded-opentype'), url('lato-bol-webfont.woff') format('woff'), url('lato-bol-webfont.ttf') format('truetype'), url('lato-bol-webfont.svg#latobold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latoregular'; src: url('lato-reg-webfont.eot'); src: url('lato-reg-webfont.eot?#iefix') format('embedded-opentype'), url('lato-reg-webfont.woff') format('woff'), url('lato-reg-webfont.ttf') format('truetype'), url('lato-reg-webfont.svg#latoregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latoitalic'; src: url('lato-regita-webfont.eot'); src: url('lato-regita-webfont.eot?#iefix') format('embedded-opentype'), url('lato-regita-webfont.woff') format('woff'), url('lato-regita-webfont.ttf') format('truetype'), url('lato-regita-webfont.svg#latoitalic') format('svg'); font-weight: normal; font-style: normal; } #background{background-image: url(images/bg.jpg); background-repeat: repeat-x; padding:0px; margin:0px; } body { background-image: url(images/bg.jpg); background-repeat: repeat-x; padding:0px; margin:0px; text-align: center; font-family: 'latoregular'; } P { font-size:10pt;font-weight: normal; color: #313131;} TH {font-size:10pt;font-weight: normal; color: #333333;} TD { font-size:10pt;font-weight: normal; color: #333333;} UL,OL { font-size:10pt;font-weight: normal; } IMG { border:none;} LI { font-size:10pt;font-weight: normal; COLOR: #000000; line-height:1.70; } A{ COLOR: #30a3f9; text-decoration:underline; font-weight:normal; } A:hover{COLOR: #999; text-decoration:none;font-weight:underline;} .vehiclelink{font-size:9pt;} .small{ font-size:10px;} h1, h2, h3, h4, h5{ font-weight:normal;} H1{COLOR: #333399;} H2{ COLOR: #027CC4; margin-top:0px; } H3{ COLOR: #EE1C25; } H4{ COLOR: #30a3f9; } H5{COLOR: #165499;} /********************************** General Layout **********************************/ #container { width: 960px; margin: 0px auto; text-align: left; } #header{height:142px; width:960px;} #navCell{width:960px; height:47px; clear:both;} #homeCell{ padding-top:18px;} .text_area{margin-top:10px; padding:15px; border:1px solid #cacaca; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background-color:#FFF; margin-bottom:18px;} #footerCell{ width: 100%; clear:both; background-color:#ececec; background-image:url(images/footer.jpg); background-repeat:repeat-x; background-position:top center; } #footerWrap{ width: 960px; margin: 0px auto; padding-top:10px; text-align: left; min-height:167px;} #footerWrap h3{ color:#4E4E4E; } #footerWrap a:link{ text-decoration:none; color:#008CDA; } #footerWrap a:hover{ text-decoration:none; color:#999; } #footerWrap li{ font-size:9pt; line-height:1.4;} .footer_cell_1{float:left; width:190px; margin-right:8px;} .footer_cell_2{float:left; width:150px;} .footer_cell_3{float:right; width:310px; text-align:right;} #logoArea{float:left; width:322px;} #headRight{float:right; width:509px; text-align:right;} #bodyArea{ padding-top:10px;} /********************************** Homepage Styles **********************************/ .home-left{float:left; width:276px;} .home-right{float:right; width:673px;} .clear{ clear:both;} .page-left{float:left; width:605px;} .page-right{float:right; width:258px;} .hl_1{float:left; width:322px;} .hl_2{float:left; width:318px;} .hl_3{float:right; width:312px;} /********************************** Misc **********************************/ #pad10{ padding:10px;} #pad20{padding:20px;} .costRed{color:#F00;} .bluebold{ color:#017DC7; } .Cartitle{ font-size:12pt; color:#333399;} DIV{ margin:0; padding:0;overflow:hidden;} .input { font-size:9pt; border: 1px solid #666666;} .staffDesc{ font-size:8pt; color:#464646; font-weight:normal;} .dateFormat{font-size:10pt;color:#666;font-weight:normal;} .dateFormat a:link {font-size:10pt;font-weight: normal;color: #391e03;text-decoration: none;} .dateFormat a:active {font-size:10pt;font-weight: normal;color: #391e03;text-decoration: none;} .dateFormat a:visited {font-size:10pt;font-weight: normal;color: #391e03;text-decoration: none;} .dateFormat a:hover {font-size:10pt;font-weight: normal;color: #391e03;text-decoration:none;} #whiteBG{ background-color:#FFFFFF;} .yellow{color:#fffb00;} .red{ color:#9a1626;} .page{padding-left:16px; padding-top:15px; padding-right:16px; padding-bottom:10px;} /********************************** Other **********************************/ .white a:link {font-weight: normal;color: #ffffff;text-decoration: none;} .white a:active {font-weight: normal;color: #ffffff;text-decoration: none;} .white a:visited {font-weight: normal;color: #ffffff;text-decoration: none;} .white a:hover {font-weight: normal;color: #ffffff;text-decoration:none;} .white {font-weight: normal;color: #ffffff;text-decoration:none;} .footer a:link {font-weight: normal;color: #5757c6;text-decoration: none;} .footer a:visited {font-weight: normal;color: #5757c6;text-decoration: none;} .footer a:hover { font-weight: normal; color: #333399; text-decoration:none; } .footer {font-weight: normal;color: #333399;text-decoration:none;} .important-alert{color:#df0606; font-weight:bold;} .important{color:#69C637; font-weight:bold;} .largeFont{ font-size:16pt;} #PageTitle{ font-size:18pt; color:#4c1627;} .anylinkcss{ position:absolute; visibility: hidden; border:1px solid black; border-bottom-width: 0; font:normal 12px arial; line-height: 18px; z-index: 1000; background-color: #fffbd6; width: 180px; } .anylinkcss a{ width: 100%; display: block; text-indent: 2px; border-bottom: 1px solid black; padding: 1px 0; text-decoration: none; font-weight: normal; text-indent: 2px; font:arial; color:#4c1627; } .anylinkcss a:visited{ width: 100%; display: block; text-indent: 2px; border-bottom: 1px solid black; padding: 1px 0; text-decoration: none; font-weight: normal; text-indent: 2px; font:arial; color:#003300; } .anylinkcss a:hover{ /*hover background color*/ background-color:#4c1627; color: white; font:arial; } #navigation {margin:0; padding:0;} #navigation li { list-style: none; float: left; } #navigation li a.menu { display: block; text-align: center; padding:8px; padding-left:12px; padding-right:12px; font-size:13pt; margin: 0 1px 0 0; font-weight: bold; color: #FFF; text-decoration: none; } #navigation li a.menu:hover { background: #2586d7; } .submenu { background: #2175bc; border-bottom: 3px solid red; visibility: hidden; position: absolute; z-index: 9000; } .submenu a { display: block; font: 16px arial; text-align: left; text-decoration: none; color: #ffffff; width: 220px; padding: 4px 10px; text-align: left; } .submenu a:hover { background: #2586d7; color: yellow; } /*#nav{ list-style:none; margin:0; padding:0; text-align:center; } #nav li{ display:inline; border-right:1px solid #FFF; } #nav a{ display:inline-block; padding:8px; padding-left:8px; padding-right:8px; font-size:12.2pt; text-decoration:none; } #nav li a:link{ font-weight: bold; color: #fff; } #nav li a:visited{ color:#fff; } #nav li a:hover{ color:#d7ecff; }*/ .basic p { margin-bottom : 10px; border: none; text-decoration: none; font-size: 14px; margin: 0px; padding: 10px; } .basic a { cursor:pointer; display:block; margin-top: 0; text-decoration: none; font-weight: bold; font-size: 14px; color: #018EDD; background-image: url("images/tab-close.png"); background-repeat:no-repeat; height:32px; padding-top: 15px; padding-left: 10px; padding-right: 40px; width: 980px; } .basic a.selected { background-image: url("images/tab-open.png"); background-repeat:no-repeat; } .row_steps{ background-color:#017DC7; } .padding_10{padding:10px;} .row_steps h3{margin-top:5px;} .step_on_h h3{ color:#CCC; } .hstep1 h3{ color:#FFF;} .step_off_h{ color:#fff;} .new_row_select{border-bottom:1px solid #CCC; margin-bottom:10px;clear:both;} .cell_car{float:left; width:350px; margin-right:15px; } .cell_car h3{ font-size:18pt; margin-top:5px; } .cell_car img{width:330px; } .cell_features{float:right; width:196px; margin-right:15px; /**border-right: solid 1px #CCC;**/} .cell_features_icons{height:37px; width:196px; background-image:url(images/features.jpg); background-repeat:no-repeat;} .cell_icons-1{float:left; width:53px; margin-right:10px; line-height:2em; text-align:right;} .cell_icons-2{float:left; width:50px; margin-right:10px; text-align:right; line-height:2em;} .cell_icons-3{float:right; width:45px; line-height:2em;} .cell_rate_quote{float:left; width:180px; margin-right:10px;} .cell_select_car{float:right; width:200px; margin-right:10px;} .step_on{ color:#027CC8; background-color:#fff; padding:8px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12pt; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .step_off{ color:#fff; background-color:#005AA8; padding:8px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12pt; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .step_1_pickup{float:left; width:150px; margin-right:10px;} .step_1_dropoff{float:left; width:173px; margin-right:10px;} .step_2{float:left; width:267px; margin-right:10px;} .step_3{float:right; width:205px; margin-right:10px;} .row_fleet_listing{border:1px solid #CCC; background-color:#F5F5F5; padding:15px;} .row_new_listing{background-color:#FFF; margin-top:5px; padding:10px;} .fleet_row_new{ width:900px; clear:both; margin-bottom:10px; border-top:1px solid #e8e8e8;} .fleet_image { width:305px; margin:10px; background-color:#FFF; float:left; margin-top:5px;} .fleet_image IMG { width:205px;} .fleet_text{ float:right; width:550px; margin-top:5px;} .btn_res { -moz-box-shadow:inset 0px 1px 0px 0px #97c4fe; -webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe; box-shadow:inset 0px 1px 0px 0px #97c4fe; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) ); background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0'); background-color:#3d94f6; -webkit-border-top-left-radius:19px; -moz-border-radius-topleft:19px; border-top-left-radius:19px; -webkit-border-top-right-radius:19px; -moz-border-radius-topright:19px; border-top-right-radius:19px; -webkit-border-bottom-right-radius:19px; -moz-border-radius-bottomright:19px; border-bottom-right-radius:19px; -webkit-border-bottom-left-radius:19px; -moz-border-radius-bottomleft:19px; border-bottom-left-radius:19px; text-indent:0; border:1px solid #337fed; display:inline-block; color:#ffffff; font-size:15px; font-weight:bold; font-style:normal; height:32px; line-height:32px; width:128px; text-decoration:none; text-align:center; text-shadow:1px 1px 0px #1570cd; } .btn_res:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) ); background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6'); background-color:#1e62d0; font-weight:bold; color:#ffffff; }.btn_res:active { position:relative; top:1px; } .btn_gray { -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) ); background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf'); background-color:#ededed; -webkit-border-top-left-radius:20px; -moz-border-radius-topleft:20px; border-top-left-radius:20px; -webkit-border-top-right-radius:20px; -moz-border-radius-topright:20px; border-top-right-radius:20px; -webkit-border-bottom-right-radius:20px; -moz-border-radius-bottomright:20px; border-bottom-right-radius:20px; -webkit-border-bottom-left-radius:20px; -moz-border-radius-bottomleft:20px; border-bottom-left-radius:20px; text-indent:0; border:1px solid #dcdcdc; display:inline-block; color:#777777; font-family:Arial; font-size:12px; font-weight:normal; font-style:normal; height:29px; line-height:29px; width:115px; text-decoration:none; text-align:center; text-shadow:1px 1px 0px #ffffff; } .btn_gray:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) ); background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed'); background-color:#dfdfdf; }.btn_gray:active { position:relative; top:1px; } /* This button was generated using CSSButtonGenerator.com */ .reservation_cell{float:left; width:290px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color:#037ECB; background: #017dc5; /* Old browsers */ background: -moz-linear-gradient(top, #017dc5 0%, #0158a7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#017dc5), color-stop(100%,#0158a7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #017dc5 0%,#0158a7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #017dc5 0%,#0158a7 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #017dc5 0%,#0158a7 100%); /* IE10+ */ background: linear-gradient(to bottom, #017dc5 0%,#0158a7 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#017dc5', endColorstr='#0158a7',GradientType=0 ); /* IE6-9 */ margin-top:10px; color:#FFF;} .search_steps{padding:5px; padding-left:10px; padding-right:10px; background-color:#F00; color:#FFF; font-size:16pt;} .red_button { -moz-box-shadow:inset 0px 1px 0px 0px #f29c93; -webkit-box-shadow:inset 0px 1px 0px 0px #f29c93; box-shadow:inset 0px 1px 0px 0px #f29c93; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ee4951), color-stop(1, #ee1c27) ); background:-moz-linear-gradient( center top, #ee4951 5%, #ee1c27 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee4951', endColorstr='#ee1c27'); background-color:#ee4951; -webkit-border-top-left-radius:17px; -moz-border-radius-topleft:17px; border-top-left-radius:17px; -webkit-border-top-right-radius:17px; -moz-border-radius-topright:17px; border-top-right-radius:17px; -webkit-border-bottom-right-radius:17px; -moz-border-radius-bottomright:17px; border-bottom-right-radius:17px; -webkit-border-bottom-left-radius:17px; -moz-border-radius-bottomleft:17px; border-bottom-left-radius:17px; text-indent:0; border:1px solid #ee4951; display:inline-block; color:#ffffff; font-size:16px; font-weight:normal; font-style:normal; height:32px; line-height:32px; width:165px; text-decoration:none; text-align:center; text-shadow:1px 1px 0px #b23e35; } .red_button:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ee1c27), color-stop(1, #ee4951) ); background:-moz-linear-gradient( center top, #ee1c27 5%, #ee4951 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee1c27', endColorstr='#ee4951'); background-color:#ee1c27; color:#ffffff; }.red_button:active { position:relative; top:1px; } .icon_pass{background-image:url(images/icon-pass.jpg); float:left; width:40px; height:26px; line-height:26px; background-repeat:no-repeat; font-size:14pt; color:#FFF;} .icon_lugg{background-image:url(images/icon_lug.jpg); width:40px; height:26px; line-height:26px; background-repeat:no-repeat; font-size:14pt; color:#FFF; float:left;} .pad13{padding-left:13px;} .pad15{padding-left:15px;} .icon_row{margin:0 auto; width:80px;} .but_small { -moz-box-shadow:inset 0px 1px 0px 0px #f29c93; -webkit-box-shadow:inset 0px 1px 0px 0px #f29c93; box-shadow:inset 0px 1px 0px 0px #f29c93; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) ); background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100'); background-color:#fe1a00; -webkit-border-top-left-radius:20px; -moz-border-radius-topleft:20px; border-top-left-radius:20px; -webkit-border-top-right-radius:20px; -moz-border-radius-topright:20px; border-top-right-radius:20px; -webkit-border-bottom-right-radius:20px; -moz-border-radius-bottomright:20px; border-bottom-right-radius:20px; -webkit-border-bottom-left-radius:20px; -moz-border-radius-bottomleft:20px; border-bottom-left-radius:20px; text-indent:0; border:1px solid #d83526; display:inline-block; color:#ffffff; font-size:14px; font-weight:normal; font-style:normal; height:23px; line-height:23px; width:59px; text-decoration:none; text-align:center; } .but_small:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00) ); background:-moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00'); background-color:#ce0100; color:#ffffff; }.but_small:active { position:relative; top:1px; } .home_cell_reservation{height:415px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color:#F3F3F3; border:1px solid #CCC;} .home_cell_reservation_blue{height:361px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color:#037ECB; background: #017dc5; /* Old browsers */ background: -moz-linear-gradient(top, #017dc5 0%, #0158a7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#017dc5), color-stop(100%,#0158a7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #017dc5 0%,#0158a7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #017dc5 0%,#0158a7 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #017dc5 0%,#0158a7 100%); /* IE10+ */ background: linear-gradient(to bottom, #017dc5 0%,#0158a7 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#017dc5', endColorstr='#0158a7',GradientType=0 ); /* IE6-9 */ color:#FFF;} .home_cell_left{float:left; width:511px;font-size:10pt; } .home_cell_left a{ color:#3A8FF3; font-size:12pt; } .home_cell_left a:hover{ color:#999; } .home_cell_right{float:right; width:399px;} .emphasis{ color:#007CC4; font-size:16pt; } .four_box{float:left; height: 200px; width: 183px; margin-right:10px; padding: 20px; background-color: white; /* outer shadows (note the rgba is red, green, blue, alpha) */ -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 1px 6px rgba(23, 69, 88, .5); /* rounded corners */ -webkit-border-radius: 12px; -moz-border-radius: 7px; border-radius: 7px; /* gradients */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(15%, white), color-stop(100%, #D7E9F5)); background: -moz-linear-gradient(top, white 0%, white 55%, #D5E4F3 130%); } .four_box h3{ font-size:12pt;} .four_box_last{ margin-right:0px;} /** FOR 'WHY AMERIRENT?' BOXES **/ .box_4{float:left; width:234px;} .box_4_end{float:right; width:224px;} .box_text{bottom:45px; font-size:11pt; display:block; position:relative; width:200px; left:20px;} .box_4 a{ text-decoration:none;} .box_4_end a{text-decoration:none;} /** FOR 'FAQ' BOXES **/ .box_3{width:300px; float:left; margin-right:14px;} .box_3_end{width:300px; float:right;} .box_3 a{ text-decoration:none;} .box_3_end a{text-decoration:none;} /** FOR 'FAQ' BOXES - if six boxes **/ .box_6{width:146px; float:left; margin-right:10px;} .box_6_end{width:146px; float:right;} .box_6 a{ text-decoration:none; font-size:10pt;} .box_6_end a{text-decoration:none;} .box_6 .box_text{font-size:10pt; left:13px;} .box_6_end .box_text{font-size:10pt; left:13px;} .testimonial { margin: 0; background: #e7e7e7; padding: 10px 50px; position: relative; color: #666; border-radius: 5px; text-shadow: 0 1px 0 #ECFBFF; background-image: linear-gradient(#fafafa, #efefef); } .testimonial:before, .testimonial:after { content: "\201C"; position: absolute; font-size: 80px; line-height: 1; color: #999; font-style: normal; } .testimonial:before { top: 0; left: 10px; } .testimonial:after { content: "\201D"; right: 10px; bottom: -0.5em; } .arrow-down { width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #efefef; margin: 0 0 0 25px; } .testimonial-author { margin: 0 0 0 25px; font-family: Arial, Helvetica, sans-serif; color: #999; text-align:left; } .testimonial-author span { font-size: 12px; color: #666; }