/*sfmenu*/

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	z-index: 1;

}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			364px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			1px;
	top:			51px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			364px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#6387AE;
}
.sf-menu li {

}
.sf-menu li li {

}
.sf-menu li li li {
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	color: #000;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('/VV_common/media/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


/* general tag styles */
html {
	overflow-y: scroll;
	overflow: -moz-scrollbars-vertical; /* Always show scrollbar */
}
body {
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	/*color: #fff;*/
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 70%;
	background: #fff url(/VV_common/media/bg.jpg) left top repeat-x;
}

p, td, li, form, label {
	font-size: 1em;
}

td, ul, ol, li, form, input, select {
	padding: 0;
	margin: 0;
}

img {
	padding: 0;
	border: 0;
}

p {
	line-height: 120%;
	padding: 0 0 10px 0;
	/*color: #fff;*/
	font-weight: normal;
	border: 0;
	margin: 0;
}

.normal {
	font-weight: normal !important;
}

h1, h2, h3, h4 {
    font-size: 1em;
	line-height: 120%;
	padding: 10px 0 1px 0;
	border: 0;
	margin: 0;
	color: #fff;
}

h5, h6 {
	font-size: 1em;
	padding: 10px 0 2px 0;
	border: 0;
	margin: 0;
}

select {
	font-size: 1em;
}

/* commented as per vvpro-20
a {
	color: #FFFFCC;
}

a:hover {
	color: #FFFFCC;
}
*/

label {
	color: #000;
	vertical-align: top;
	font-size: x-small;
}

.em-note {
  font-style: italic;
}

sup {
    font-size: 1em;
    vertical-align: baseline;
    position: relative;
   	bottom: 0.36em;
}

sub {
    font-size: smaller;
    vertical-align: baseline;
    position: relative;
    bottom: -0.25em;
}

p.clearit {
  clear: both;
  line-height: 1px;
  font-size: 1px;
} 

div.clearit {
  clear: both;
  line-height: 1px;
  font-size: 1px;
}

/* tabular data cell styles */

td {
	text-align: left;
	vertical-align: top;
}

td.lm {
	text-align: left;
	vertical-align: middle;
}

td.lb {
	text-align: left;
	vertical-align: bottom;
}

td.lt {
	text-align: left;
	vertical-align: top;
	padding: 0;
}

td.ct {
	text-align: center;
	vertical-align: top;
}

td.cm {
	text-align: center;
	vertical-align: middle;
}

td.cb {
	text-align: center;
	vertical-align: bottom;
}

td.rt {
	text-align: right;
	vertical-align: top;
}

td.rm {
	text-align: right;
	vertical-align: middle;
}

td.rb {
	text-align: right;
	vertical-align: bottom;
}

/* main containers */ 

#main-container {
	text-align: left; 
	margin: 0 auto;
	width: 964px;
	float:bottom;
}

.main-container {
	text-align: left; 
	margin: 0 auto;
	width: 964px;
}

/* header */

#logo {
	float: left;
	margin: 35px 0 0 0;
	width: 205px;
}

#logo image {
width: 205px;
height: 58px;
}

#ads {
	float: left;
	width: 460px;
	padding: 0 15px 0 20px;
}

#ads table {
	text-align:center; 
	/*margin-top: -6px;*/
	margin-left:auto; 
	margin-right:auto; 
	empty-cells: hide;
	padding: 0px;
	margin-top:-2px;
}

#ads image {
width: 345px;
height: 60px;
text-align: center !important;
}

#ads a {
	
}

#search {
		display: inline;
	float: right;
	padding: 0;
	margin: 34px 0 0 0;
	width: 260px;
}

#search input {
	font-size: 1em;
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	color: #002857;
	font-weight: bold;
	font-style: italic;
	width: 208px;
	border: 1px solid #003D6F;
	padding: 3px 0;
	height: 14px;
	text-align: center;
	vertical-align: middle;
}

#search input.btn {
	height: 22px !important;
}

.btn {
	width: auto !important;
	padding: 0 !important;
	border: none !important;
}

.util {
	padding: 0 0 0 214px;
}

.tagline {
	font-size: 15px;
	font-style: italic;
	color: #fff;
	float: left;
	margin: -28px 0 0 0;
	line-height:15px;
}

.welcome {
	color: #88C2ED;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 300px;
	float: right;
	font-size: 10px;
	text-align: right;
	margin: -27px 0 0 0;
}

.welcome p {
	color: #88C2ED;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.9em;
	text-align: right;
	float: left;
	font-weight: bold;
	text-wrap:none;
}
 
.welcome span {
	color: #fff;
}

.welcome div {
	float: right;
	display: inline;
}

.welcome a {
	color: #fff;
	font-size: 10px;
	text-decoration: none;
}

.welcome a:hover {
	color: #fff;
	text-decoration: underline;
}

/* account */
#content-container {
	position: relative;
}

#account {
	/*display: none;
	position: absolute;
	top: -20px;
	right: -17px;*/
	width: 262px;
	/*height: 190px;*/
	padding: 5px 16px 0 17px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url(/VV_common/media/popup-shadow.jpg) left top no-repeat;
	text-align: left;
	z-index: 10;
	/*display:none;
	position: absolute;
	top: 95px;
	margin-left: 687px;
	width: 262px;
	padding: 5px 16px 0 17px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/cart/popup-shadow.jpg) left top no-repeat;*/
}

#account a {
	color: #1C406D;
}

