body {
background: #353535;
color: #222222;
font-family: Helvetica, Verdana, 'Trebuchet MS', sans-serif;
font-size: 12px;
font-style: normal; 
font-weight: normal; 
line-height: 1.3em;
list-style-position: outside; 
list-style-type: disc; 
margin-top: 0px;
margin-bottom: 0px;
margin: 0px;	
text-align: center; 
text-decoration: none; 
}


#container {
background-color: #FFFFFF;
border-left: 1px solid #111111;
border-right: 1px solid #111111;
border-top: 0px solid #111111;
border-bottom: 0px solid #111111;
color: #222222;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
width: 900px;
}


#header {
clear: both;
text-align: left;
height: 24px; 
width: 100%;
border: 0px solid #111111;
padding: 0px;
}


#topbanner {
/* background-image: url(http://argylewinery.com/images-structure/grey-gradient-pin-stripe.jpg); 
background-repeat: repeat-x;*/
background-color: #353535;
/* border-bottom: 2px solid #111111; */
padding-bottom: 2px;
padding-top: 0px;
width: 100%;
text-align: center; 
margin-left: auto;
margin-right: auto;
margin-top: 0px;
}

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


#main {
background-position: center bottom;
background-repeat: no-repeat;
margin-left: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
width: 888px;
text-align: justify; 
background-color: #FFFFFF;
min-height: 100%; 
}


#mainclean {
background-position: center bottom;
background-repeat: no-repeat;
margin-left: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
width: 888px;
text-align: justify; 
background-color: #FFFFFF;
min-height: 100%; 
}


#product {
border: 0px solid #CCCCCC;
clear: left;
float: none;
font-size: 12px; 
margin-left: 10px;
padding: 4px;
position: relative;
text-align: justify;
width: 846px;
}


#data {
border: 0px solid #CCCCCC;
clear: left;
float: none;
font-size: 12px; 
margin-left: 10px;
padding: 4px;
position: relative;
text-align: justify;
width: 846px;
height: 480px;
}

#null {
border: 0px solid #FFFFFF;
clear: left;
float: none;
height: 18px;
margin-bottom: 0px;
padding: 4px;
position: relative;
text-align: justify;
vertical-align: top;
width: 300px;
}


#footer {
bottom: 0px;
background-color: #000000;
clear: both;
padding-bottom: 20px;
padding-top: 10px;
text-align: center; 
margin-top: 0px;
margin-left: auto;
margin-right: auto;
width: 100%;
height: 340px;
color: #FFFFFF; 
font-size: 12px;
font-family: Helvetica, Verdana, 'Trebuchet MS', sans-serif;
line-height: 1.1em;
text-decoration: none;
}



#overlay {
	text-align: center;
	left: 6px;
	top: 6px;
	padding: 8px;
	position: absolute;
	border-color: black;
	border-style: solid;
	border-width: 2px;
	height: 190px;
	width: 180px;
	background-position: 0;
	background-color: #FFFFFF;
	color: #111111;
	font-size: 11px;
	font-family: Verdana, 'Trebuchet MS', sans-serif;
}



/********************** IMAGES & BORDERS **********************/

img {
border: 0px solid #555555;
text-decoration: none;
}

img.no {
border: none;
text-decoration: none;
display: block;
}

img.border {
border: 2px solid #222222;
text-decoration: none;
}

img.header {
border-top: 0px solid #222222;
border-bottom: 0px solid #222222;
border-left: 0px solid #222222;
border-right: 0px solid #222222;
text-decoration: none;
margin: 0px;
padding: 0px;
}

img.pad {
border: 0px solid;
margin-right: 6px;
}

img.left {
border: 0px solid;
padding-right: 6px;
float: left;
vertical-align: middle;
}

img.right {
border: 0px solid;
padding: 6px;
float: right;
text-align: right;
}

img.rborder {
border: 1px solid #000000;
background-color: #999999;
margin-left: 10px;
padding: 2px;
float: right;
text-align: right;
}

.reflectright {
margin-left: 10px;
padding: 2px;
float: right;
text-align: right;
border: 0px solid #FFFFFF;
}

.reflectrightborder {
margin-left: 10px;
padding: 2px;
float: right;
text-align: right;
border: 1px solid #444444;
}

