@charset "utf-8";
/* Stylesheet File JS Wineclub										*/
/* style.css 														*/
/* Modified September 18th 2009						 				*/


/* import style */

@import url(standard.css);
@import url(paragraph.css);
@import url(widget.css);
@import url(poll.css);
@import url(forms.css);

/* reset browser style */

* {
	margin: 0px;
	padding: 0px;
	vertical-align: baseline;
	font-size: 100%;
	outline: 0;
}
iframe {
	border: none;
}
img {
	border: none;	
}

/* fundamental style */

html {
	height: 100%; /* needed to get the 100% height of content */
}
body {
	height: 100%;
	background-color: #333333;
}

/* canvas style */

.canvas {
	width: 994px;
	height: auto !important;
	min-height: 100%;
	height: 100%;
	margin: 0px auto;
	position: relative;
}
.canvas div.head {
	width: 984px;
	height: 110px;
	padding: 0 5px;
	background: transparent url(../images/background_head.gif) repeat-y center top;
	position: relative;
	z-index: 3;
}
.canvas div.body {
	width: 984px;
	padding: 10px 5px;
	background: transparent url(../images/background_body.gif) repeat-y center top;
	position: relative;
	z-index: 2;
}
.canvas div.foot {
	width: 984px;
	height: auto;
	padding: 12px 5px 10px 5px;
	background: transparent url(../images/background_foot.gif) no-repeat center -16px;
	position: relative;
	z-index: 1;
}

/* content style */

.content {
	width: 1008px;
	margin: 0px -12px;
	position: relative;
	overflow: hidden;
}
.content .box {
	width: auto;
	margin: 0px 12px;
	position: relative;
	display: inline;
	float: left;
}
.content .box.single {
	width: 228px;
}
.content .box.double {
	width: 480px;
	padding-top: 10px;
}
.content .box.triple {
	width: 708px;
	padding-top: 10px;
}

/* column style */

.column {
	width: 480px;
	position: relative;
	overflow: hidden;
}
.column .one {
	width: 235px;
	display: inline;
	float: left;
}
.column .two {
	width: 235px;
	display: inline;
	float: right;
}
.content .box.triple .column {
	width: 708px;
}
.content .box.triple .column .one {
	width: 458px;
}
.content .box.triple .column .two {
	width: 222px;
}

/* logo style */

.logo {
	width: auto;
	height: auto;
	position: absolute;
	z-index: 5;
	left: 10px;
	top: 2px;
}

/* address style */

address {
	position: relative;
	text-align: center;
	font-style: normal;
	word-spacing: 0;
	font-size: 9px;
	color: #999999;
}
address strong {
	padding: 0px 3px;
	color: #912237;
}
address a {
	color: #999999;
}
address a:hover {
	color: #999999;
}

/* cards style */

.cards {
	width: auto;
	height: auto;
	position: absolute;
	z-index: 5;
	left: 5px;
	top: 14px;
}

/* pagemenu style */

.pagemenu {
	width: 984px;
	height: 25px;
	margin: 0px;
	background: transparent url(../images/pagemenu_background.gif) repeat-x left bottom;
	list-style-type: none;
	position: absolute;
	z-index: 6;
	left: 5px;
	bottom: 0;
}
.pagemenu li {
	height: 24px;
	padding: 0px;
	padding-top: 1px;
	position: relative;
	background: none;
	display: block;
	float: left;
	z-index: 0;
}
.pagemenu li a {
	width: auto;
	height: 22px;
	padding: 2px 10px 0px 10px;
	background: transparent url(../images/pagemenu_link.gif) repeat-x left top;
	text-transform: uppercase;
	white-space: nowrap;
	text-align: center;
	line-height: 18px;
	display: block;
	float: left;
	color: #ffffff;
}
.pagemenu li a:hover {
	text-decoration: none;
	background: transparent url(../images/pagemenu_link.gif) repeat-x left bottom;
	color: #ffffff;
}
.pagemenu li.active a {
	background: transparent url(../images/pagemenu_link.gif) repeat-x left bottom;
}
.pagemenu li.divider {
	height: 25px;
	margin: 0px;
	padding: 0px;
	background: transparent url(../images/pagemenu_divider.gif) no-repeat left bottom;
	display: block;
	float: left;
	clear: none;
	z-index: 1;
}
.pagemenu li.divider img {
	width: 2px;
	height: 25px;
}

/* pagemenu dropdown style */

