/****************************************

	styles.css 
	for DSH Liquors
	
	last updated by 
	Jeff on 3/2/2009
	
*****************************************/

/*---styles that change ---*/

#promo {
	border: solid 1px #990000;
}

#index_wide h2, #index_ourstores h2 {
	color: #7a1801;
}

#index_red {
	background: #bf6a00;
}

h2.index_left_subhead {
	color: #7a1801;
}

#locations_col h2 {
	color: #7a1801;
}

h2.category_page_head{
	color:#7a1801;
}

#footer {
	color: #9c3300;
}

.submore ul {
 	background: #78301d;	 
}

#index_wide {
	background: url(../images/design/bg_indexwide.gif) bottom left repeat-x #ffffff;
	display:block;
}

p.footer_text {
	margin: 25px 0 0 0;
	width: 960px; 
	float: left;
	font-family: arial, sans-serif;
	font-size: 10px;
	color: #bf6a00;
}

	#eventsbox table tr td a {
		color: #590000;
		font-size: 11px;
	}

/*-- end styles that change ---*/

body {
	margin: 0; padding: 0;
	background: #ffffff;
	text-align: center;
	font-family: Arial, Sans-serif;
	background: url(../images/bk.jpg) top left repeat-x #ffffff;
}

a, a:hover, a img { border: none; outline: none; } 

a { 
	font-size: 12px;
	color: #990000;
}

.clear { clear: both; }

.left {float: left; }

.right { float: right; }

#container {
	margin: 20px auto 0 auto;
	padding: 20px;
	width: 960px;
	text-align: left;
	background: #ffffff;
}

#header {
	margin: 0; padding: 0;
	width: 960px; 
	height: 125px;
	background: url('../images/design/bg_header.gif') top left no-repeat;
	float: left;
	display: block;
}

#logo { 
	margin: 0; padding: 0;
	width: 275px; 
	float: left;
}

#header img {
	float: left; 
}

#header img.right {
	float: right;
}

#logo a {
	width: 227px; 
	display: block;
}

/*-- navigation --*/

#nav { 
	margin: 10px 0 0 0; padding: 0;
	width: 960px; 
	height: 29px;
	float: left;
	display: block;
	background: url('../images/design/nav.gif') top left no-repeat;	
		z-index: 1000;	
}

#nav a {
	margin: 0; padding: 0;
	width: 95px; 
	height: 29px;
	display: block;
	float: left;
	position: relative;
}

#nav .nav_wine a {
	width: 221px;
	height: 29px;
	display: block;
	background: url('../images/design/nav.gif') 0 0 no-repeat;	
}

#nav .nav_wine a:hover {
	width: 221px;
	height: 29px;
	display: block;
	background: url('../images/design/nav.gif') 0 -29px no-repeat;	
}

#nav .nav_spirits a {
	width: 107px;
	height: 29px;
	display: block;
	background: url('../images/design/nav.gif') -221px 0 no-repeat;	
}

#nav .nav_spirits a:hover {
	width: 107px;
	height: 29px;
	display: block;
	background: url('../images/design/nav.gif') -221px -29px no-repeat;	
}

#nav .nav_special a {
	width: 174px;
	height: 29px;
	display: block;
	background: url('../images/design/nav.gif') -328px 0 no-repeat;	
}

#nav .nav_special a:hover {
	width: 174px;
	height: 29px;
	display: block;
	background: url('../images/design/nav.gif') -328px -29px no-repeat;	
}

#nav .nav_party a {
	width: 176px;
	height: 29px;
	display: block;
	background: url('../images/design/nav.gif') -502px 0 no-repeat;	
}

#nav .nav_party a:hover {
	width: 176px;
	height: 29px;
	display: block;
	background: url('../images/design/nav.gif') -502px -29px no-repeat;	
}


#nav .nav_store a {
	width: 175px;
	height: 29px;
	display: block;
	background: url('../images/design/nav.gif') -678px 0 no-repeat;	
}

#nav .nav_store a:hover {
	width: 175px;
	height: 29px;
	display: block;
	background: url('../images/design/nav.gif') -678px -29px no-repeat;	
}

#nav .nav_about a {
	width: 107px;
	height: 29px;
	display: block;
	background: url('../images/design/nav.gif') -853px 0 no-repeat;	
}

#nav .nav_about a:hover {
	width: 107px;
	height: 29px;
	display: block;
	background: url('../images/design/nav.gif') -853px -29px no-repeat;	
}


#nav a span {
	position: absolute;
	top: -3000px;
}

/* dropdown styles */

.submore {
	margin: 15px 0 0 854px; padding: 0;
	*margin: 16px 0 0 -105px;
	_margin: 16px 0 0 854px;
	width: 107px;
	height: 110px;
	display: block;
	position: absolute;
	top: 188px;
	visibility: hidden;
	z-index: 1000;	
	*background: #ffffff;
}