img.lborder {
border: 1px solid #000000;
background-color: #999999;
margin-right: 10px;
padding: 2px;
float: left;
vertical-align: text-top;
}

img.center {
border: 0px solid #FFFFFF;
text-align: center;
margin-left: 4px;
}


/********************** LINKS & FONTS **********************/

p { margin-top: 0; margin-bottom: 22px; line-height: 18px; }
p.red { margin-top: 0; margin-bottom: 22px; line-height: 18px; color: #912323; font-size: 11px;}


a.no, a.no:active, a.no:visited {
font-family: Verdana, Helvetica, Arial;
text-align: justify;
font-size: 11px;
font-weight: normal;
color: #000000;
text-decoration: none;
border: 0px;
}

a.red, a.red:active, a.red:visited {
font-family: Verdana, Helvetica, Arial;
text-align: justify;
font-size: 11px;
font-weight: normal;
color: #912323;
text-decoration: underline;
}


H1 {
color: #000000;
font-size: 22px; 
font-weight: normal; 
margin-bottom: 12px;
font-family: 'Trebuchet MS', 'Century Gothic', Helvetica, Verdana, sans-serif;
}

H2 {
color: #222222;
font-size: 16px; 
font-weight: bold; 
margin-top: 3px;
margin-bottom: 4px;
text-decoration: none;
font-family: 'Trebuchet MS', 'Century Gothic', Helvetica, Verdana, sans-serif;
}

H3 {  
color: #222222;
font-size: 16px; 
font-weight: bold; 
margin-top: 3px;
margin-bottom: 4px;
text-decoration: none;
font-family: 'Trebuchet MS', 'Century Gothic', Helvetica, Verdana, sans-serif;
}

H4 {
color: #444444;
font-size: 12px;
font-weight: bold;
}

H5 { /* TITLE LIKE H1 */
color: #000000;
font-size: 22px; 
font-weight: normal; 
margin-bottom: 8px;
font-family: 'Trebuchet MS', 'Century Gothic', Helvetica, Verdana, sans-serif;
}

H6 { /* LIKE STATS AND LEGAL */
color: #333333; 
font-size: 11px;
text-decoration: none;
font-weight: normal; 
}

.xfooter {
color: #FFFFFF; 
font-size: 11px;
line-height: 1.3em;
text-decoration: none;
}

.xfootertitle { 
color: #555555;
font-size: 16px; 
font-weight: bold; 
margin-top: 3px;
margin-bottom: 4px;
text-decoration: none;
font-family: 'Trebuchet MS', 'Century Gothic', Helvetica, Verdana, sans-serif;
}

.price {  
color: #912323;
font-size: 14px; 
font-weight: bold; 
margin-bottom: 0px;
}

.priceold {  
color: #547a49;
font-size: 14px; 
font-weight: bold; 
margin-bottom: 0px;
}

.red {  
color: #912323;
font-weight: normal; 
}

.blue {  
color: #2f44e6;
font-weight: normal; 
}

.green {  
color: #386527;
font-weight: normal; 
}

.tiny {
font-size: 9px;
}















/* FROM DEFAULT STYLE */
/* Begin Typography & Colors */

.widecolumn .entry p {
font-size: 1.05em;
}

.narrowcolumn .entry, .widecolumn .entry {
line-height: 1.4em;
}

.widecolumn {
line-height: 1.6em;
}

.narrowcolumn .postmetadata {
text-align: center;
}

.alt {
background-color: #f8f8f8;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}

small {
font-family: Helvetica, Verdana, 'Trebuchet MS', sans-serif;
font-size: 0.9em;
line-height: 1.5em;
}

#headerimg .description {
font-size: 1.2em;
text-align: center;
}












/* Begin Structure */
#page {
background-color: white;
padding: 0;
width: 900px;
}

.narrowcolumn {
float: left;
padding: 0 0 10px 10px;
margin: 0px 0 0;
width: 610px;
}

.widecolumn {
padding: 10px 0 10px 0;
margin: 5px 0 0 10px;
width: 840px;
}

.post {
margin: 0 0 30px;
text-align: justify;
}

.post hr {
display: block;
}

.widecolumn .post {
margin: 0;
}

.narrowcolumn .postmetadata {
padding-top: 5px;
}

.widecolumn .postmetadata {
margin: 10px 0;
}

