html { overflow: -moz-scrollbars-vertical;overflow-x: auto;  }

html, body {
	margin: 0;
	padding: 0;
}

body 
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px; 
	color: #fff;	
	text-align: center;
	background: #000 url(img/body.jpg) repeat-x left top; 
}

p {margin:0;padding: 0 0 17px 0}

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

body a 
{
	color: #fff;
	text-decoration: underline;
}

body a:link	
{	
	color: #fff;
	text-decoration: none;
}	
		
body a:visited	
{	
	color: #fff;
	text-decoration: none;
}	
		
body a:active
{	
	color: #fff;
	text-decoration: none;
}	
		
body a:hover {
	color: #ef9e29;
	text-decoration: none;
}


hr {	
	width: 100%;
	height: 1px;
}


.ms-PartSpacingVertical
{
	display:none!important;
}


/* Set cross-browser minimum content height */

#MinHeight 
{
	position: relative;
	display: block;
	height: 400px;
	width: 1px;
	overflow: hidden;
}

#Container 
{
	position: relative;
	display: block;
	margin-top: 0; 
	margin-right: auto; 
	margin-bottom: 0; 
	margin-left: auto;
	padding: 20px 0 0 0;
	height: auto;
	text-align: left;
	width: 995px;
	background: transparent;
}

#Container:after {
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;	
}


#Header 
{
	position: relative;
	display: block;
	margin: 0; 
	padding: 0;
	text-align: left;
	width: 995px;
	height: 69px;
	background: url(img/header_bg.png) no-repeat left top;
	font-family: Georgia;
}

#SAMenu1_1_0 {
height: 69px;
padding-top: 1px;
}

#SAMenu1_1_0 table {
height: 69px;
float:left; /* compatibility with chrome */
margin-top: auto;    
display:table-cell; vertical-align:bottom;
}


* html #Header {background: url(img/header_bg.gif) no-repeat left top;}

#Header:after {
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;	
}

#Logo {
	position: static;
	display: block;
	margin: 0; 
	padding: 0;
	margin-left: 425px;
	top: 17px;
	z-index:100010;
	
}

#LogoForIE {
	display: none;
}

* html #LogoForIE {
	position: absolute;
	display: block;
	margin: 0; 
	padding: 0;
	left: 420px;
	top: 17px;
	z-index:100;	
}

* html #Logo {display: none;}


#HomeLink {
	position: absolute;
	display: block;
	margin: 0; 
	padding: 0;
	left: 44px;
	top: 0px;
	z-index:100;
	font-size: 14px;
	color: #9D9D9D;
	font-family: georgia;
}


#HomeLink:hover {color: #ef9e29!important;}

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


#Columns {
	position: relative;
	display: block;
	margin: 0;
	margin-left: 22px;
	margin-right: 0;
	padding: 0;
	width: 970px;
	background: tansparent;
	text-align: left;
	min-height: 480px;
}

.Columns-complement {
    	height: 480px;
	overflow-x: hide;
	overflow-y: auto;
}

#Columns:after {
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}

#Columns .product-list {
    margin-top: 60px;
}

#Columns .product-list .title {
    margin-top: 30px;
}


.Banner {
	display: none;
	background: url(magazines_bg.jpg) no-repeat left top;
}

.BlockElement {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	min-height: 472px;
}

.BlockElement:after {
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}

.Column {
	position: relative;
	display: inline;
	float: left;
}

.Column_floatRight {
	position: relative;
	display: inline;
	float: right;
}

.Width190 {width:190px;}
.Width237 {width:237px;}
.Width238 {width:238px;}
.Width316 {width:316px;}
.Width317 {width:317px;}
.Width380 {width:380px;}
.Width475 {width:475px;}
.Width633 {width:633px;}
.Width950 {width:950px;}

.Paddingtop70 {Padding-top: 70px;}
.Paddingtop8 {Padding-top: 8px;}


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


.VWContentArea {
	display: block;
	position: relative;
}