#account-content {
	border: 1px solid #D4D4D4;
	background: #fff;
	height: 100%;
}

#account-content table {
	margin: 5px 20px;
}

#account-content table th {
	color: #002857;
	font-size: 0.9em;
}

#account-content table td {
	padding: 0 0 5px 0;
	font-size: 0.8em;
}

#account-content table td input {
	border: 1px solid #002857;
	font-size: 0.9em;
	padding: 1px;
	color: #000;
	width: 160px;
	font-size: 1em;
	vertical-align: middle;
}

#error {
	font-weight: normal !important;
	color: #FF86A8 !important;
	text-align: left;
}

#regError {
	font-weight: normal !important;
	color: #FF86A8 !important;
	text-align: left;
}

#regUpdError {
	font-weight: normal !important;
	color: #FF86A8 !important;
	text-align: left;
}

#addrError {
	font-weight: normal !important;
	color: #FF86A8 !important;
	text-align: left;
}

#wltError {
	font-weight: normal !important;
	color: #FF86A8 !important;
	text-align: left;
}

#account-content #error {
	color: #FF86A8 !important;
	text-align: left;
}
#account-bottom {
	background: url(/VV_common/media/account-bottom.gif) left bottom no-repeat;
	padding: 2px 8px 4px 8px;
	color: #002857 !important;
}

#account-bottom p {
	padding: 2px 8px 4px 8px;
	color: #002857 !important;
	font-size: 0.8em;
	text-align: center;
}

#account .title {
	background: #68ACE4 url(/VV_common/media/vineyard-vines-whale-outline.gif) right center no-repeat;
	padding: 25px 0 8px 20px;
	font-weight: bold;
	color: #fff;
}

#account .close {
	float: right;
	padding: 27px 8px 0 0;
}

#account ul li a {
	color: #74B4E3;
}

#account ul li {
	padding: 0 0 5px 0;
}

.account-indent {
	padding: 20px 0 20px 20px;
}

.profile {
	float: right;
	padding: 20px 20px 0 0;
	width: 58px;
}

.profile img {
	border: 1px solid #00376B;
}

.profile p {
	text-align: center;
}

.profile a {
	color: #74B4E3;
	font-size: 0.9em;
}

#cart {
	position: absolute;
	margin-left: 702px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 262px;
	z-index: 100;
	font-size: 11px;
	top: 104px;
	width: 262px;
}

#cart-content {
	display: none;
	border: 1px solid #00376B;
	background: #fff;
/*	height: 275px;*/
}

.cart-indent {
	padding: 10px;
}

#cart .title {
	background: #68ACE4 url(/VV_common/media/vineyard-vines-whale-outline.gif) right center no-repeat;
	padding: 25px 0 8px 10px;
	font-weight: bold;
	color: #fff;
}

#cart .close {
	float: right;
	padding: 27px 8px 0 0;
}

#cart p {
	color: #001B44;
	font-size: 0.9em;
}

#cart a {
	color: #74B4E3;
	font-size: 1.1em;
}

.cart-actions {
	background: url(/VV_common/media/dot.gif) left bottom repeat-x;
	padding: 0 0 3px 0;
	margin: 0 0 10px 0;
	text-align: center;
}

.cart-actions a {
	font-size: 0.9em !important;
	margin: 0 20px 0 0;
}

#cart-bottom {
	background: url(/VV_common/media/cart-bottom.gif) left bottom no-repeat;
	padding: 0 8px 5px 8px;
	color: #002857;
	vertical-align: top;
	font-size: 0.9em;
	padding-top: 5px;
	position: absolute;
	width: 247px;
	z-index: 95;
}

#cart-bottom img {
	vertical-align: -0.3em;
}

#cart-bottom p {
	float: right;
	padding: 4px 0 0 0;
	font-size: 0.9em;
}

#saved-item {
	position: absolute;
	margin-left: 702px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 262px;
	z-index: 85;
	font-size: 11px;
	top: 105px;
}

#saved-bottom {
	background: url(/VV_common/media/saved.gif) left bottom no-repeat;
	padding: 0px 8px 0 8px;
	color: #002857;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	padding-top: 25px;
	position: absolute;
	width: 262px;
	z-index: 85;
	display:none;
}

#saved-bottom p {
	color: #fff;
	text-align: center;
	padding: 5px 0 5px 0;
}

.img-flush-left {
	float: left;
	margin: 0 10px 5px 0;
}

.dotted-line {
	background: url(/VV_common/media/dot.gif) left top repeat-x;
	padding: 0;
}

.align-right {
	text-align: right;
}

/* top navigation */

#main-nav{
	width:717px;
	height:49px;
	margin:0;
	background:#fff url(/VV_common/media/menu.gif) no-repeat; 				
}

#main-nav ul{
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	clear: left;
}

#main-nav ul li{
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}

#main-nav ul li a span{
	display:none;
}


#main-nav ul li a{
	margin:0px;
	padding:0px;
}


#main-nav ul li a#menu1:hover{ background: url(/VV_common/media/menu.gif) 0px -49px;}
#main-nav ul li a#menu2:hover{ background: url(/VV_common/media/menu.gif) -62px -49px;}
#main-nav ul li a#menu3:hover{ background: url(/VV_common/media/menu.gif) -173px -49px;}
#main-nav ul li a#menu4:hover{ background: url(/VV_common/media/menu.gif) -253px -49px;}
#main-nav ul li a#menu5:hover{ background: url(/VV_common/media/menu.gif) -333px -49px;}
#main-nav ul li a#menu6:hover{ background: url(/VV_common/media/menu.gif) -407px -49px;}
#main-nav ul li a#menu7:hover{ background: url(/VV_common/media/menu.gif) -557px -49px;}

