/*--------------------- California Travel Center Inc. ---------------------*/ /*------------------------ Style.css ------------------------*/ /*-- STANDARD --*/ p { line-height: 1.5em; } h1 { font-size:15px; } h2 { font-size:14px; } h3 { font-size:13px; } h4 { font-size:12px; } h5 { font-size:11px; } body{ background:url('images/CTC_index_bg_02.png') repeat-x #a6def8; font-size:11px; font-family: Arial, Helvetica, sans-serif; color: #000; text-decoration: none; margin:0; padding:0; } a:link {color: #004EFF; text-decoration: none;} a:visited {color: #004EFF; text-decoration: none;} a:active {color: #004EFF; text-decoration: none;} a:hover {color: #004EFF; text-decoration: underline; } /*-- Regular short style for form elements --*/ .short {font-size: 11px; color: #1A3F7E; width:120px; border:1px solid #a44c03; color:#184a00;} .short_b {font-size: 11px; color: #1A3F7E; width:160px; border:1px solid #004f84; color:#5a5a5a;} /*------------------------------------ Underline Class ------------------------------------- */ .underline a:link {text-decoration: underline;} .underline a:visited {text-decoration: underline;} .underline a:active {text-decoration: underline;} .underline a:hover {text-decoration: none;} /* ----------------Alsett clearing method ------------------------------------------- */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} * html .clearfix {height: 1%} .clearfix {display: block;} /* ---------------------------------- Site Specific Layout -------------------------- */ .l_float{float:left;position:relative;} #main{width:852px; margin-left:auto; margin-right:auto;} #masthead{width:852px; height: 136px; overflow: hidden;} #nav_bar_container{float:left; width:530px;} #search_form{background:url(images/CTC_index_bg_13.png) no-repeat; width:127px; height:38px; padding:8px 0 0 2px; float:left;} #top_nav {padding: 50px 0 0 0; float: left; height: 40px; overflow: hidden;} #search_tag_row {float: left; height: 46px; overflow: hidden;} #content_bg { background:url(images/CTC_index_22.png) repeat-y; width:852px; padding-bottom:17px; } #content{float:left; width:839px; background:url(images/CTC_index_16.png) no-repeat top; min-height:195px;} * html #content {height:195px}/* min-height fix for IE 6.0 */ #content_col_one{width:631px; float:left; padding:0 0 0 5px;} #content_col_two{width:192px; float:left; padding:0 0 0 11px;} .col_two_img img{border:1px solid #014676;} #content_col_two img{margin-bottom:10px;} #dots{margin-top:4px;} #footer { background:url(images/CTC_index_bg_27.png) no-repeat; width:852px; height:54px; } #global_nav{text-align:center; color:#fff; padding-top:17px;} #global_nav a:link{color:#fff; text-decoration:none;} #global_nav a:visited{color:#fff; text-decoration:none;} #global_nav a:active{color:#fff; text-decoration:none;} #global_nav a:hover{color:#f79626; text-decoration:underline;} #by_line{color:#004066; padding:10px 0 10px 0;} #copyright{float:left; padding-left:23px; width: 200px;} #developer{float:right; width:200px; padding-right:23px;} #developer a:link{color:#004066; text-decoration:none;} #developer a:visited{color:#004066; text-decoration:none;} #developer a:active{color:#004066; text-decoration:none;} #developer a:hover{color:#ab5c00; text-decoration:underline;} /* --------------------------------- Docs Specific Layout -------------------------- */ #main_banner{margin-bottom:10px; height:223px;} #main_col_one{float:left; width:226px;} .feature_link_bg{background:url(images/feature_mid.gif) repeat-y; width:212px; padding: 7px 0 0 14px;} .feature_link{color:#063c61; font-weight:bold; font-size:12px; padding:5px 0 1px 27px; background:url(images/arrow.gif) no-repeat 0 8px;} .feature_link a:link{color:#063c61; text-decoration:none;} .feature_link a:visited{color:#063c61; text-decoration:none;} .feature_link a:active{color:#063c61; text-decoration:none;} .feature_link a:hover{color:#d76600; text-decoration:underline;} .feature_wrap{padding-bottom:5px;} #main_col_two{float:left; width:397px; padding-left:8px;} #sample_best{padding-bottom:5px;} #travel_guide_bg_overlay{background:url(images/travel_guide_bkgd.png) no-repeat bottom; width:363px; min-height:169px; padding:10px 10px 0 10px;} * html #travel_guide_bg_overlay {height:169px}/* min-height fix for IE 6.0 */ #travel_guide_bg_overlay p{margin:0; padding:0 0 10px 0; font-size:12px; color:#000;} #travel_guide_bg_overlay a:link{color:#063c61; font-weight:bold; text-decoration:underline;} #travel_guide_bg_overlay a:visited{color:#063c61; font-weight:bold; text-decoration:underline;} #travel_guide_bg_overlay a:active{color:#063c61; font-weight:bold; text-decoration:underline;} #travel_guide_bg_overlay a:hover{color:#d76600; font-weight:bold; text-decoration:none;} #travel_guide_bg{background:url(images/travel_guide_mid.gif) repeat-y; width:383px;} .record_wrap{padding-top:5px;} .record_top{background:url(images/record_top.gif) no-repeat; width:363px; height:23px; padding:7px 0 0 20px;} .record_title {font-size:12px; font-weight:bold; color:#fff; position:absolute; z-index:2;} .record_title_shdw{padding:1px 0 0 2px; font-size:12px; font-weight:bold; color:#001633; position:absolute; z-index:1;} .record_mid{background:url(images/record_mid.gif) repeat-y; width:383px;} .record_grad{width:364px; min-height:82px; background:url(images/record_grad.gif) repeat-x bottom; margin-left:5px; padding:10px 0 0 7px;} .record_img{background:#fff; border:1px solid #00273e; width:121px; float:left; text-align:center; padding:4px 0 3px 0;} .record_img img{border-bottom:1px solid #737373; border-right:1px solid #737373;} .record_info{float:left; width:225px; padding-left:10px;} .record_header{font-size:12px; color:#fff; text-decoration:underline; font-weight:bold; background:url(images/record_arrow.gif) no-repeat 0 4px; padding-left:12px;} .record_header a:link{color:#fff; text-decoration:underline; font-weight:bold;} .record_header a:visited{color:#fff; text-decoration:underline; font-weight:bold;} .record_header a:active{color:#fff; text-decoration:underline; font-weight:bold;} .record_header a:hover{color:#f17300; text-decoration:underline;font-weight:bold;} .record_txt p{color:#fff; margin:5px 0 0 0; padding:0; line-height:1.2em;} .record_txt a:link{color:#fff; text-decoration:underline; font-weight:bold;} .record_txt a:visited{color:#fff; text-decoration:underline; font-weight:bold;} .record_txt a:active{color:#fff; text-decoration:underline; font-weight:bold;} .record_txt a:hover{color:#f17300; text-decoration:underline;font-weight:bold;} #header{margin-bottom:20px;} #city_info{} #city_info_mid{background:url(images/city_info_mid.gif) repeat-y; width:193px; padding: 7px 0 0 14px;} .city_info_link{color:#063c61; font-weight:bold; font-size:12px; padding:5px 0 4px 27px; background:url(images/arrow.gif) no-repeat 0 8px;} .city_info_link a:link{color:#063c61; text-decoration:none;} .city_info_link a:visited{color:#063c61; text-decoration:none;} .city_info_link a:active{color:#063c61; text-decoration:none;} .city_info_link a:hover{color:#d76600; text-decoration:underline;} #map_it_wrap{padding:0 0 8px 0; width:207px } #map_it_info{background:url(images/map_bg.gif) no-repeat; width:190px; height:52px; padding:10px 0 0 17px;} #map_keywords{padding-bottom:5px;} #map_city_name{} #weather_wrap{padding:0 0 0 0;} #weather_info{background:url(images/weather_mid.gif) repeat-y; width:200px; padding:7px 0 0 7px;} #weather_img{background:url(images/weather_img_bg.gif) no-repeat; width:80px; height:77px; padding:7px 0 0 9px; float:left;} #weather_img img{border:1px solid #83949e;} #weather_details{margin:0; padding:0; list-style:none; line-height:1.4em;} #weather_details li{padding-bottom:1px;} #weather_city{color:#3a3d3f; font-weight:bold; margin-bottom:5px; padding:20px 0 } #forecast_btn{margin-top:2px;} #temp{ display:none } #wind{ display:none } #page_banner { height:152px; } #page_col_one{float:left; width:207px; padding-top:10px;} #page_col_two{float:left; width:424px; padding-top:10px;} #page_container{ } #page_header{background:url(images/page_header_bg.gif) no-repeat; width:355px; height:30px; padding:10px 0 0 63px;} .page_title {font-size:16px; font-weight:bold; color:#fff; position:absolute; z-index:2;} .page_title_shdw{padding:1px 0 0 2px; font-size:16px; font-weight:bold; color:#001633; position:absolute; z-index:1;} #page_search_container{ visibility:hidden; height: 0px; } #page_inner{background:url(images/page_mid_bg.gif) repeat-y; width:380px; padding:0 20px 0 20px;} #page_inner_small{width:380px;} #search_bg{background:url(images/search_bkgd.gif) no-repeat; width:310px; height:35px; float:left; padding:26px 0 0 18px;} #search_field{float:left;} .search_field{font-size: 11px; color: #1A3F7E; width:140px; border:1px solid #798a94; color:#5a5a5a;} .search_in{color:#1b5980;} #search_list{float:left; margin-left:3px;} .search_list{font-size: 11px; color: #1A3F7E; width:140px; border:1px solid #798a94; color:#5a5a5a;} .pagenumber_crumbs{text-align:right; margin:10px 14px 10px 0; color:#272e32;font-size:120%;} .pagenumber_crumbs a:link{color:#272e32;} .pagenumber_crumbs a:visited{color:#272e32;} .pagenumber_crumbs a:active{color:#272e32;} .pagenumber_crumbs a:hover{color:#d76600;} .youre_here{font-weight:bold;} .clear { clear:both; line-height:1px; font-size:0 } .inner_record_sep{margin:10px 0 10px 4px;} .inner_record_wrap{background-image: url(images/record_fix_05.gif); background-repeat: repeat-y; margin: 0 0 5px 0; } .inner_record_wrap_2{margin: 0; padding: 0 0 5px 0; } .inner_record_img{float:left; padding: 0 0 0 5px;} .inner_record_img_mid{background:url(images/inner_record_mid.gif) repeat-y; width:138px; padding:0 0 0 8px } .inner_record_img_mid img{border:1px solid #143c57;} .inner_record_info{float:left; width:207px; padding-left:10px } .inner_record_info_full {float:left; width:420px; padding-left:10px} .inner_record_title{background:url(images/inner_record_arrow.gif) no-repeat 0 4px; padding-left:10px; margin-bottom:5px; color:#004772; font-weight:bold; font-size:12px;} .inner_record_title a:link{color:#004772; text-decoration:none;} .inner_record_title a:visited{color:#004772; text-decoration:none;} .inner_record_title a:active{color:#004772; text-decoration:none;} .inner_record_title a:hover{color:#d76600; text-decoration:underline;} .inner_record_txt{margin:5px 0 2px 0; color:#272e32;} .inner_record_txt_full{margin:5px 0 2px 0; color:#272e32; font-size: 11px; line-height: 1.3em;} .inner_record_txt p{margin:0; padding:0; line-height:1.3em;} .inner_record_txt_full p{margin:0; padding:0; line-height:1.3em;} .inner_record_more_btn{float:right; padding-bottom: 2px;} .s_record_top_cap {padding: 0 0 2px 0; clear:both } .s_record_bot_cap {padding: 0;} #must_see{float:left; margin-right:5px;} #txt_margins{padding:15px 10px 0 5px;} .cms_txt{font-size:12px; color:#272e32;} .cms_txt a:link{color:#063c61; text-decoration:underline; font-weight:bold;} .cms_txt a:visited{color:#063c61; text-decoration:underline; font-weight:bold;} .cms_txt a:active{color:#063c61; text-decoration:underline; font-weight:bold;} .cms_txt a:hover{color:#d76600; text-decoration:none; font-weight:bold;} .cms_txt p{margin:0; padding:0;} .paging_margin{margin: 0 0 10px 270px;} .page_row{margin-top:18px;} .page_column_1{float:left; width:161px; margin-left:5px;} .page_column_2{float:left; width:161px; margin-left:35px;} .page_column_mid{background: url(images/page_select_mid.gif) repeat-y; width:145px; padding-left:16px;} .page_column_mid img{border:1px solid #353535;} .page_select_btm{background:url(images/page_select_btm.gif) no-repeat; width:161px; height:41px; text-align:center; padding-top:2px;} .page_select_btm a:link{color:#fff; font-size:12px; text-decoration:underline; font-weight:bold;} .page_select_btm a:visited{color:#fff; font-size:12px; text-decoration:underline; font-weight:bold;} .page_select_btm a:active{color:#fff; font-size:12px; text-decoration:underline; font-weight:bold;} .page_select_btm a:hover{color:#d76600; font-size:12px; text-decoration:none; font-weight:bold;} .catHead {margin:5px 0 5px 0; padding:3px 0 3px 3px; border-bottom: 1px solid #888; border-top: 1px solid #888;font-weight:bold;} .req{color: red;font-weight: bold;font-size: 150%;} form{margin:0;padding:0;} #f_p_sub_title {float: left; background-image: url(images/full_page_06.gif); background-repeat: repeat-x; width: 514px; padding: 18px 0 0 0; overflow: hidden; height: 29px;} #sub_title {font-size: 16px; font-weight: bold; color: #ffffff; position: relative; z-index: 1;} #sub_shadow {font-size: 16px; font-weight: bold; color: #00243d; position: relative; z-index: 0;top: -19px; left: 1px;} #full_page_bg {background-image: url(images/full_page_09.gif); background-repeat: repeat-y; font-size: 12px; color: #001727; padding: 10px 25px 0 25px;} #full_page_bg p{margin: 0; padding: 0 0 10px 0;} #service_left {float: left; width: 220px; padding: 0 10px 0 0;} #service_img_bg {background-image: url(images/service_12.gif); background-repeat: repeat-y; padding: 0 0 0 10px;} #service_img_bg img {border: 1px solid #043457;} #service_map {padding: 10px 0 0 0;} #service_right {float: left; width: 340px;} #service_name {background-image: url(images/service_05.gif); background-repeat: no-repeat; color: #004775; font-weight: bold; font-size: 18px; padding: 4px 0 10px 20px;} #service_address {padding: 0 0 5px 0;} #service_number {padding: 0 0 5px 0;} #service_web {padding: 0 0 5px 0; color: #e36f0d;} #service_web a:link{color: #e36f0d; text-decoration: underline;} #service_web a:visited{color: #e36f0d; text-decoration: underline;} #service_web a:active{color: #e36f0d; text-decoration: underline;} #service_web a:hover{color: #1a5982; text-decoration: none;} .service_field {font-weight: bold; color: #004775;} #new_services {padding: 0 9px 0 0;} #new_services h4 {padding: 0 0 0 15px; margin: 0 0 5px 0; background-image: url(images/new_services_arrow.gif); background-repeat: no-repeat; background-position: 0 1px; color: #063c61; border-bottom: 1px solid #cdd3d7;} #new_services ul{margin: 0; padding: 0 0 10px 10px; list-style-type: none;} #new_services li{padding: 2px 0 2px 0; border-bottom: 1px dotted #cdd3d7;} #sitemap_pg { margin-left: 30px; } #ul_article { line-height: 1.7em; width:400px } #ul_article li { padding-bottom: 10px } .img_right { float:right; margin: 5px 10px; clear:right } .img_left { float:left; padding: 5px 10px } .adsense { margin-bottom:10px } #travel-links { padding-left:20px; padding-top:10px } .right { float:right } .special { font-weight:bold; font-size:1.5em; color:red; } #buy-tickets p { padding-left:7px; padding-right:7px; line-height:1.4em; } /** * jQuery lightBox plugin * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) * and adapted to me for use like a plugin from jQuery. * @name jquery-lightbox-0.5.css * @author Leandro Vieira Pinho - http://leandrovieira.com * @version 0.5 * @date April 11, 2008 * @category jQuery plugin * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com) * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin */ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; } /* jQuery lightBox plugin - Gallery style */ #gallery ul { list-style: none; margin-left: -2px; } #gallery ul li { display: inline; margin-right: 30px; } #gallery ul img { border: 5px solid #fff; border-width: 5px 5px 20px; } #gallery ul a:hover img { border: 5px solid #3e3e3e; border-width: 5px 5px 20px; color: #fff; } #gallery ul a:hover { color: #fff; } #inside-rentexpert #vrql_search_box_query { width: 560px; margin-bottom: 10px; } #inside-rentexpert { margin-bottom: 30px; }