.widecolumn .smallattachment {
text-align: center;
float: left;
width: 128px;
margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
text-align: center;
margin: 5px 0px;
}

.postmetadata {
clear: left;
}

.clear {
clear: both;
}

/* End Structure */






/* Begin Lists

Special stylized non-IE bullets
Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
margin-left: 0px;
padding: 0 0 0 30px;
list-style: none;
padding-left: 10px;
text-indent: -10px;
}

html>body .entry li {
margin: 7px 0 8px 10px;
}

.entry ul li:before, #sidebar ul ul li:before {
content: "\00BB \0020";
}

.entry ol {
padding: 0 0 0 35px;
margin: 0;
}

.entry ol li {
margin: 0;
padding: 0;
}

.postmetadata ul, .postmetadata li {
display: inline;
list-style-type: none;
list-style-image: none;
}


ul.clubstyle {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1.6em;
text-transform: none;
color: #000000;
text-decoration: none;
list-style-position: outside;
list-style-type: circle;
padding-top: 0px;
padding-left: 24px;
margin-top: 0px;
}

ul.clubstyle li.none {
line-height: 1.2em;
list-style-type: none;
margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: .5em; padding-left: 0px; padding-right: 0; padding-top: 0; padding-bottom: 0;
}

ul.clubstyle li.short {
line-height: .5em;
list-style-type: none;
}




/* Begin Form Elements */
#searchform {
margin: 10px auto;
padding: 5px 3px;
text-align: left;
}

#sidebar #searchform #s {
width: 90px;
padding: 2px;
}

#sidebar #searchsubmit {
padding: 1px;
}

.entry form { /* This is mainly for password protected posts, makes them look better. */
text-align:center;
}

select {
width: 130px;
}

#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
}

#commentform textarea {
width: 100%;
padding: 2px;
}

#commentform #submit {
margin: 0;
float: right;
}
/* End Form Elements */



/* Begin Comments*/
.alt {
margin: 0;
padding: 10px;
}

.commentlist {
padding: 0;
text-align: justify;
}

.commentlist li {
margin: 15px 0 3px;
padding: 5px 10px 3px;
list-style: none;
}

.commentlist p {
margin: 10px 5px 10px 0;
}

#commentform p {
margin: 5px 0;
}

.nocomments {
text-align: center;
margin: 0;
padding: 0;
}

.commentmetadata {
margin: 0;
display: block;
}
/* End Comments */















#main a.bold, a.bold:active, a.bold:visited {
color: #912323;
font-size: 12px;
font-weight: bold;
text-decoration: underline;
}

#main a, a:active, a:visited {
font-family: Verdana, Helvetica, Arial; 
text-align: justify;
font-size: inherit;
font-weight: normal;
color: #912323;
text-decoration: underline;
}

#data a, a:active, a:visited {
font-family: Verdana, Helvetica, Arial; 
text-align: justify;
font-size: inherit;
font-weight: normal;
color: #912323;
text-decoration: underline;
}

#main a.tiny, a.tiny:visited {
font-size: 10px;
font-family: Verdana, Helvetica, Arial; 
text-align: justify;
font-weight: normal;
color: #000000;
text-decoration: underline;
}










/* MILO MENU */
.backG {
FONT-FAMILY:verdana;
background-color:#93c39b; 
color:#ffffff; 
border-bottom:#538c4d 2px solid;
font-size:12px;
}	

td.form1 {
FONT-FAMILY:verdana;
background:#eaeaea;
font-size:12px;
}





/* BASIC TABLE */
table#basic {
font-family: Verdana, Helvetica, Arial; 
font-weight: normal;
color: #000000;
font-size: inherit;
width: 850px;
vertical-align: top;
}

/* photo TABLE */
table#photo {
color: #000000;
width: 840px;
vertical-align: top;
background-color: #FFFFFF;
border: solid #DDDDDD 1px;
}

table#photo td {
font-family: Verdana, Helvetica, Arial; 
font-weight: normal;
font-size: 9px;
width: 210px;
text-align: center;
}



/* TABLE FOR WINE ARCHIVE */
table#archive {
font-family: Verdana, Helvetica, Arial; 
font-size: 11px; 
font-weight: normal; 
border: solid #DDDDDD 1px;
color: #333333;
width: 670px;
margin-left: 0px; 
margin-right: auto;
}

