/*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;}