/*	CSS Document 
 *	Author: Tashreek Jackson
 *	Overview: Main Stylesheet for Site Layout.	
*/

/*//////////////////////// Main Layout ////////////////////////*/

body{
	background:#eeeeee url(../img/global/bg.jpg) 963px  0 no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#606060;
}

#header{
	width:963px;
	background:url(../img/global/header-bg.jpg) top no-repeat;
	height:99px;
	position:relative;
}

#header-logo{
	float:left;
	width:120px;
	text-align:center;
}

#wrapper{
	background:#ebebeb url(../img/global/wrapper-bg.gif) repeat-x;
	padding:20px 0 30px 0;
	width:963px;
}

#footer{
	background:#9eb0a9;
	width:963px;
}

#search{
	width:220px;
	height:23px;
	position:absolute;
	right:14px;
	bottom:10px;
}

#flash-container{
	height:322px;
	overflow:hidden;
}

/*//////////////////////// Ajax ////////////////////////*/

.ajax-preloader{
	width:100%;
	padding:150px 0;
	text-align:center;
}

#wine-listing{
	clear:both;
}

/*//////////////////////// Navigation ////////////////////////*/

#nav{
	margin:15px 0 0 0;
	padding:0;
	list-style:none;
	float:left;
	position:relative;
}

#nav li{
	margin:0 12px 0 0;
	padding:0;
	list-style:none;
	display:inline;
	float:left;
}

#nav li.last{
	margin:0;
}

#nav li a{
	height:21px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-transform:uppercase;
	display:block;
	color:#464646;
	text-indent:-9999px;
	text-decoration:none;
}

#nav li a.main-link:hover, #nav li.active a{
	background-position:0 -21px;
}

#nav li ul.sub-links{
	position:absolute;
	top:55px;
	left:6px;
	display:none;
	margin:0;
	padding:0;
}

#nav li ul.sub-links li{
	display:inline;
	margin:0 15px 0 0;
}

#nav li ul.sub-links li a{
	background:none;
	text-indent:0;
}

#nav li ul.sub-links li a:hover{
	color:#000;
	text-decoration:underline;
}

li a.spier-home{
	background:url(../img/nav/spier-home.gif) no-repeat;
	width:89px;
}

li a.our-wines{
	background:url(../img/nav/our-wines.gif) no-repeat;
	width:84px;
}

li a.spier-hotel{
	background:url(../img/nav/spier-hotel.gif) no-repeat;
	width:93px;
}

li a.conferencing{
	background:url(../img/nav/conferencing.gif) no-repeat;
	width:112px;
}

li a.what-to-do{
	background:url(../img/nav/what-to-do-at-spier.gif) no-repeat;
	width:145px;
}

li a.news{
	background:url(../img/nav/news.gif) no-repeat;
	width:50px;
}

li a.about-us{
	background:url(../img/nav/about-us.gif) no-repeat;
	width:76px;
}

li a.contact{
	background:url(../img/nav/contact.gif) no-repeat;
	width:69px;
}

/*//////////////////////// Modules ////////////////////////*/

.home-col{
	width:430px;
	float:left;
	padding:0 30px 0 20px;
	
}

#read-more
{
	border-bottom:1px dashed #D4D4D4;
	
}

.icons
{
	float:left;
	margin-top:10px;
	margin-bottom:10px;
}

.footer-icons
{
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	padding-left:20px;
	width:970px;
}

.icons ul, .footer-icons ul
{
	padding:0;
	margin:0;
	list-style-type:none;
}


.icons li, .footer-icons li
{
	float:left;
	display:inline;
	padding-right:10px;
	padding-left:0px;
	line-height:30px;
	
}

.icons li a , .footer-icons li a
{
	float:left;
	margin-top:6px;
}

.icons li img, .footer-icons li img
{
	margin-top:2px;
}



.main-content{
	width:672px;
	float:left;
	padding:0 30px 0 20px;
}

.row{
	width:100%;
	border-bottom:1px dashed #d4d4d4;
	float:left;
	padding:20px 0 20px 0;
	overflow:hidden;
}

.col-1{
	float:left;
	width:245px;
}

.col-2{
	float:left;
	width:425px;
}

.col-2 h3{
	margin:0 0 15px 0;
}

.wine-top{
	float:left;
	margin:0 0 15px 0;
	width:100%;
}

.wine-top h3{
	float:left;
	width:415px;
}

div.acitem p{
	padding:0;
}

ul.archive-controls{
	float:left;
	width:240px;
	list-style:none;
	margin:0;
	padding:0;
}