.VWContentArea:after {
	content: "."; 
	display: block;
	height: 0.01em;
	overflow: hidden;
	visibility: hidden; 
	clear: both;
}

.VWContentArea ul {
	margin : 0 0 1.5em 20px; 
	padding : 0; 
	list-style : disc; 
	line-height : 1.15em; 
} 

.VWContentArea ul li {
	margin: 0 0 0.4em 0;
	padding: 0;
	padding: 0;
}

.VWContentArea li ul {
	margin: 0.2em 0 0.6em 20px;
	padding: 0;
	list-style: circle outside;
	line-height: 1em;
}

.VWContentArea li ul li {
	margin: 0 0 0.2em 0;
	padding: 0;
}


.VWContentAreaPaddings 
{
	position: relative;
	display: block;
	width: auto;
	margin: 0;
	padding: 0 22px 0 22px; 
	}



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


#Footer {
	position: relative;
	display: block;
	/*clear: both;*/
	width: 995px;
	height: 60px;
	margin-top: 0px;
	color: #747474;
	padding: 0;
	text-align: left;
	background: url(img/footer_bg.png) no-repeat left top;
	font-family: Georgia;
}	

* html #Footer {background: url(img/footer_bg.gif) no-repeat left top;}

#Footer a {color: #747474!important;}

#Footer a:hover {color: #ef9e29!important;}

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

#ToolBar {
	position: absolute;
	display: block;
	width: 350px;
	top: 0;
	right: 25px;
	color: #9D9D9D;
	font-size: 14px;
	font-weight: normal;
	font-family: georgia;
	}


#ToolBar a {color: #9D9D9D;}
#ToolBar a:hover {color: #ef9e29;}

#txtSearch {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	background: url(img/search_bg.gif) no-repeat left top;
	color: #fff;
}

.ContentColumnsMinHeight 
{
	min-height: 400px;	
	}
* html .ContentColumnsMinHeight {height: 400px;	} 

.h1 
{
	font-family: Geogria,Arial, Helvetica, Verdana,  sans-serif;
	font-size: 22px; 
	font-weight:normal;
	color: #fff;
	margin: 0;
	padding: 0;
}

.h2 
{
	font-family: Geogria,Arial, Helvetica, Verdana,  sans-serif;
	font-size: 18px; 
	font-weight:normal;
	color: #fff;
	margin: 0;
	padding: 0;	
}

.h3 
{
	font-family: Geogria,Arial, Helvetica, Verdana,  sans-serif;
	font-size: 13px; 
	font-weight:normal;
	color: #fff;
	margin: 0;
	padding: 0;	
}


.h4 
{
	font-family: Arial, Helvetica, Verdana,  sans-serif;
	font-size: 13px; 	
    	font-weight:normal;	
	color: #fff;
	margin: 0;
	padding: 0;	
}

.h5 
{
	font-family: Arial, Helvetica, Verdana,  sans-serif;
	font-size: 12px; 	
	color: #fff;
	margin: 0;
	padding: 0;	
}




#WebPartWPQ1 {
height: 36px;
}

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




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

.highslide-caption {
	color: #000000;
}

.simplemodal-container {
    width: 900px;
    height: 500px;
}

/** NEWS item */

.news-item-view {
width: 647px;
min-height: 435px;
overflow: auto;
float: left;
}

.headlines {
width: 274px;
max-height: 700px;
/*height: 430px;*/
position: relative;
float: right;
border-left: 1px solid white;
border-bottom: 1px solid white;
padding: 5px;
overflow: auto;
}

.news-item-view .news-item {
/*height: 420px;*/
padding: 10px;
}

.news-item-view .share {
float: right;
position: relative;
top: -20px;
     padding-top: 20px;
}

.date {
text-align: right;
font-size: 10px;
color: gray;
}

.news-item-view .date-left {
    text-align: left;
padding: 10px 0px 10px 0px;
}

.news-headlines .title {
    font-weight: bold;
    padding: 5px;
}

.news-headlines .body {
    padding-top: 10px;
}


