@charset "UTF-8";
/* CSS Document */

/*
####################################################################################################################################
LAYOUT
####################################################################################################################################
*/

/* Homepage */

/* main */
body {background-image:url('/usr/theme/image/hp_background.jpg')!important;background-repeat:repeat-x!important; background-color:#000;}
.disclaimer {display:none!important;}

/* header */

#hp_logo {position: absolute;}

/* Body */

#container {width: 995px;}
#col-a {width: 399px; float:left;}

#col-a .socialnetwork {padding:25px; height:120px;}
#col-a .socialnetwork .facebook {float:left; width:180px;}
#col-a .socialnetwork .twitter {float:left;}
#col-a #map {padding:20px; }
#col-a .directions {padding:20px; }

#col-b {width: 596px; float: right;}
#col-b #featured {padding-bottom:25px;}
#col-b #featured .specials li {float:left; width:190px; height:300px;}
#col-b #welcome {padding-bottom:25px;}
#col-b .welcome_banner {padding-top:15px; padding-bottom:15px; margin-left: 60px;}
#col-b .welcome_intro {padding-left:25px; padding-right:25px;}
#col-b .service_installation li {float:left; padding:10px;}

/* Interior */
#pmm-bd-c {padding-right:20px;}
#side-nav .directions {padding-left:20px; padding-top:25px;}
#side-nav #callstoaction {padding-top:25px;}
#events {border-bottom:1px solid #999999; padding-bottom:25px; padding-top:25px; width:650px;}
#pmm-bd-c #banner img {padding:3px; border:1px solid #ececec;}

/* Gallery Setup */

#image-container {width: 700px; padding:20px;}
#image-container #vehicle_info {width:165px; float:left;}
#image-container #vehicle_info ul {padding-top:10px;}
#image-container img {padding:3px; border:1px solid #666666;}

/* Google Map */
#GoogleInfoWin, #GoogleInfoWin input {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px; color: #000000;}
#GoogleInfoWin input {width:100;}
#map_google{width: 500px; height: 400px; border:2px solid #333333; margin-left:100px;}

/* Footer */

#footer_bg {background-image:url('/usr/theme/image/hp_footer.jpg'); width:996px; height:285px;}
#footer_text {padding-top:70px; padding-left:10px;}
.pmm_logo {float:right; padding-top:35px;}

/* misc */
#hp-se_footer {width:995px;text-align:left; background-color:#000;}
#hp-se_footer {color:#666666;}
#hp-se_footer a {color:#666666;text-decoration:underline;}
#hp-se_footer h1 {font-size:12px;font-weight:bold;}
#hp-se_footer p {font-size:10px;margin:0px 0px 10px 0px;}

/* Wheel page setup */
#wheelpage {width:995px; height:1000px; margin-top:10px; border:none!important;}
#gallery {width:995px; height:1000px; margin-top:10px; border:none!important;}
#pg-stnd .pmm-bd-h{font-size:14px;}

/* Tire Sync */
#tiresync {width:995px; height:500px; margin-top:10px; border:none!important;}

/* Gallery Page */

body#pg-stnd #uGalCollections li {width:240px; float:left;}
body#pg-stnd #uGalItems li {width: 125px; float:left;}




/*
####################################################################################################################################
MAIN NAV
####################################################################################################################################
*/


/* THIS HIDES THE TEXT OF THE TOP LEVEL MENU */
#nav span { display: none; }

/* MENU ATTRIBUTES */
ul.jd_menu {padding:0px; list-style-type:none; border:none; height:25px; text-align:left;}
ul.jd_menu ul {display:none; border:none; padding:0px; margin:0px; height:auto; }
ul.jd_menu li {float:left; border:none; padding:0px; margin:0px;color:#ffffff; font-family:sans-serif; font-size:12px; color:#ffffff; font-weight:bold; line-height:14px; }

/* SUB-MENU ATTRIBUTES */
ul.jd_menu ul {position:absolute; display:none; list-style-type:none; margin:0px; padding: 0px; min-width:170px; height:auto; z-index: 10000; }
ul.jd_menu ul li {float:none; margin:0px; }
ul.jd_menu li li { border-left:1px solid; border-bottom:1px solid; border-right:1px solid; }
#nav ul li ul li { height:auto; }
ul.jd_menu li ul li.jdm_hover { cursor:pointer; }


/***************************************************************/
/* NOTICE: YOU SHOULD ONLY HAVE TO EDIT VALUES BELOW THIS AREA */
/***************************************************************/

#nav {
/* NAVIGATION IMAGE ATTRIBUTES */
background-image:url("/usr/theme/image/navigation.png");
background-repeat:no-repeat;
/* WIDTH OF THE NAVIGATION */
width:995px;
/* HEIGHT OF THE NAVIGATION */
height:42px;
/* OTHER ATTRIBUTES */
margin:0px;
padding:0px;
}

/***********************/
/*** MENU ATTRIBUTES ***/
/***********************/

/* CONTROLS DROP DOWN MENU HIGHLIGHT */
ul.jd_menu li ul li.jdm_hover { background-color:#222222; }
/* CONTROLS THE PADDING OF THE DROP DOWN MENU BUTTONS */
ul.jd_menu li li { padding:10px; }
/* CONTROLS THE WIDTH OF THE DROP DOWN MENU BUTTONS */
ul.jd_menu li li { width:165px; }
/* CONTROLS THE COLOR OF THE BORDERS OF THE DROP DOWN MENU BUTTONS */
ul.jd_menu li li { border-bottom-color:#333333; border-left-color:#333333; border-right-color:#333333; }
/* CONTROLS THE COLOR OF THE BACKGROUND OF THE DROP DOWN MENU BUTTONS */
ul.jd_menu li li { background-color:#121212; }
/* CONTROLS THE COLOR OF THE TEXT OF THE DROP DOWN MENU BUTTONS */
ul.jd_menu li ul li a {color:#ffffff; text-decoration:none; }
/* CONTROLS THE COLOR OF THE TEXT (HOVER STATE) OF THE DROP DOWN MENU BUTTONS */
ul.jd_menu li li.jdm_hover a{ color:#ff0000; text-decoration:none; } 


/* IMPORTANT: THE HEIGHT NEEDS TO MATCH THE NAVIGATION HEIGHT */
#nav li, #nav a.top-lvl { height:42px; display:block; }

/* CONTROLS WITH HIT AREA FOR THE TAB BUTTONS */
.jd-home {width: 57px;}
.jd-products {width: 87px;}
.jd-service {width: 177px;} 
.jd-specials {width: 80px;}
.jd-gallery {width: 77px;}
.jd-quote {width: 98px;}

/* OPTIONAL - move the buttons to the right */
ul.jd_menu { margin-left:419px; } 


/* CONTROLS THE NAV IMAGE WHEN HOVER STATE */
.jd-home a.top-lvl:hover {background:url("/usr/theme/image/navigation.png") -419px -42px no-repeat; }
ul.jd_menu li.jd-products.jdm_hover { background:url("/usr/theme/image/navigation.png") -476px -42px no-repeat; }
ul.jd_menu li.jd-service.jdm_hover {background:url("/usr/theme/image/navigation.png") -563px -42px no-repeat; }
ul.jd_menu li.jd-specials.jdm_hover {background:url("/usr/theme/image/navigation.png") -740px -42px no-repeat; }
ul.jd_menu li.jd-gallery.jdm_hover {background:url("/usr/theme/image/navigation.png") -820px -42px no-repeat; }
ul.jd_menu li.jd-quote.jdm_hover {background:url("/usr/theme/image/navigation.png") -896px -42px no-repeat; }

/* IE6 FIXES */
* html .jd-home a.top-lvl:hover { background-image:none; }
* html ul.jd_menu li.jd-products.jdm_hover, * html ul.jd_menu li.jd-products.jdm_active { background-image:none; }
* html ul.jd_menu li.jd-service.jdm_hover, * html ul.jd_menu li.jd-service.jdm_active { background-image:none; }
* html ul.jd_menu li.jd-specials.jdm_hover, * html ul.jd_menu li.jd-specials.jdm_active { background-image:none; }
* html ul.jd_menu li.jd-news.jdm_hover, * html ul.jd_menu li.jd-news.jdm_active { background-image:none; }
* html ul.jd_menu li.jd-video.jdm_hover, * html ul.jd_menu li.jd-video.jdm_active { background-image:none; }

* html ul.jd_menu li ul li a:visited {color:#ffffff; }
* html ul.jd_menu li li.jdm_hover a:hover { color:#ff0000; } 









/*
#######################################################################################################################################
TYPOGRAPHY
#######################################################################################################################################
*/

/* Homepage */

/* Body */

#col-a .socialnetwork span {font-size:11px; font-weight:bold;}
#container {font-size:11px;}
#container h1 {font-weight:bold; line-height:0px;}
.subPgHEader {font-size:14px; font-weight:bold;}
.subText {font-size:12px; font-weight:bold;}

/* Interior */

body#pg-stnd h2.pmm-bd-h {font-size:18px; font-weight:bold; color:#000;}
#side-nav .directions {font-size:11px;}
#side-nav .directions p span {font-size:14px; font-weight:bold;}
#side-nav #callstoaction p span {font-size:14px; font-weight:bold;}

#pmm-bd-c .header {font-size:14px; font-weight:bold;}
#pmm-bd-c p {font-size:11px;}

/* Gallery Setup */

#image-container #vehicle_info li {font-size:11px;}
#image-container #vehicle_info h1 {font-size:11px; font-weight:bold; padding-top:10px;}
/* Forms */
form#frmLead.lblTop ul.frmValues li label {font-size:11px;}
form#frmLead .msgReq {font-size:11px;}
form#frmLead .frmSection h4 {font-size:14px;}
form#frmLead ul li input, form#frmLead ul li input, form#frmLead ul li select, form#frmLead ul li textarea {font-size:11px;}
/* Footer */

#footer_text h1 {font-size:18px; line-height:0px;}
#footer_text p {font-size:9px; color:#939292;}























/*
#########################################################################################################################################
COLORS
#########################################################################################################################################
*/

html { font-family:Arial, Helvetica, sans-serif!important; font-size:11px; color:#5c5c5c; }

/* Homepage */

/* Body */

#col-a .directions a {color:#ca1c2d; text-decoration:none!important;}
.subPgHEader {color: #000000;}
.subText {color:#ff0000;}

#col-b .welcome_intro a {color:#ca1c2d; text-decoration:none!important;}
#col-b .welcome_intro p span {color:#ca1c2d; text-decoration:none!important; font-weight:bold;}

/* Interior */
#side-nav .directions {background-color:#fff;}
#side-nav .directions a {color:#ca1c2d; text-decoration:none!important;}

/* Forms */
form#frmLead .msgReq {color:#ca1c2d;}
form#frmLead .noteAsReq {color:#ca1c2d;}

/* Footer */
#footer_text h1 {color:#ffffff;}
#footer_text h1 span {color:#ca1c2d;}

























/*
#############################################################################################################################################
MISC
#############################################################################################################################################
*/

/* Typography */

#emailQuestions { font-size:11px; font-family:Arial, Helvetica, sans-serif; }
div#seoContent, div#copyright { font-size:11px; }
div#seoContent2, div#copyright2 { font-size:11px; }
.bodyText {font-size:11px;}
.subText {font-size:12px; font-weight:bold;}
.bodyText2 {font-size:11px;}
.linkText {font-size:11px;}
.subHead {font-size:11px; font-weight:bold;}
#pageheader {font-size:16px; font-weight:bold;}
.subPgHEader {font-size:14px; font-weight:bold;}
.sideHeader {font-size:16px; font-weight:bold;}
.sideText {font-size:20px; font-weight:bold;}
.topNumber {font-size:18px; font-weight:bold; font-style:italic;}
.topText {font-size:12px; font-weight:bold; font-style:italic;}
#row3 {font-size:11px; font-weight:bold; font-style:italic;}
#newsevents h1 {font-size:22px; font-weight:bold; color:#ff0000;}
#newsevents p {font-size:14px; font-weight:bold;}

/* Color */

#yui-main {background-color:#ffffff; padding-top:25px; }
#flash_banner {padding:0px; margin:0px;}
html {background-color:#ffffff;}
#pmm-doc-995 {background-color:#ffffff;}
#emailQuestions { color:#FFFFFF; }
.emailLink { color:#af0000; }
div#seoContent, div#copyright { color:#797979; }
div#seoContent2, div#copyright2 { color:#797979; }
.bodyText {color:#6d6d6d;}
.subText {color:#ff0000;}
.bodyText2 {color:#494949;}
.linkText {color:#ff0000;}
.subHead {color:#ffffff;}
div .notice1 {color:#000000;}
.subPgHEader {color: #000000;}
#main_banner {background-color:#ffffff;}
.sideHeader {color:#ffffff;}
.sideText {color:#ff0000;}
.topNumber {color:#ffffff;}
.topText {color:#ff0000;}
#row3 {color:#6d6d6d;}




div#footer-hp {width:965px;float:left;clear:both;padding:0px 15px 0px 15px;}
div#footer-hp h1 {font-size:14px;margin:20px 0px 8px 0px;}
div#footer-hp h2 {font-size:12px;margin:10px 0px 0px 0px;}
div#footer-hp h3 {font-size:11px;margin:10px 0px 0px 0px;}
div#footer-hp h1, div#footer-hp h2, div#footer-hp h3 {font-weight:bold;}
div#footer-hp div#cities-box {float:left;background-color:#eaeaea;padding:10px;margin:10px;}
div#footer-hp div#cities-box li {list-style-type:disc;margin-left:10px;}
div#footer-hp a {color:#777777;}


/*
## User Gallery ##
*/

/*#uGalleryOverlay{position:absolute;top:20px;left:200px;z-index:1000;width:950px;height:740px;border:1px solid #000;}*/


#uGalleryOverlay.overlay {
    display:none;
    z-index:10000;
    background-color:#333;
    width:960px;
    height:750px;
    border:1px solid #666;
    padding:5px;

    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;
}

/* default close button positioned on upper right corner */
#uGalleryOverlay .overlay div.close {
	background-image:url(http://media.pmmsystem.net/assets/img/jquery.tools/overlay/close.png);
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

#uGalleryOverlay .detailPic{float:left;width:800px;height:600px;background-color:#fff;}
#uGalleryOverlay .specs{float:right;width:150px;height:600px;background-color:#ffff00;}
#uGalleryOverlay .info1{width:100%;height:40px;background-color:#ff0000;clear:both}
#uGalleryOverlay .info2{width:100%;height:100px;background-color:#efefef;clear:both}