/*set "unknown" elements to act as a div (for backwards compatibility), but doesnt work in IE 6, 7, 8. Need modernizr for that. 
If this rule is not set, some older browsers will render unknown elements to display inline. */
header, section, aside, nav, footer, figure, figcaption {display:block;}

body, html {
	margin:0;
	padding:0;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:14px;
	height: 100%;
	color:#444444;
	background-color:#f3eee6;
}
a { text-decoration:none;color:#873b35;}
a:hover {text-decoration: underline;}
a img, img {border:none;}
:focus {outline:none;}
.IE7_no_support_alert {display:none;}
#push_wrapper {
	width:1000px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -90px auto;
}
noscript {
	display:block;
	text-align:center;
	background-color: #FCC;
	color:#000;
	position:fixed;
	width:100%;
	z-index:1000;
}
/*==================included fonts====================*/
@font-face {
	font-family: 'Modern';
	src: url('../_fonts/modernpics.otf');
	font-weight: normal;
	font-style:normal;
}
/*============================ HEADER ============================*/
header {
	width:960px;
	margin:auto;
	position:relative;
	height:105px;
}
.logo_wrap {
	width:220px;
	float:left;
	height:105px;
}
.logo_wrap a img {margin:20px 0 0 15px;}
/*============================ TOP NAVIGATION ============================*/
nav#topnav {
	/*width:680px;*/
	width:740px;
	float:right;
	height:105px;
}
nav#topnav>ul, 
nav#topnav>ul>li {
	margin:0;
	padding:0;
	list-style:none;
	height:105px;
}
nav#topnav>ul>li {
	float:right;
	display:block;
	position:relative;
}
nav#topnav>ul>li>a {
	display:block;
	height:105px;
	line-height:135px;
	padding:0 23px;
	color:#444444;
	text-decoration:none;
}
nav#topnav>ul>li>a.active {background-color:#990000; color:#fff;}
nav#topnav>ul>li>a:hover, 
nav#topnav>ul>li:hover {background-color:#d7d2c4}

nav#topnav>ul>li>a.active:hover {color:#fff; text-decoration:none;background-color:#990000} 
 
nav#topnav>ul>li>a.active>.topnav_shad {display:block} 


.topnav_shad {
	position:absolute;
	left:50%;
	margin-left:-70%;
	bottom:0;
	height:12px;
	width:140%;
	background-image:url(../elements/structure/topnav_shad.png);
	background-size: 100% 12px;
	display:none;
}
.lastsh {
	position:absolute;
	left:70%;
	width:100%;
	background-image:url(../elements/structure/topnav_shad.png);
	background-size: 100% 12px;
}

.dd_wrap {
	position:absolute;
	top:105px;
	z-index:100;
	display:none;
}
nav#topnav>ul>li:first-child .dd_wrap {
	/*right:-30px;*/
	right:-79px;
}
.dd_wrap {
	position:absolute;
	top:105px;
	z-index:100;
	display:none;
}
.dd_link>a {
	display:block;
	width:130px;
	padding:0 20px;
	height:45px;
	line-height:45px;
	text-align:left;
	background-color:#99968a;
	color:#444444;
	text-decoration:none;
	border:1px solid #99968a;
}
.dd_link>a:hover {background-color:#f3eee6; text-decoration:none;color:#444444; border:1px solid #99968a;}

/*============================= SLIDER ===============================*/
#slider {display:none;}
#slider_wrap {
	width:960px;
	margin:auto;
	position:relative;
	height:305px;
	background-color:#e8e3db;
 }
.bx-pager {
	position:absolute;
	bottom:-24px;
	right:17px;
	height:16px;
	z-index:200;
	overflow:hidden;
}
a.pager-link {
	width:12px;
	height:12px;
	display:block;
	font-size:1px;
	text-indent:1000px;
	float:left;
	margin-left:15px;
	background: #d8d3be;
}
a.pager-link:hover, a.pager-active {
	background: #827f74;
}

/*============================= GENERAL / CONTENT ===============================*/
.center960 {
	width:960px;
	margin:auto;
	position:relative;
}
.center900 {
	width:900px;
	margin:auto;
	position:relative;
}
.red_dot {
	width:53px;
	height:53px;
	background:url(../elements/icons_logos/dot_reynecke.png) no-repeat;
	position:absolute;
	bottom:-26px;
	left:50%;
	margin-left:-27px;
	background-size:100%;
}
#sidebar {
	background-color:#ddd8cd;
	padding:30px 20px 20px 20px;
	float:left;
	width:220px;
}
#sidebar h1{
	font-family: Times, "Times New Roman", serif;
	font-size:26px;
	margin:0;
	padding:0 0 7px 0;
	border-bottom:1px solid #444;
	margin-bottom:15px;
	font-weight:normal;
	width:100%;
}
#sidebar p {margin:5px 0; line-height:16px; font-size:13px;}
#sidebar ul,
#sidebar ul li {
	list-style:none;
	margin:0;
	padding:0;
	width:220px;
}
#sidebar ul li a {
	display:block;
	line-height:36px;
	height:36px;
	color:#444;
	font-weight:bold;
	text-decoration:none;
}
#sidebar ul li a:hover {color:#873b35;}
#sidebar ul li a.sub_active {color:#873b35;}