table#archive:hover {
background-color:#EEEEEE;
border: solid #AAAAAA 1px;
}

table#archive td {
padding: 4px;
vertical-align: top;
}

.header {
padding: 4px;
font-weight: bold;
font-size: 12px;
vertical-align: top;
}

.name {
text-align: left;
width: 204px;
vertical-align: top;
}

.vintage {
text-align: left;
width: 60px;
vertical-align: top;
}

.varietal {
text-align: left;
width: 132px;
vertical-align: top;
}

.links {
text-align: left;
width: 184px;
vertical-align: top;
font-size: 11px; 
}

ul.archive {
list-style-type: none;
margin-left: 0;
padding: 0px;
text-indent: 0em;
margin: 0px;
}

a.archive, a.archive:active, a.archive:visited {
font-family: Verdana, Helvetica, Arial;
text-align: justify;
font-size: 11px;
font-weight: normal;
color: #912323;
text-decoration: underline;
}

a.archive:hover {
color: #e34514;
text-decoration: underline;
}




/* TABLE FOR TRADE RELEASES */
table#releases {
font-family: Verdana, Helvetica, Arial; 
font-size: 12px;
color: #333333;
text-align: left;
width: 800px; 
margin-left: 0px; 
margin-right: auto;
}

table#releases td {
padding: 3px;
vertical-align: top;
font-size: inherit;
}

table#releases a.releases, a.releases:active, a.releases:visited {
font-size: 12px;
color: #912323;
text-decoration: underline;
}





table#plain {
font-family: Verdana, Helvetica, Arial; 
font-size: 11px; 
font-weight: normal; 
border: solid #DDDDDD 0px;
color: #333333;
width: 800px;
margin-left: 0px;
}

a.plain, a.plain:active, a.plain:visited {
font-family: Verdana, Helvetica, Arial;
text-align: justify;
font-size: 11px;
font-weight: normal;
color: #912323;
text-decoration: underline;
}






/* TABLE FOR CUSTOMER REGISTRATION */
table#reg {
font-family: Verdana, Helvetica, Arial; 
font-size: 11px; 
font-weight: normal; 
border: solid #DDDDDD 1px;
color: #333333;
width: 800px;
margin-left: 20px;
}

table#reg:hover {
background-color:#EEEEEE;
border: solid #AAAAAA 1px;
}

table#reg td {
padding: 4px;
vertical-align: top;
}

.header {
padding: 4px;
font-weight: bold;
font-size: 12px;
vertical-align: top;
}

.name {
text-align: left;
width: 204px;
vertical-align: top;
}

.vintage {
text-align: left;
width: 60px;
vertical-align: top;
}

.varietal {
text-align: left;
width: 142px;
vertical-align: top;
}

.links {
text-align: left;
width: 150px;
vertical-align: top;
}

ul.reg {
list-style-type: none;
margin-left: 0;
padding: 0px;
text-indent: 0em;
margin: 0px;
}

a.reg, a.reg:active, a.reg:visited {
font-family: Verdana, Helvetica, Arial;
text-align: justify;
font-size: 11px;
font-weight: normal;
color: #912323;
text-decoration: underline;
}

a.reg:hover {
color: #e34514;
text-decoration: underline;
}



/* TABLE FOR CART */
table#cart {
font-family: Verdana, Helvetica, Arial; 
font-size: 11px; 
font-weight: normal; 
border: solid #DDDDDD 0px;
color: #333333;
margin-left: 20px;
text-align: justify;
width: 780px;
}

table#cart:hover {
}

table#cart td {
padding: 0px;
vertical-align: top;
text-align: justify;
}

a.cart, a.cart:active, a.cart:visited {
font-family: Verdana, Helvetica, Arial;
text-align: justify;
font-size: 11px;
font-weight: normal;
color: #912323;
text-decoration: underline;
}

td.cart_delete, td.cart_cp_delete {
  padding: 0px;
  width: 60px;
  text-align: justify;
  font-size: 10px; 
  font-style: normal; 
  color: #212121;
}

td.cart_quantity, td.cart_cp_quantity {
  padding: 0px;
  width: 50px;
  font-size: 10px; 
  font-style: normal; 
  color: #212121;
}

td.cart_name, td.cart_cp_name {
  padding: 2px;
  text-align: justify;
  width: 210px;
  font-size: 10px; 
  font-style: normal; 
  color: #212121;
}

