/* LA CAVA DEL TEQUILA */
@charset "utf-8";
/* CSS created by:
   pH3 Design
   www.ph3.us 
*/

/* Default settings -------------------------------------------------------------- */
*:focus {outline: none;}
div {position:relative;}
img {border:none;}
.image_container {margin-bottom: 0;}
.invisible {visibility: hidden;height: 0;display: none;}

body { 
	background: url(../tl_files/design/bg_tile-brick.jpg) repeat; 
	font-size: 62.5%; /*converts from default browser font size 16px*0.625=10px (1em=10px)*/
	color: #000;
	font-family: "Trebuchet MS",Verdana,Arial,san-serif;
	behavior: url(/incl/csshover.htc); /*WinIE behavior call */
	line-height:1.4; 
	margin: 0;
	padding:0;
	}
.block {
    overflow: visible;
}

/* Headings -------------------------------------------------------------- */
 
h1,h2,h3,h4,h5,h6 {font-family: Arial, Helvetica, sans-serif;font-weight: normal; color: #000; margin:0;padding:0;margin-bottom: 10px; } 

h1 {font-size: 2.4em; font-weight:bold; line-height: 1.1; } 
h2 { font-size: 1.8em; color: #816452; font-weight:bold; line-height: 1.1; padding-top:10px;} 
h3 { font-size: 1.8em; color: #fff; font-weight:bold; line-height: 1.1; margin-bottom:0;} 
h4 { font-size: 1.4em; color: #000;font-weight:bold; line-height: 1.1; margin-bottom:0; } 
h5 { font-size: 1.4em; color: #816452; font-weight:normal; line-height: 1.1;  margin: 10px 0; } 
h6 {font-size: 1.2em; color:#98683C; line-height: 1.1; } /* light brown */

p {
	font-size:14px;
	margin-top:0;
	margin-bottom:10px;
	}
a {
	text-decoration: none;
	color: #816452; 
}
a:focus, a:hover {
	text-decoration: underline;
}
strong { 
	font-weight: bold; 
	} 
/* Navigation elements -------------------------------------------------------------- */  


#mainnav{
	width: 740px;
	position: bottom;
	height:30px;
	margin-left: 230px;
	margin-top:30px;
	z-index:500; /* IMPORTANT! UNDERLYING LAYERS THAT CONTAIN MAIN NAVIGATION NEED A Z-INDEX IN ORDER FOR SUBNAVIGATION TO DROP DOWN OVER REST OF CONTENT */
}
#mainnav ul{
	margin:0;
	padding:0;
	list-style:none;
	border:none;
	}
#mainnav li{
	display:block;
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	list-style-type:none;
	cursor:pointer;
	background:none;
	height:30px;
	font-size:2.0em;
	font-weight:bold;
	text-transform:uppercase;
	z-index:1000; /* IMPORTANT! UNDERLYING LAYERS THAT CONTAIN MAIN NAVIGATION NEED A Z-INDEX IN ORDER FOR SUBNAVIGATION TO DROP DOWN OVER REST OF CONTENT */
}

#mainnav li a {color:#fff; display:block; padding-right:15px; padding-left:15px; margin:0; text-decoration:none; }
#mainnav li a:hover {color:#816452;} 

/* STYLE TO MAKE THE NAVIGATION BUTTON "STICK" WHEN PAGE IS ACTIVE */	
body.pageHome #mainnav li.pageHome a {color:#816452;}
body.pageAbout #mainnav li.pageAbout a {color:#816452;} 
body.pageHistory #mainnav li.pageHistory a {color:#816452;} 
body.pageMenus #mainnav li.pageMenus a {color:#816452;}
body.pageNews #mainnav li.pageNews a {color:#816452;}
body.pageTastings #mainnav li.pageTastings a {color:#816452;}
body.pageGallery #mainnav li.pageGallery a {color:#816452;}
body.pageContact #mainnav li.pageContact a {color:#816452;}

	
/*SUB NAVIGATION ---------------------------------------------------------*/
	
#mainnav li ul { /* the submenu list block */
	position:relative; /* MAKING THIS RELATIVE WILL EXPAND THE WIDTH OF THE MAIN NAV TAB TO FIT THE SUBNAV */
	display: none;
	list-style-type:none;
	list-style:none;
	border:1px solid #000;
	background-color:#816452; 
	background-image:none;
	padding:0;
	margin:0;
}
#mainnav li:hover ul, #mainnav li.over ul {
	display: block;
	position: absolute;
	background-color:#816452; 
	background-image:none;
	list-style: none;
	margin:0;
	padding:0;
	margin-left:10px;
	padding-bottom:0px;
}
#mainnav li li {
	font-family:"Trebuchet MS",Verdana,Arial,san-serif;
	float: none;
}

#mainnav li li a {
	display: block;
	background-image:none;
	background-color:#816452; 
	font-size: 16px;
	height: 16px;
	color: #000 !important; 
	font-weight: normal;
	text-decoration: none;
	padding:5px 10px;
}

#mainnav li li a:hover {
	display: block;
	background-image:none;
	background-color:#210000; 
	color: #fff !important; 
}
.pageMenus ul.level_2 {
	width:150px;
}
		
/* Layout -------------------------------------------------------------- */

