﻿ body  {
	font: 13px tahoma, Arial, Helvetica, sans-serif;
	/*background:#1E1E1E url(../Images/bg_wmp.png);*/
	background-color:#EEEBEB;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000;
}
.twoColLiqRtHdr #wrap { 
	width: 1200px;  /* this will create a container 80% of the browser width */

	padding: 10px 5px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
} 
.twoColLiqRtHdr #container { 
	width: 1184px;  /* this will create a container 80% of the browser width */
	background: #fff;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	height:auto;
}
/*.twoColLiqRtHdr #header { 
	background: #000; 
	padding: 0 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding.  
} */

.twoColLiqRtHdr #header { 
	background: #000;
	background-image:url(../Images/topnavbg.png);
	background-position:bottom;
	background-repeat: no-repeat;
	padding: 0 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 

.cologo {
    float:left;
    margin: 0;
	padding: 0;
	width: 350px;
	text-align:center;
	height: 162px;
}
.cologo2 {
    float:right;
    margin: 0;
	padding: 0;
	width:162px;
	height: 162px;
}
.banner {
	background-repeat:no-repeat;
	float:right;
    margin: 0;
    padding: 0;
/*	padding: 10px 0 0 0; 
	width:30px;*/
	height: 152px;
} 
.banner2 {
	background-repeat:no-repeat;
	float:left;
	vertical-align:bottom;
	text-align:right;
    margin: 0;
	padding: 10px 0 0 0;
	width:513px;
	height: 152px;
} 

.site {
	background-repeat:no-repeat;
	float:right;
    margin: 0;
	padding: 10px 0 0 0;
	width:auto;
	height: 152px;
}
.site
.sitenm 
{
	font-family: Verdana;
	font-size: 24px;
	font-weight: normal;
	color: #fff;
} 
.twoColLiqRtHdr #wrap2 { 
	width: 98%;  /* this will create a container 98% of the browser width */
	background: #FFFFFF;
	padding: 16px 10px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
} 
.twoColLiqRtHdr #container2 {
width : 100%;
margin-left : auto;
margin-right : auto;
padding : 0;
text-align: left; /* this overrides the text-align: center on the body element. */
}
#banner {
height : 80px;
padding : 0;
background : #000000 url(../Images/internal-banner.gif) no-repeat;
text-align:center;
}
#header .hbanner td img 
{
    display: block;
}
#fblk 
{
    height:8px;
    background-color:#fff;
}
.txta 
{
    width:120px;
}
.txtb 
{
    width:70px;
}
.wtxt
{
    padding:3px 3px 3px 0px;
    font-size:12px;
    color:#999;
    text-align:right
}
.otxt
{
    padding:3px 3px 3px 5px;
    font-size:12px;
    color:#999;
    font-weight:bold
}
.cdtxt
{
    padding:3px 3px 3px 5px;
    font-size:12px;
    color:#999;
    font-weight:bold;
    text-align:right;
}
.menu {width:1184px; height:31px; background-image: url(../Images/bg-menu2.png); background-repeat:repeat-x;}
.m1 {display:block; height:30px; background-image: url(../Images/bg-menu2.png); background-repeat:repeat-x ;padding:0px 8px 0px 8px;}
.mo1 {display:block;height:30px; background-image: url(../Images/bg-hover.png); background-repeat:repeat-x; padding:0px 8px 0px 8px;}
.menu1 {color:#FFF;font-size:12px; font-weight:bold; display:block; height:30px; background-color:#1E1E1E; 
        background-image: url(../Images/bg-menu2.png); background-repeat:repeat-x; padding:0px;}