#nav {margin: 10px 0 0 0;}	
#menu1 {width: 62px;height: 49px;display: block;}
#menu2 {width: 111px;height: 49px;display: block;}
#menu3 {width: 80px;height: 49px;display: block;}
#menu4{width: 80px;height: 49px;display: block;}
#menu5 {width: 74px;height: 49px;display: block;}
#menu6 {width: 150px;height: 49px;display: block;}
#menu7 {width: 160px;height: 49px;display: block;}



.nav-item {height:47px;}

.btn-logo {
	float: right;
	padding: 0px;
	margin-top: 14px;
}


.subnav {
	left: 1px;
	/*padding: 10px 0 0 12px;*/
	background: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 364px;
	z-index: 1;
}	

.subnav-bg {
	z-index: 1;
	background: url(/VV_common/media/subnav-bg-new.gif) left top repeat-y;
	padding: 0 0 1px 0;
	width: 364px;
	margin:0px;
	padding: 0 0 1px 0;
}	

.subnav-l {
	float: left;
	width: 182px;
}

.subnav-c {
	float: left;
	width: 214px;
}

.subnav-r {
	margin: 0 5px 0 0;
	width: 203px;
	float: left;
}

.subnav-section {
	background: #74B4E3;
	padding: 10px 15px;
	margin: 0 0 10px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-right: 1px solid #fff;
	color: #fff;
}

.subnav ol {
	margin: 0 5px;
	text-align: left;
}

.subnav ol li a {
	color: #6387AE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.9em;
	text-decoration: none;
	clear: both;
	line-height: 20px;
	text-align: left;
}

.subnav ol li a:hover {
	color: #6387AE;
	background: #eee;
	text-decoration: underline;
}

.subnav-feat {
	background: url(/VV_common/media/subnav-feat-bg.jpg) left bottom repeat-x;
	margin: 10px 0 0 0;
	padding: 2px 15px 3px 15px;
	color: #CBC8C8;
	height: 15px;
	line-height: 15px;
	text-align: left;
}	

.subnav-feat a, .subnav-feat a:hover {
	display: inline;
	color: #002857;
	text-decoration: none;
}

.subnav-feat span {
	float: right;
	color: #002857;
}	






/* home styles */

#home-container {
	border: 1px solid #EBE9EB;
	padding: 0;
}

#home-l {
	width: 937px;
	padding: 10px 13px 7px 9.5px;
	/*padding: 10px 13px 7px 12px;*/
	position: relative;
	margin: 0;
	display: block;
}

#info {
	position: absolute;
	left: 640px;
	top: 490px;
	height: 16px;
	width: 16px;
	z-index: 1000;
}

#info a {
	display: block;
	background: url(/VV_common/media/info.gif) no-repeat;
	height: 16px;
	width: 16px;
}

#info a:hover {
	background-position: 0 -16px;
}

#info-details {
	display: none;
	position: absolute;
	left: 368px;
	top: 439px;
	width: 250px;
	height: 50px;
	background: #fff;
	padding: 10px 30px 10px 10px;
	border: 1px solid #1C406D;
	color: #011D45;
	font-family: Arial, san-serif;
	z-index: 999;
}

#info-details h3 {
	color: #011D45;
	font-size: 12px;
	padding: 0 0 8px 0;
	margin: 0;
}

#info-details a {
	color: #5C8DB6;
	text-decoration: underline;
}

#info-details a:hover {
	color: #1C406D;
	text-decoration: none;
}

.features {
	border-top: 1px solid #EBE9EB;
	padding: 6px 0 4px 0;
}

.feature-l {
	font-family: Arial, Helvetica, sans-serif;
	padding: 7px 24px 0 24px;
	margin-right: 5px;
	width: 623px;
	float: left;
	position:relative;
}

.feature-l ul {
	list-style: none;
}

.feature-l a {
	color: #167BB5;
	font-weight: bold;
	font-size: 1.2em;
	text-decoration: none;
	padding: 0 0 0 10px;
	background: url(/VV_common/media/arrow-blue.gif) left top no-repeat;
	cursor:pointer
}

.feature-l p {
	float: right;
	padding: 0;
}

.feature-l p a {
	background: none;
	padding: 0;
}

.feature-r {
	font-family: Arial, Helvetica, sans-serif;
	padding: 6px 10px 0 48px;
	width: 228px;
	height: 22px;
	float: left;
	background: #5EBCFF url(/VV_common/media/story-bg.png) left top no-repeat;
	vertical-align:middle !important;
}

.feature-r table {
	margin: -5px;
}

.feature-r a {
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
	text-decoration: none;
	padding: 0 0 0 10px;

/*	background: url(../images/buttons/arrow-blue.gif) left top no-repeat;*/
}

.newsletter {
	float: right;
	width: 247px;
	background: #002958 url(/VV_common/media/subscribe-bg.png) left top repeat-x;
	padding: 15px 20px 5px 24px;
	height: 83px;
}

.newsletter p, .newsletter form {
	color: #fff;
	text-align: center;
	padding: 0 0 5px 0;
}