#wrapper {
	width: 970px;
	margin: auto;
	z-index: 0;
}
#header {
	width: 970px;
	float:left;
	background:url(../tl_files/design/bg_header.png) no-repeat;
	height:220px;
	z-index:100;
}
#logo {
	height: 150px;
	margin-left: 402px;
}
#feature {
	float: left;
}
#container {
	width:970px;
	float: left;
	margin:0 auto;
	background:  url(../tl_files/design/bg_page-slice.png) repeat-y;
	overflow: hidden;
	z-index:10;
	}
#main {
	width: 560px;
	float:left;
	padding: 20px;
	overflow:hidden;
	min-height: 400px;
	margin-left:35px;
	}
#main-skinny-column {
	width: 270px;
	float:left;
	}
.first-col {
	padding-right:20px;
	}
.new-section {
	clear:both;
	}
#right {
	width: 260px;
	padding: 20px;
	float:right;
	margin-right:35px;
	}
#quick-reference {
	width: 260px;
	border: 1px solid #000;
	color: #000;
	font-size: 14px;
	line-height:1.2;
	margin-bottom:20px;
	}
#quick-reference-header {
	width: 220px;
	padding: 5px 20px;
	background-color: #210000;
	}
#price {
	float:right;
	}
.price-off {color:#000;}
#quick-reference-body {
	width: 220px;
	padding: 10px 20px;
	/*background-color: #816452;*/
	background-color: #A69385;
	}
#quick-reference-body h4 {
	padding-top: 10px;
	}
#quick-reference-button {
	width: 130px;
	height: 38px;
	background: url(../tl_files/design/bg_button.png) no-repeat;
	font-size:16px;
	color: #fff;
	font-weight:bold;
	padding: 14px 0 0 20px;
	margin-top:5px;
	margin-left:-5px;
	}
/* USE THIS IF THE BUTTON IS A GRAPHIC AND NOT A BACKGROUND */
/*#quick-reference-button img {
	filter: Alpha(Opacity=100);
	opacity: 1;
	}
#quick-reference-button img:hover {
	filter: Alpha(Opacity=50);
	opacity: 0.8;
	}*/
#quick-reference-button  a {
	color: #fff;
	text-decoration:none;	
	}
#quick-reference-button  a:hover {
	color: #fff;
	text-decoration:none;	
	}
.pageHome h1 {
	margin-top: -15px;
	}
/* NEWS ---------------------------------------------------------------------------- */ 


.mod_newslist .layout_latest {
    border-bottom: 1px solid #74716B;
    margin-bottom: 30px;
    overflow: hidden;
}
.mod_newslist .info, .mod_newsreader .info {
    color: #000000;
    padding: 0;
    text-transform: uppercase;
	margin:0;
	font-size:12px;
}
.mod_newslist h2 {
    margin: 0;
    padding: 0;
}
.pagination {
    margin: 10px 0;
    text-transform: uppercase;
}
.pagination p {
    font-size: 12px;
}

.pagination ul {
    border: medium none;
    float: right;
    list-style: none outside none;
    margin-top: -30px;
}
.pagination ul li {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 12px;
    list-style: none outside none;
    margin: 0;
    padding: 0 5px;
}

/* MOOTOOLS ACCORDION -------------------------------------------------------------- */  

.toggler {
	font-size: 2.4em; 
	font-weight:bold; 
	line-height: 1.1; 
	text-transform:uppercase;
	background-color: #816452;
	color: #000;
	margin: 5px 0;
	padding: 5px 10px;
}
.toggler:hover {
	background-color: #210000;
	color: #fff;
	cursor: pointer;
}

/* footer -------------------------------------------------------------- */  

#footer {
	width:750px;
	float: left;
	margin: 0 auto;
	clear:both;
	font-size: 1.2em; 
	color:#fff;  
	height:30px;
	padding: 20px 0 0 185px;
}
#footer a {
	text-decoration:none;
	color:#fff; 
	}
#footer a:hover {
	color: #816452; /* dark red */
	}
.footer-nav {
	text-transform:uppercase;
	}
#footer-section {
	float:left;
	padding-right:30px;
	}
#footer-ph3 {
	clear:both;
	text-align:center;
	}
	
/* contact form -------------------------------------------------------------- */  

.ce_form	{
	padding:0;
	}
.ce_form label, .ce_form label, .captcha_text, .ce_form {
	font-size: 1.2em;
	line-height: 1.2em;
	margin: .3em 0;
	color: #333;
	float: left;
	clear: both;
	width: 100%;
}

.formbody input, .formbody textarea, .formbody select {
	font-family: Arial, Helvetica, sans-serif;
	width: 60%;
	color: #006699;
	font-size:1.2em;
	line-height: 1.4em;
	padding: .3em;
	margin-bottom:10px;
	float: left;
	clear: both;
	}
.formbody input:focus, .formbody textarea:focus, .formbody select:focus {
	background-color: #F0FFFF;
}
.formbody input.radio {
	width: 25px;
	margin-left:25px;
	}
.formbody .submit_container .submit {
	width: 75px;
	text-align:center;
	}

#main .ce_form p.error {
	font-size: 1em;
	line-height: 1em;
	margin: -1px 0 0 0;
	padding: 0 0 3px 0;
	color: red;
	float: left;
	clear: both;
	width: 100%;
}


/*.ce_form	{border:solid 1px #d9e2ec;	padding:20px;	width: 300px;}
.formbody input, .formbody textarea, .formbody select {width: 300px;font-size:1.0em;margin-bottom:10px;}
.formbody input.radio {width: 25px;	margin-left:25px;}
.formbody .submit_container .submit {width: 75px;text-align:center;}
.formbody .error {font-size:1.0em;margin-bottom:0;}
p.error {color: red;}*/