.news-headlines img {
    max-width: 80px;
    max-height: 80px;
    padding-right: 5px;
    padding-bottom: 5px;
float: left;
}

.news-headlines p {
min-height: 60px;
font-size: 10px;
}

.news-headlines div {
    font-size: 10px;
}


.news-headlines-notfirst {
    border-top: 1px dotted gray;
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.news-headlines-first {
    margin-top: 10px;
}


.emerald-controls {
    font-weight: bold;
    padding: 5px;
}

.emerald-controls a {
	color: #ff0000 !important;
}

/*background: Transparent url(/data/img/company.jpg) repeat-y scroll 0px 0px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;*/


#Columns, #Columns2 {
    background-repeat: repeat-y;
    background-position: bottom left;
    background-image: url(/data/img/bg/Tausta3.jpg);
}

#Columns.BlockElement-News {
    background-image: url(/data/img/bg/Tausta2.jpg);
    background-repeat: repeat-y;
    background-position: top left;
}

#Columns.BlockElement-News .BlockElement {
    background-image: url(/data/img/bg/Tausta_News.jpg);
    background-repeat: no-repeat;
    background-position: bottom left;
}

#Columns.BlockElement-Books {
    background-image: url(/data/img/bg/Tausta_Books.jpg);
}

#Columns.BlockElement-Shop {
    background-image: url(/data/img/bg/Tausta_Shop.jpg);
    background-repeat: repeat-y;
    background-position: bottom left;
}

#Columns.BlockElement-People {
    background-image: url(/data/img/bg/Tausta2.jpg);
}

#Columns.BlockElement-Events > div {
    background-image: url(/data/img/bg/Tausta_Events.jpg);
    background-repeat: no-repeat;
    background-position: bottom left;
}

#Columns.BlockElement-Members {
    background-image: url(/data/img/bg/Tausta_Members.jpg);
}

#Columns.BlockElement-Company {
    background-image: url(/data/img/bg/Tausta_Company.jpg);
}

#Columns.BlockElement-Company-Media {
    background-image: url(/data/img/bg/Tausta_Media_Kits.jpg);
}

/* Magazines */

#Columns.BlockElement-Magazines {
    background-image: url(/data/img/bg/Magazines/Tausta_Magazines.jpg);
}

#Columns.BlockElement-Magazines-FINE-Champagne-Magazine {
    background-image: url(/data/img/bg/Magazines/Tausta_Champagne_mag.jpg);
}

#Columns.BlockElement-Magazines-European-Fine-Wine-Magazine {
    background-image: url(/data/img/bg/Magazines/Tausta_European_mag.jpg);
}


#Columns.BlockElement-Magazines-American-Fine-Wine-Magazine {
    background-image: url(/data/img/bg/Magazines/Tausta_American_mag.jpg);
}


#Columns.BlockElement-Magazines-Scandinavian-Fine-Wine-Magazine {
    background-image: url(/data/img/bg/Magazines/Tausta_Scandinavian_mag.jpg);
}

#Columns.BlockElement-Magazines-German-Fine-Wine-Magazine {
    background-image: url(/data/img/bg/Magazines/Tausta_German_mag.jpg);
}

#Columns.BlockElement-Magazines-Italian-Fine-Wine-Magazine {
    background-image: url(/data/img/bg/Magazines/Tausta_Italian_mag.jpg);
}

#Columns.BlockElement-Magazines-ViiniRuoka {
    background-image: url(/data/img/bg/Magazines/Tausta_ViiniRuoka_mag.jpg);
}

#Columns.BlockElement-Landing {
    background-image: url(/data/img/bg/landing.jpg);
}

#subnav {
    border-bottom:1px solid white;
    min-height:25px;
    height: auto !important;
    height: 25px;
}

#fine {
    margin-left: 22px;
    z-index: 2;
    background-color: black;
}

.ie7 #fine {
    margin-top: -37px !important;
}

object {
    background-color: black;
    margin-top: -1px;
}

object#demo {
    margin-left: -18px;
}

.shop-category {
    float: left;
    margin-left: 3px;
    margin-right: 3px;
    text-align: center;
}