.newsletter input {
	font-size: 1.1em;
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	width: 128px;
	border: 1px solid #002958;
	padding: 5px 3px;
	height: 15px;
	vertical-align: middle;
}

.newsletter input.btn {
	height: 25px;
}

#subscriptionError {
	vertical-align: middle;
	color: #FF86A8 !important;
	text-align: center;
   margin-left: -30px;
}

.subpages {
	float: left;
	font-family: Verdana, Georgia, Verdana, Helvetica, sans-serif;
	padding: 0 0 0 142px;
	width: 528px;
	height: 101px;
	border: 1px solid #ccc;
	background: #E4F0FA url(/VV_common/media/bg-img.jpg) left top no-repeat;
}

.links-list {
	float: left;
	padding: 7px 0 0 60px;
	width: 106px;
}

.links-list li {
	list-style: none;
	padding: 0;
	line-height: 14px;
}

.links-list li a {
	color: #00275C;
	text-decoration: none;
	font-size: 10px;
}

.links-list li a:hover {
	color: #497195;
	text-decoration: underline;
}

/* footer */

#footer-container {
	text-align: left; 
	margin: 0 auto;
	width: 964px;
}

.footer {
	margin: 20px 0 0 0;
	float: left;
	text-align: center;
	width: 964px;
}

.footer p {
	text-align: center;
	color: #002958;
	line-height: 180%;
	font-family: Arial, Verdana, Georgia, Verdana, Helvetica, sans-serif;
}

.footer #tested {
	float: left;
	margin: -65px 0 0 0;
}

.footer #copyright {
	text-align: center;

}

/*Menu*/
.dojoMenuBar2{
	width:717px;
	height:47px;
	margin:0;
	/*background:#fff url(/VV_common/media/menu.gif) no-repeat !important;*/			
	/*background:#fff !important;*/
	/*border-bottom:1px solid #6b9fec;*/
}

.dojoMenuBar2Client {
	/*padding: 1px;*/
}
	
.dojoMenuBarItem2 {
	/*
	white-space: nowrap;
	font: menu;
	margin: 0;
	position: relative;
	vertical-align: middle;
	z-index: 1;
	padding: 3px 8px;
	*/
}

.dojoMenuBarItem2Hover {
	/*background-color:#d2e4fd;*/
}

.dojoMenuBarItem2Disabled span {
	/*color: #4f6582;*/
}


.dojoMenuBar2 ul{
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	clear: left;
	float: left;
}

.dojoMenuBar2 ul li{
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	display:inline;
	width: auto;
}

.dojoMenuBar2 ul li a span{
	/*display:none;*/
	/*color: #000;*/
}

.dojoMenuBar2 ul li div {
	float:left;
	height: 47px;
	overflow:hidden;
	padding:0;
	margin:0px;
}

.dojoMenuBar2 ul li div a, .dojoMenuBar2 ul li div img {
	text-decoration:none;
	border:none;
	margin-top:0;
}

.dojoMenuBar2 ul li div a:link img {
	margin-top:0;
}

.dojoMenuBar2 ul li div a:visited img {
	margin-top:0;
}

.dojoMenuBar2 ul li div a:hover img {
	margin-top:-49px;
}

.dojoMenuBar2 ul li div a:active img {
	margin-top:0;
}

.dojoMenuSeparator2 {
	padding:0 15px 0 15px !important;
	display:inline;
}
/*
.dojoMenuBar2 ul li a{
	height:50px;
	margin:0px;
	padding:0px;
	overflow: hidden; 
	background-position: left top; 
	background-repeat: no-repeat; 
	text-decoration: none;
}

.dojoMenuBar2 UL LI A:hover {
	background-position: left 50%
}
.dojoMenuBar2 UL LI.active A {
	background-position: left 100%
}
.dojoMenuBar2 UL LI.active A:hover {
	background-position: left 100%
}*/

.dojoPopupMenu2 {
	/*position: absolute;
	border: 1px solid #7298d0;
	background:#85aeec url(images/soriaMenuBg.gif) repeat-x bottom left !important;
	padding: 1px;
	margin-top: 1px;
	margin-bottom: 1px;*/
	/*display: none;*/
	position: absolute;
	left: 0;
	top: 0;
	padding: 10px 0px 0px 12px;
	background: #fff;
	/*filter:alpha(opacity=100);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*width: 599px;*/
}

.dojoPopupMenu2Bg {
	/*background: url(/VV_common/media/subnav-bg.gif) left top repeat-y;
	padding: 0 0 1px 0;
	width: 364px;*/
	margin:0px;
	padding: 0 0 1px 0;
}

.dojoMenuSectionSeparator2Bg {
	background: url(/VV_common/media/subnav-bg.gif) left top repeat-y;
}

.dojoMenuSection2 {
	float: left;
	width: 182px;
}

.dojoMenuSection2L {
	float: left;
	width: 182px;
}

.dojoMenuSection2C {
	float: left;
	width: 214px;
}

.dojoMenuSection2R {
	margin: 0 5px 0 0;
	width: 203px;
	float: left;
}

.dojoMenuSection2Caption {
	background: #74B4E3;
	padding: 10px 15px;
	margin: 0 0 10px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align:left;
}
.dojoMenuSection2CaptionBorder {
	border-right: 1px solid #fff;
}
.dojoPopupMenu2 ul {
	margin: 0 0 0 15px;
	text-align:left;
}

.dojoPopupMenu2 ul li {
	padding: 0;
	margin-right: 5px;
	list-style: none;
	display: block;
	padding: 5px;
}

