/* ################################################ ### IMPORT CSS STYLES ### ################################################ */ @import url(http://images1.ecarlist.com/sites/common/dropdown.css); @import url(http://images1.ecarlist.com/sites/common/similar_vehicles.css); @import url(http://images1.ecarlist.com/sites/common/vehicle_v2_sidebar_links.css); @import url(http://images1.ecarlist.com/sites/common/v2_top_search.css); @import url(http://images1.ecarlist.com/sites/common/vehicle_v2_top.css); @import url(http://images1.ecarlist.com/sites/common/vehicle_v2_vitals.css); @import url(http://images1.ecarlist.com/sites/common/vehicle_v2_tools.css); @import url(http://images1.ecarlist.com/sites/common/vehicle_v2_details.css); @import url(http://images1.ecarlist.com/sites/common/news_sidebar.css); @import url(http://images1.ecarlist.com/sites/common/news.css); @import url(http://images1.ecarlist.com/sites/common/inventory_v2_sidebar_filters.css); @import url(http://images1.ecarlist.com/sites/common/inventory_v2_right.css); @import url(http://images1.ecarlist.com/sites/common/inventory_v2_sidebar_contact.css); @import url(http://images1.ecarlist.com/sites/common/new_vehicles.css); @import url(http://images1.ecarlist.com/sites/common/featured_vehicles.css); @import url(http://images1.ecarlist.com/sites/common/sitemap.css); @import url(http://images1.ecarlist.com/sites/common/specials_footer.css); @import url(http://images1.ecarlist.com/sites/common/specials.css); @import url(http://images1.ecarlist.com/sites/common/common_classes.css); @import url(http://images1.ecarlist.com/sites/common/columns.css); /* ################################################ ### #_main page styles ### ################################################ */ body { margin: 0; padding: 0; font-family: Arial; font-size:12px; background: #8d9295 url(../images/bodytile.jpg) repeat-x center top; min-width: 980px; } .clear { margin: 0; padding: 0; clear:both; } p { margin: 5px 0; } a { color: #666; font-weight: bold; text-decoration:none; } a:link {} a:hover { color:#000; text-decoration:underline; } a:visited {} a:active { outline:none; } a:focus { outline-style: none; } .color_pri { color: #333 !important; } .color_sec { color: #bf1e2d !important; } #left, #leftColumn { float:left; display:inline; width:240px; padding:0; margin: 8px 0 0 8px; } #right, #rightColumn { float:right; display:inline; width:710px; padding: 0; margin: 8px 8px 0 0; min-height: 600px; } #right p, #financeLeft p, #notify_middle p { font-size:12px; line-height: 16px; color:#444; } #right h2, #financeLeft h2 { color:#333; font-size:21px; margin: 0 0 5px; padding: 0 0 10px; border-bottom: 1px solid #ccc; font-weight: normal; } #header_wrap { margin: 0; padding: 0; background: url(../images/header_wrap4.png) no-repeat center top; min-width: 980px; } #header_wrap_inner { margin: 0; padding: 0; background: url(../images/header_wrap_inner.png) no-repeat center top; min-width: 980px; position:relative; } #header { height:147px; width:980px; margin: 0 auto; padding: 6px 0 0; position:relative; } #top_social { float:left; margin: 0 0 8px; padding: 0; list-style-type:none; } #top_social li { float:left; margin: 0 6px 0 0; padding: 0; } #top_social li a { display: block; width: 21px; height:22px; text-indent: -9000px; background: url(../images/social_icons.gif) no-repeat; } #top_social li a#twitter { background-position: 0px 0px; } #top_social li a#facebook { background-position: -21px 0px; } #top_social li a#blogger { background-position: -42px 0px; } p#topcontact { float:right; margin: 0; padding: 0; font-size:11px; color:#fff; height:29px; line-height: 29px; } p#topcontact span { padding: 0 15px; line-height: normal; } #header h1 { clear:left; float:left; margin: 14px 0 0; padding: 0; } #header h1 a { display:block; width:129px; height:74px; text-indent: -9000px; background: url(../images/top_left_logo.jpg) no-repeat left top; } #header h2 { clear:right; float:right; margin: 14px 0 0; padding: 0; } #header h2 a { display:block; width:302px; height:74px; text-indent: -9000px; background: url(../images/top_right_logo.gif) no-repeat left top; } #content_wrap { margin: 0; padding: 0; background: url(../images/content_tile6.png) repeat-y center top; min-width: 980px; } #content_wrap_inner { margin: 0; padding: 0; background: url(../images/content_inner.png) repeat-y center top; min-width: 980px; } #main_content { margin: 0 auto; padding: 0; width:980px; position: relative; background: #fff; } #footer_stripes { width:230px; height:58px; margin:10px 0 0; padding:0 380px 0 370px; background: url(../images/footerstripes.png) no-repeat center top; } #footer_stripes a { display:block; width:230px; height:58px; margin: 0; padding: 0; text-indent: -9000px; background: url(../images/indigologo.png) no-repeat center top; } a#premier {visibility:hidden; float:left; width:129px; height:49px; margin: 0; padding: 0; text-indent: -9000px; background: url(../images/premier.gif) no-repeat left top; } p#footeraddress { float:left; display:inline; margin: 0; padding: 30px 0 0 157px; color:#5a5758; } p#footeraddress span { text-transform: uppercase; font-weight: bold; } p#footerphone { float:right; margin: 0; padding:20px 4px 0 0; color:#333; font-size:22px; font-weight: bold; } #footer_wrap { margin: 0; padding: 0; background: url(../images/footer_new.png) no-repeat center top; } #footer_wrap_inner { margin: 0; padding: 0; background: url(../images/footer_inner.png) no-repeat center top; } #footer_main { width:980px; margin: 0 auto; padding: 20px 0; } #footerNav { float:left; margin: 0 0 5px; padding: 0; list-style-type:none; } #footerNav li { display:inline; margin: 0; padding: 0 5px; border-right:1px solid #d9dada; font-size:11px; line-height: normal; } #footerNav li.last { border:none; } #footerNav li a { color:#d9dada; text-decoration: none; } #footerNav li a:hover { text-decoration: underline; } #ec_footer { clear:left; float:left; margin: 0; padding: 0; list-style-type:none; } #ec_footer li { display:inline; margin: 0; padding: 0 5px; color:#d9dada; border-right:1px solid #d9dada; font-size:11px; line-height: normal; } #ec_footer li.last { border:none; } #ec_footer li a { color:#d9dada; text-decoration: none; } #ec_footer li a:hover { text-decoration: underline; } a#ecarlist { float:right; margin: 0; padding: 0; width:140px; height:31px; text-indent: -9000px; background: url(../images/ecarlist.png) no-repeat left top; } a#ecarlist:hover { background-position: -140px 0px; } #priNav { width:980px; height:38px; margin: 0; padding: 0 0 19px; list-style-type:none; background: url(../images/navbkgd.gif) repeat-x center top; } #priNav li { float:left; margin: 0; padding: 0 1px 0 0; background: url(../images/navdiv.gif) no-repeat right 13px; font-size:12px; } #priNav li.last { background: none; padding: 0; } #priNav li a { display:block; line-height: 38px; height:38px; padding: 0 21px; text-transform: uppercase; text-decoration: none; color:#000; } #priNav li a:hover { background: url(../images/nav_rollover.gif) repeat-x center top; } #priNav li ul { display:none; } #dropmenudiv, #dropmenudiv_firefox { background:#fff; padding:0px; margin:0; } #dropmenudiv a, #dropmenudiv_firefox a { font-size:11px; font-weight:bold; color:#5d5d5d; border-bottom:1px dotted #333; margin:0px; text-decoration:none; } #dropmenudiv a:hover, #dropmenudiv_firefox a:hover { color:#fff; background:#d2232a; } /* ################################################# ### #=home page ### ################################################ */ #home_flash { width:980px; margin: 0; padding: 0; height:269px; background: url(../images/centric.gif) no-repeat center top; z-index: 100; } #flash_content { width:380px; height:270px; margin: 0; padding: 0; position:absolute; z-index: 200; } #flash_content a#blog { float:left; display:inline; width:52px; height:48px; padding: 0; margin: 104px 0 0 55px; text-indent: -9000px; } #flash_content a#video { float:left; display:inline; width:67px; height:71px; padding: 0; margin: 81px 0 0 15px; text-indent: -9000px; } #flash_content a#specials { float:left; display:inline; width:60px; height:48px; padding: 0; margin: 104px 0 0 11px; text-indent: -9000px; } #specials_flash { float:right; margin-top: 44px; background: url(../images/homepage_image.jpg) no-repeat; width: 675px; } #steering_wheel { width: 380px; height: 270px; background: url(../images/steering_wheel.png) no-repeat; position: relative; } #porschecentric { display:block; width:980px; height:46px; margin: 0; padding: 0; background: url(../images/porschecentric.gif) no-repeat right top; } p#lineup { display:block; width:123px; height:18px; margin: 0; padding: 0; text-indent: -9000px; background: url(../images/lineup.png) no-repeat left top; position:absolute; top: 360px; left:8px; z-index: 100; *top:335px; } #new_cars {font-family:"Letter Gothic Std", Arial; width:980px; height:177px; margin: 0; padding: 0 0 20px; background: url(../images/new_cars_bttm.gif) repeat-x center bottom; list-style-type:none; } #new_cars li { float:left; margin: 0; padding: 0;} #new_cars li a {border: 0;padding-bottom: 2px; display:block; width:196px; height:114px; text-indent: -9000px; background: url(../images/new_vehicles.jpg) no-repeat; } #new_cars li a#boxter { background-position: 0 0; } #new_cars li a#cayman { background-position: -196px 0px; } #new_cars li a#nine { background-position: -392px 0px; } #new_cars li a#panamera { background-position: -588px 0px; } #new_cars li a#cayenne { background-position: -784px 0px; } #new_cars p, #new_cars ul{padding-left: 20px; margin: 0; } .line_up_drop{display: none; text-indent: -9000; } .line_up_drop li{display: block; float: none !important} .line_up_drop a{width: auto !important; height: 20px !important;} .new_inventory{background: url('../images/porsche_menu_text.jpg') no-repeat 0 -104px !important; text-indent: -9000; } .pre_owned{background: url('../images/porsche_menu_text.jpg') no-repeat 0 -87px !important; text-indent: -9000;} .span_boxster{background: url('../images/porsche_menu_text.jpg') no-repeat 0 0 !important; display: block} #featured_block {} #featuredVehicles_title { display: block; width:170px; height:16px; text-indent: -9000px; background: url(../images/featured_title.gif) no-repeat left top; margin: 9px 0 5px 8px; } #random_list_location #random_list_item { border:1px solid #999; margin: 0 6px; padding: 8px 5px 8px 6px; font-size:11px; } #random_list_location #random_list_item img { border:none; } #random_list_location #random_list_item a { color:#666; text-decoration: none; } #random_list_location #random_list_item a:hover { color:#000; } .tt_carfax img{ float: left; } /* ################################################# ### #=common forms ### ################################################ */ #sidebar_address { padding:5px; background:#fff url(../images/filterlist_gradient.jpg) no-repeat center top; border:1px solid #999; } #sidebar_address_head { padding: 5px 0 0 10px; } #sidebar_address .floatleft p { font-size:11px; color:#333; } #sidebar_address .floatleft { padding-left:0; margin: 5px 10px } #sidebar_address #getdirections { margin-top:10px; margin-bottom:10px; margin-left:15px; font-size:12px; } #sidebar_address a#getdirections:hover { color:#000; } #dealer_contact { padding:0 5px 10px; background:#fff url(../images/contactbkgd.jpg) no-repeat center top; border:1px solid #999; } #dealer_contact h2 { display:block; width:83px; height:14px; margin: 9px 0 10px; padding: 0; text-indent: -9000px; background: url(../images/contact_us_title.png) no-repeat left top; } #dealer_contact ol { padding: 5px } #dealer_contact .input_element { width:180px !important; margin-bottom: 10px; font-size:12px; } #dealer_contact li { clear:both; } #dealer_contact #contact_small .submitButton { display:block; margin: 0 0 0 156px; width:52px; height: 27px; text-indent: -9000px; background: url(../images/send_small.png) no-repeat left top; border:none; font-size:0; line-height: 0; } #dealer_contact #contact_small .submitButton:hover { background-position: -52px 0px; } #dealer_contact #ec_is_submit { margin-top: 10px; } form.validation label, form.validation span.formLabel { color:#999; font-size:11px; font-weight: bold; } #vehicle #customer_tools_content_wrapper form.validation label { font-size:9pt; color:#666; } #ql_inner { margin: 8px 0 0; padding: 0; list-style-type:none; } #ql_inner li { margin: 0 0 8px; padding: 0; } #ql_inner li a { display:block; width:240px; height:42px; text-indent: -9000px; background: url(../images/ql_inner.jpg) no-repeat; } #ql_inner li a#blog { background-position: 0px 0px; } #ql_inner li a#video { background-position: 0 -42px; } #ql_inner li a#specials { background-position: 0 -84px; } #ql_inner li a#blog:hover { background-position: -240px 0px; } #ql_inner li a#video:hover { background-position: -240px -42px; } #ql_inner li a#specials:hover { background-position: -240px -84px; } /* ################################################# ### #=financing page ### ################################################ */ #financeLeft { float:left; display:inline; margin:0 0 8px 8px; padding: 0; } #financeRight { float:right; display:inline; margin: 8px 8px 10px 0; } #financing #financeHeader { margin:8px 8px 10px; min-width: 610px; border:1px solid #D7D7D7; } #financing #financeHeader h2 { padding-top:10px; } #financing #financeHeader h1 { color:#000; } #financing #financeCalc h2 { color:#333; } #financing #financeCalc li#footer { } #financeLeft h2 { margin-top: 25px; } #financing .financeBox2 h3 { color:#333; } #financing_main { float:right; margin: 5px 10px 0 0; padding: 0; width:670px; } /* ################################################# ### #service ### ################################################ */ #service #service_request_form h3 { background: #d9d9d9; margin: 10px 20px; color:#333; } #parts #parts_request_form h3 { background: #d9d9d9; margin: 10px 20px; color:#333; } #vehicle_question_submit { margin: 15px 0 15px 220px; } #parts #parts_request_form label, #service #service_request_form label { font-size:12px; } #parts_request_form .input_element, #service_request_form .input_element { float:right; } #specials .ip_specials_list_left { width:140px; } /* ################################################# ### #=contact us page ### ################################################ */ #contact #right { width:670px; } #contact .customer_tools_label { font-size:12px; } #contact .customer_tools_right_left { width:215px; float:left; } #contact .customer_tools_right_right { width:215px; float:left; margin-left:10px; } #contact #customer_tools { width:650px; margin-left:0px; margin-right:0px; } #contact .customer_tools_right { float:right; width:450px; margin: 0; } #contact .customer_tools_right .input_element { width:170px !important; font-size:10pt; } #contact .customer_tools_right_left li { clear:both; } #contact .customer_tools_right_right li { clear:both; } #contact #customer_tools { margin-top: 0; } #contact #customer_tools_content_wrapper { min-height:230px; height:auto !important; height: 220px; } #contact #customer_tools_top_middle { color:#000; } #contact #site_logoSection { margin-bottom: 10px; } /* ################################################# ### #=inventory page ### ################################################ */ /* Number of Results */ #inventory #inventory_v2_sidebar_filters h3 { padding:10px 5px 5px 0; color:#333; } #inventory #inventory_v2_sidebar_filters h2 { display:block; width:146px; height:15px; text-indent: -9000px; background: url(../images/refine.gif) no-repeat left top; margin: 10px 0; } /* Search Filter List Container Boxes */ #inventory .filterList { background:#fff url(../images/filterlist_gradient.jpg) no-repeat center top; border:1px solid #999; } #inventory #inventory_v2_sidebar_filters .filterList h3 { padding:0 0 0 10px; color:#333; font-weight: bold; } #inventory .filterList ul {} #inventory .filterList ul li { color:#999; } #inventory .filterList ul li a { color:#999; background: url(../images/inv_arrow.gif) no-repeat scroll 2px center; } #inventory .filterList li a:hover { color:#fff; background:#bf1e2e url(http://images1.ecarlist.com/sites/images/listingImages/arrowTree_white.gif) no-repeat scroll 2px center; } #inventory .filterList span a { float: left; margin: 10px; } #inventory .filterList span a:hover { color:#bf1e2e; } /* Contact Form Box */ #inventory #inventory_v2_sidebar_contact { padding:15px 5px 20px 10px; background:#fff url(../images/contactbkgd.jpg) no-repeat center top; border:1px solid #999; margin: 0 0 15px; } #inventory #inventory_v2_sidebar_contact h2 { display:block; width:83px; height:14px; margin: 0 0 15px; padding: 0; text-indent: -9000px; background: url(../images/contact_us_title.png) no-repeat left top; } #inventory #contact_small { width:220px; } #inventory #inventory_v2_sidebar_contact .input_element { width:180px !important; } #inventory #ec_is_submit .submitButton { display:block; margin: 0 0 0 146px; width:52px; height: 27px; text-indent: -9000px; background: url(../images/send_small.png) no-repeat left top; border:none; } #inventory #ec_is_submit .submitButton:hover { background-position: -52px 0px; } #inventory #sort_bar_left, #inventory #sort_bar_right { height:36px; line-height: 36px; } #inventory #contact_small li { clear:both; } /* Contact Form Element Styles - Default is usually ok */ /* #home #inventory_v2_sidebar_contact .input {} #home #inventory_v2_sidebar_contact textarea {} #home #inventory_v2_sidebar_contact select {} */ /* Current Filters Box */ #inventory #currentFilters { background:#666; margin: 3px 0; } #inventory #currentFilters p { padding-left:15px; font-size:12px; color:#fff; } #inventory #currentFilters p a { color:#fff; } #inventory #currentFilters p a:hover { color:#fff; text-decoration: underline; } /* Top Search Bar Styles */ #inventory #searchBar { border:none; background: url(../images/searchbar_tile.gif) repeat-x center top; height:43px; padding: 0; margin:0 0 1px; } #inventory #sort_bar { border:none; background: url(../images/sortbar_tile.gif) repeat-x center top; height:42px; padding:0 10px 3px; margin:0 0 15px; } #inventory #sort_bar a:hover { color: #000; } /* Vehicle Title and Price */ #inventory .inventory_v2_details h4 a { } #inventory .inventory_v2_details h4 a:hover { } #inventory .price_line_1 { padding-bottom:3px; } #inventory .inventory_v2_price { } #inventory .inventory_v2_price_right { color:#e4dddd; } #inventory .inventory_v2_details { width:335px; } #inventory .inventory_v2_details li { color:#333; } #inventory .inventory_v2_details_links li a { color: #666; } #inventory .inventory_v2_details_links li a:hover { color: #666; text-decoration:underline; } #inventory .inventory_v2_details_links li a.btn_inventory_contact { color:#0099ff; } /* Change width so prices dont wrap */ .inventory_v2_price { width:190px; } .inventory_v2_price_right { width: 110px; } #inventory .inventory_v2_pagination a { color: #fff; } #inventory .inventory_v2_pagination a:hover {} #inventory #vehicleDisclaimer p {} #inventory .inventory_v2_row { background:none; } #inventory .inventory_v2_paginationCenter a:hover { color:#c57101; } #inventory .inventory_v2_paginationRight a:hover { color:#c57101; } a#vehicle_v2_notify_button img { display:none; } a#vehicle_v2_notify_button { display:block; width:240px; height:87px; text-indent: -9000px; background: url(../images/finder.jpg) no-repeat left top; } a#vehicle_v2_notify_button:hover { background-position: -240px 0px; } /* ################################################# ### #=vehicle ### ################################################ */ /* Similar Vehicles Heading */ #vehicle #leftColumn h3 { display:block; width:122px; height:15px; margin: 10px 0 5px; padding: 0; text-indent: -9000px; background: url(../images/similar_title.gif) no-repeat left top; } .similarVehicle { background:#fff url(../images/filterlist_gradient.jpg) no-repeat center top; border:1px solid #999; } .similarVehicle ul { width: 115px; } #vehicle .similarVehicle ul li { color:#444; font-size: 10px; } #vehicle .similarVehicle ul li.price { color:#444; font-size: 12px; font-weight: bold; } #vehicle .similarVehicle ul li a { font-weight:bold; color:#444; font-size: 11px; } /* View More Box */ #vehicle #vehicle_v2_sidebar_links { background:#fff url(../images/filterlist_gradient.jpg) no-repeat center top; border:1px solid #999; margin: 0 0 10px; } #vehicle #vehicle_v2_sidebar_links p { font-weight: bold; color:#333; } #vehicle #vehicle_v2_sidebar_links ul {} #vehicle #vehicle_v2_sidebar_links li {} #vehicle_v2_sidebar_links li a { color:#999; background: url(../images/inv_arrow.gif) no-repeat scroll 2px center; } #vehicle_v2_sidebar_links li a:hover { color:#fff; background:#bf1e2e url(http://images1.ecarlist.com/sites/images/listingImages/arrowTree_white.gif) no-repeat scroll 2px center; } /* Breadcrumbs and share bar at top */ #vehicle #vehicle_topbar { border:none; background: url(../images/searchbar_tile.gif) repeat-x center top; height:43px; padding:0; margin:0 0 1px; } #vehicle #vehicle_topbar a { color:#000; } #vehicle #vehicle_title { font-size: 14pt; font-weight:bold; width:450px; } #vehicle #vehicle_contact span { color:#333; font-size:16px; } #vehicle #vehicle_contact a { color:#3474B0; } #vehicle .price_line_1 { font-size: 20pt; font-weight:bold; line-height: 20pt; color:#000 !important; } #vehicle #searchBar { border:none; background: url(../images/sortbar_tile.gif) repeat-x center top; height:42px; padding:0; margin:0 0 10px; } #vehicle #vehicle_vitals { } /* Breadcrumbs and share bar at top Links */ #vehicle #vehicle_topbar a { color:#333; } #vehicle #picShadow { padding: 0 5px; } #vehicle #vehicle_mainVitals {} /* Vehicle Title -- Make sure to enlarge this */ #vehicle #vehicle_title { font-size: 18pt; font-weight:bold; width:450px; color:#333 !important; line-height: 18pt; } /* Vehicle Listing Details */ #vehicle #vitalsContainer ul li { font-size:10px; } #vehicle #media_center_links li a { margin-top:5px; } #vehicle #vehicle_thumbs img { margin:2px 7px; } /* give some space to the subject line for the make an offer form */ #vehicle #trade_offer_subject { padding-bottom:10px; display:block; margin-left:70px; font-size:10pt; } #vehicle #dealerboxName { padding-top:5px; font-size:14px; } #vehicle .dealerboxAdd { font-size:12px; } #vehicle #dealerboxPhone { font-size:12px; font-weight:bold; padding-top:10px; padding-bottom:10px; } #vehicle #dealerboxMap a { font-size:12px; color:#333; font-weight: bold; text-decoration:none; } #vehicle #dealerboxMap a:hover { text-decoration:underline; } /* Disclaimer at the bottom of the page */ #vehicle #vehicleDisclaimer p {} #vehicle #customer_tools .input_element { width:160px !important; font-size:12px; float:none; } #vehicle #customer_tools #customer_tools_vehicle_offer .input_element { } #vehicle #customer_tools #customer_tools_vehicle_offer .customer_tools_right_left { width:210px; } #vehicle #customer_tools #customer_tools_top_middle { color:#333 !important; } #vehicle #customer_tools #customer_tools_content_wrapper { height:230px; } #vehicle #customer_tools .input_element { width:160px !important; font-size:12px; float:none; } #vehicle #customer_tools #customer_tools_vehicle_offer .input_element { } #vehicle #customer_tools #customer_tools_vehicle_offer .customer_tools_right_left { width:210px; } p#span_boxster { display:block; width:196px; height:17px; margin: 0; padding: 0; text-indent: -9000px; background: url(../images/new_car_titles.gif) no-repeat 22px top; } span#span_cayman { display:block; width:196px; height:17px; margin: 0; padding: 0; text-indent: -9000px; background: url(../images/new_car_titles.gif) no-repeat -175px top; } span#span_911 { display:block; width:196px; height:17px; margin: 0; padding: 0; text-indent: -9000px; background: url(../images/new_car_titles.gif) no-repeat -375px top; } span#span_panamera { display:block; width:196px; height:17px; margin: 0; padding: 0; text-indent: -9000px; background: url(../images/new_car_titles.gif) no-repeat -572px top; } span#span_cayenne { display:block; width:196px; height:17px; margin: 0; padding: 0; text-indent: -9000px; background: url(../images/new_car_titles.gif) no-repeat -774px top; } .aboutpic { float:left; margin: 0; padding: 0 10px 10px 0; } .ownerbox { float:left; margin: 0 10px 10px 0; padding: 15px; width:300px; border:1px solid #ccc; background: #ccc; } .aboutBook { float:right; margin: 0; padding: 5px 0 5px 5px; width:380px; height:438px; } #right p.ownertext { font-size:11px; } p#bbb { float: right; display:inline; width:33px; height:53px; margin: 0 20px 5px 0; padding: 0; text-indent: -9000px; background: url(../images/bbb.gif) no-repeat center top; } /* ##### videobox ##### ############################*/ #videobox { float:left; display:inline; margin: 0; padding: 0; width:710px; height:400px; background: url(../images/video_placeholder.gif) no-repeat center top; position: relative; } #ec_flowplayer {height: 400px; width: 710px;} /* ##### control buttons ##### ############################*/ #videobox #ec_flowplayer_controlbar a.play, #videobox #ec_flowplayer_controlbar a.pause { display:block; position:absolute; top: 0; left: 0; width: 20px; height: 20px; background: url(../images/control_bar.png) no-repeat 0 0; text-indent: -9000px; } #videobox #ec_flowplayer_controlbar a.play:hover { background-position: 0 -21px; } #videobox #ec_flowplayer_controlbar a.pause { background-position: -20px 0; } #videobox #ec_flowplayer_controlbar a.pause:hover { background-position: -20px -21px; } div#ec_flowplayer_controlbar a.mute, div#ec_flowplayer_controlbar a.unmute { display:block; position:absolute; top: 0; right: 0; width: 20px; height: 20px; background: url(../images/control_bar.png) no-repeat -60px 0; text-indent: -9000px; } div#ec_flowplayer_controlbar a.mute:hover { background-position: -60px -21px; } div#ec_flowplayer_controlbar a.unmute { background-position: -80px 0; } div#ec_flowplayer_controlbar a.unmute:hover { background-position: -80px -21px; } /* ##### time code ##### ######################*/ div#ec_flowplayer_controlbar div.time { display:none; } div#ec_flowplayer_controlbar div.time span { /* elapsed time */ } div#ec_flowplayer_controlbar div.time strong { /* total time */ } /* ##### track - progress, buffer, playhead ##### ################################################*/ div#ec_flowplayer_controlbar div.track { position:absolute; height:15px; left: 25px; top:3px; width:650px; overflow:hidden; } div#ec_flowplayer_controlbar div.progress, div#ec_flowplayer_controlbar div.buffer { position: absolute; height:5px; top:3px } div#ec_flowplayer_controlbar div.progress { background: #999; } div#ec_flowplayer_controlbar div.buffer { background: #ccc; opacity: 0.25; } div#ec_flowplayer_controlbar div.playhead { position:absolute; height:13px; width: 11px; background: url(../images/control_bar.png) no-repeat -45px -4px; } #videobox #ec_flowplayer_controlbar { position: absolute; bottom:-16px; background: url(../images/bar_bkgd.gif) repeat-x center top; width:710px; height:16px; } #videobox #ec_playlist {display: inline; margin: 12px 0px 0px 0px; position: absolute; height:5px; top: 410px; } a.ecl_video_unmute { display:block; text-align: center; height:40px; background:url(../images/clicktolisten.png) no-repeat center center; text-indent: -9000px; line-height: 40px; position: relative; bottom: 95px; margin: 0; padding: 0; } #flowplayer_video1, #flowplayer_video2, #flowplayer_video3, #flowplayer_video4{display: block; float: left; width: 146px; height: 82px; margin-right: 23px; text-indent: -9000px; border: 2px solid #848889 } #flowplayer_video1{ background:url(../images/Porsche_of_North_Houston.png) no-repeat center center; } #flowplayer_video2{ background:url(../images/5.png) no-repeat center center; } #flowplayer_video3{background:url(../images/1.png) no-repeat center center; } #flowplayer_video4{ background:url(../images/4.png) no-repeat center center; } #flowplayer_videos{font-size: 17px; padding-bottom: 5px} #flowplayer_video1, #flowplayer_video2, #flowplayer_video3, #flowplayer_video4{border: 2px solid #000 } #flowplayer_video1 a:hover{ background:url(../images/Porsche_of_North_Houston.png) no-repeat center center;} #flowplayer_video2 a:hover{ background:url(../images/5.png) no-repeat center center;} #flowplayer_video3 a:hover{background:url(../images/1.png) no-repeat center center;} #flowplayer_video4 a:hover{ background:url(../images/4.png) no-repeat center center;} .staff_member { margin:10px; text-align:left; min-height:244px; height:auto !important; height:244px; } .staff_member img { float:left; margin-right:10px; border:6px solid #f3f1f3; } .staff_member h3 { margin: 15px 0 10px 5px; } .custom_pages ul { padding-left: 25px; margin-bottom: 15px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size: 12px; }