/* CSS Document */
/*
CSS Styles for Jack Daniels Redesign
Main Document
*/

* {
  margin: 0;
  padding: 0;
}

html, body {
  /* Need to set body margin and padding to get consistency between browsers. */
  margin:0px;
  padding:0px; 
  text-align:center; /* Hack for IE5/Win */
  background-color: #000;
  color: #FFF;
  font: 10px Georgia, sans-serif;
}

p {
 font-family: Georgia, sans-serif;
 font-size:12px;
}
h1, h2, h3, h4, h5, h6 {
  font-family: Georgia, sans-serif;
}
img {
  border: none;
}
input, textarea, select {
  font: 10px Georgia, sans-serif;
}

table, tr, td, th{
	margin:0px;
	padding:0px;
	}
	
/****************************** HEADER TAGs *************************************/

#HeaderLogo {
	width:960px;
	padding-top:10px;
	padding-bottom:10px;
}

#HeaderFlash {
	width:960px;
	margin-top:10px;
	margin-bottom:10px;
}

#HeaderStatic {
	width:760px;
	margin-top:10px;
}

#HeaderCloseWindow {
	padding-right:30px;
	text-align:right;
	width:760px;
	margin-top:10px;
}

#HeaderCloseWindow a {
	font-size:10px;
	letter-spacing:2px;
	font-weight:normal;
	text-decoration:none;
	color:#a99561;
}
#HeaderCloseWindow a:hover {
	color:#fff;
}

#HeaderCloseWindowsmall {
	padding-right:30px;
	text-align:right;
	width:530px;
	margin-top:10px;
}

#HeaderCloseWindowsmall a {
	font-size:10px;
	letter-spacing:2px;
	font-weight:normal;
	text-decoration:none;
	color:#a99561;
}
#HeaderCloseWindowsmall a:hover {
	color:#fff;
}

/***************************** END HEADER TAGs *********************************/

/***************************** NON FLASH HEADER *******************************/
form table tbody tr td .headerNonFlash li { list-style:none; font-size:1.05em; float:left; margin-right:36px; }
form table tbody tr td .headerNonFlash li a { text-decoration:none; color:#A99561; }
form table tbody tr td .headerNonFlash li a:hover { color:white; }
form table tbody tr td .noFlash { width:960px; margin-right:auto; margin-left:auto; }
form table tbody tr td .noFlash .headerNonFlash { width:960px; }
.headerNonFlash { padding-bottom:30px; }
/***************************** END NON FLASH HEADER ***************************/

/***************************** CONTAINERS **************************************/
td.ten{
	width:10px;
}
td.five{
	width:5px;
}
td.left, td.right, td.mid{
	vertical-align:top;
}
td.mid p{
	text-align:left;
}

/*************************************************************************/
/********************* LEFTCONTAINER ************************************/
#left_container {
	margin:5px 0;
	border:#222222 1px solid;
	width:165px;
	padding:10px;
	text-align:left;
	float:left;
}
#left_container h2 {
	font-size:10px;
	letter-spacing:2px;
	font-weight:normal;
	text-transform:uppercase;
	color:#777;
}
/*************************************************************************/
/********************* MIDDLE CONTAINER ************************************/
#middle_container {
	margin:5px 0;
	border:#222222 1px solid;
	
	padding:10px;
	text-align:left;
}

#middle_container h2 {
	font-size:10px;
	letter-spacing:2px;
	font-weight:normal;
	text-transform:uppercase;
	color:#777;
}

#middle_container a{
	/*float:right;
	margin-top:-15px;*/
}
#middle_container a:hover{
	
}
/*************************************************************************/
/********************* RIGHT CONTAINER ************************************/
.right_container {
	margin:5px 0;
	width:165px;
	border:#222222 1px solid;
	padding:10px;
	text-align:left;
}

.right_container h2 {
	font-size:10px;
	letter-spacing:2px;
	font-weight:normal;
	text-transform:uppercase;
	color:#777;
}
/*************************************************************************/
/********************* HOMEPAGE ******************************************/

/*FLASH*/

#flash_home{
	margin:13px 0;
}

/*LEFT*/

#left_home {
	margin:5px 0;
	border:#222222 1px solid;
	width:145px;
	height:193px;
	padding:10px;
	text-align:left;
}
#left_home h2 {
	font-size:10px;
	letter-spacing:3px;
	font-weight:normal;
	text-transform:uppercase;
	color:#777;
}
#left_home_container {
	background-color:#111111;
	padding:10px 10px 0 10px;
	margin-top:10px;
	height:155px;
	border-top:1px #666666 solid;
	border-bottom:1px #666666 solid;
}
#left_home_container input.button{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-top:6px;
	padding:2px;
	font-size:11px;
	font-weight:normal;
	border:1px #454545 solid;
	background-color:#222;
	color:#c04827;
	text-transform:none;
	width:65px;
	height:20px;
	cursor: pointer;
	cursor: hand;
	margin-left:0;
}