.pagemenu li ul.dropdown {
	width: auto;
	height: auto;
	margin-top: 24px;
	margin-left: -2px;
	padding: 3px 0px 2px 0px;
	background-color: #ffffff;
	border: 1px solid #999999;
	position: absolute;
	display: none;
	float: none;
	clear: right;
	left: 0px;
	top: 0px;
}
* html .pagemenu li ul.dropdown { /* be nice to Internet Explorer 6.0 */
	margin: 0;
	left: -2px;
	top: 25px;
}
*:first-child + html .pagemenu li ul.dropdown { /* be nice to Internet Explorer 7.0 */
	margin: 0;
	left: -2px;
	top: 25px;
}
html:first-child .pagemenu li:after { /* be nice to Opera */
    content: ".";
	margin: 0px;
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;	
}
.pagemenu li > ul.dropdown {
	top: auto;
	left: auto;
}
.pagemenu li.hover ul.dropdown,
.pagemenu li:hover ul.dropdown {
	display: block;
}
.pagemenu li ul.dropdown li {
	width: auto;
	height: auto;
	padding: 0px;
	background-color: #e0dfdf;
	border: 3px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-top: none;
	float: none;
}
.pagemenu li ul.dropdown li a {
	width: 154px;
	height: auto;
	padding: 2px 14px 2px 8px;
	background: none;
	text-align: left;
	white-space: normal;
	display: block;
	color: #333333;
	float: none;
}
.pagemenu li ul.dropdown li a:hover {
	background: none;
	color: #761325;
}
.pagemenu li ul.dropdown li.active {
	background-color: #cdcccc;
}
.pagemenu li ul.dropdown li.active a {
	background: none;
	color: #761325;
}
.pagemenu li ul.dropdown li.active a:hover {
	background: none;
	color: #761325;
}
.pagemenu li ul.dropdown li.childs a,
.pagemenu li ul.dropdown li.childs a:hover {
	background: transparent url(../images/pagemenu_dropdown_arrow.gif) no-repeat 166px 8px;
}
.pagemenu li ul.dropdown li:hover {
	background-color: #cdcccc;
}

/* dropdown submenu style */

.pagemenu li ul.dropdown li ul.dropdown {
	margin: 0px;
	position: absolute;
	z-index: 100;
	top: -4px;
	left: 179px;
	display: none;
}
.pagemenu li ul.dropdown li.hover ul,
.pagemenu li ul.dropdown li:hover ul {
	display: block;
}
.pagemenu li ul.dropdown li ul.dropdown li a {
	width: 154px;
	height: auto;
	padding: 2px 14px 2px 8px;
	background: none;
	text-align: left;
	display: block;
	color: #333333;
	float: none;
}
.pagemenu li ul.dropdown li ul.dropdown li a:hover {
	background: none;
	color: #761325;
}
.pagemenu li ul.dropdown li ul.dropdown li.active {
	background-color: #cdcccc;
}
.pagemenu li ul.dropdown li ul.dropdown li.active a {
	background: none;
	color: #761325;
}
.pagemenu li ul.dropdown li ul.dropdown li.active a:hover {
	background: none;
	color: #761325;
}
.pagemenu li ul.dropdown li ul.dropdown li.childs a,
.pagemenu li ul.dropdown li ul.dropdown li.childs a:hover {
	background: transparent url(../images/pagemenu_dropdown_arrow.gif) no-repeat 166px 8px;
}
.pagemenu li ul.dropdown li ul.dropdown li:hover {
	background-color: #cdcccc;
}

/* dropdown submenu style */

.pagemenu li ul.dropdown li ul.dropdown li ul.dropdown {
	margin: 0px;
	position: absolute;
	z-index: 100;
	top: -4px;
	left: 179px;
	display: none;
}
.pagemenu li ul.dropdown li ul.dropdown li.hover ul,
.pagemenu li ul.dropdown li ul.dropdown li:hover ul {
	display: block;
}
.pagemenu li ul.dropdown li ul.dropdown li ul.dropdown li a {
	background: none;
}
.pagemenu li ul.dropdown li ul.dropdown li ul.dropdown li a:hover {
	background: none;
}

/* topmenu style */

.topmenu {
	height: auto;
	margin: 0px;
	overflow: hidden;
	list-style-type: none;
	position: absolute;
	right: 174px;
	top: 54px;
}
.topmenu li {
	width: auto;
	height: auto;
	padding: 0px 5px;
	background: none;
	display: block;
	float: left;
}
.topmenu li a {
	width: auto;
	height: 18px;
	padding-left: 18px;
	background: transparent url(../images/topmenu_bullet.gif) no-repeat 0px 2px;
	text-transform: uppercase;
	white-space: nowrap;
	line-height: 18px;
	word-spacing: 0;
	font-size: 10px;
	display: block;
	float: left;
	color: #ffffff;
}
.topmenu li a:hover {
	color: #ffffff;
}
.topmenu li.active a {
	color: #e13d5b;
}
.topmenu li.active a:hover {
	text-decoration: underline;
	color: #e13d5b;
}

/* language style */

.language {
	height: auto;
	margin: 0px;
	overflow: hidden;
	list-style-type: none;
	position: absolute;
	z-index: 9;
	right: 20px;
	top: 89px;
}
.language li {
	width: auto;
	height: auto;
	padding: 0px 4px;
	background: none;
	display: block;
	float: left;
}
.language li a {
	width: auto;
	height: 18px;
	display: block;
	float: left;
}

/* popup style */

.popup {
	background: none;
}
.popup .holder {
	margin: 0px 20px 0px 20px;
	padding: 20px 0px 20px 0px;
}