.menu1 a {height:30px; line-height:27px; font-size:12px; font-weight:bold; color:#fff; text-decoration:none;cursor:hand;}
.menu1 a:hover {height:30px; line-height:27px; font-size:12px; font-weight:bold; color:#fff; text-decoration:none;background-image: url(../Images/bg-hover.png); background-repeat:repeat-x;cursor:hand}
#singleContent {
    margin: 0 10px 0 10px;
}
#singleContent h1 {
    font-size:16px;
	font-weight:bold;
	color:#000;
	padding:10px 0 0 0px;
	Margin-bottom:0px;
}
#singleContent h2 {
    font-size:14px;
	font-weight:bold;
	color:#000;
	padding:15px 0 0 0px;
}
#singleContent h3 {
    font-size:13px;
	font-weight:bold;
	color:#000;
	padding:15px 0 0 0px;
}
#singleContent p {
    font: 13px tahoma, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#fff;
	text-align:justify;
}
#singleContent2 {
    margin: 0 10px 0 10px;
    height:650px;
    overflow:scroll;
}
#singleContent2 h3 {
    font-size:13px;
	font-weight:bold;
	color:#000;
	padding:15px 0 0 0px;
}
#singleContent2 p {
    font: 13px tahoma, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#fff;
	text-align:justify;
}
.img1
{
   float:right;  
   Padding:0 10px 10px 0;
   height:375px;
}
/* FOOTER */
.twoColLiqRtHdr #footer 
{
    text-align:center; 
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background-color: #000;
	height: 115px;
	background-attachment: inherit;
	background-image: url(../Images/goldimage.jpg);
} 
.twoColLiqRtHdr #footer div {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	/*width:  widpx; */
	height:auto;
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#footer .panel1 {
    width: 50%;
	font-size:11px;
	color:#333;
	padding:8px 8px;
	float:left;
	text-align:left;
}
#footer .panel2 {
    width: 45%;
	font-size:11px;
	color:#333;
	padding:8px 8px;
	float:right;
	text-align:left;
}

#footer a {
	color: #000;
	text-decoration: none;
}

