@charset "utf-8";
@font-face {
	font-family:'Droid Sans';
	font-style:normal;
	font-weight:normal;
	src: url('droidsans-webfont.eot');
	src: url('droidsans-webfont.eot?#iefix')format('embedded-opentype'), url('droidsans-webfont.woff') format('woff'), url('droidsans-webfont.ttf') format('truetype'), url('droidsans-webfont.svg#DroidSansRegular') format('svg');
}
@font-face {
	font-family:'Droid Sans';
	font-style:normal;
	font-weight:bold;
	src:url('droidsans-bold-webfont.eot');
	src:url('droidsans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('droidsans-bold-webfont.woff') format('woff'), url('droidsans-bold-webfont.ttf') format('truetype'), url('droidsans-bold-webfont.svg#DroidSansBold') format('svg');
}
@font-face {
	font-family:'Rage';
	font-style:normal;
	font-weight:normal;
	src:url('rage-webfont.eot');
	src:url('rage-webfont.eot?#iefix') format('embedded-opentype'), url('rage-webfont.woff') format('woff'), url('rage-webfont.ttf') format('truetype'), url('rage-webfont.svg#webfontPLVQlWgb') format('svg'); 
}
@font-face {
	font-family:'Trajan';
	font-style:normal;
	font-weight:normal;
	src:url('trajanpro-regular-webfont.eot');
	src:url('trajanpro-regular-webfont.eot?#iefix') format('embedded-opentype'), url('trajanpro-regular-webfont.woff') format('woff'), url('trajanpro-regular-webfont.ttf') format('truetype'), url('trajanpro-regular-webfont.svgz#TrajanProRegular') format('svg'), url('trajanpro-regular-webfont.svg#TrajanProRegular') format('svg');
}
@font-face {
	font-family:'Trajan';
	font-style:normal;
	font-weight:bold;
	src:url('trajanpro-bold-webfont.eot');
	src:url('trajanpro-bold-webfont.eot?#iefix') format('embedded-opentype'), url('trajanpro-bold-webfont.woff') format('woff'), url('trajanpro-bold-webfont.ttf') format('truetype'), url('trajanpro-bold-webfont.svgz#TrajanProBold') format('svg'), url('trajanpro-bold-webfont.svg#TrajanProBold') format('svg');
}
/* CSS Document */
* {
	border: 0;
	margin: 0;
	outline: 0;
	padding: 0;
}
:focus {
	outline: 0;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}



body { background:#fff url(page_bg.gif) repeat-x left 73px; height:100%; font-family:'Droid Sans', Arial, sans-serif; font-size:13px; }
a { color:#0a73a3; text-decoration:none; }
a:hover { text-decoration:underline; }
h1, h2, h3, h4, h5, h6 { font-family:'Trajan','Droid Sans', Arial, sans-serif; }
h1 { color:#0a73a3; font-size:26px; margin:5px 0; }
h2 { text-transform:uppercase; }
h3 { color:#3c3c3c; font-size:16px; margin:8px 0; text-transform:capitalize; }
p { line-height:16px; color:#434343; }

/* header.php style */
#bg { position:absolute; top:0; left:0; height:73px; width:100%; background:transparent url(nav_bg.gif) repeat-x left top; z-index:-1; }
#page { position:relative; height:auto; width:980px; margin:0 auto; z-index:1; }
	#header { position:relative; float:left; height:73px; width:980px; z-index:2; clear:both; }
		#logo { position:absolute; left:0; top:0; height:102px; width:271px; padding:10px 0 0 25px; background:transparent url(logo_bg.png) no-repeat left top; text-align:center; z-index:3; }
		#menu { position:relative; float:right; height:73px; width:auto; margin:0 3px 0 0; z-index:1; }
			#menu ul { position:relative; float:left; height:73px; width:auto; }
			#menu ul li { position:relative; float:left; display:inline; height:73px; width:auto; line-height:73px; background:transparent url(navSep.gif) no-repeat left top; }
			#menu ul li:first-child { background:0; }
			#menu ul li:hover { background:transparent url(nav_hover.gif) repeat left top; }
			#menu ul li a { display:block; height:73px; width:auto; padding:0 15px; line-height:73px; text-decoration:none; text-transform:uppercase; color:#fff; font-size:13px; }
				#menu ul li#navExp:hover ul.sub, #menu ul li#navPro:hover ul.sub, #menu ul li#navAbo:hover ul.sub { display:block; }
				#menu ul li#navExp ul.sub { display:none; background:#828B93; height:auto; width:128px; z-index:15; }
				#menu ul li#navPro ul.sub { display:none; background:#828B93; height:auto; width:117px; z-index:15; }
				#menu ul li#navAbo ul.sub { display:none; background:#828B93; height:auto; width:129px; z-index:15; }
				#menu ul li ul.sub li { float:left; display:block; min-height:15px; height:auto; line-height:1; background:0; border-top:1px dashed #c0c0c0; }
				#menu ul li ul.sub li:first-child { border-top:0; }
				#menu ul li ul.sub li:hover { background:transparent url(nav_hover.gif) repeat left top; }
				#menu ul li#navExp ul.sub li a { display:block; min-height:15px; height:auto; width:112px; padding:10px 8px; line-height:1; }
				#menu ul li#navPro ul.sub li a { display:block; min-height:15px; height:auto; width:101px; padding:10px 8px; line-height:1; }
				#menu ul li#navAbo ul.sub li a { display:block; min-height:15px; height:auto; width:115px; padding:10px 8px; line-height:1; }
	#middle { position:relative; float:left; height:auto; width:980px; background:#fff; z-index:1; clear:both; }
		#splash { min-height:272px; width:980px; overflow:hidden; }
		#nav { position:relative; float:right; height:auto; width:250px; margin:10px 0 0; padding:0 0 7px 20px; background:transparent url(content_bg.gif) repeat-y left top; z-index:1; }
			#nav h2 { display:block; height:59px; width:253px; margin:0 0 -15px -10px; padding:0 20px 0 0; background:transparent url(rightWrap.png) no-repeat left top; color:#fff; line-height:40px; font-size:16px; font-weight:normal; text-align:right; font-family:'Trajan','Droid Sans', Arial, sans-serif; text-transform:uppercase; clear:both; }
				#nav h2 span { font-family:'Rage','Droid Sans', Arial, sans-serif; font-size:24px; text-transform:capitalize; }
			#intro { position:relative; float:left; height:auto; width:234px; margin:5px 0 0; padding:0 8px 10px; }
				#nav img.herb { float:left; display:inline; margin:0 10px 4px; }
				#nav p { text-align:justify; font-size:13px; }
				#nav a img { margin:5px 0 10px 0; float:right; }
			#socialMedia { position:relative; float:left; height:auto; width:234px; padding:0 8px; text-align:center; }
				#socialMedia a img { float:none; margin:10px 8px 5px; }
			#contact { position:relative; float:left; height:auto; width:250px; margin:5px 0 0; background:#d1d1d1; }
				#nav #contact h2.contactH2 { margin:0 -21px -15px 0; }
				#contact table { margin:0 auto; padding:10px 0; }
				#contact table td { vertical-align:top; }
				#contact table label { text-transform:uppercase; color:#525558; display:block; height:30px; line-height:30px; vertical-align:top; }
				#contact table label[for="wantsPDF"] { display:inline!important; }
				#contact table input[type="text"] { height:30px; width:154px; line-height:30px; border:0; background:transparent url(inputBox.png) no-repeat left top; }
				#contact table textarea { height:137px; width:154px; border:0; background:transparent url(message.png) no-repeat left top; line-height:18px; }
				#contact table input[type="checkbox"] { display:inline; margin:9px 0 0 11px; }
		#content { position:relative; float:left; min-height:649px; height:auto !important; width:675px; margin:10px 15px 0 0; padding:0 10px 7px; background:transparent url(body_bg.gif) repeat-x bottom center; z-index:1; }		
			#content p { margin:10px 0; text-align:justify; line-height:20px; }
	#footer { position:relative; float:left; z-index:1; height:auto; width:980px; padding:30px 0 15px; background:transparent url(footer_bg.gif) repeat-x left 15px; clear:both; }
		#footNav { position:relative; float:left; height:auto; width:980px; z-index:1; }
			#footNav ul { height:20px; width:811px; margin:0 auto 5px; list-style:none inside none; }
			#footNav ul li {position:relative; float:left; height:20px; width:auto; padding:0 20px; line-height:20px; }
			#footNav ul li a { color:#546980; }
		#copy { position:relative; float:left; height:auto; width:980px; margin:5px 0; text-align:center; z-index:1; }
			#copy p { color:#546980; }
		#legal { position:relative; float:left; z-index:1; }

/* index.php styles */
#index #splash { position:relative; float:left; height:auto; width:980px; z-index:1; }
#index #splash img { display:inline; z-index:1; }
#index #nav { float:left; background:0; padding:0; }
#index #nav h2 { display:block; height:59px; width:253px; margin:0 0 -15px -31px; padding:0 20px 0 0; background:transparent url(leftWrap.png) no-repeat left top; color:#fff; line-height:40px; font-size:16px; font-weight:normal; text-align:right;  clear:both; }
#index #nav h2.contactH2 { margin:0 0 -15px -21px; }
#index #content { width:700px; margin:10px 0 0 15px; padding:0 10px 7px 5px;}
#index #content p { margin:5px 0; }
#index #content > h1 { font-size: 23px; }
#index #content > h2 { font-family: 'Arial'; font-size: 22px; font-weight: normal; text-transform: none; }
#index #content div.left { position:relative; float:left; height:auto; width:400px; padding:0 10px; background:transparent url(content_bg.gif) repeat-y right top; }
#index #content div.right { position:relative; float:right; height:auto; width:265px; }
#index div.right h3 { color:#0a73a3; }
#index div.right table td { display:block; margin:1px 0; }
#index div.right table input[type="text"], div.right textarea { min-height:20px; width:235px; line-height:20px; border:1px solid #8f8f8f; background:transparent; }
#index div.right input[type="image"] { margin:5px 0 0; }

/* testimonials.php styles */
div.testimonial { position:relative; float:left; height:auto; width:657px; margin:5px 0; padding:5px 8px; border:1px solid #000; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; clear:both; z-index:1; }
	div.testimonial p { font-size:14px; text-align:left; }
	div.testimonial p:before { content:url(openQuote.png); }
	div.testimonial p:after { content:url(closeQuote.png); }
	div.testimonial div.person { position:relative!important; float:left!important; height:auto!important; width:auto!important; margin:0 0 5px 15px!important; font-size:16px!important; font-weight:bold!important; text-transform:uppercase!important; font-family:'Trajan','Droid Sans', Arial, sans-serif!important; color:#000; }
	div.testimonial div.person:before { content:"~ "; }

/* hotels.php style */
#hotels #content table.list { margin:0 auto; }
	#hotels #content table.list tr td { width:270px; }
	#hotels #content table.list tr td:first-child { width:320px; }

/* savings.php styles */
#savings #content em strong { font-size:11px; }
	
/* rally.php styles */
#content strong, #content em { display:inline; }
#rally #content em, #standard #content em, #alt #content em, #program #content em { display:inline; font-weight:bold; font-style:italic; }
#rally #content b, #standard #content b, #alt #content b, #program #content b{ color:#0a73a3; }

/* faq.php styles */
hr { border:0; background:transparent url(footer_bg.gif) repeat-x left top; }
#faq h3:before { content:"Q:  "; }
#faq em:before { content:"A: "; font-style:normal; font-size:16px; font-family:'Trajan','Droid Sans', Arial, sans-serif; }

/* about.php styles */
#about div.testimonial { cursor:pointer; }

/* mbEscondido.php */
#mbesco #content table { position:relative; float:left; width:240px; margin:10px 0; clear:both; }
#mbesco #content table th { text-align:left; font-size:16px; font-family:'Trajan','Droid Sans', Arial, sans-serif; }
#mbesco #content table tr td { text-align:right; }
#mbesco #content table tr td:first-child { text-align:left; }
#mbesco #content iframe { position:relative; float:right; margin:-170px 0 0; }

/* contact.php */
.hours-map {
	font-size: 0;
	padding: 20px 0;
}
.hours-map .store-hours {
	display: inline-block;
	font-size: 13px;
	vertical-align: middle;
	width: calc(100% - 350px);
}
.hours-map table {
	width: 100%;
}
.hours-map table th {
	padding: 5px 0;
}
.hours-map .store-map {
	display: inline-block;
	font-size: 13px;
	vertical-align: middle;
	width: 350px;
}
/* GENERAL CLASSES */
img.left { float:left; margin:10px 10px 10px 0!important; }
img.right { float:right; margin:10px 0 10px 10px!important; }
p.title { margin:-10px 0 10px 0!important; line-height:14px!important; }
span.note { font-size:10px; }

/* For savings page - Bryant added these */
#cars div {float:left; text-align:center; height:100px; }
#cars.new-savings div { float:left; text-align:center; height: auto; margin: 20px 0; width: 20%;}
#cars.new-savings a { color: #000; }
#cars.new-savings div:after { clear: both; display: block; }
#cars strong { clear:both; }
#cars.new-savings strong { display: block; }
#cars .three { width:33%; }
#cars .four { width:25%; }
#preloadbuttons { display:none; }
.button { height:28px; background:url(buttons.png) no-repeat; position:relative; padding:0; margin:0; cursor:pointer; border:0; margin:4px 0; }
.button:hover {  background-image:url(buttons_hover.png); }
.button:active { top:1px; left:1px; border-style:inset; }
.custom_brochure       { background-position:0    0px; width:130px;  }
.custom_send           { background-position:0  -40px; width: 51px;  }
.custom_readmore       { background-position:0  -80px; width: 80px;  }
.custom_morefaq        { background-position:0 -120px; width: 77px;  }

body#about .videos {
	float: left;
	height: auto;
	padding: 0 8px;
	position: relative;
	text-align: center;
	width: 234px;
}

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(overlay.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft{background:url(ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}
#slider-container {
	background: white;
	display: inline;
	float: left;
	height: 410px;
	overflow: hidden;
	padding: 0;
	position: relative;
	text-align: center;
	width: 980px;
}
#slider {
	display: inline;
	float: left;
	height: 410px;
	overflow: hidden;
	width: 100%;
}
#slider-controls {
	display: none;
	float: left;
	width: 100%;
}
#slider-prev {
	/*background: url('../images/left-arrow.png') no-repeat;*/
	cursor: pointer;
	display: inline;
	float: left;
	height: 48px;
	left: 20px;
	position: absolute;
	top: 128px; /*120px;*/
	width: 48px;
	z-index: 200;
}
#slider-next {
	/*background: url('../images/right-arrow.png') no-repeat;*/
	cursor: pointer;
	display: inline;
	float: right;
	height: 48px;
	position: absolute;
	right: 20px;
	top: 128px; /* 120px; */
	width: 48px;
	z-index: 200;
}
#slider-prev,
#slider-next {
	font-size: 0;
}
#slider .caption {
	display: none;
}