.submore ul {
 	list-style-type: none;	 
    /* for IE */
    filter: alpha(opacity=90);
    /* CSS3 standard */
    opacity: 0.9; 	
 	margin: 5px 0 0 0;
 	indent: 0;	
	padding: 0 10px 5px 10px;	
	z-index: 1000;	
	width: 86px;	
 }

.submore ul li {
 	margin: 5px 0 0 0; padding: 0;
	height: 30px; 
	indent: 0;
	z-index: 1000;	
	text-align: center;	
}


.submore li { margin: 0; padding: 0; indent: 0; }

#nav .submore ul li a {
 	margin: 0 0 0 0; padding: 0;
	color: #ffffff;
	font-family: Times New Roman, serif;
	font-variant: small-caps;	
	font-size: 14px;
	line-height: 30px;
	text-decoration: none;
	z-index: 1000;	
	width: 88px;
	border-bottom: solid 1px #ffffff;	
}
 
#nav .submore ul li.last a { 
	border: none;
}


/*-- content --*/

#content {
	margin: 0; padding: 0;
	width: 960px; 
	float: left;
}

#footer {
	margin: 0 0 10px 0; padding: 10px 0 0 0;
	width: 960px;
	height: 80px;
	background: url('../images/design/bg_footer.gif') bottom left no-repeat;
	float: left;
	display: block;
	text-align: center;

}
	
/*--- index ---*/

#index_left {
	margin: 10px 0 0 0; padding: 0;
	width: 640px; 
	float: left;
}

#index_left p, #index_left ul { 
	margin: 5px 0 0 0;
	line-height: 22px;
	color: #666666;
	font-size: 12px;
}

#index_left table tr td{ 
	margin: 5px 10px 10px 10px; padding: 5px 5px 5px 5px;
	line-height: 22px;
	color: #666666;
	font-size: 12px;	
}

#index_right {
	margin: 10px 0 0 10px; padding: 0;
	_margin: 10px 0 0 5px;
	width: 310px;
	float: left;
	z-index: 10;
	position: relative;	
}


#col_right {
	margin: 10px 0 0 0; padding: 0;
	width: 310px;
	float: right;
	z-index: 10;
	position: relative;	
}

#promo {
	margin: 0 0 10px 0;
	z-index: 10;
	height: 166px;
	width: 308px;
	position: relative;
	float: right;
	border: solid 1px #990000;
}

#index_wide {
	margin: 10px 0 0 0; padding: 10px 0 10px 10px;
	width: 950px; 
	float: left;
	font-family: Arial, sans-serif;
	font-size: 11px; 
	line-height: 16px;
	color: #333333;
}

	#index_wide h2, #index_ourstores h2 {
		margin: 0; padding: 0 0 12px 0;
		display: block;
		font-family: Times New Roman, serif;
		font-variant: small-caps;	
		font-size: 18px;
		line-height: 20px;
		font-weight: normal;
		background: url('../images/header_line.gif') bottom left no-repeat;
	}
	
	.gray_border {
		border: solid 1px #cccccc;
	}
	
	#index_wide_right {
		margin: 0 10px 0 10px; padding: 0;
		width: 235px;
		float: left;
	}

	#index_red {
		margin: 0 10px 0 10px;
		padding: 5px;
		width: 62px; 
		height: 123px;
		float: left;
		text-align: center;
	}
	
	#index_red h2 {
		margin: 0; padding: 0;
		background: none;
		color: #ffffff;
	}
	
	#index_red p {
		margin: 5px 0 0 0; padding: 0;	
		font-size: 10px;
		line-height: 12px;
		color: #ffffff;
	}
	
#index_form {
	margin: 0 10px 0 10px; padding: 10px;
	border: solid 1px #990000;
	background: #ffffcc;
	width: 159px;
	height: 114px;
	float: left;
}

#index_form input {
	float: left;
	margin: 0; padding: 5px;
	height: 13px; 
	width: 120px;
	border: solid 1px #333333;	
}

	#index_form input.btn_go {
		height: 25px;
		width: 25px;
		border-left: none;	
	}

#index_ourstores {
	margin: 0;
	width: 106px;
	float: left; 
	text-align: left;
}

#index_locations {
	margin: 0; 
	width: 562px;
	float: left;
	font-family: Arial, sans-serif;
	font-size: 11px; 
	line-height: 16px;
	text-align: left;
	color: #333333;	
}

#index_locations p {
	margin: 0; padding: 0;
}

#index_share {
	margin: 0;
	width: 280px;
	float: right;
}

	#index_share h2 { 
		margin: 0 5px 0 0;
		background: 0;
		color: #990000;
		font-family: Trajan, Times New Roman, serif;
		font-size: 16px;
		line-height: 20px;
		font-weight: normal;
		font-variant: small-caps;
		float: right;
	}
	
	#index_share a img {
		margin: 1px;
		float: right; 
		
	}

/*---- subpage ----*/