.shop-category a {
    margin: 0px 17px 0px 17px;
}

a.category-button-active, a.category-button-active:visited {
    color: #ef9e29;
}

.content-tooltip {
    display: none;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #000;
	padding: 5px;
	opacity: 1.0;
}
#tooltip h3, #tooltip div { margin: 0; }

div.feed {
    margin-left: 20px;
    margin-bottom: 5px;
}


/* MENUS */

.menu {
    position: relative;
    width: 995px;
    color:#FEFEFE;
    font-family:Georgia,Verdana,Sans-serif,Arial;
    font-size:18px;
    line-height:35px;
    margin:0;
    position: relative;
    text-decoration:none;
    text-transform:uppercase;
}

.ie7 .menu {
top: -36px;
}

.ie7 #Columns {
    margin-top: -36px;
}


.menu ul {
    list-style: none outside none;
padding: 0px;
margin: 0px;
}

.menu ul a:hover {
    color: #ef9e29;
}

.menu ul li {
float: left;
}


.header-menu {
    background: url(img/header_bg.png) no-repeat scroll left top transparent;
    height: 69px;
    margin-top: -40px;
}

.header-menu  ul {
    padding-left: 20px;
    padding-right: 20px;
}

.header-menu > ul > li {
margin-top: 34px;
}

.header-menu > ul > li > a {
    margin-left: 22px;
    margin-right: 22px;
}


.header-menu ul ul {
position: absolute;
z-index: 10;
display: none;
min-width: 150px;
max-width: 150px;
margin-left: 20px;
padding: 0px;
}

.header-menu ul ul a {
width: 140px;
}

.ie7 .header-menu ul > li > ul {
    margin-left: 0px;
    margin-top: 28px;
}

.ie7 .header-menu ul ul ul {
width: 150px;
margin: 0px;
padding: 0px;
position: absolute !important;
float: right;
}

.header-menu ul ul li {
border: 1px solid gray;
background-color: black;
min-width: 120px;
float: none;
padding: 3px;
line-height:20px;
min-width: 150px;
max-width: 150px;

}

.header-menu ul ul ul {
/*margin-left: 133px;*/
}

.ie7 .header-menu ul ul ul {
    margin-left: 60px;
}

.header-menu ul ul a {
font-size: 12px;
}

.footer-menu {
    background: url(img/footer_bg.png) no-repeat scroll left top transparent;
    font-size: 14px;
    padding-bottom: 50px;
}

.ie7 .footer-menu {
    margin-top: 36px;
}

.footer-menu ul a {
    color: #747474;
}

.footer-menu ul li a {
    padding-left: 54px;
    padding-right: 54px;
}

.flash {
    z-index: 1000; 
    float: right; 
    height: 30px; 
    position: absolute; 
    top: 70px; 
    margin-left: 890px;
}

.flash span {
color: gray;
cursor: pointer;
}

.flash span.active {
    color: #ef9e29;
    font-weight: bold;
}

.user {
    z-index: 1000; 
    float: right; 
    height: 30px; 
    position: absolute; 
    top: 115px; 
    margin-left: 30px;

}

form#order-form, form#change-password {
    margin-left: 135px;
    margin-bottom: 20px;
    height: 300px;
    width: 660px;
}

form#change-password {
width: 360px;
       margin-left: 295px;
}


.shop-order form#order-form .form-row, .shop-order form#order-form .form-button,  #members-info form#order-form .form-button, #members-info form#order-form .form-row, .default-form .form-row, .default-form .form-button {
    float: left;
    width: 330px;
}

form#change-password .form-button, form#change-password .form-row {
    float: left;
    width: 180px;
}

form#order-form .form-row, form#order-form .form-button, form#change-password .form-button, form#change-password .form-row, .default-form .form-row, .default-form .form-button {
    margin-top: 15px;
    height: 60px;
}

form#forgotpassword-form input, form#login-form input[type=text], form#login-form input[type=password] {
width: 235px;
}

