body {background: #653265 url(/img/mp/rx-body-bg.jpg) repeat-x; font-family: Helvetica, Arial, sans-serif;}

#canvas {margin: 0 auto; overflow: hidden; width: 1040px; padding-top: 7px;}
#wrapper {background: #ffffff url(/img/mp/rx-mp-content-bg.jpg) no-repeat 0 113px;}


#middle {padding: 25px 20px 25px 20px; width: 1000px;}

#middle #left {float: left; width: 696px;}

#middle #left.landing {width: 1000px;}

#middle #left #rotator {display: block; clear: both; width: 696px; height: 281px;}
#middle #left #rotator .pics {width: 696px; height: 281px; padding: 0; margin:  0; z-index: -3;} 
#middle #left #rotator .pics img {width: 696px; height: 281px; top: 0; left: 0; padding: 0; margin: 0;} 

#middle #left #content {min-height: 230px; padding: 10px 0 0 0;}
#middle #left #content h1 {background: url(/img/mp/rx-mp-welcome.gif) no-repeat; float: left; height: 22px; margin: 10px 20px 10px 150px; text-indent: -9999px; width: 285px;}
#middle #left #content p {color: #666699; font-size: 1em; line-height: 1.5em; margin: 0 0 15px 150px;}
#middle #left #content #menu {margin: 0 0 0 -53px; position: absolute;}

#middle #left #header-image {background: url(/img/mp/rx-int-collage-header.jpg) no-repeat; height: 159px; width: 665px;}

#middle #left #interior-content {padding: 10px 0 10px 10px;}
#middle #left #interior-content h1 {color: #643466; font-size: 1.25em; font-weight: normal; letter-spacing: 2px; margin: 0 0 20px 0; text-transform: uppercase;}
#middle #left #interior-content h2 {color: #999965; font-size: 1em; margin: 20px 0 10px 0;}
#middle #left #interior-content p {color: #666698; font-size: 0.85em; line-height: 1.4em; margin: 10px 0 10px 0;}

#middle #left #interior-content ul {font-size: 0.85em; list-style-type: square; margin: 10px 0 10px 60px;}
#middle #left #interior-content ul li {color: #666698; margin: 10px 0 5px 0;}

#middle #left #interior-content a:link {color: #a65fac; font-size: inherit; text-decoration: underline;}
#middle #left #interior-content a:visited {color: #a65fac; font-size: inherit; text-decoration: underline;}
#middle #left #interior-content a:hover {color: #a65fac; font-size: inherit; text-decoration: none;}

#middle #left #interior-content .map {background: url(/img/mp/map.png) no-repeat; padding: 0 0 5px 20px;}

#middle #right {float: right; width: 281px;}

#middle #right #tabs {height: 240px; margin: 43px 0 0 0; width: 281px;}
#middle #right #tabs .copy {margin: 0 25px 0 25px;}
#middle #right #tabs .copy p {color: #653265; font-size: 0.75em; line-height: 1.2em; margin: 5px 0 20px 0;}
#middle #right #tabs .copy p img {float: left;margin: 0 12px 15px 0;}
#middle #right #tabs .copy p strong {display: block; font-weight: bold; margin-bottom: 5px;}

#middle #right #cta {padding: 20px 0 0 18px;}
#middle #right #cta img {margin: 10px 0 10px 0;}
#middle #right #cta p {color: #666699; font-size: 0.85em; line-height: 1.6em; margin: 0 0 25px 25px;}
#middle #right #cta a:link {color: #a65fac;}
#middle #right #cta a:visited {color: #a65fac;}
#middle #right #cta a:hover {color: #a65fac; text-decoration: none;}

#footer {background: #653265 url(/img/mp/rx-mp-footer-bg.gif) no-repeat; clear: both; min-height: 43px; padding: 15px 0 0 0; overflow: hidden; text-align: center; width: 1040px;}
#footer a:link {color: #999966; font-size: 0.75em; margin: 0 5px 0 5px; text-decoration: none; text-transform: uppercase;}
#footer a:visited {color: #999966; font-size: 0.75em; margin: 0 5px 0 5px; text-decoration: none; text-transform: uppercase;}
#footer a:hover {color: #999966; font-size: 0.75em; margin: 0 5px 0 5px; text-decoration: underline; text-transform: uppercase;}

#footer .copyright {color: #a65fac; font-size: 0.69em; margin: 5px 0 0 0;}


/* -- INFO FORM -- */
.infoform {border: 1px solid #000; float: right; margin: 10px 10px 10px 10px;  width: 220px;}
.infoform h4 {background-color: #643466; color: #fff; font-weight: bold; font-size: 0.9em; letter-spacing: 0.05em; margin: 0 0 10px 0; padding: 7px;}
.infoform label {display: block; font-size: 0.8em; margin: 0 0 0 20px; padding: 0 0 4px 0; width: 120px;}
.infoform input, textarea {font-family: Tahoma, Verdana, sans-seif; font-size: 0.8em; padding: 2px; margin: 0 0 10px 20px; width: 180px;}

/* -- LANDING PAGE FORM -- */

#landingform {border: 1px solid #000; float: right; margin: 10px 10px 10px 10px;  width: 270px;}
#landingform h4 {background-color: #643466; color: #fff; font-weight: bold; font-size: 0.9em; letter-spacing: 0.05em; margin: 0 0 10px 0; padding: 7px;}

#landingform p {}

#landingform label {display: block; font-size: 0.8em; margin: 0 0 0 20px; padding: 0 0 4px 0; width: 120px;}
#landingform input, textarea {font-family: Tahoma, Verdana, sans-seif; font-size: 0.8em; padding: 2px; margin: 0 0 10px 20px; width: 180px;}


/* -- NAV --*/
#nav {height: 113px; width: 1040px;}

#nav ul {padding: 0; position: relative; width: 1040px; height: 113px; background: url(/img/mp/rx-mp-nav-b.gif) top left no-repeat; list-style-type: none;}
#nav li {float: left; height: 113px; text-indent: -9999px;}
#nav li a {background: url(/img/mp/rx-mp-nav-a.gif) no-repeat; display: block; height: 113px; padding: 0;}
#nav li.home a {background-position: 0 0; width: 106px;}
#nav li.about a {background-position: -106px 0; width: 114px;}
#nav li.locations a {background-position: -220px 0; width: 113px;}
#nav li.franchise a {background-position: -333px 0; width: 168px;}
#nav li.ordering a {background-position: -501px 0; width: 93px;}
#nav li.faq a {background-position: -594px 0; width: 88px;}
#nav li.contact a {background-position: -682px 0; width: 80px;}
	
#nav li.home a:hover,
#nav li.home a.selected,
#nav li.home a.active{ background-position: -106px -113px;}
#nav li.about a:hover,
#nav li.about a.selected,
#nav li.about a.active{ background-position: -114px -113px; }
#nav li.locations a:hover,
#nav li.locations a.selected,
#nav li.locations a.active{ background-position: -113px -113px; }
#nav li.franchise a:hover,
#nav li.franchise a.selected,
#nav li.franchise a.active{ background-position: -168px -113px; }
#nav li.ordering a:hover,
#nav li.ordering a.selected,
#nav li.ordering a.active{ background-position: -93px -113px; }
#nav li.faq a:hover,
#nav li.faq a.selected,
#nav li.faq a.active{ background-position: -88px -113px;}
#nav li.contact a:hover,
#nav li.contact a.selected,
#nav li.contact a.active{ background-position: -80px -113px;}



.idtabs {
  background: url(/img/mp/rx-mp-tab-bg.gif) no-repeat 0 30px;
  color:#111;
  height: 240px;
  padding: 0;
  width: 281px;
  margin:8px auto;
}
.idtabs li { list-style:none; float:left; }
.idtabs ul a {
  display:block;
  padding: 10px 0 10px 0;
  text-decoration:none !important;
  margin: 1px 0 0 0;
  color: #a3a101;
  background: url(/img/mp/rx-mp-tabs-inactive.gif) no-repeat;
  text-align: center;
  width: 140px;
  height: 10px;
  font-size: 0.875em;
  text-transform: uppercase;
}
.idtabs ul a:hover {
  color: #a3a101;
  }
.idtabs ul a.selected {
  margin-bottom:0;
  color: #663366;
  background: url(/img/mp/rx-mp-tabs-active.gif) no-repeat;
  cursor:default;
  width: 140px;
  height: 10px
  }
.idtabs div {
  padding:10px 10px 8px 10px;
  *padding-top:3px;
  *margin-top:-15px;
  clear:left;
}
.idtabs div a { color:#000; font-weight:bold; }




.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
	font-size: 0.7em;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}


/* ICONS */

ul.ctas {width: 350px;}
ul.ctas li {list-style-type: none; font-size: 20px; line-height: 23px;}
li.phone {background: url(/img/icons/phone.png) no-repeat; padding: 10px 0 15px 75px;}
li.menu {background: url(/img/icons/menu.png) no-repeat; padding: 25px 0 25px 75px;}
li.reviews {background: url(/img/icons/comments.png) no-repeat; padding: 10px 0 15px 75px;}