#left_home_container p{
	margin:15px 0 0;
	font-size:10px;
	font-weight:bold;
	color:#777;
	
}

/*LEFT MID*/

#leftmid_home {
	margin:5px 0;
	border:#222222 1px solid;
	width:310px;
	height:203px;
	padding:10px 10px 0 10px;
	text-align:left;
}
/* begin new additions by Cody */
*html #leftmid_home 
{
	padding: 10px 10px 5px 10px;
}
/* end new additions by Cody */
#leftmid_home h2 {
	font-size:10px;
	letter-spacing:3px;
	font-weight:normal;
	text-transform:uppercase;
	color:#777;
}
#leftmid_home_container {
	background-color:#111111;
	padding:0px;
	margin:10px 0 5px;
	border-top:1px #666666 solid;
	border-bottom:1px #666666 solid;
}

#bottle_chooser_hm 
{
    padding:0px;
	margin: 0px;
}


/*RIGHT MID*/

#rightmid_home {
	margin:5px 0;
	border:#222222 1px solid;
	width:180px;
	height:203px;
	padding:10px 10px 0 10px;
	text-align:left;
}
#rightmid_home h2 {
	font-size:10px;
	letter-spacing:3px;
	font-weight:normal;
	text-transform:uppercase;
	color:#777;
}
#rightmid_home_container {
	background-color:#111111;
	padding:10px 0 0 10px;
	margin:10px 0 5px 0;
	height:155px;
	border-top:1px #666666 solid;
	border-bottom:1px #666666 solid;
}

/*RIGHT*/
/*
.right_home {
	margin-top:5px;
	border:#222222 1px solid;
	width:185px;
	padding:10px 10px 0 10px;
	text-align:left;
}
.right_home h2 {
	font-size:10px;
	letter-spacing:3px;
	font-weight:normal;
	text-transform:uppercase;
	color:#777;
}*/

/********************* HOMEPAGE END ******************************************/
.rec
{
	background-color:#333;
	padding-left:5px;


}
.bottle-intro p
{
			color:#c04827 !important;
			font-size:14px !important;
			font-weight:bold !important;
}
.moveleft
{
	padding-left:5px;
}
.rec tr td input
{
	padding:5px;
	border:1px #454545 solid;
	background-color:#222;
	color:#c04827;
	width:200px;
	text-transform:none;
	margin-bottom:0px;

}

.rec td select.dropdown{
	margin-top:8px;
		margin-bottom:0px;
	padding:5px;
	font-size:11px;
	font-weight:normal;
	border:1px #454545 solid;
	background-color:#222;
	color:#c04827;
	width:200px;
	text-transform:none;
}
tr.formSplit {
	border-bottom:2px solid #000000;
}

/* Recipes */
#recipe.middle_container { float:left; }
#recipe .midContainer { float:left; }
#recipe .print { float:right; }
#recipe .print a { color:#c04827; font-style:italic; text-decoration:none; background-image:url(../images/Recipes/icon_print.png); background-position:left; background-repeat:no-repeat; padding-left:23px; }
#recipe .print a:hover { color:#ffffff; }
#recipe .segment { float:left; width:200px; margin-bottom:20px; }
#recipe .segment.copy { width:303px; }
#recipe .instructions { margin-top:20px; }
#recipe .midContainerBTMLine { clear:both; }
#recipes span.instructions {
	color: #C04827;
    font-size: 12px;
    font-style: italic;
	text-align:center;
}
.recipe {
    border-bottom: 1px solid #666666;
    border-top: 1px solid #666666;
    float: left;
    margin: 10px 0;
    padding: 10px 0;
}
/* Share */
#wallpaper .social, .social.picture {
    /*border: 1px solid #222222;*/
    margin: 15px auto;
    width:46px;
}
.social.picture { margin:15px 125px; }
.share { padding: 4px 0; }
.share, .fbLike { float:left; }
#recipe .share, #recipe .fbLike { margin-bottom:10px; float:none;  }
.midContainer .share a { color:#ffffff; background-position:left; background-repeat:no-repeat; padding-left:22px; font-size:11px; text-decoration:none; }
.midContainer a.twitter { background-image:url(../images/icon_twitter.png); color:#ffffff; background-position:left; background-repeat:no-repeat; padding-left:22px; font-size:11px; text-decoration:none; }
#recipe .social { padding:20px 0 0 25px; width:173px; }
a.twitter:hover { color:#a99561; }
/* Wallpapers */
.wallpaperThumb img { width:154px; }