body { margin: 0px;
     padding: 0px;
     background: #000000;
     color: #494949;
     font-size: 12px;
     text-align:center;
     font-family: Arial;
     
}
img
{
    border: 0;
}
.mainpagediv
{
    text-align:left;
    /* border:1px dashed #333; */
}
.mainsitedesign
{
    color: #FFF;
    padding: 5px; 
    width: 600px;
}
.contacttable
{
    width: 600px;
    color: #000000;
}
.Comments_Required
{
    font-size:16px;
    color:#ffc000;
    font-weight:bold; 
}
h2{
     margin-bottom: 0; 
     font-size: 14px;
     color: #000000;
     font-weight: bold;
}
td,th
{
    font-size: 12px;
}
.Comments_Heading{
    font-size: 14px;
    font-weight: bold;
}
ul
{
   padding: 2px;
   margin: 2px;
} 

A
{
    color:#124F98; 
    text-decoration: underline; 
}
A:hover
{
    color: #FF0000;
        
    
}
.ageverifyreq
{
    font-weight: bold;
    font-size: 14px;
    color: #FFF;
}
.ageverifyreq1
{
    font-weight: bold;
    font-size: 12px;
    font-weight: bold;
    color: #FFF;
}
.ageverify
{
    text-align: center;
    font-family: Arial;
    font-size: 12px;
    color: #FFF;
}
.dropdown1
{
   font-family: Arial;
   font-size: 12px;
   color: #000000;
}
.copyrightfooter
{
   width: 1024px;
   text-align: right;
   color: #FFFFFF;
   font-size: 10px;
   font-family: Arial;
}
.bottomnav
{
   color: #D0D0D0;
   font-size: 12px;
   font-family: Arial; 
}
.bottomnav A, .bottomnav A:visited, .bottomnav A:active
{
   color: #ffc600;
   font-size: 12px;
   font-family: Arial; 
}
.bottomnav A:hover
{
   color: #FFF;
   font-size: 12px;
   font-family: Arial; 
} 
.mainlayout
{
    background: url("images/mainpage1.jpg");
    height: 302px;
    width: 700px;
}
.mainlayoutbottom
{
    background: url("images/mainpage2.jpg");
    height: 115px;
    width: 700px;
    vertical-align: bottom;
}
.mainlayoutbottom A
{
    font-size: 14px;
    font-weight: bold;
    color: #FF0000;
}
.secondlayoutbottom
{
    background: url("images/secondpage_footer.jpg");
    height: 63px;
    width: 700px;
    vertical-align: bottom;
}
.secondlayoutbottom A
{
    font-size: 14px;
    font-weight: bold;
    color: #FF0000;
}
.secondarylayout
{
    width: 700px;
    height: 400px;
    text-align: center;
}
.companylayout
{
    width: 700px;
    height: 400px;
    background: url("images/companybottleheader2.jpg");
    text-align: left;
}

/* Footer */
#wheretobuyimg a
{   
    height: 42px;
    width: 157px;
    background: url(images/footerwheretobuy.jpg);
    
}
#wheretobuyimg:hover
{    
    height: 42px;
    width: 157px;
    background: url(images/footerwheretobuy1.jpg);
    
}
#surveyimg a
{      
    height: 42px;
    width: 243px;
    background: url(images/footersurvey.jpg);
    
}
#surveyimg:hover,#surveyimg a:focus, #surveyimg a:hover
{        
    height: 42px;
    width: 243px;
    background: url(images/footersurvey1.jpg);
    
}


/* Navigation */
#navigation-block {
    position:relative;
    top:200px;
    left:200px;
}

#hide {
    position:absolute;
    top:30px;
    left:-190px;
}

ul#sliding-navigation
{
    list-style: none;
    font-size: 12px;
    margin: 35px 0;
    padding: 0;
}

ul#sliding-navigation li.sliding-element h3,
ul#sliding-navigation li.sliding-element a
{
    display: block;
    width: 120px;
    padding: 5px 18px;
    margin: 0;
    margin-bottom: 5px;
}

ul#sliding-navigation li.sliding-element h3
{
    color: #fff;
    background:#333 url(http://comisariotequila.com/images/heading_bg.jpg) repeat-y;
    font-weight: normal;
}

ul#sliding-navigation li.sliding-element a
{
    color: #fff;
    background:#222 url(http://comisariotequila.com/images/tab_bg.jpg) repeat-y;
    border: 1px solid #1a1a1a;
    text-decoration: none;
}

ul#sliding-navigation li.sliding-element a:hover { color: #fdb304; }

  /* Calendar */
  .eventsdaytitle
{
   width: 580px;
    border: 1px solid #808080;
    vertical-align: top;
    padding: 2px;
    margin-left: 0;
    margin-bottom: 0;
    margin-top:10px;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    background-color: #F0F0F0;
}
.eventsinfo
{
   width: 580px;
    border: 1px solid #808080;
    vertical-align: top;
    padding: 4px;
    padding-bottom: 10px;
    background-color: #343434;
}
.eventsinfofeature
{
   width: 580px;
    border: 1px solid #808080;
    vertical-align: top;
    padding: 4px;
    padding-bottom: 10px;
    background-color: #1f1f1f;
}
  .actday{
    background-image: url(images/hbg.gif);
    background-repeat: repeat-x;
    color:#fff;
    font-weight:bold;
}
.month td {
    
    
    text-align:right;
}

.month th {
    padding:5px;
    background-image: url(images/hbg.gif);
    background-repeat: repeat-x;
    color:#FFF;
}
.monthheader
{
    color: #000;
}
.monthday
{
    color: #D0D0D0;
    padding:3px; 
    border:1px solid #ddd;  
}
.eventday
{
    background-color: #ffb80d; 
    border: 0;
}
.selectdaydiv
{
    padding: 3px;
}
.selectdaydiv ul{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    text-align: right;  
}
.selectdaydiv
{
    
}   
.selectdaydiv a
{   
    border: 0px;
    background-color: #ffb80d; 

  display:block;
  width:100%;
  text-decoration:none;
  font-weight:bold;
  color:#000;

    
}
.selectdaydiv li:hover, .selectdaydiv li:hover a {
   background-color: #fffbc1;
  color:#000;
  
  }



 .dayofweekheader
 {
    background-color:#f1f1f1;   
    color: #000;
    font-weight: bold;
 }
.days{  
   
    color: #000; 
    background-color:#f1f1f1;
}
  .month{
    width:180px;
    border:1px solid #ccc;
    margin:0px;
    margin-right:20px;
    float: left;
    border-collapse:collapse;
}
#container {
    width: 640px;
    height: 200px;
    border: 0;
 

}


#container #content {
    padding-right: 5px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #666666;
}

#container #header #header_main {
    float: left;
    padding: 5px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}


#container #header {
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    background-image: url(images/header_bg.gif);
    background-repeat: repeat-x;
    height: 42px;
}