#main_content {
	width:640px;
	padding:30px;
	background-color:#aba797;
	float:right;
}
#main_content.no_sidebar {
	width:900px;
}
#main_content h1,
#main_content h2,
#main_content h3 {
	font-family: Times, "Times New Roman", serif;
	font-size:26px;
	margin:0;
	padding:0 0 7px 0;
	font-weight:normal;
	color:#f3eee6;
}
#main_content h1:first-child {margin-bottom:15px;}
#main_content.no_sidebar h1:first-child {margin:0;}

#main_content h2{
	font-size:22px;
	margin:0;
	padding:5px 0;
	color:#873b35;
	font-weight:bold;
}
#main_content h3 {
	font-size:18px;
	padding:5px 0 10px 0;
	color:#444444;
	font-weight:bold;
}
#main_content h3.less_bottom, .less_bottom {padding-bottom:0;margin-bottom:0;}
.less_padding {padding:0;margin:0;}

ul {margin-top:0;}
p, li {line-height:22px;}

.f10 {font-size:10px;}
.f12 {font-size:12px;}
.f13 {font-size:13px;}
.f14 {font-size:14px;}
.f16 {font-size:16px;}
.f18 {font-size:18px;}
.f20 {font-size:20px;}
.f22 {font-size:22px;}
.f24 {font-size:24px;}
.f26 {font-size:26px;}

.spacer5 {height:5px;}
.spacer10 {height:10px;}
.spacer15 {height:15px;}
.spacer20 {height:20px;}
.spacer25 {height:25px;}
.spacer30 {height:30px;}
.spacer40 {height:40px;}
.spacer50 {height:50px;}
.spacer60 {height:60px;}
.spacer70 {height:70px;}
.spacer85 {height:85px;}
.spacer100 {height:100px;}

.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.relative {position:relative;}

.white {color:#FFF !important;}
.grey {color:#CCC !important;}
.line {height:1px; background-color:#444; width:100%; margin:10px 0px;}

b {
	text-transform:uppercase;
}

/*========Read More Slider===========*/

.read_more_toggle {
	color:#873b35;
	cursor:pointer;
}


.slidetoggle_area {
	display:none;
}


/*===Social tags left of page===*/
#fb_wrap,
#tw_wrap {
	position:fixed;
	left:-300px;
	top:50%;
	width:330px;
	height:395px;
	z-index:200;
}
#fb_wrap {margin-top:-170px;}
#tw_wrap {margin-top:-75px;}

#fb_wrap div.relative {
	float:left;
	width:300px;
}

#tw_wrap div.relative {
	height:395px;
	width:300px;
	float:left;
}
#fb_wrap div.relative { background-color:#fff;}
#tw_wrap div.relative  {background-color:#444444;}

.fb_tag {
	width:30px;
	height:93px;
	background:url(../elements/icons_logos/fb_tag.png) no-repeat;
	float:right;
	background-size:100%;
}
.tw_tag {
	width:30px;
	height:93px;
	background:url(../elements/icons_logos/tw_tag.png) no-repeat;
	float:right;
	background-size:100%;
}
/*===end of Social tags left of page===*/

.wine_wrap {
	background-color:#f3eee6;
	width:670px;
	padding:15px;
	margin:0 -30px;
	border-bottom:1px solid #aba797;
	position:relative;
}
.description, .bottle {
	float:left;
}
.description {
	width: 470px;
	padding: 10px 0 35px 0;
	position: relative;
}
.bottle {
	width:185px;
}
.description>p:first-child {font-weight:bold; font-size:15px; margin:5px 0;}
.description>p {
	margin:5px 0;
	font-size:13px;
	line-height:18px;
}
.wine_last_par {padding-bottom: 14px;}