td.cart_sku, td.cart_cp_sku {
  padding: 0px;
  width: 100px;
  text-align: justify;
  font-size: 10px; 
  font-style: normal; 
  color: #212121;
}

td.cart_price, td.cart_cp_price {
  padding: 0px;
  font-style: italic;
  text-align: justify;
  font-size: 10px; 
  color: #212121;
  width: 90px;
}

td.cart_total, td.cart_cp_total {
  padding: 0px;
  text-align: justify;
  white-space: nowrap;
  font-size: 10px; 
  font-style: normal; 
  color: #212121;
  width: 90px;
}

td.cart_op {
  padding: 0px;
  text-align: justify;
  font-size: 10px; 
  font-style: normal; 
  color: #212121;
}

td.cart_op1, td.cart_op2 {
  padding: 3px;
}

td.cart_empty {
  padding: 3px;
  text-align: justify;
  font-size: 10px; 
  font-style: normal; 
  color: #212121;
}

select.cart {
  text-align: justify;
  font-size: 10px; 
  font-style: normal; 
  color: #212121;
}

textarea.cart {
  vertical-align: middle; 
  font-size: 10px; 
  font-style: normal; 
  color: #212121;
  text-align: justify;
}


/* TABLE FOR CART */
table#taxnship {
font-family: Verdana, Helvetica, Arial; 
font-size: 11px; 
font-weight: normal; 
border: solid #DDDDDD 0px;
color: #333333;
margin-left: 20px;
text-align: justify;
width: 780px;
}

select.ship  { 
width: 280px;
}

td.taxnship_hdr {
  font-weight: bold;
  text-align: left;
  font-size: 10px; 
  font-style: normal; 
  color: #212121;
}

td.taxnship {
  text-align: left;
  font-size: 10px; 
  font-weight: bold; 
  color: #212121;
  width: 425px;
}


a.taxnship, a.taxnship:active, a.taxnship:visited {
font-family: Verdana, Helvetica, Arial;
text-align: justify;
font-size: 11px;
font-weight: normal;
color: #912323;
text-decoration: underline;
}




/***************************************/
/***          Table of Totals        ***/
/***  Subtotal, Tax, Shipping, etc.  ***/
/***************************************/
table.totals {
  align: right; 
  font-size: 11px; 
  font-style: normal; 
  margin-right: 24px;
  color: #212121;
}

td.totals_txt, td.totals_saved_txt, td_totals_blank {
  width: 200px;
  text-align: right;
  font-size: 11px; 
  font-weight: bold; 
  color: #212121;
}

td.totals, td.totals_saved {
  width: 200px;
  text-align: right;
  font-size: 11px; 
  font-weight: bold;
  font-style: normal; 
  color: #212121;
}

td.totals_all, td.totals_all_txt {
  text-align: right;
  font-weight: bold;
  font-size: 11px; 
  color: #212121;
  width: 200px;
}



     




#scorelist {
padding-left: 0;
margin-left: 0;
margin-top: 0;
border-bottom: 0px solid gray;
width: 700px;
}

#scorelist li {
list-style: none;
padding: .5em;
border-top: 0px solid gray;
margin-top: 0;
}

#scorelist li a { text-decoration: none; }


form {
padding: 0;
margin: 0;
}












/* AWESOME rounded border box */

#dialog {
	/* overlay is hidden before loading */
	/* display:none; */

	/* standard decorations - was fe8081 */
	width:220px;	
	border:6px solid #9a2124;
	text-align: center;
	left: 6px;
	top: 6px;
	position: absolute;
	z-index: 9000;

	/* for modern browsers use semi-transparent color on the border. nice! was fe, 80, 81  */
	/* border: 6px solid rgba(9a, 21, 24, 0.828); */

	/* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px; 
}

#dialog div.box {
	padding:10px;
	border:1px solid #444;
	background-color:#fff;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size:12px;
}

#dialog h2 {
	margin:-11px;
	margin-bottom:0px;
	color:#fff;
	background-color:#000;
	padding:5px 10px;
	border:1px solid #000;
	font-size:16px;
}

#dialog p.box, a, a:visited {
	font-size:12px;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	color:#000;
	margin-bottom: 0px;
}

#dialog p.red { 
	color: #912323; 
	font-size: 10px;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
}

