@import "shop/purchase/flexnav.css";  /* hides advanced styles from some CSS-challenged browsers */



/* CSS Document */


/* this particular version of this layout hs been made to work in IE/Win both Modes
   it uses IE expressions to calculate the required height of the 2 side divs
   all IE proprietary CSS is in a conditional comment below the main CSS	 
*/

html, body {
margin: 0; padding: 0;
height: 100%;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color:#515154;
text-align: center;
background:#FFFFFF;
}

#wrapper {
position: relative;
width: 800px;
/*min-width: 600px;  to allow room for images and long words */
margin: 0 auto;
/*border: 1px solid #B1B1B1;*/
/*background: #eee;  light grey */
/*min-height: 80%;*/
text-align: left;
}
/*#wrapper.wrapperalt {

border: 0px solid #B1B1B1;

}*/

#header{
position: relative;
width: 800px;
/*min-width: 600px;  to match wrapper div */
margin: 0 auto;
background: #FFFFFF; /* pale yellow */
/*border: 1px solid #000; */
height:180px;

}
#footer {
position: relative;
width: 800px;
/*min-width: 600px;  to match wrapper div */
margin: 0 auto;
background: #FFFFFF; /* pale yellow */
/*border: 1px solid #000; */
height:50px;

}
#footer p {
	float: right;
	color: #b4b4b4;
	font-size: 10px;
	text-align: left;
	padding-top: 30px;
}



/* bringing the center content into position (clear the sides)
   using a wrapper div to avoid possible IE Box Model issues
	 would also allow for extra background styling if required
*/

/*#contentwrap {
	position: relative;
	padding: 0 320px 0 50px;
}
#contentwrap.shop {
	
	padding: 0 150px 0 50px;
}*/

/*#content {
position: relative;   to enable further positioned divs inside content area 
z-index: 100;  to make sure if long words overflow they show above the right column  
border-left: 1px solid #B1B1B1;
border-right: 1px solid #B1B1B1;
background: #fff;
padding: 0px 0px 0px 0px;
margin: 0;
width: 482px;
height: 300px;
min-height: 300px;
display: table-cell;
vertical-align: middle;
}*/

/*#content2 {
position: relative;   to enable further positioned divs inside content area */
/*z-index: 100;  to make sure if long words overflow they show above the right column  

background: #fff;
padding: 0px 0px 0px 0px;
margin: 0px;
}
#content.shop {
	width: 599px;
	vertical-align: top;
}
*/

/***** General formatting ****/


p {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: .5em 1em 1em 1em;
	font-size: 11px;
	color:#515154;
	line-height: 20px;
	}
#header p {
	text-align: right;
	}
a:link {
	color: #990000;
	text-decoration: none;
	}
a:visited {
	color: #FF3300;
	text-decoration: none;
} 
a:hover {
	text-decoration: none; color: #FF3300
	}
a:active {color: #000000} 
code {font-family: "Courier New", monospace;} 
h1, h2, h3, h4 {margin: 0; padding: 10px; position: relative;}
h1 {text-decoration:none;
	margin: 0px;
	padding: 1em 1em 1em 1em;
	font-size: 11px;
	color: #333333;
	line-height: 20px;
	text-transform:none;
}
h2 {
	color: #515154;
	margin: 0px;
	padding: 0.5em 0.5em 0.5em 1em;    /* background visible around text */
	font-size: 11px;      /* will eventually change to % */
	font-weight: normal;
}
h3 {font-size: 11px;}
h4 {padding-bottom: 0; padding-right: 15px;font-size: 16px;}
/*ul {
	list-style-type: disc;
	padding-left:15px;
	padding-right: 15px;
	list-style-position: inside;
	margin: 0px;
	}*/
ul#benefits {	
	list-style-type: disc;
	padding-left:15px;
	padding-right: 15px;
	list-style-position: outside;
	margin: 0px 0 0 15px;
}
ul#benefits li {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	font-size: 11px;
	color:#515154;
	line-height: 20px;
	}
ol {
	
	color: #515154;
	text-align: left;
} 

img {
	border: 0;
	}
	
	caption {
	padding:1em 1em 1em 0em;
	text-align: left;
	font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:.1em;
	color: #F78A34;
	background: transparent;
}	
hr {
  border: 0;
  width: 95%;
  color: #cccccc;
background-color: #cccccc;
height: 1px;
}
	
/*#content2 li {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-right: 18px;
	line-height: 17px;
}*/ 


#apbg2 ul {margin: 0 10px; padding: 0; border: 0; list-style: none;}
#apbg2 li {margin: 0; padding: 3px 0;}

div {
	clear: both;
}

/*form styles start*/

label   {
	
	line-height: normal;
	text-align: right;
	margin-right: 1px;
	position: relative;
	display: block;
	float: left;
	width: 45px;
	}
	label.fieldLabel	{
	display: inline;
	float: none;
	}
	
input.formInputButton   {
	
	vertical-align: middle;
	font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	
	text-align: center;
	color: #1A3736;
	background: #F78A34 url(../images/bg_button.gif) repeat-x;
	padding: 2px;
	border: solid 1px #CCCCCC;
	cursor: pointer;
	/*float: right;*/
	}
	input.formInputButton:hover   {
	background-image: url(../images/bg_button_hover.gif);
	color: #FFFFFF;
	}
	
input.formInputButton:active   {
	background-image: url(../images/bg_button.gif);
	
	}
	.buttondata {
	padding:10px;
	}
	
input.t_field, textarea.t_field   {
	font: normal 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	background-color: #E6E4D5;
	border: solid 1px #333333;
	
	}