#footer a:hover {
	color: #000;/*f78e1eCC0000*/
	text-decoration: underline;
}
/*New Footer menu redesign*/
#footer-menu {width:1184px; background-color:#191919;}
#faux-footer-rd{margin:0px 15px 0px 15px;}
.footer-boxes-container{background-color:#191919;}
.footer-boxes-header{font-size:.85em; font-weight:bold; display:block; line-height:18px}
.footer-info-boxes{float:left; width:180px; padding:8px 0px 8px 0px; color:#c0c0c0; clear:right}
.footer-info-boxes-separator{float:left; background-image:url(images/footer-separator.gif); height:80px; width:9px; margin:20px 35px 10px 35px; clear:right; }
.footer-info-boxes-separator-wee{float:left; background-image:url(images/footer-separator.gif); height:110px; width:9px; margin:20px 17px 10px 17px; clear:right; }
.footer-info-boxes a{text-decoration:none; color:#c0c0c0; font-size:.8em; line-height:1.3em; display:block}
.footer-info-boxes a:hover{color:#C4171B;}

.twoColLiqRtHdr #bottom-menu { 
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#1E1E1E; 
} 
.twoColLiqRtHdr #bottom-menu p {
    font-size:13px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	margin:5px 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 6px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.twoColLiqRtHdr #bottomline { 
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#000;
	height:5px; 
} 
/* Bottom Menu Link */
.bt-menu a {
    text-decoration:none;
    color:#FFF;
	font-weight:bold;
}

.userbg 
{
    width:780px;
    height:350px;
	padding:5px;
	margin:10px auto;
    background:url("images/bg-user.gif")no-repeat;
}
.userbg h4 {
		font-size:13px;
		color:#000;
		padding:0 0 0 7px;
}

img
{
	border-style: none;
    border-color: inherit;
    border-width: medium;
    margin-bottom: 0px;
    max-height: 450px;
}

a .link1 {
	color: #000;
	text-decoration: underline;
}

a:hover .link1 {
	color: #000;/*f78e1eCC0000  000*/
	text-decoration: underline;
}
a .link2 {
	color: #000;
	text-decoration: underline;
}

a:hover .link2 {
	color: #000;/*f78e1eCC0000*/
	text-decoration: underline;
}


select {
	font-family: tahoma;
	font-size: 10pt;
}


 
 
 .clearfloat2 { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    line-height: 0px;
}
/* CSS Tooltip*/
a.info{
    position:relative; /*this is the key*/
    z-index:24;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25;}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-6em; left:4em; width:40em;
    color:#FFF;
	background-color:#1E1E1E;
	padding:4px;
    text-align: left}
    
    
    
.UpdateProgressModalBackground
{
   background-color: Gray; /* #6D7B8D Blue Slate Gray */
   position: fixed;
   top: 0;
   left: 0;
   height: 100%;	
   width: 100%;
   min-height: 100%;
   min-width: 100%;
/*   filter:alpha(opacity=70); */
 /*  opacity:0.7; */
   -moz-opacity: 0.7;
   z-index: 99999998;
}

.UpdateProgressPanel
{
   z-index: 99999999;
   color:#fff;
   font-size: 11pt;
   width: 200px;
   text-align: center;
   vertical-align: middle;
   position: fixed;
   bottom: 50%;
   left: 45%;
   padding: 10px;
}

.UpdateProgressPanelSellMyWine
{
   z-index: 99999999;
   color:#fff;
   font-size: 11pt;
   width: 45px;
   height: 45px;
   text-align: center;
   vertical-align: middle;   
   position: fixed;
   bottom: 50%;
   left: 45%;
   padding: 0;
   background-image:url(../Images/loading.gif);
}

 .login-header
 {
    background-image:url(../Images/login-label.gif);
    background-repeat:no-repeat;
    font-size:14px;
    color:#FFF;
    font-weight:bold;
    padding:0px 0 0px 10px;
    width:250px;
    height:27px;
    text-align:left;
 }
 
 
/*Login css*/
 #index-cs 
 {
    width:628px;
    height:auto;
    text-align:center;
 }
 .login1
 {
    background-image:url(../Images/bg-login.gif);
    background-repeat:no-repeat;
    padding:5px 0px 0px 10px;
    width:274px;    
    height:252px;
    float:left;
    text-align:left;
    color:#fff;
 }
 
  .login1 a {
	color: #FFF;
	text-decoration: underline;
}

.login1 a:hover {
	color: Orange;/*f78e1eCC0000*/
	text-decoration: underline;
}

 .login-header
 {
    background-image:url(../Images/login-label.gif);
    background-repeat:no-repeat;
    font-size:14px;
    color:#FFF;
    font-weight:bold;
    padding:0px 0 0px 10px;
    width:250px;
    height:27px;
    text-align:left;
 }
 .support-info
 {
    background-image:url(../Images/bg-support.gif);
    background-repeat:no-repeat;
    margin-left:45px;
    width:294px;
    height:262px;
    float: left;
    text-align:left;
 }
 .support-info1
 {
    /*background:url(../Images/bg_ie7.gif) no-repeat;*/
    background-image:url(../Images/bg_ie7a.gif);
    /*background-image:url(../Images/bg-support.gif);*/
    background-repeat:no-repeat;
    margin-left:0px;
    width:650px;
    height:120px;
    float: left;
    text-align:left;
 }
 
  
 /*table Grid style*/
 
 .GridViewHeader
{
    background:url("../Images/bg_header3.png");
    font-size:9pt ;
    font-weight:bold;
    color:White;
    height:30px;
    vertical-align:top;
    text-align:center ;
}

#SMWtable {
	width: 100%;
	padding: 0;
	margin: 0;
}

#SMWtable th {
	font: normal 13px tahoma, Geneva, Arial, sans-serif;
	color: #fff;
	border-right: 1px solid #1E1E1E;
	border-bottom: 1px solid #1E1E1E;
	border-top: 1px solid #1E1E1E;
	letter-spacing: 2px;
	text-transform: inherit;
	text-align: center;
	padding: 3px 3px 3px 8px;
	background-color: #1e1e1e;
}
#SMWtable td {
	font: normal 13px tahoma, Geneva, Arial, sans-serif;
	border-right: 1px solid #1e1e1e;
	border-bottom: 1px solid #1e1e1e;
	background: #fff;
	padding: 3px 3px 3px 8px;
	color: #000;
}
#SMWtable1 .nobdr {
	font: normal 13px tahoma, Geneva, Arial, sans-serif;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background: #fff;
	padding: 3px 3px 3px 8px;
	color: #000;
}
#tbl_Analytics th {
	font: normal 11px tahoma, Geneva, Arial, sans-serif;
	color: #fff;
	border-right: 1px solid #1E1E1E;
	border-bottom: 1px solid #1E1E1E;
	letter-spacing: 2px;
	text-transform: inherit;
	text-align: center;
	padding: 3px 3px 3px 8px;
	background-color: #1e1e1e;
}
#tbl_Analytics td {
	font: normal 13px tahoma, Geneva, Arial, sans-serif;	
	background: #fff;
	padding: 3px 3px 3px 3px;
	color: #000;	
}
.ValidationSummary
{
	background-color: #ffff99;
}
.PageTitle
{
    font-family:Tahoma, Geneva, Arial, sans-serif;
    font-size:14px;
    font-weight:bold;
    background-color:White; 
    color:Black;  
}
table.my 
{
    border:solid 1px #282828;
    border-collapse: collapse;
    border-spacing: 30px;
   
}
table.my td {
	font-size: 10pt; 
	font-family: Tahoma, Geneva, Arial, sans-serif;
	Color: #000;
	padding-left:5px;
}
table.my td a {
	color: #000;
	text-decoration: none;
}