.dojoPopupMenu2 ul li:hover {
	background: #eee;
}

.dojoPopupMenu2 ul li a {
	color: #6387AE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.9em;
	text-decoration: none;
	clear: both;
}

.dojoPopupMenu2 ul li a:hover {
	color: #6387AE;
	text-decoration: underline;
}

.dojoPopupMenu2Feat {
	background: url(/VV_common/media/subnav-feat-bg.jpg) left top repeat-x;
	margin: 10px 0 0 0;
	padding: 2px 15px 3px 15px;
	color: #CBC8C8;
	text-align:left;
}	

.dojoPopupMenu2Feat a, .dojoPopupMenu2Feat a:hover {
	color: #002857;
	text-decoration: none;
}

.dojoPopupMenu2Feat span {
	float: right;
	color: #002857;
}

.dojoMenuItem2 {
	/*white-space: nowrap;
	font: menu;
	margin: 0;*/
	margin: 0 0 0 15px;
}

.dojoMenuItem2Hover {
	/*background-color: #D2E4FD;
	cursor:pointer;
	cursor:hand;
	color: #6387AE;
	text-decoration: underline;*/
}

.dojoMenuItem2Icon {
	/*position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	padding-right: 3px;*/
}

/* main label text */
.dojoMenuItem2Label {
	/*position: relative;
	vertical-align: middle;*/
}

.dojoMenuItem2Accel {
	/*position: relative;
	vertical-align: middle;
	padding-left: 3px;*/
}

.dojoMenuItem2Disabled .dojoMenuItem2Label,
.dojoMenuItem2Disabled .dojoMenuItem2Accel {
	color: #607a9e;
}

.dojoMenuItem2Submenu {
	/*position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(images/submenu_off.gif);
	width: 5px;
	height: 9px;
	padding-left: 3px;*/
}

.dojoMenuItem2Hover .dojoMenuItem2Submenu {
	/*background-image: url(images/submenu_on.gif);*/
}

.dojoMenuItem2Disabled .dojoMenuItem2Submenu {
	/*background-image: url(images/submenu_disabled.gif);*/
}

.dojoMenuSeparator2 {
	/*font-size: 1px;
	margin: 0;*/
}

.dojoMenuSeparator2Top {
	/*height: 50%;
	border-bottom: 1px solid #7a98c4;
	margin: 0px 2px;
	font-size: 1px;*/
}

.dojoMenuSeparator2Bottom {
	/*height: 50%;
	border-top: 1px solid #c9deff;
	margin: 0px 2px;
	font-size: 1px;*/
}


/*new user reg*/
#reg-header {
	margin: 12px 0 10px;
	width: 949px;
	height: 76px;
	background: url(/VV_customer/media/header.png);
}

#reg-header h1 {
	font-size: 20px;
	font-weight: normal;
	color: #fff;
	font-family: georgia;
	padding: 43px 0 0 100px;
}

#reg-body {
	width: 880px;
	float: left;
	color: #00196D;
	font-size: 12px;
	font-family: tahoma;
	padding-left: 30px;
	/*background: url(../images/registration/holder.png) no-repeat right top;*/
	
}
#reg-body #column-l {
	float:left;
	width: 600px;
	padding: 0px;
 }

#reg-body #column-r {
	float: right;
	width:280px;
	 /*border: 1px solid #00196D;*/
	 padding: 0px;
	 overflow:hidden;
}

#reg-body  #column-r table {
	width:280px;
	vertical-align: top;
	padding: 0px;
	float: right;
	/* border: 1px solid #00196D;*/
}

#reg-body  #column-r table td{
	padding-bottom: 0px;
	vertical-align: top;
	text-align:right;
	float: right;
}

#reg-body  #column-l  table {
	width:600px;
	padding: 20px 0 10px;
	font-weight: bold;
}


#reg-body  #column-l table td {
	padding-bottom: 12px;
}

#reg-body  #column-l table td input.text {
	border: 1px solid #00196D;
	width: 155px;
	height: 16px;
}

#reg-body  #column-l p {
	line-height: 20px;
	padding-bottom: 20px;
}

#reg-options {
	padding-top: 10px;
	margin: 0 auto;
	width: 650px;
}

#reg-options a {
	display:block;
	line-height: 50px;
	color: #5C8DB6;
	height: 50px;
}
#reg-save {
	/*width: 95%;*/
	text-align: center;
	/*float:right;*/
	/*padding: 5px 15px 5px 0;*/
}

#reg-options a.bag {
	padding-right: 50px;
	background: url(/VV_customer/media/continue-bag.png) no-repeat right center;
	float: left;
}

#reg-options a.whale {
	padding-right: 80px;
	background: url(/VV_customer/media/continue-whale.png) no-repeat right center;
	float: right;
}

#reerror {
	display:none;
	border: 1px solid #4FA5E1;
	height: 50px;
	margin-bottom: 20px;
	background: url('/VV_common/media/oops.png') no-repeat;
	color: #5A85CA;
	font-weight: bold !important;