ul.archive-controls li{
	list-style:none;
	margin:0 5px 0 0;
	padding:0;
	float:left;
}

ul.archive-controls li a{
	font-weight:bold;
	color:#464646;
	padding:4px;
	text-decoration:underline;
}

.wine-ylist{
	float:left;
	list-style:none;
	margin:0 0 15px 0;
	padding:0;
	width:100%;
}

.wine-ylist li{
	list-style:none;
	margin:0 10px 0 0;
	padding:0;
	float:left;
	font-weight:bold;
}

.wine-ylist li a.current{
	color:#464646;
	text-decoration:none;
}

.wine-ylist li a{
	color:#b1162a;
	text-decoration:underline
}

.wine-ylist li a:hover{
	color:#b1162a;
	text-decoration:none;
}

#accordion{
	list-style:none;
	float:left;
	margin:0 0 20px 0;
	padding:0;
	width:478px;
}

#accordion li{
	list-style:none;
	list-style-image:none;
	margin:0;
	padding:5px 0;
	border-top:1px dashed #d4d4d4;
	text-transform:uppercase;
}

#accordion li a{
	background:url(../img/global/plus.gif) left center no-repeat;
	display:block;
	padding:0 0 0 20px;
	color:#606060;
}

#accordion li a.active{
	background:url(../img/global/minus.gif) left center no-repeat;
}

#accordion li div{
	border-top:1px dashed #d4d4d4;
	text-transform:none;
	margin:5px 0 0 0;
	padding:20px 20px;
}

#wine-block{
	position:relative;
	width:145px;
	padding:0 0 35px 0;
	float:left;
	margin:-15px 0 0 40px;
}

#wine-block a{
	position:absolute;
	display:block;
	bottom:0;
	right:0;
	width:94px;
	height:94px;
	background:url(../img/links/buy-this-wine.png) no-repeat;
	text-indent:-9999px;
}

.left{
	float:left;
}

.right{
	float:right;
}

#wine-listing{
	clear:both;
}

.wine-item{
	float:left;
	width:210px;
	height:123px;
	background:#e8e8e8;
	padding:7px 0 0 0;
	margin:0 13px 15px 0;
	overflow:hidden;
}

.wi-left{
	float:left;
	width:65px;
	text-align:center;
}

.wi-left img{
	vertical-align:middle;
	text-align:center;
}

.wi-right{
	float:left;
	width:125px;
	height:110px;
	position:relative;
}

p.wi-heading{
	color:#606060;
	font-weight:bold;
	border-bottom:1px dashed #d4d4d4;
	padding:0 0 10px 0;
	line-height:normal;
}

.wbuy{
	background:url(../img/links/buy.gif) no-repeat;
	display:block;
	width:51px;
	height:24px;
	position:absolute;
	right:0;
	bottom:15px;
	text-indent:-9999px;
}


.wi-right ul{
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
}

.wi-right ul li{
	list-style:none;
	margin:0;
	padding:0;
}

.wi-right ul li a{
	color:#b1162a;
	text-decoration:underline;
}

.wi-right ul li a:hover{
	color:#b1162a;
	text-decoration:none;
}

ul.archive-controls li a:hover{
	color:#464646;
	text-decoration:none;
}

ul.archive-controls li a.active{
	color:#FFF;
	background:#000;
	text-decoration:none;
}

.sidebar{
	float:left;
	width:200px;
	border-left:1px dashed #d4d4d4;
	padding:0 0 20px 23px;
	margin:0 17px 0 0;
	min-height:350px;
	height:auto !important;
	height:350px;
}

.sidebar-img{
	padding:15px 0 20px 0;
}

.sidebar-head{
	padding:0px 0 20px 0;
}

#newsletter-signup{
	width:390px;
}

ul.pagination{
	margin:0;
	padding:10px 0;
	text-align:right;
	clear:both;
}

ul.pagination li{
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
	vertical-align:middle
}

ul.pagination li a{
	font-size:16px;
	color:#606060;
	text-decoration:none;
	vertical-align:middle;
	margin:0 0 0 10px;
}

ul.pagination li.previous a{
	margin:0 5px 0 0;
}

ul.pagination li.next a{
	margin:0 0 0 15px;
}

ul.pagination li a img{
	vertical-align:middle
}

ul.pagination li a:hover, ul.pagination li.here a{
	color:#b1162a;
	text-decoration:underline;
}

.contact-col{
	float:left;
	width:250px;
}

.contact-block{
	width:217px;
	border-bottom:1px dashed #d4d4d4;
	margin:0 0 20px 0;
	padding:0 0 10px 0;
}