#messages {
	position: fixed;
	color: green;
	margin-bottom: 10px;
	border-right-style: none;
	text-overflow: clip;
	text-align: left;
	text-decoration: none;
	border-left-color: gray;
	border-bottom-color: gray;
	border-top-color: gray;
	border-left-style: solid;
	border-bottom-style: solid;
	border-top-style: solid;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-top-width: 1px;
	float:right;
	
	width: 300px;
	min-height: 30px;
	padding:5px;

	visibility: hidden;
	z-index: 900000;
	margin-left: 650px;
	background-color: gray;
	background-color: rgba(255, 255, 255, 0.7);
	font-weight: bold;

}

.ie7 #messages {
    background-color: gray;
}

.comment input[type=text] {
    width: 580px;
}

.comment textarea {
    width: 580px;
    height: 200px;
}

.comment-list {
    display: none;
}

.comment-read:hover {
    cursor: pointer;
}


/* Landing page */

.landing #Columns {
    height: 709px;
}

.landing2 #Columns {
    height: 1480px;
}

.landing3 #Columns {
    height: 1000px;
}

.landing4 #Columns {
    height: 1009px;
}

.landing h1, .landing h2 {
    color: #bbb;
    text-align: left;
    font-family: "Times New Roman", Times;
}

.landing h1 {
    font-size: 17px;
    margin-left: 270px;
    text-transform: uppercase;
    line-height: 30px;
}

.landing .images a {
padding: 10px;
}

.landing p.text {
    margin-left: 270px;
}

.landing2 p.text {
    margin-left: 40px !important;
}

.landing4 p.text {
    margin-left: 270px !important;
}

div.landing {
    margin-top: 5px;
}

.landing #options, .landing #options2 {
    width: 300px;
    margin-left: 270px;
    margin-top: -315px;
}

.landing2 #options, .landing2 #options2 {
    margin-top: -115px !important;
}

.landing #options2 {
    margin-top: 50px;
}

.landing4 #options {
    margin-top: -315px !important;
}

.landing4 #options2 {
    margin-top: 50px !important;
}

.landing .option-row .main {
    font-weight: bold;
}

.landing .option-row {
    height: 90px;
}

.landing2 .option-row {
    height: 100px !important;
    margin-left: 70px;
    margin-top: 20px;
}

.landing2 table#magazines img {
    margin-left: 30px;
}


.landing .option-row input[type=radio] {
    width: 20px;
}

.landing .option-row p {
    margin-left: 35px;
    margin-top: -25px;
}

.landing .option-row p.sub {
    margin-top: 0px;
}


.landing #image {
    width: 200px;
    margin-top: -200px;
    margin-left: 30px;
}

.landing2 #image {
    margin-top: -400px !important;
}

.landing4 #image {
    margin-top: -200px !important;
}

.landing #image img#cover {
width: 194px;
height: 260px;
}

.landing #image img#cover-sub {
    margin-top: 50px;
    margin-left: 30px;
}

.landing #user-info {
   width: 550px;
   margin-top: -350px;
   margin-left: 400px;
}

.ie7 .landing #user-info {
   width: 350px;
   margin-top: -350px;
   margin-left: 600px;
}


.landing2 #user-info {
    margin-top: 50px !important;
}

.landing3 #user-info {
    margin-top: -250px !important;
}

.landing4 #user-info {
    margin-top: 50px !important;
}

.ie7 .landing #user-info {
   margin-top: -400px;
}

.landing #footer {
    margin-top: 120px;
    margin-left: 505px;
    width: 400px;
    font-weight: bold;
}

.landing2 .buy {
    margin-top: 40px;
    margin-left: 400px;
}

.landing2 #footer {
    width: 970px !important;
    text-align: center !important;
    margin: 0 !important;
    margin-top:70px !important;
}

.landing p.main.text {
    font-weight: bold;
padding: 0px;
}

.landing input[type=text], .landing select {
    background-color: #1d1d1d;
    border: 1px transparent;
    padding: 3px;
    color:white;
    margin: 3px;
    width: 252px;
    font-size: 17px;
}