table.my td a:hover {
	color: #000;
	text-decoration: underline;
}

.clear3 {
 width:100%;
 height:5px;
}
table.ms {
	border-width: 1px;
	border-style: outset;
	border-color: #CCD4B4;
	border-collapse: collapse;
}
table.ms th {
	border-width: 1px;
	padding: 3px;
	border-style: inset;
	border-color: #CCD4B4;
	background-color: #000;
	FONT-SIZE: 12px; 
	FONT-FAMILY:  Tahoma, Arial, Helvetica, sans-serif;
	Color: #fff;
}
table.ms td {
	border-width: 1px;
	padding: 3px;
	border-style: inset;
	border-color: #CCD4B4;
	FONT-SIZE: 12px; 
	FONT-FAMILY:  Tahoma, Arial, Helvetica, sans-serif;
	Color: #000;
	TEXT-ALIGN: left;
}
table.ms2 {
	border-width: 1px;
	border-style: outset;
	border-color: #CCD4B4;
	border-collapse: collapse;
}
table.ms2 th {
	border-width: 1px;
	padding: 3px;
	border-style: inset;
	border-color: #CCD4B4;
	background-color: #000;
	FONT-SIZE: 12px; 
	FONT-FAMILY:  Tahoma, Arial, Helvetica, sans-serif;
	Color: #fff;
}
table.ms2 td {
	border-width: 1px;
	padding: 3px;
	border-style: inset;
	border-color: #CCD4B4;
	FONT-SIZE: 12px; 
	FONT-FAMILY:  Tahoma, Arial, Helvetica, sans-serif;
	Color: #000;
	TEXT-ALIGN: center;
}

table.ms3 {
	border-width: 1px;
	border-style: outset;
	border-color: #CCD4B4;
	border-collapse: collapse;
}
table.ms3 th {
	border-width: 1px;
	padding: 3px;
	border-style: inset;
	border-color: #CCD4B4;
	background-color: #000;
	FONT-SIZE: 12px; 
	FONT-FAMILY:  Tahoma, Arial, Helvetica, sans-serif;
	Color: #fff;
	TEXT-ALIGN: left;
}
table.ms3 td {
	border-width: 1px;
	padding: 3px;
	border-style: inset;
	border-color: #CCD4B4;
	FONT-SIZE: 12px; 
	FONT-FAMILY:  Tahoma, Arial, Helvetica, sans-serif;
	Color: #000;
	TEXT-ALIGN: left;
}
table.ms4 {
	border-width: 1px;
	border-style: outset;
	border-color: #000;
	border-collapse: collapse;
}
table.ms4 th {
	border-width: 1px;
	padding: 3px;
	border-style: inset;
	border-color: #000;
	background-color: #000;
	FONT-SIZE: 12px; 
	FONT-FAMILY:  Tahoma, Arial, Helvetica, sans-serif;
	Color: #fff;
	TEXT-ALIGN: left;
}
table.ms4 td {
	border-width: 1px;
	padding: 3px;
	border-style: inset;
	border-color: #000;
	FONT-SIZE: 12px; 
	FONT-FAMILY:  Tahoma, Arial, Helvetica, sans-serif;
	Color: #000;
	TEXT-ALIGN: left;
}

.orangeBorderLeft {
	BORDER-LEFT: #000 2px solid
}
.orangeBorderTop {
	BORDER-TOP: #000 2px solid
}
.orangeBorderRight {
	BORDER-RIGHT: #000 2px solid
}
.orangeBorderBottom {
	BORDER-BOTTOM: #000 2px solid
}