#index_left_subhead_box {	
	margin: 0 0 10px 0; padding: 0;
	background: #ffffcc;
	width: 635px; 
	height: 54px;
	display: block;
	border: solid 1px #cccccc;
}

h2.index_left_subhead {
	margin: 15px 0 0 15px;
	padding: 5px 0 5px 0;
	font-family: Times New Roman, serif;
	font-size: 25px;
	font-weight: normal;
	font-variant: small-caps;
	line-height: 28px;
	background: url(../images/bg_subhead.gif) top left no-repeat;
	width: 280px;
	text-align: center;
}

#eventsbox_top {
	float: left;
	width: 311px; 
	height: 53px;
	display: block;
	_margin-bottom: -3px;
}

#eventsbox {
	float: left;
	width: 311px;
	background: url(../images/eventsbox_rp.gif) top left repeat-y;
	min-height: 50px; 
	height: auto !important;
	height: 50px;
}

	#eventsbox table {
		margin: 0 0 0 10px;
	}
	
	#eventsbox table tr td strong a {
		text-decoration: none;
	}

#eventsbox_bottom {
	float: left;
	width: 311px; 
	height: 60px;
	display: block;
}

#stayuptodate {
	margin: 0 0 10px 0; padding: 0;
	width: 311px;
	height: 150px;
	background: url(../images/bg_stayuptodate.jpg) top left no-repeat;
	display: block;
}

	#stayuptodate form {
		margin: 100px 0 0 20px;
		*margin: 100px 0 0 10px;
		width: 250px;	
		float: left;
	}

	#stayuptodate input {
		float: left;
		margin: 0; padding: 5px;
		height: 13px; 
		width: 120px;
		border: solid 1px #333333;	
	}

	#stayuptodate input.btn_go {
		height: 25px;
		width: 25px;
		border-left: none;	
	}

	#locations_col {
		margin: 0; padding: 0 10px 0 30px;
		width: 200px;
		float: left;
	}
	
	#locations_col h2 {
		font-family: Trajan, Times New Roman, serif;
		font-variant: small-caps;
		font-size: 16px;
	}
	
	#locations_col p {
		color: #666666;
		font-size: 12px;
	}
	
	#locations_col a {
		font-weight: bold;
		text-decoration: none;
		color: #990000;
		font-size: 12px;		
	}
	
	#bg_locations {
		background: url('../images/bg_locations.gif') top left repeat-y;
		display: block;
	}

	
table h2 { 
	font-family: Trajan, Times New Roman, serif;
	font-variant: small-caps;	
	font-size: 18px;
	line-height: 30px;
	font-weight: normal;
}

table th {
	font-family: Trajan, Times New Roman, serif;
	font-variant: small-caps;	
	font-size: 12px;
	font-weight: normal;
}

table a {
	text-decoration: none;
}

table a:hover {
	text-decoration: underline;
}

	
/*--- spirits and liquors ---*/

#category {
	margin: 20px 0 0 44px; padding: 0 0 0 30px;
	width: 212px;
	min-height: 120px; 
	height: auto !important;
	height: 120px;
	float: left;
	background: url('../images/icon_leaf.gif') top left no-repeat;
}

#category img {
	margin: 0; padding: 0;
	float: left;
}

#category p {
	margin: 0 0 0 10px; padding: 0;
	width: 136px;
	float: left;
	font-family: arial, sans-serif;
	color: #696868;
	font-size: 11px;	
}

h2.category_head{
	font-family: Trajan-Bold, Serif;
	font-size: 14pt;
	background-color: #ffffff;
	border-bottom: solid 1px #000000;
	color:#4d0000;
	margin: 0 0 10px 0; padding: 0;
	height: 20pt;
	line-height: 20pt;
	font-weight: normal;
	font-variant: small-caps;
}

#category_page {
	background: #fffff0;
	border: solid 1px #f1f1f1;
	padding: 10px 0 20px 0;
}
	
h2.category_page_head{
	font-family: Trajan-Bold, Serif;
	font-size: 14pt;
	margin: 10px 0 10px 0; padding: 0;
	line-height: 20pt;
	font-weight: normal;
	font-variant: small-caps;
	text-align: center;
	width: 628px;
}

#category_page table {
	margin: 10px 0 0 10px;
	padding: 0 0 0 20px;
	background: url('../images/icon_leaf.gif') top left no-repeat;	
}

#category_page th {
	margin: 0;
	font-family: Trajan-Bold, Serif;
	font-size: 13pt;
	font-weight: normal;
	font-variant: small-caps;	
	color:#58595b;
	text-align: center;
	height: 15px;
}

#category_page th.product_name {
	text-align: left;
}

#category_page td {
	border-bottom: solid 1px #58595b;
	text-align: left;
	font-family: Helvetica, arial, sans-serif;
	text-align: center;
}

#category_page td.nb {
	border-bottom: none;
}

#category_page td.product_name {
	border-right: dotted 1px #58595b;
	text-align: left;
}

/*---- hacks -----*/

img, div { behavior: url(iepngfix.htc) }