/***** Nav formatting ****/

#subnav {
	color: #000;
clear: both; 
width: auto;
padding: 55px 0px 0px 0px;
}

#subnav2 {

	padding: 10px 0px 0px 0px;
	width: auto;
	}




#last {
padding: 0px;
}
/***** News and Specials formatting ****/


.newsblock h1{
	padding: .5em 1em 0em 1em;
}
.newsblock p{
	padding: .5em 1em .5em 1em;
	line-height: 1.5em;
}
.newsfooter p{
	padding: .4em 1em .4em 1em;
	font-size: 11px;
	color:#515154;
	line-height: normal;
	font-style: italic;
}
.newspagehead h1{
	color: #F66013;
}
.newscol{
	padding: 0;
	margin: 0;
}


.newscol h1{
	background-color: #CCCCCC;
	padding: 1em 1em 1em 1em;
	color: #990000;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	margin: 0px 0px 10px 0px;
line-height: normal;
}
.newscol h2 {
	color: #515154;
	margin: 0px;
	padding: 0.5em 0.5em 0.5em 1.5em;    /* background visible around text */
	font-size: 11px;      /* will eventually change to % */
	font-weight: normal;

}
.newscol ul {
	margin: 0px 0px 10px 35px;
	padding: 0;

}
.newscol a:link {
	color: #515154;

}
.newscol a:hover {
	color: #990000;
	text-decoration: none;
	}


#newsfeed {
	border-bottom: 1px solid  #B1B1B1;
	background: #CCCCCC;
}
#newsfeed p {
	line-height: 15px;
	background: #FFFFFF;
	padding: .5em 1em .5em 1em;
}

#mytable {
	width: 800px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	border: 1px solid #B1B1B1;
	
}

#mytable th {
	

	border: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
}


#mytable td {
	border-left: 1px solid #B1B1B1;
	
	padding: 0px;
	margin: 0px;
}


#mytable .alt td {
	padding: 15px 0 0 0;
	color: #f66013;
	border: 0px;

}
#winestable {
	width: 800px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
	
}
#winestable th {
	border: 1px solid #B1B1B1;
	background: #fff;
	padding: 0px;
	margin: 0px;

}
#plaintable {
	border: 0px;
	padding: 15px 15px 15px 15px;
}
#plaintable td {
	border: 0px;
	
	
}



/*

Blog and News Styles START

}*/


.entrytitle {	
	/*color:#888;*/

padding: 0px;
	border-bottom:1px dotted #B1B1B1;
margin: 10px 0px 10px 0px;
}

/*.entrytitle h2 h3{	
padding: 0px 0px 0px 0px;
margin: 0px 15px 5px 0px;
}*/
.mytext2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	/*line-height: 16px;*/
	letter-spacing: 0em;
padding: 6px 5px 6px 0px;
	text-transform: none;
} 
.mytext2 a:link {
	color: #990000;
	text-decoration: none;
	font-weight: bold;
} 
.mytext2 a:visited {color: #oo99cc; text-decoration: underline} 
.mytext2 a:hover {color: #FF6600; text-decoration: none} 
.mytext2 a:active {color: #333333; text-decoration: none}

/* WINE table STYLES */
	
.winedetail {
	text-align: left;
	}
	
#unitPrice {
	text-align: center;
	}
	
#casePrice {
	text-align: center;
	}
	
#qty {
	text-align: center;
	}
	
#cost {
	text-align: center;
	}
	
#totalPrice {
	text-align: center;
	}
	
	
	
/*wine data table on product select*/	

#winedata thead th { /* headers oben */
padding:10px 0px 10px 0px;
/*text-align: left;*/
/*background: #DF3985;*/ 
color: #0D1C1B;
vertical-align:bottom;
/*letter-spacing: 0.1em;*/
font: normal 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
border-bottom:1px dotted;
text-transform: uppercase;
}

#winedata tbody { /* headers oben */
/*padding: 5px 0px 5px 5px;*/
text-align:left;

color: #ffffff;
/*letter-spacing: 0.1em;*/
font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}


#winedata tbody tr th, #winedata tbody tr td {
	border-bottom: 1px dotted  #1A3836;
	padding: 10px 0px 10px 5px;
	
	/*text-align: center;*/
}
#address_conf tbody tr td {
	border-bottom: 0px;
	padding: 5px 0px 5px 5px;
	color:#000000
	
	/*text-align: center;*/
}


.totaltext { /* headers oben */
padding: 13px 5px 13px 0px;
text-align: left;
/*background: #DF3985;*/ 
color: #0D1C1B;
/*letter-spacing: 0.1em;*/
font: normal 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
border-bottom:1px dotted;
text-transform: uppercase;
}

.finalprice { /* headers oben */
padding: 10px 10px 10px 0px;
text-align: right;
/*background: #DF3985;*/ 
color:  #0D1C1B;
/*letter-spacing: 0.1em;*/
font: bold 13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
border-bottom:1px dotted;
/*text-transform: uppercase;*/
}
.policy_body {
	font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	padding-bottom:5px;
	color: #ffffff;
	text-align:left;
	}




ul.MenuBarHorizontal #current a {
background-color:  #E62600;
}
ul.MenuBarHorizontal .current a {
background-color:  #E62600;
}
ul#MenuBar2.MenuBarHorizontal #current2 a {
background: #515154;
color: #FFFFFF;
}
ul#MenuBar2.MenuBarHorizontal .current2 a {
background: #515154;
color: #FFFFFF;
}