@import url(scrollstyles.css);

* {

	margin: 0px;

	padding: 0px;

}

body {

	background-image: url(images/z-tejas-bodyBG.jpg);

	background-repeat: repeat-x;

	background-color: #000000;

	color: #FFFFFF;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

}

h1 {

	color: #ED1C2E;

	font-size: 16px;

	font-weight: normal;

	padding-bottom: 5px;

}

h2 {

	font-size: 14px;

	padding-bottom: 10px;

}

p {

	padding-bottom: 15px;

	line-height: 18px;

}

.yellow {color: #CF9804;}

a {color: #CF9804;}

a:hover {color: #B6B2B1;}


.hidden {
	display: none;
}


/* ============== Nav Styles ============== */



#bonusCard {

    position: absolute;

    top: 192px;

    left: 3px;

}



#navMenu {

    text-align: center;

    width: 965px;

    margin-right: auto;

    margin-left: auto;

    padding-top: 11px;

    padding-left: 105px;

    position: relative;

    height: 18px;

}

#navMenu li {

    list-style-type: none;

    float: left;

    padding-right: 10px;

    padding-left: 10px;

}

#navMenu li a {

    font-size: 14px;

    color: #FFFFFF;

    text-decoration: none;

}

#navMenu li a:hover {color: #AFADAD;}



#landingNav {
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	top: 230px;
	right: 278px;
	text-align: right;
}
.landingPageSecondary #landingNav {
	top: 230px;
	right: 542px;
}
#landingNav ul {
	padding: 0px;
}
#landingNav ul li {
	list-style-type: none;
}
#landingNav ul li a {
	background: url(images/landingNav_bg.png) no-repeat left top;
	display: block;
	height: 30px;
	padding-left: 14px;
	padding-top: 4px;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	padding-right: 10px;
	color: #e4b115;
}
#landingNav ul li a:hover {
	color: #FFFFFF;
}
#landingNav ul li a.hidden {
	display: none;
}

/* ============ Layout Styles ============== */

#container {

	width: 900px;

	margin-right: auto;

	margin-left: auto;

	padding-bottom: 40px;

}

#main {

	clear: both;

	padding-left: 46px;

	position: relative;

}

#menuSelection {

	padding-top: 77px;

	position: absolute;

	top: 0px;

	right: 10px;



}

#menuSelection select {font-size: 11px;}

img.logo {

	position: absolute;

	left: 0px;

	top: 0px;

	z-index: 99;

}

* html img.logo {left: -46px;}

#mainBox {

	background-image: url(images/z-tejas-homeBox.gif);

	height: 589px;

	width: 848px;

	padding: 6px 0px 0px 6px;

	position: relative;

}



* html #mainBox {z-index:-1;}

#content {

	position: absolute;

	left: 317px;

	top: 53px;

	width: 495px;

	height: 504px;

	background-image: url(images/z-tejas-contentBG.gif);

	background-repeat: no-repeat;

	background-position: bottom;

	padding: 0px 6px 15px 17px;

}
#content ul {
	padding-left: 20px;
	padding-bottom: 15px;
}
.landingPage #content {
	left: 582px;
	top: 6px;
	width: 243px;
	padding-top: 6px;
	background: url(images/landingPanel_bg.png) no-repeat left top;
}



#content.locations a {text-decoration: none;}



#locationLinks {

    text-align: center;

    font-size: 12px;

    border-bottom: dashed 1px #959393;

    margin-bottom: 20px;

    padding-bottom: 10px;

}

#locationLinks div {

    border: 1px dashed #959393;

    margin: 0px 8px 5px 8px;

    padding: 7px 2px 7px 2px;

}

#content.locations #locationLinks a {text-decoration: underline;}





#scrollBox {

	overflow: auto;

	height: 455px;

	width: 480px;

	padding-right: 15px;

}
.landingPage #scrollBox {
	width: 228px;
	height: 355px;
}
#scrollBox2 {

	overflow: auto;

	height: 380px;

	width: 480px;

	padding-right: 15px;

}

#content .pageTitle {padding-bottom: 20px;}

#homeBlurbs {

	position: absolute;

	left: 18px;

	top: 447px;

	height:139px;

	width: 825px;

	background-image: url(images/menu-back.png);

	background-repeat:no-repeat;

}



#homeBlurbs  ul{

	list-style:none;

	display:inline;

}



#homeBlurbs  img,ul,li{

	border:0;

}



#menu01{
	width:300px;
	height:136px;
	float:left;
	padding:10px 9px 0 13px;

}



#menu02{
	width:110px;
	height:150px;
	float:left;
	margin-top:-10px;
	margin-left:20px;
}





#menu03{
	width:270px;
	height:113px;
	float:right;
	padding:22px 0 0 10px;

}

.menuBox {

	background-image: url(images/menu-selectionBox.gif);

	background-repeat: no-repeat;

	height: 55px;

	width: 294px;

	padding-top: 10px;

	font-size: 14px;

	margin: 0px 0px 5px 75px;

}

.menuBox a {padding: 0px 22px 0px 17px;}

.jacksBox {float: left;}

.jacksBox p {

	background-image: url(images/jacksBox.gif);

	height: 60px;

	width: 218px;

	background-repeat: no-repeat;

	text-align: center;

	font-size: 14px;

	padding-top: 7px;

	padding-bottom: 0px;

}

.jacksBox a {

	display: block;

	padding-bottom: 8px;

}



.jacksBox2 {

    float: right;

    width: 200px;

    padding-left: 15px;

}

.jacksBox2 p {

    font-size: 10px;

    color: #999999;

}

.mgr {

	text-align: left;

	font-size: 10px;

	line-height: 12px;

}



#footer {

	background-image: url(images/z-tejas-footerLogo.gif);

	background-repeat: no-repeat;

	padding-top: 22px;

	text-align: center;

	background-position: 37px;

	height: 39px;

}

#footer li {display: inline;}





.linkbox p {

	background-image: url(images/dotbox.gif);

	height: 49px;

	width: 168px;

	background-repeat: no-repeat;

	text-align: center;

	font-size: 14px;

	padding-top: 14px;

	padding-bottom: 0px;

}

.linkbox a {

	display: block;

	padding-bottom: 8px;

}

.koda a {

	text-decoration: none;

	font-size: 11px;

	color: #666666;

	padding-top: 10px;

	display: block;

}

.koda a:hover {

	color: #999999;

}



a.drink-book {

	text-indent: -9999px;

	background-image: url(images/drinkbook-off.png);

	top: 410px;

	left: 30px;

	position: absolute;

	display: block;

	width: 262px;

	height: 80px;

}



a.drink-book:hover {

	background-image: url(images/drinkbook-on.png);

}


#chiliSelect {
	position:absolute;
	top:250px;
	left:39%;
	z-index:100;
	width:290px;
	height:173px;
	padding:70px 50px 0px 50px;
	background:url(/images/chiliSelect_bg.png) no-repeat;
	text-align:center;
	color:#FFF;
	line-height:1.5;
}

.closeBtn {
	position:absolute;
	right:30px;
	top:30px;
}


/*================ ADDITIONS  ============*/

#images-container li a img{

	height:107;

	width:227;

}