/*	font-weight: normal !important;*/
	color: red !important;
	text-align: left;
}
/*
.box_top {width:295px; height:38px;background-image : url(../images/colors/color1/box_top.png);display:block;background-repeat : no-repeat;padding: 0px 9px 0px 15px;}
.box_middle {width:295px; height:70px;font-family: Verdana, Arial,sans-serif; color: #4c5b74; font-size: 10px; background-image : url(../images/box_middle.png);display:block;background-repeat : repeat-y;padding: 5px 15px 0px 15px;}
.box_footer {width:295px;}
.box_icon1 { float:right;height: 28px;font-family: Verdana, Arial,sans-serif; color: #4c5b74; font-size: 11px; font-weight:bold;padding-top:7px;padding-right:5px;display:block;}
.box_title { width:225px; float:left;height: 28px;font-family: Verdana, Arial,sans-serif; color: #4c5b74; font-size: 11px; font-weight:bold;padding-top:12px;display:block;}
.box_padding {padding:0px 20px 20px 0px;vertical-align:top;}
.account_header {font-family: Helvetica,Arial; color:#8b0909;font-size: 17px;font-weight : lighter;}
.box_text {width:266px;line-height:16px;display:block;}
.box_width {width:275px;display:block;}*/
#bubble {position:absolute; font-family: Verdana, Arial,sans-serif; font-size: 11px;color:white;height:26px;display:block;z-index:999;}
#bubble div {float:left;display:block;z-index:999;}
#bubble .content {color:white; display:block;float:left;background-image : url(/VV_common/media/vvbubble_back.png);height:26px;padding-top:5px;background-repeat : repeat-x;}
#bubble .lefttail {display:block;background-image :url('/VV_common/media/vvbubble_tail_left.png'); alt:""; width:24px; height:26px; border:0px;}
#bubble .rightend {display:block;background-image :url('/VV_common/media/vvbubble_cap_right.png'); alt:""; width:10px; height:26px; border:0px;}
#bubble .righttail {display:block;background-image :url('/VV_common/media/vvbubble_tail_right.png'); alt:""; width:24px; height:26px; border:0px;}
#bubble .leftend {display:block;background-image :url('/VV_common/media/vvbubble_cap_left.png'); alt:""; width:10px; height:26px; border:0px;}
/* User Regesteration Update Page*/



/**TAB **/
#profile-nav {
	position: relative;
	top: 6px;
	float: right;
	/*width: 487px;*/
}

#profile-nav a {
	display: block;
	float: left;
	height:27px;
	width: 118px;
	margin-left: 3px;
}

#profile-nav a:hover {
		background-position: 0 0;
}

#profile-nav .tabprofile {
		background: url(/VV_customer/media/profile.png) 0 -27px;
}
#profile-nav .address {
		background: url(/VV_customer/media/address.png) 0 -27px;
}
#profile-nav .wallet {
		background: url(/VV_customer/media/wallet.png) 0 -27px;
}
#profile-nav .orders {
		background: url(/VV_customer/media/orders.png) 0 -27px;
}

#profile-nav .on {
	background-position: 0 0;
}

#profile-container {
	padding: 20px 10px 10px;
	float:left;
}

#profile-container .column-l {
	width: 125px;
	padding-right: 20px;
	text-align: center;
}

#profile-container .column-l a {
	color: #74B4E3;
	font-size: 10px;
	line-height: 20px;
}

#profile-container .column-m {
	border-right: 1px dotted #0E2A59;
	width: 230px;
}

#profile-container .column-m p {
	display: block;
	font-weight: bold;
	line-height: 18px;
	padding-bottom: 5px;
}

#profile-container .column-m span {
	color: #999;
	font-weight: normal;
}

#profile-container .column-r {
	width: 400px;
	padding-left: 40px;
}

#profile-container .column-r p {
	/*border-bottom: 1px solid #0E2A59;*/
	margin-bottom: 20px;
}

#profile-container .column-r ul {
	list-style-type: none;
	line-height: 22px;
}

#profile-container .column-r ul a {
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #0E2A59;
	text-decoration: none;
}

#profile-container .column-r ul li {
	padding-bottom: 10px;
}

#profile-photo {
	width: 95%;
	font-family: tahoma;
	margin: 20px auto;
}

#profile-photo .my-photo {
	width: 95px;
	text-align: center;
	color: #999;
}

#profile-photo .options {
	padding-left: 20px;
	font-size: 13px;
	color: #0E2A59;
}

#profile-photo .options a {
	color: #74B4E3;
}

#profile-photo .options ul {
	list-style-type: none;
	padding-top: 10px;
}

#profile-photo .options ul li {
	float: left;
	margin-right: 10px;
}

#profile-photo .options ul li img {
	margin-right: 5px;
}


#profile-info table {
	width:95%;
	margin: 0 auto;
	/*padding: 20px 0 10px;*/
	font-weight: bold;
	color: #0E2A59;
	font-family: tahoma;

}

#profile-info table td {
	padding-bottom: 10px;
}

#profile-info table td span {
	font-weight: normal;
	color: #999;
}

#profile-info table tr td font {
	font-weight: normal;
	font-size: 13px;
}

#profile-save {
	/*width: 95%;*/
	text-align: right;
	/*float:right;*/
	padding:5px 15px 5px 0;
}

#editProfile {
	/*display: none;
	height: 425px;
	width: 800px;*/

}

/*added for Edit Profile on 012909
#profile-info table tr td input {
	border: 1px solid #00196D;
	width: 155px;
	height: 20px;
}  */

#profile-container table td .address-item {
	width: 325px;
	padding-bottom: 20px;
	color: #0E2A59;
}

#profile-container table td .address-item h1 {
	color: #0E2A59;
	font-size: 13px;
	border-bottom: 1px solid #0E2A59;
	margin: 0 0 5px 0;
}