a.newsletter_btn {
	display: block;
	height: 30px;
	line-height: 28px;
	color: #fff;
	text-indent: 13px;
	width: 215px;
	font-size: 14px;
	cursor: pointer;
	background: #990000 url(../elements/icons_logos/newsletter_icon@2x.png) no-repeat 190px 7px;
	background-size : 15px  16px;
	position: absolute;
	bottom: 16px;
	padding-left: 5px;
	
}
/*@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
	a.newsletter_btn {
		background-image: url(../elements/icons_logos/newsletter_icon@2x.png) no-repeat;
		background-size: 190px 7px;
	}
}*/
/*a[class="subscribe_news newsletter_btn"]:after {
	content:" b";
	font-family: Modern, sans-serif;
	font-weight:normal;
	font-size: 24px;
	position: relative;
	top: 2px;
}*/
a.newsletter_btn:hover {background-color:#827F74; text-decoration:none;}

a.download_button {
	display:block;
	height:24px;
	line-height:24px;
	background:#990000 url(../elements/structure/download_arrow.png) 8px 7px no-repeat;
	color:#fff;
	text-indent:30px;
	/*width:180px;*/
	width:169px;
	float:right;
	font-size:13px;
	cursor:pointer;
	position:absolute;
	bottom:10px;
	/*right:30px;*/
	right:-22px;
}
a.download_button:hover {background-color:#827F74; text-decoration:none;}

a.read_more_button {
	display: block;
	height: 24px;
	line-height: 24px;
	background: #990000;
	color: #fff;
	padding: 0 20px;
	float: right;
	font-size: 13px;
	cursor: pointer;
	position: absolute;
	/*bottom: 17px;*/
	bottom:14px;
	right: 33px;
}
a.read_more_button.back {
	position:relative;
	bottom:auto;
	right:auto
}
a.read_more_button:hover {background-color:#827F74; text-decoration:none;}

img.med {float:left;}

.social_share_wrap {
	height:20px;
	float:left;
	margin-top:3px;
}
.social_share_wrap.left_margin {float:right;margin: 5px 205px 0px 0px;}
.social_button {
	float:left;
	/*width:75px;*/
	width:71px;
	height:20px;
}
.social_button.facebook {width:130px;}


.analysis_table {
	width:100%;
	border: 1px solid #F3EEE6;
	background-color:#DDD8CD;
}
table.analysis_table tr:first-child {
	font-weight:bold;
	background-color:#ABA797
}
table.analysis_table tr td {
	padding:5px; 
	border: 1px solid #F3EEE6;
}

/*============================= FOOTER ===============================*/


footer, .push {
	height:90px;
}
footer { position:relative;}

.dg_logo {
	float:right;
	margin-top:-15px;
}
.ara_wrap {background-color: #fff; position:absolute; bottom:0; width:100%;height:40px;}
.ara_bar {
	line-height:40px; 
	height:40px; 
	width:500px; 
	margin:auto;
}

nav#bottom_nav {
	width:auto;
	float:none;
	height:20px;
	margin-top:15px;
}
nav#bottom_nav ul, nav#bottom_nav ul li {
	margin:0;
	padding:0;
	list-style:none;
}
nav#bottom_nav ul li {
	float:left;
	display:block;
	position:relative;
}
nav#bottom_nav ul li a {
	display:block;
	height:auto;
	line-height:18px;
	padding:1px 10px;
	color:#999999;
	border-right:1px solid #999999;
	font-size:12px;
}
nav#bottom_nav ul li a:hover, 
nav#bottom_nav ul li a.active {color:#990000; } 
nav#bottom_nav ul li:last-child a {border:none;}

/*=========Newsletter Form Styling=============*/

.subscribe-table input[type="text"]{
	background-color: #FFFFFF;
    height: 36px;
    margin: 0;
    min-height: 36px;
    padding: 0 0 0 10px;
    position: relative;
    width: 100%;
    z-index: 5;
	border: 1px solid #aba797;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 14px;
}

div.ajax-wrap{
	/*height:560px;*/
	height:auto;
	padding:0;
	margin:0;
	overflow:hidden;
}

div.ajax-wrap{
	/*padding-top:10px;
	padding-left:10px;
	padding:10px;*/
	padding:20px;
}

input[type="submit"] {
    background-color: #990000;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 16px;
    margin: auto;
    padding: 10px 30px;
    text-transform: uppercase;
}

form#subscribe-news label.error, label.error {
    color: #990000;
    font-size: 10px;
    font-weight: normal;
    position: absolute;
    right: 15px;
    top: 12px;
	z-index:100;
}

.field {
    float: right;
    height: 36px;
    position: relative;
    width: 100%;
}

label.error[for="area_code"]{
    font-size: 8px !important;
    right: 0px !important;
    top: 3px !important;
	text-align:right !important;
}

/*==============iPad Media Query====================*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	nav#topnav>ul>li>a {
		display:block;
		height:105px;
		line-height:135px;
		padding:0 18px;
		color:#444444;
		text-decoration:none;
	}
}
/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	.ara_wrap {background-color: #fff; position:absolute; bottom:0; width:1000px;height:40px;}
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	.ara_wrap {background-color: #fff; position:absolute; bottom:0; width:960px;height:40px; margin:0 20px;}
	@viewport { width: device-width;}
}
/* #

================================================== */

	@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
	    /* Retina-specific stuff here */
a.newsletter_btn {
	background-image: url(../elements/icons_logos/newsletter_icon@2x.png);
	background-size: 15px 16px;
}
.moveup {
	margin-top:-10px;
}

}
/* end of retina 
================================================== */