/*GENERAL ELEMENTS*/ body { font-family: Helvetica; font-size : 15px; color: #3C3C3C; margin: 0; padding: 0; margin-left: 0px; background: #b8b8b8; -webkit-text-size-adjust:none; /* Turn off font resizing */ } .clear { clear: both; } /*Full site (hdr, content, ftr) container*/ #Container{ margin: 0 auto; position: relative; } TD { font-family : Trebuchet MS, Arial, Verdana, Geneva, Helvetica, sans-serif; font-size : 10pt; color: #000000; font-weight : normal; } img { border: 0px; } .outlined { border: 1px solid #000; } b { font-weight: bold; } a { color : #0066cc; text-decoration : underline; } a.ButtonLink /* Handle the click/tap highlight. Highlight an entire cell with the iPhone grey background when tapped */ { display: block; /* Sets the href to be a block rather than inline */ /* The padding properties adjust the text content within the href block */ padding-top: 8px; padding-right: 8px; padding-bottom: 12px; padding-left: 60px; /* The margin properties adjust the size of the href block */ margin-top: -8px; margin-right: -8px; margin-bottom: -12px; margin-left: -8px; text-decoration: none; color:black; background-image: url(http://www.psndealer.com/dealersite/images/m_rightarrow.png); background-repeat: no-repeat; background-position: 95% 50%; } a.BackButtonLink /* Handle the click/tap highlight. Highlight an entire cell with the iPhone grey background when tapped */ { display: block; /* Sets the href to be a block rather than inline */ /* The padding properties adjust the text content within the href block */ padding-top: 8px; padding-right: 8px; padding-bottom: 12px; padding-left: 10px; /* The margin properties adjust the size of the href block */ margin-top: -8px; margin-right: -8px; margin-bottom: -12px; margin-left: -8px; text-decoration: none; color:black; background-image: url(http://www.psndealer.com/dealersite/images/m_leftarrow.png); background-repeat: no-repeat; background-position: 5% 50%; } #btnBackContainer { width: 320px; float: left; margin-left: 2px; } .btnBack{ width: 302px; margin: 0 auto; padding-top: 0px; text-align: center; float: left; margin-left: 10px; } .title, h1 { color: #000000; font-size : 14pt; font-weight: bold; } .subtitle { color: #666666; font-size : 12pt; font-weight: bold; } ul { padding: 0; margin-top:0; margin-right:10px; margin-bottom:17px; /* Set each list 17 pixels from the top of the button bar(or the top of the next list) */ font-size:17px; font-family: Helvetica; font-weight:bold; color:black; width: 300px; background-color: white; /* Each list has a white background fill */ border-width: 1px; /* Draw a rectangle around each list */ border-style: solid; border-color: #b8b8b8; -webkit-border-radius: 10px; /* Round each corner of the created rectangle */ -moz-border-radius: 10px; } li { display:block; vertical-align: middle; list-style-type: none; border-top-width:1px; /* Create lines between cells. Each line is placed above each item */ border-top-style:solid; border-top-color: #b8b8b8; padding-top:10px; padding-right:10px; padding-bottom:14px; /* Indent the cell content 14 pixels from the bottom edge of a cell */ padding-left:10px; } li:first-child { border-top:0; /* Remove border above the first item of the list */ } .titleBar{ width: 100%; font-size: 12pt; font-weight: bold; text-align: center; color: #000; } .bodyText { text-align: center; margin: 5px; } .background { text-align: left; margin: 10px; padding: 10px; margin-top: -10px; background: #fff; border: 1px solid #a1b3b0; text-align: left; -moz-border-radius: 8px;-webkit-border-radius: 8px; } input, textarea { font: normal 0.88em Trebuchet MS, Arial, sans-serif; vertical-align: baseline; margin: 3px; background: #dbdbdb url(http://www.psndealer.com/dealersite/images/m_bkgButtons.jpg) repeat-x 0 0; padding: 3px; border: 1px solid #a1b3b0; -moz-border-radius: 3px;-webkit-border-radius: 3px; } select { padding: 1px; background: #eee; border: 1px solid #a1b3b0; -moz-border-radius: 3px;-webkit-border-radius: 3px;} #hmContent img { behavior: url(iepngfix.htc); /*for any pngs in IE 6*/ } /*HEADER & FOOTER*/ #Header { width: 320px; margin: 0 auto; text-align: center; float: left; } #address{ padding-bottom: 5px; padding-top: 5px; margin-right:10px; margin-left:10px; margin-top:10px; background: #fff /*url(http://www.psndealer.com/dealersite/images/m_addressBG.gif) 0 0 repeat-x*/; border-top: 1px solid #b8b8b8; border-bottom: 1px solid #b8b8b8; line-height: 130%; color: #000; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; } #address a:link, #address a:visited { color : #000; text-decoration : underline; } #address a:HOVER { color : #ccc; } .#address a.ACTIVE { color : #ccc; } .footer{ text-align: center; width: 320px; padding-bottom: 10px; line-height: 200%; } .footerLink a:link, .footerLink a:visited, .footerLink a:HOVER, .footerLink a.ACTIVE { font-size: 9pt; text-decoration : underline; } .footerLinkNone a:link, .footerLinkNone a:visited, .footerLinkNone a:HOVER, .footerLinkNone a.ACTIVE { color : #000000; font-size: 9pt; text-decoration : none; } /*NAVIGATION*/ .topNav{ position: relative; /*height: 18px;*/ margin: 0 auto 5px; padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #b8b8b8; border-bottom: 1px solid #7f7f7f; color: #fff; text-align:center; background-image: url('http://www.psndealer.com/dealersite/images/m_navBG.gif'); } .topNav a { color: #fff; font-weight: bold; text-decoration: underline; text-align: center; } .topNav a:hover { color: #ccc; } .topNav a:active { color: #ccc; } .phoneIcon { float: right; margin-top: -4px; margin-right: 5px; } .PageContent{ clear: both; position: relative; padding-left: 9px; padding-top: 10px; } .PageContent select { width: 80%; } /*RESULTS PAGE*/ #yearDropdownDiv{ padding-left:60px; margin-left:-8px; } .NowShowingResults{ font-size: 10pt; font-weight: bold; text-align: center; color: #000000; padding-bottom: 5px; } .TypeHeader{ font-size: 15pt; font-weight: bold; text-align: left; color: #000000; padding-bottom: 5px; } .msrp { color: #cc0000; font-size: 10pt; font-weight: bold; text-align: center; } .vehicletitle { color: #000000; font-size: 8pt; font-weight: bold; text-align: center; } .heading { font-weight: bold; } .resultsTitle { font-size: 12pt; } .resultsTitle a:link, .resultsTitle a:visited, .resultsTitle a:active, .resultsTitle a:hover { font-size: 12pt; } .specs { float:left; margin-left: 5px; font-size: 8pt; color:#000000; } .specs a:link, .specs a:visited, .specs a:active, .specs a:hover { font-size: 8pt; } .promodetail { width:320px; overflow:hidden; } .promodetail div.linkmodels { text-align:center; } .promodetail div.linkmodels a { font-size:1.0em;font-weight:bold;text-decoration: underline; color:#003366; cursor:pointer !important; cursor:hand; } .promomodels { margin: 10px; margin-top: 5px; width: 302px; } .promomodels h2 { font-size: 1.0em; width: 302px; text-align:center; } .promomodels a { font-size:0.7em;font-weight:normal;text-decoration: underline; color:#003366; margin-bottom: 0; cursor:pointer !important; cursor:hand; } .promomodels li { padding: 5px; } .btnSearchInv{ width: 302px; margin: 0 auto; padding-top: 14px; } #resultsListing { margin: 10px; margin-top: 5px; width: 302px; } #searchArea { padding: 0.63em; } #resultsListing ol { margin: 0; padding: 0; } #resultsListing ol li { cursor:pointer !important; cursor:hand; background: #fff; list-style-position:inside; font-size: 1.13em; font-weight: bold; padding: 0.63em 0.63em 0.63em 1.88em; text-indent: -1.44em; text-align: left; } #resultsListing ol li table { border-spacing: 5px; margin: 0; margin-top: 0.31em; padding: 0; font-size: 0.75em; font-weight: normal; text-indent: 0; } #resultsListing ol li td { vertical-align: top; } #resultsListing ol li a { text-decoration: underline; color: #000; } .resultsListingVehicle { border: 1px solid #000; margin: 0; } ul.bordered li, ol.bordered li { border: 1px solid #a1b3b0; border-top: 0px solid #a1b3b0; } ul.bordered li.first, ol.bordered li.first { border-radius:10px; border-top: 1px solid #a1b3b0; } ul.bordered li.last, ol.bordered li.last { border-radius:10px;} div#InvResultsSearchDropDownBox { margin: 10px; width: 278px; padding: 10px; background: #fff; border: 1px solid #a1b3b0; text-align: center; -moz-border-radius: 10px;-webkit-border-radius: 10px; } #InvResultsSearchDropDownBox p { margin: 0; padding: 0; text-align: center; } div#InvResultsSearchDropDownBox select { width: 200px; margin: 3px;} div#InvResultsSearchDropDownBox span { display: inline-block; } table#InvResultsSearchPriceZip { border-spacing: 0px; margin: 0 auto; } table#InvResultsSearchPriceZip td { padding: 0 0.31em; } table#InvResultsSearchPriceZip td:first-child { text-align: right; } div#InvResultsSearchDropDownBox #InvResultsSearchPriceZip select { width: 125px; clear: none; display: inline; } div#InvResultsSearchDropDownBox span#InvResultsSearchPriceZip label { clear: none; display: inline; } div#InvResultsSearchDropDownBox #InvResultsSearchPriceZip input { width: 117px; } div#InvResultsSearchSubmitBox #submit1 { font-size: 1em; padding: 0.13em; line-height: 1.25em;} /*.pagesResults{ width: 302px; margin: 0 auto; padding-top: 14px; color: #777; text-align: center; font-size: 12pt; font-weight: bold; }*/ /*SEARCH PAGE*/ #dropdowns { position: relative; float: middle; text-align: center; width: 100%; margin-top: 15px; } /*PROFILE PAGE*/ table#paging { border-spacing: 2px; width: 320px; font-size: 1em; margin: 0.63 auto; position: relative; line-height: 1em; height: 1.25em;} table#paging td { padding: 0 0.31em; border: 0px; color:#000000; } table#paging td a:link a:visited{color:#0066cc; } table#paging .back { text-align: left; padding-left: 10px; padding-right: 20px; } table#paging .next { text-align: right; padding-right: 10px; padding-left: 20px; } table#paging.small { font-size: 0.75em; margin: 5px 0 0; } table#paging td.separator { display: none; } .vehicleListing { width: 302px; margin: 10px; padding-bottom: 10px; background: #fff; border: 1px solid #a1b3b0; text-align: center; -moz-border-radius: 10px;-webkit-border-radius: 10px; } .vehicleListing h2 { font-size: 1.0em; } .vehicleListing h3 { font-size: 0.88em; color: #cc0000; margin-bottom: 10px; } .vehicleListing h4 { font-size: 1.0em; text-decoration: underline; color:#003366; margin-bottom: 0; cursor:pointer !important; cursor:hand; } .vehicleListing table#vehicleListingMenu { margin: 0 auto; border-spacing: 0px; font-size: 0.75em;} .vehicleListing table#vehicleListingMenu td { width: 80px; height: 30px; padding: 0 3px; } .vehicleListing table#vehicleListingMenu td a { padding-top: 30px; display: block; width: 100%; height: 100%; } .vehicleListing table#vehicleListingMenu td.separator { display: none; width: 5px; } .vehicleListing table#vehicleListingMenu td#gallery { background: url(http://www.psndealer.com/dealersite/images/m_iconGalleryLG.png) no-repeat 50% 0; } .vehicleListing table#vehicleListingMenu td#directions { background: url(http://www.psndealer.com/dealersite/images/m_iconDirectionsLG.png) no-repeat 50% 0; } .vehicleListing table#vehicleListingMenu td#contact { background: url(http://www.psndealer.com/dealersite/images/m_iconContactLG.png) no-repeat 50% 0; } .vehicleListing table#vehicleListingMenu td#insurance { background: url(http://www.psndealer.com/dealersite/images/m_iconInsuranceLG.png) no-repeat 50% 0; } .vehicleListing table#vehicleListingDetails { margin: 0 auto; border-spacing: 0; width: 100%; padding: 0 10px; } .vehicleListing table#vehicleListingDetails td { font-size: 0.88em; text-align: left; vertical-align: top; border-bottom: 1px dotted #999; padding: 0.19em 0; } .vehicleListing table#vehicleListingDetails td strong { color: #000; } .vehicleListing ul#vehicleListingOptions { margin: 0 auto; padding: 0; display: none; } .vehicleListing ul#vehicleListingOptions li { list-style-position:inside; padding: 0 0.63em 0 24px; text-indent: -14px; font-size: 0.88em; text-align: left; } .addedOptions{ position: relative; padding-left: 20px; width: 220px; font-size: 12pt; text-align: left; color: #000; } table.profileInfo { margin: 0 auto; margin-top: 20px; border-spacing: 0; width: 100%; padding: 0 10px; } table.profileInfo td { font-size: 0.88em; text-align: left; vertical-align: top; border-bottom: 1px dotted #999; padding: 0.19em 0; } table.profileInfo td strong { color: #000000; } /* GALLERY */ .gallery { margin: 10px; width: 302px; padding-bottom: 10px; background: #fff; border: 1px solid #a1b3b0; text-align: center; -moz-border-radius: 10px;-webkit-border-radius: 10px; } .gallery h2 { font-size: 1.0em; width: 302px; } .gallery h3 { font-size: 0.88em; color: #cc0000; margin-bottom: 10px; } .gallery div.bigimage { height:226px; width:302px; overflow:hidden; background: url(http://www.psndealer.com/dealersite/images/m_loader.gif) no-repeat 50% 0; } .gallery table { padding:10px 10px 5px 10px; width:302px; text-align:center; vertical-align:middle;} .gallery table tr td { font-size: 1.0em; font-weight:bold; } .gallery table tr td.left { width:51px; } .gallery table tr td.center { width:200px; } .gallery table tr td.right { width:51px; } /* CONTACT */ .contactMe { margin: 10px; width: 278px; padding: 10px; background: #fff; border: 1px solid #a1b3b0; text-align: center; -moz-border-radius: 10px;-webkit-border-radius: 10px; } .serviceForm { text-align: left; } form.contact h4 { margin: 10px auto -5px; display:block; } form.contact div, form.contact div td { color: #cc0000; text-align: center; margin: 10px 0 0;} form.contact label { color: #000; text-align: left; display:block; width: 200px; margin: 5px auto 0;} form.contact div input, form.contact div textarea { width: 200px; margin-left: 0.75em; } form.contact div input.required, form.contact div textarea.required, form.contact div table tr td#state select.required { margin-left: 0; } form.contact div table tr td {font-family: Helvetica; font-size : 15px; } form.contact div table tr td#state {width: 75px; padding-left: 28px; vertical-align:top;} form.contact div table tr td#state select { width: 74px; margin-left: 0.75em; } form.contact div table tr td#state label { display: block; width: 74px; margin-left: 0.75em; margin-bottom:3px; color: #3C3C3C;} form.contact div table tr td#zip {width: 120px; padding-left: 10px; vertical-align:top; text-align:left;} form.contact div table tr td#zip label { display: block; width: 80px; margin-left: 0.70em; color: #3C3C3C;} form.contact div table tr td#zip input.zip { width: 100px; margin-left: 0.70em;} form.contact div table tr td#zip input.required { margin-left: -0.19em; } form.contact small { font-size: 0.63em; } form.contact #submit1 { font-size: 0.88em; padding: 0.13em; line-height: 1.25em; margin: 5px auto 0; } form.contact span.radio { font-size: 0.88em; color: #cc0000; display: block; width: 220px; margin: 5px auto 0; text-align: left;} form.contact span.radio label { display: inline; } form.contact span.radio label.option { display: inline-block; float: left; width: 190px; padding-left: 30px; } form.contact span.radio input.form-radio { float: left; width: 20px; margin-left: -24px; } form.contact input#ReceiveEmailCheckbox {width:5%;margin:0px 0px 0px 0px;padding:0px; } form.contact span#ReceiveEmailText {color:#000;font-size:small;width:95%;margin:0px;padding:0px;} /* SERVICE */ .serviceHours { text-align: center; margin: 10px; color: #cc0000; } /* COUPONS */ .couponListing { text-align: left; } .contentText { margin: 10px; width: 278px; padding: 10px; background: #fff; border: 1px solid #a1b3b0; text-align: center; -moz-border-radius: 8px;-webkit-border-radius: 8px; } .contentText h2 { text-align: center; } .contentText h3 { text-align: center; font-size: 1em; color: #000; margin-top: 10px; } .contentText h3 a {text-decoration: underline; color:#003366; margin-bottom: 0; cursor:pointer !important; cursor:hand; } .contentText ul, .contentText ol { margin: 0 auto; padding: 0; } .contentText ul li, .contentText ol li { list-style-position:inside; padding-left: 18px; text-indent: -18px; font-size: 0.88em; text-align: left; } .couponListing li { padding-top: 10px; padding-bottom: 10px;} /* EVENT LIST */ .PageContent #eventList{ width:300px; padding:0; -webkit-border-radius: 10px; /* Round each corner of the created rectangle */ -moz-border-radius: 10px; background-color:#FFF; } .PageContent #eventList #breadcrumbs{ padding:5px 0 5px 10px; font-size:12px; color:#000; } .PageContent #eventList #breadcrumbs a{ color:#000; } .PageContent #eventList .monthLabel{ background-color:#000; padding:5px 0 5px 10px; color:#FFF; font-size:17px; font-weight:bold; } .PageContent #eventList ul li{ min-height:90px; border-bottom:#000 1px solid; border-top:none; padding:0; margin:10px 0 0 0; } .PageContent #eventList ul li:last-child{ border-bottom:none; } .PageContent #eventList ul{ padding: 0; margin:0; width: 100%; background-color: white; /* Each list has a white background fill */ border:none; border-radius:7px; -webkit-border-radius: 7px; /* Round each corner of the created rectangle */ -moz-border-radius: 7px; } .PageContent #eventList .thumbnail{ width:80px; height:80px; border-radius:7px; overflow:hidden; float:left; z-index:5; -moz-border-radius:7px; -webkit-border-radius:7px; margin:0 10px 0 10px; } .PageContent #eventList .eventInfo{ margin-left:90px; } .PageContent #eventList .eventInfo h2{ margin:0; font-size:15px; text-transform:uppercase; line-height:15px; } .PageContent #eventList .eventInfo h3{ margin:0 0 8px 0; font-size:13px; color:#900; } #eventlist2 li{ padding:0; position:relative; border-top:#000 1px solid; } .PageContent #eventList .eventpaginationTxt a { color:black; } .PageContent #eventList .eventpaginationTxt a:hover { color:gray; } .PageContent #eventList .eventpaginationTxt { border:0px solid red; float:right; margin-top:1px; font:normal 11px Tahoma,Geneva,Verdana,sans-serif; } .PageContent #eventList .eventpaginationTxt a,.eventpaginationTxt a:visited { text-decoration:underline; display:inline-block; width:15px; height:15px; text-align:center; border:1px solid transparent; } .PageContent #eventList .eventpaginationTxt a:hover,.eventpaginationTxt a:active { text-decoration:none; background:#ffffff; border:1px solid #cccccc; } .PageContent #eventList .eventpaginationTxt span { font-weight:bold; color:black; text-decoration:none; /*indicates current page...always appears in middle of pagination bar*/ margin:0px; display:inline-block; width:15px; height:15px; text-align:center; background:#ffffff; border:1px solid transparent; } /* EVENT DETAILS */ #event_details{ width:280px; padding:10px; -webkit-border-radius: 10px; /* Round each corner of the created rectangle */ -moz-border-radius: 10px; background-color:#FFF; overflow:hidden; } #event_details #breadcrumbs{ font-size:12px; color:#000; } #event_details #breadcrumbs a{ color:#000; } #event_details .event_date{ font-size:12px; overflow:hidden; } #event_details .event_date .whereWhen_label{ display:block; width:50px; float:left; color:#F00; margin-bottom:5px; font-weight:bold; } #event_details .event_date .whereWhen_info{ margin-left:50px; display:block; margin-bottom:5px; font-weight:bold; } #event_details h1{ text-transform:uppercase; font-size:20px; width:300px; margin:10px 0 0 0; word-wrap:break-word; } #event_details h2{ text-transform:uppercase; font-size:15px; color:#F00; margin:0 0 10px 0; width:500px; } #event_details #RSVP{ text-align:center; } #event_details .event_description{ padding: 10px 0 10px 0; border-top:#000 1px solid; margin-top:10px; font-size:12px; } #event_details .event_image{ text-align:center; overflow:hidden; } #event_details .event_image img{ max-width:100%; } #event_details .event_additionalInfo{ padding: 0 0 10px 0; font-size:12px; } #event_details .event_additionalInfo a{ color:#F00; } .paginationTxt a {color: black";} .paginationTxt a:hover {color: gray";} .paginationTxt {border:0px solid red;float:right;margin-top:1px; font:normal 11px Tahoma,Geneva,Verdana,sans-serif;} .paginationTxt a,.paginationTxt a:visited {text-decoration:underline;display:inline-block;width:15px;height:15px;text-align:center;border:1px solid transparent;} .paginationTxt a:hover,.paginationTxt a:active {text-decoration:none;background:#ffffff;border:1px solid #cccccc;} .paginationTxt span {font-weight:bold;color:#000000;text-decoration:none; /*indicates current page...always appears in middle of pagination bar*/margin:0px;display:inline-block;width:15px;height:15px;text-align:center;background:#ffffff; border:1px solid transparent;}