.cycle-container{
	position:relative;
	#height:220px;
}

.cycle-content{
	position:relative;
}

*.cycle-content div{
	background:url(../img/global/wrapper-bg.gif) 0 -270px repeat-x
}

.cycle-ctrl{
	position:absolute;
	right:0;
	bottom:0;
	z-index:1000;
}

.cycle-ctrl a{
	float:left;
	display:block;
	text-indent:-9999px;
	width:19px;
	height:19px;
	cursor:pointer;
	z-index:1000;
}

.cycle-ctrl a.prev{
	background:url(../img/global/prev.gif) no-repeat;
	margin:0 7px 0 0;
}

.cycle-ctrl a.next{
	background:url(../img/global/next.gif) no-repeat;
}

.footer-inner{
	background:url(../img/global/footer-bg.gif) bottom repeat-x;
	position:relative;
	height:53px;
	line-height:53px;
	padding:0 0 0 20px;
}

.footer-inner ul{
	list-style:none;
	margin:0;
	padding:0;
}

*.footer-inner ul{ 
    margin-top: expression(this.offsetHeight < this.parentNode.offsetHeight ? parseInt((this.parentNode.offsetHeight - this.offsetHeight) / 2) + "px" : "0");
}

.footer-inner ul li{
	list-style:none;
	margin:0 23px 0 0;
	padding:0;
	display:inline;
}

.footer-inner ul li a{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	color:#FFF;
	text-decoration:none;
}

.footer-inner ul li a:hover, .footer-inner ul li a:focus{
	color:#FFF;
	text-decoration:underline;
}

.footer-logo{
	position:absolute;
	right:22px;
	top:0;
}

.footer-txt{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	padding:20px 0 30px 20px;
	color:#5b5b5b;
}

.footer-txt a{
	color:#FFF;
	text-decoration:underline;
}

.footer-txt a:hover, .footer-txt a:focus{
	color:#FFF;
	text-decoration:none;
}

div.footer-txt p{
	line-height:14px;
	padding:0;
}

.blank{
	width:100%;
	text-align:center;
	margin:30px 0;
}

/*//////////////////////// New Content Links Block ////////////////////////*/

.links-container{
	background:#e1e3e2;
	padding:20px;
	margin:0 0 20px 0;
}

.links-container ul{
	border-top:1px dashed #c4c7c6;
	margin:0;
	padding:15px 0 0 0;
	list-style:none;
	list-style-image:none;
	float:left;
	width:100%;
}

.links-container ul li{
	margin:0;
	padding:0;
	list-style:none;
	list-style-image:none;
	width:210px;
	float:left;
}

.links-container ul li a{
	font-size:11px;
	color:#888888;
	text-transform:uppercase;
}



/*//////////////////////// Clearfix ////////////////////////*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/* Start Quotes */
#quotes_content {}
#quotes_sources { color:#80032B; padding-bottom:16px; font-size:15px; }
/* End Quotes */


/*//////////////////////// Gateway Page ////////////////////////*/
#header-logo-gateway
{
    float:left;
	width:120px;
	text-align:center;
    margin-top:55px;

}

#verify-header
{
  margin-left:83px;
    
}

#date-container
{

     margin:10px 0 0 83px;


}

#date-container p
{
    padding:0 0 6px 0;

}

#country
{
    width:220px;
}

#terms-accept
{
    width:220px;
    margin-top:10px;
}

#checkbox
{
    width:22px;
    height:80px;
    float:left;

}

#terms
{
    height:80px;
    width:170px;

}

#terms a
{
    color:#810a26;
}

#rsvErrors-gateway
{
    color:#810a26;
    width:350px;
    font-size:16px;
    font-weight:bold;
    float:left;
    margin:5px 0 5px 0;
}
#apologies
{
    margin-top:50px;
    width:348px;

}

#apologies-text
{
    margin-top:10px;


}

#mosaic
{
    float:right;
    margin-top:65px;

}

#footer-image
{
    float:right;
    margin-top:-54px;

}

#footer-image aq
{
    border:none;
    outline:none;
    display:block;

}
.gateway-col{
	width:430px;
	float:left;
	padding:0 30px 0 20px;

}

#footer-not-for-sale
{
    height:96px;
    float:left;
    width:963px;
    background:url(../img/gateway/footer-sale-line.jpg) repeat-x #fff;
}

.news-image{
	width:100%;
	margin-bottom:20px;
}

.news-link{
	width:100%;
	margin:15px 0 0 0;
}