#profile-container table td .address-item small {
	color: #74B4E3;
	font-size: 10px;
	padding-left: 10px;
	font-weight: normal;
}

#profile-container table td .address-info {
	float: left;
}

#profile-container table td .address-item .options {
	float: right;
	text-align: right;
}

#profile-container table td .address-item .options a {
	font-size: 11px;
	color: #74B4E3;
}

#add-new {
	border-top: 1px solid #0E2A59;
	text-align: right;
	width: 325px;
	padding-top:10px;
}

#profile-remove {
	text-align: left;
	padding:0px 15px 15px 7px;
}

#RemoveItem {
	/*display: none;*/
padding-top:10px;
}

.dojoTabContainer {
	position : relative;
	margin-bottom: 20px;
}

.dojoTabPaneWrapper {
	width: 893px;
	/*float: left;*/
	color: #00196D;
	font-size: 12px;
	font-family: tahoma;
	border-left: 3px solid #0E2A59;
	border-right: 3px solid #0E2A59;
	background-color: #fff;
	overflow: hidden;
}

.dojoTabHeader {
	margin: 10px 0 0;
	width: 899px;
	height: 76px;
	background: url(/VV_customer/media/header.png);
}

.dojoTabHeader h1 {
	font-size: 20px;
	font-weight: normal;
	color: #fff;
	font-family: georgia;
	padding: 43px 0 0 20px;
	float:left;
	white-space: nowrap;
	text-wrap:none;
}

.dojoTabLabels-top {
	position: relative;
	top: 6px;
	float: right;
}

.dojoTabPhoto {
    position: relative;
    display: block;
    float: left;
    left: 11px;
    width: 66px;
    height: 66px;
}

.dojoTabPhoto img{
    width: 66px;
    height: 66px;
}

.dojoTabNoLayout.dojoTabLabels-top .dojoTab {

}

.dojoTab {
	display: block;
	float: left;
	overflow:hidden;
	height:27px;
	width: 121px;
	margin-left: 0px;
}

.dojoTab img {
	margin-top: -31px;
	margin-bottom: 1px;
}

.dojoTab.hover img {
	margin-top: -4px;
	margin-bottom: 0px;
}

.dojoTab.current {
}

.dojoTab.current div img {
	margin-top: -3px;
	margin-bottom: 0px;
}

#editUserProfile {
	/*	height: 455px;*/
		width: 800px;
}

#tabDialog {
}

#editProfileContainer {
	-moz-border-radius : 5px;
	background: #ffffff;
	color:#000000;
	border: 1px solid #0C2B59;
	text-align:left;
	font: 12px Arial, Helvetica, sans-serif;
}

#editProfileContainer .body {
	padding:7px 15px 5px 15px;

}

#editProfileContainer .header {
	background-color:#448FC9;
	background: #68ACE4 url(/VV_common/media/vineyard-vines-whale-outline.gif) right center no-repeat;
	padding-left:15px;
	padding-top:15px;
	height:50px;
	font-family: georgia;
	font-size: 18px;
	color: #fff;
	vertical-align: bottom;
}

#editProfileContainer .title {
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#editProfileContainer .close {
	padding:20px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#editProfileContainer, #RemoveItemContainer {
	color: #00196D;
}

#editProfileContainer input.text {
	border: 1px solid #00196D;
	width: 155px;
	height: 20px;
}

#editProfileContainer select {
	border: 1px solid #00196D;
		height: 20px;
}

#editProfileContainer span.normal {
	font-weight: normal;
	color: #00196D;
	padding-top:5px;
	display: block;
}


#editAddrProfileContainer {
	/*height: 570px;*/
	width: 355px;
}

#editWalletProfileContainer {
	/*height: 570px;*/
	width: 425px;
}
/*#RemoveAddrProfileContainer .address-info {
	float: left;
}*/

#RemoveAddrProfileContainer {
/*	height: 245px;*/
	width: 365px;
}

/* Orders Tab Start*/

#order-container {
	padding: 10px 10px 10px 6px;
	float:left;
}

#order-container .column-l {
	width: 125px;
	padding-right: 20px;
	text-align: center;
}

#order-container .column-l a {
	color: #74B4E3;
	font-size: 10px;
	line-height: 20px;
}

#order-container .column-m {
	width: 460px;
	padding-left: 10px;
}

#order-container .column-m p {
	display: block;
	line-height: 18px;
	padding-bottom: 10px;
}

#order-container .column-m span {
	color: #999;
	font-weight: normal;
}

#order-container .column-r {
	width: 400px;
	padding-left: 40px;
}

#order-container .column-r p {
	margin-bottom: 20px;
}

#order-container .column-r ul {
	list-style-type: none;
	line-height: 22px;
}

#order-container .column-r ul a {
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #0E2A59;
	text-decoration: none;
}

#order-container .column-r ul li {
	padding-bottom: 10px;
}

#order-container table td .address-item {
	width: 325px;
	padding-bottom: 20px;
	color: #0E2A59;
}

#order-container table td .address-item h1 {
	color: #0E2A59;
	font-size: 13px;
	border-bottom: 1px solid #0E2A59;
	margin: 0 0 5px 0;
}

#order-container table td .address-item small {
	color: #74B4E3;
	font-size: 10px;
	padding-left: 10px;
	font-weight: normal;
}

#order-container table td .address-info {
	float: left;
}

#order-container table td .address-item .options {
	float: right;
	text-align: right;
}