.ie7 .landing input[type=text], .ie7 .landing select {
    width: 152px;
    font-size: 9px;
}

.landing select {
width: 258px;
}

.ie7 .landing select {
width: 158px;
}


.landing input[type=submit] {
    background-image: url(/images/submit-button.png);
    background-color: transparent;
    border: 0px;
    width: 199px;
    height: 35px;
    color: white;
    font-weight: bold;
    font-size: 12px;
    padding-right: 35px;
    margin-top: 20px;
    margin-left: 10px;
}

.landing input[type=submit]:hover {
    cursor: pointer;
}

.landing .highslide-landing img {
    border: 0 !important;
}

.landing.ie7 .header-menu {
    margin-top: 0px;
}

.landing.ie7 input[type=text], .landing.ie7 select {
    font-size: 9.3333px;
    margin-left: 0px !important;
    left: 0px; !important;
}

.landing.ie7 #Columns {
    max-width: 950px;
}

.landing.ie7 h2 {
    font-size: 18px;
}

.landing.ie7 #f1, .landing.ie7 #f3, .landing.ie7 #f5 {
    margin-left: -600px !important;
}

.landing.ie7 #f7 {
    margin-left: 1px !important;
}

.landing.ie7 #f8 {
    margin-left: -1px !important;
}


.landing.ie7 #f9 {
    margin-left: -330px !important;
}

.landing.ie7 #f2, .landing.ie7 #f4, .landing.ie7 #f6, .landing.ie7 #f10 {
    margin-left: -436px !important;
}

.landing.ie7 #f10 {
    margin-left: -170px !important;
}


.landing.ie7 #f11 {
position: relative;
    margin-left: -360px;
    margin-top: 30px;
left: 40px;
top: 0px;
}

.landing-ie7 #user-info {
position: relative;
}

.landing.ie7 #Columns {
overflow: hidden;
}


.landing.ie7 #f2 {
    margin-top: -40px;
}

.landing.ie7 #f3 {
    margin-top: -33px;
}

.landing.ie7 #f4 {
    margin-top: -50px;
}

.landing.ie7 #f5 {
    margin-top: -43px;
}

.landing.ie7 #f6 {
    margin-top: -60px;
}


.landing.ie7 #f7 {
    margin-top: -101px;
}

.landing.ie7 #f8 {
    margin-top: -102px;
}

.landing.ie7 #f9 {
    margin-top: -78px;
}

.landing.ie7 #f10 {
    margin-top: -78px;
}

.landing hr {
    background-image: url('/images/hr.png');
    height: 4px;
    margin-top: -10px;
    margin-left: 270px;
    border: 0;
    width: 600px;
}


.bank-h {
width: 490px;
       text-align: center !important;
}

.bank-table {
}

.bank-table td {
    padding: 0;
    border-collapse: collapse;
    border: 0;
    margin: 0;
}

.bank-cell {
    width: 50px;
    height: 25px;
    background-color: rgba(0, 0, 0, 0);
    text-align: center;
    vertical-align: middle;
}

.bank-cell img {
    width: 50px;
    height: 25px;
}


.landing .big {
    font-size: 2em;
}


/* Landing Page Manager */

.landing-manager #Columns > .BlockElement {
    margin-top: 0px;
    min-height: 0px;
}

.landing-manager #user-info {
    top: 0px;
    left: 0px;
    margin-top: 0px;
    margin-left: 400px;
}

.landing-manager .bank-table {
    margin-left: 400px;
}

.landing-manager .option-row p {
    margin-top: 0px;
}

.landing-manager .option-row {
    margin-left: 200px;
}

.landing-manager p.text {
    margin-left: 0px;
}

.landing-manager #footer {
    margin-left: 407px;
}

.landing-manager .ContentColumnsMinHeight {
    min-height: 0px;
}

.landing-manager .Columns-complement {
height: 100% !important;
}

input::-webkit-input-placeholder {
color: gray;
}

input:-moz-placeholder {
color: gray;
}