#mainContent 
{
    width:1131px;
    height:auto;
    padding:10px;
    text-align:left
}
#mainContent h2 {
    font-size:14px;
	font-weight:bold;
	color:#000;
	padding:0 0 0 0px;
}
#mainContent h3 {
    font-size:13px;
	font-weight:bold;
	color:#000;
	padding:0 0 0 0px;
}
#mainContent p {
    font: 13px tahoma, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#000;
	text-align:justify;
}

#mainContent .orange {
    font: 13px tahoma, Arial, Helvetica, sans-serif;
    color:#000;
    font-weight:bold;
}

#mainContent .orange2 {
    font:12px tahoma, Arial, Helvetica, sans-serif;
    color:#000;
    font-weight:bold;
    text-decoration:underline;
}
#mainContent .orgtxt
{
    font-family: Tahoma, Geneva, Arial, sans-serif;
	font-weight:normal;
	color:#000;      
}
#mainContent ol li
{
    font: 13px tahoma, Arial, Helvetica, sans-serif;
	font-weight:normal;
}
#mainContent .square ul
{
    list-style-type : none;
	margin: 5px 15px;
	padding: 0 20px;
	list-style-image:url(../Images/square.gif);
}
#mainContent ul
{
    list-style-type : none;
	margin: 5px 15px;
	padding: 0 20px;
	list-style-image:url(../Images/red_tick.gif);
}
#mainContent .square li {
 margin-bottom: 5px;
}
#mainContent li {
 margin-bottom: 5px;
}

#mainContent a {
	color: #000;
	text-decoration: underline;
}

#mainContent a:hover {
	color: #000;/*f78e1eCC0000*/
	text-decoration: underline;
}
.myBox 
{
    margin: 0 auto;
    border: 0px solid #000;
    color: #000;
    width: 520px;
    padding: 10px 10px 5px 10px;
    text-align: left;
    background-color: #ffffff;
    border: 2px solid #FC7603;
}
#mainContent1 .orange {
    font: 13px tahoma, Arial, Helvetica, sans-serif;
    color:#000;
    font-weight:bold;
}


#mainContent1 
{
    width:100%;
    height:auto;
    padding:10px;
    font:tahoma, Arial, Helvetica, sans-serif;
    text-align:left;
}
#mainContent1 h2 {
    font-size:14px;
	font-weight:bold;
	color:#000;
	padding:0 0 0 0px;
}
#mainContent1 h3 {
    font-size:13px;
	font-weight:bold;
	color:#000;
	padding:0 0 0 0px;
}
#mainContent1 h4 {
    font-size:13px;
	font-weight:bold;
	color:#000000;
	
}
#mainContent1 p {
    font: 13px tahoma, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#000;
	text-align:justify;
}
#mainContent1 .orange {
    font: 13px tahoma, Arial, Helvetica, sans-serif;
    color:#000;
    font-weight:bold;
}
#mainContent1 .orgtxt
{
    font-family: Tahoma, Geneva, Arial, sans-serif;
	font-weight:normal;
	color:#000;      
}
#mainContent1 ul
{
    list-style-type : none;
	margin: 5px 15px;
	padding: 0 20px;
	list-style-image:url(../Images/red_tick.gif);
}

#mainContent1 li {
 margin-bottom: 5px;
}

#mainContent1 a {
	color: #000;
	text-decoration: underline;
}

#mainContent1 a:hover {
	color: #000;/*f78e1eCC0000*/
	text-decoration: underline;
}
 a {
	color: #968859;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}



/*contact cellarlink */
.contactus  
{
     width:345px;
     height:345px;
     padding:16px 20px 18px 20px;
     margin:15px 15px 15px 20px;
     position:relative;
     float:left;
     background:url("../Images/bg_contactus1.gif") no-repeat;
    top: 0px;
    left: 0px;
}
.contactus1  
{
     width:345px;
     height:223px;
     padding:16px 20px 18px 20px;
     margin:15px 15px 15px 20px;
     position:relative;
     float:left;
     background:url("../Images/bg_contactus.gif") no-repeat;
}

A.CommandButton:link {
text-decoration: none;
color: #000; 
}

.ajax__tab_hover
{
    border-top-color:#ff0000;
   
}