#order-container table td .address-item .options a {
	font-size: 11px;
	color: #74B4E3;
}

#orders-list th {
	padding-bottom: 10px;
}

#orders-list td {
	padding-bottom: 10px;
}

#orders-list a {
	color: #74B4E3;
}

#order-details {
	border: 1px solid #F4F4EF;
	background: #EBF8FF url(/VV_customer/media/order-box.png) no-repeat left top;
	color: #2473AB;
	font-size: 11px;
	padding-bottom: 20px;
	width: 400px;
}

#order-info {
	padding-left: 140px;
	padding-top: 20px;
	height: 105px;
	line-height: 20px;
}

#order-info table tr td a {
	color: #74B4E3;
}

#order-details ul {
	list-style-type: none;
	margin-left: 30px;
	margin-right: 30px;
	font-size: 10px;
}

#order-details ul li {
	line-height: 15px;
	border-bottom: 1px dotted #2473AB;
	padding-top: 5px;
}

/* Orders Tab End*/

#myAccontESpot {
	float:right; 
	width:400px;
	overflow-x:hidden;
	vertical-align:top;
	margin:0px;
	padding:0px;
}

#myAccontESpot table {
	width:100%;
	vertical-align:top;
	margin:0px;
	padding:0px;
	 border-collapse: collapse;
}

#myAccontESpot table td {
	vertical-align:top;
	margin:0px;
	padding:0px;
	width:100%;
}

.dojoFramePopup {
	/*display: none;
	position: absolute;
	top: -20px;
	right: -17px;*/
	width: 262px;
	/*height: 190px;*/
	padding: 5px 16px 0 17px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url(/VV_common/media/popup-shadow.jpg) left top no-repeat;
	text-align: left;
	z-index: 10;
	/*display:none;
	position: absolute;
	top: 95px;
	margin-left: 687px;
	width: 262px;
	padding: 5px 16px 0 17px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/cart/popup-shadow.jpg) left top no-repeat;*/
}

.dojoFramePopup a {
	color: #1C406D;
}

.dojoFramePopup-body {
	width: 262px;
	height: 220px;
	overflow: hidden; 
}

.dojoFramePopup-header {
	border-top: 1px solid #D4D4D4;
	border-left: 1px solid #D4D4D4;
	border-right: 1px solid #D4D4D4;
	background: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}

.dojoFramePopup-content {
	border-bottom: 1px solid #D4D4D4;
	border-left: 1px solid #D4D4D4;
	border-right: 1px solid #D4D4D4;
	background: #fff ;
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align: left;
	padding: 5px 0  0 0;
}

.dojoFramePopup-content form { 
	padding:0px;
	margin:0px;
}

.dojoFramePopup-content a {
	color: #1C406D;
}

.dojoFramePopup-content table {
	margin: 0px 20px;
}

.dojoFramePopup-content table th {
	color: #002857;
	font-size: 0.9em;
}

.dojoFramePopup-content table td {
	padding: 0 0 5px 0;
	font-size: 0.8em;
}

.dojoFramePopup-content table td input {
	border: 1px solid #002857;
	font-size: 0.9em;
	padding: 1px;
	color: #000;
	width: 160px;
	font-size: 1em;
	vertical-align: middle;
}

.dojoFramePopup-content #error {
	color: #FF86A8 !important;
	text-align: left;
}
.dojoFramePopup-bottom {
	background: url(/VV_common/media/account-bottom.gif) left bottom no-repeat;
	padding: 2px 8px 4px 8px;
	color: #002857 !important;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}

.dojoFramePopup-bottom p {
	padding: 2px 8px 4px 8px;
	color: #002857 !important;
	font-size: 0.8em;
	text-align: center;
}

.dojoFramePopup-bottom a {
	color: #1C406D;
}

.dojoFramePopup .title {
	background: #68ACE4 url(/VV_common/media/vineyard-vines-whale-outline.gif) right center no-repeat;
	padding: 25px 0 8px 20px;
	font-weight: bold;
	color: #fff;
}

.dojoFramePopup .close {
	float: right;
	padding: 27px 8px 0 0;
}

.dojoFramePopup ul li a {
	color: #74B4E3;
}

.dojoFramePopup ul li {
	padding: 0 0 5px 0;
}

.dojoFramePopup-indent {
	padding: 20px 0 20px 20px;
}


.freeShipBarometer			
{
	text-align: center;
	float: right;
	width: 190px;
	margin-top: 15px;
}

.freeShipBarometer p
{
	margin: 0;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
	font-family: Sans-Serif;;
	color: black
	
}

.freeShipBarometer p.barometer-range
{
	padding-bottom: 0;
	padding-top: 0;
	padding-right: 5px;
	padding-left: 5px
}
		
.freeShipBarometer .freeShipNotAttained
{
	font-family: Sans-Serif;
	font-size: 8px;
	padding-bottom: 5px
	
}

.freeShipBarometer .freeShipNotAttained span,
.freeShipBarometer span.floatL,
.freeShipBarometer span.floatR
{
	font-weight: bold;
	font-size: 10px;
}

.freeShipBarometer .freeShipAttained
{
	color: #51A8D6;
	font-family: Sans-Serif;
	font-weight: bold;
	font-size: 8px;
	padding-bottom: 5px
}

.freeShipBarometerLogo
{
	float: right;
	width: 50px;
	margin-top: 20px;
}

.floatL {
	float: left;
}
.floatR {
	float: right;
}