/* Styling the A-Spot Hotspots */
.showcase-plus-anchor
{
	background-image: url('//images.wineenthusiast.com/core/hpButtons.png');
	background-repeat: no-repeat;
	/*background-position: 0 0;*/
	background-position: -39px -39px;
	z-index:0;
}

.showcase-plus-anchor:hover
{
	/*background-position: -38px 0;*/
	background-position: 1px 0;
}

.showcase-minus-anchor
{
	background-image: url('//images.wineenthusiast.com/core/hpButtons.png');
	background-position: -159px -39px;
	z-index:1;
}

.showcase-minus-anchor:hover
{
	background-position: -159px 0;
}

div.showcase-tooltip
{
	border-radius: 10px;
	-webkit-border-radius: 10px;
  	-moz-border-radius: 10px;
	border: solid 2px #278280;
	box-shadow: 4px 4px 5px #333;
	/*color: #DCD6B2;*/
	color: #65120a;
	text-align: left;
	padding: 10px 13px;
	/*background-color:rgba(95,20,15,0.9);*/
	background-color:rgba(109, 191, 190, 0.95);
	min-width:150px;
	max-width:390px;
	line-height:15px;
}

div.slide-caption-container
{
	position:absolute;
	right:-1px;
	bottom:0;
	/*background-color: rgba(126, 201, 197, 0.95);*/
	background-color: rgba(228, 192, 85, 0.85);
	margin-right:1px;
	padding:20px 15px 7px 15px;
	text-alignment:right;
	line-height:24px;
	text-shadow:none;
}

div.slide-caption-container span.hdr
{
	color:#FFF;
	/*font-size:45px;*/
	font-size:36px;
}

div.slide-caption-container div.subcap
{
	/*color:#14081e;*/
	color:#801706;
	margin-right: 29px;
	font-size:18px;
	text-shadow:none;
}

div.showcase-tooltip .imgColumn
{
	width:113px;
	height:113px;
	float:left;
	/*border: solid 1px #5f140f;*/
	border: solid 1px #fff;
}
div.showcase-tooltip .copyColumn
{
	width:265px;
	padding-left:125px;
	/*float:left;*/
	font-size:13px;
	text-shadow:none;
}
div.showcase-tooltip p
{
	margin-top:4px;
	margin-bottom:4px;
	text-shadow:none;
	/*color:#1b0e02;*/
	color:#043151;
}
div.showcase-tooltip .hdr
{
	font-size:15px;
	line-height:17px;
	color:#043151;
}

div.showcase-tooltip .ourPrice
{
	color:#fff;
}

div.showcase-tooltip .salePrice
{
	font-weight:bold;
	color:#fff;
}

div.showcase-tooltip a
{
	color:#043151;
	
	text-decoration:none;
}

div.showcase-tooltip .button
{
	float:right;
	text-shadow:none;
}

div.showcase-tooltip .lineBreak
{
	clear:both;
}



/* WOD Widget Styles */

.wodOverlay {top:149px;}
.wodRibbon {padding-bottom:5px;padding-left: 12px;padding-top:3px;}
.wodT {padding-top:6px;}
.wodST {padding-top:2px;}

/* HP Grid Styles */

.hpRibbon {
    background-image: url("//images.wineenthusiast.com/core/grid/ribbon-bg.png");
    background-repeat: repeat-x;
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #43360E;
    color: #FFFFFF;
    font-size: 15px;
    height: 28px;
    margin: 8px 7px 8px 8px;
    padding-left: 12px;
    text-shadow: none;
}

.grid2borderG {
    background-image: url("//images.wineenthusiast.com/core/grid/245x495-border-Gift.png");
    display: inherit;
    height: 495px;
    width: 245px;
}

.grid2borderG a, .grid2borderG a:hover {color:#820E10;}

.grid2borderCC {
    background-image: url("//images.wineenthusiast.com/core/grid/245x495-border-CustCell.png");
    display: inherit;
    height: 495px;
    width: 245px;
}

.grid2Overlay-Mag {
    background-image: url("//images.wineenthusiast.com/core/grid/overlay-bg.png");
    background-repeat: repeat;
    color: #FFFFFF;
    font-size: 24px;
    height: 57px;
	height: 58px\9;
    letter-spacing: -0.022em;
    line-height: 0.95em;
    padding-left: 8px;
    padding-top: 8px;
    position: absolute;
    text-shadow: none;
    width: 207px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.grid2Overlay-Mag {
		height: 58px
	}
}

#twittertemp { background-image:url("//images.wineenthusiast.com/core/grid/245x495-border-Twitter-Temp.png"); background-repeat:no-repeat; width:245px; height:495px; display:none;}
.fbtemp { float:left; padding:135px 15px 0 39px; width:170px;}
.twittertemp { float:left; padding:25px 15px 0 39px; width:170px;}
.pintresttemp { float:left; padding:25px 15px 0 39px; width:170px;}
.youtubetemp { float:left; padding:25px 15px 0 39px; width:170px;}
.twittertemp-text { margin-top:10px; font-size:14px;}

/* Twitter */
.tw {
    height: 330px;
    margin-left: 22px;
    margin-top: 60px;
    width: 200px;
}
#twitter
{
	margin-top: 5px;
	float: left;
	width:190px;
	height: 325px;
	overflow:hidden;
}
#twitter-feed {
	
    width:180px;
    margin:auto;
    font-family: Arial, Helvetica, sans-serif;
    padding:0px 10px 0px 10px;
    color:#473a0d;
    overflow:auto;
	letter-spacing: 0;
}
#twitter-feed h1 {
    color:#473a0d;
    margin:0px;
    padding:9px 0px 9px 0px;
    font-size:18px;
    font-weight:lighter;
}
.twitter-article, #loading-container {
    width:180px;
    float:left;
    padding:8px 0px 8px 0px;
}

.twitter-article-first {
    width:180px;
    float:left;
    padding:0px 0px 8px 0px;
}

.tweet-divider
{
	border-top:1px dotted #CCC;
}
#twitter-feed #loading-container {
    padding:100px 0px 16px 0px;
    text-align:center;
}
.twitter-pic {
    float:left;
}
 
.twitter-pic img {
    float:left;
    border-radius:7px;
    border:none;
 
}
#twitter-feed img  {
     border:none;
 }
.twitter-text p {
    margin:0px;
    line-height:15px;
}
.twitter-text a,  h1 a {
    color: #820e10;
    text-decoration: none;
}
.twitter-text a:visited,  h1 a:visited {
    color: #820e10;
    text-decoration: none;
}
.twitter-text a:hover,  h1 a:hover {
    text-decoration: underline;
    color: #820e10;
}
 
.twitter-text {
    width:179px;
    float:left;
    font-size:11px;
}
 
.tweet-time {
    font-size:10px;
    color:#878787;
    float:right;
}
.tweet-time a, .tweet-time a:hover {
    color:#878787;
}
.tweetprofilelink a {
    color:#820e10;
}
.tweetprofilelink a:hover {
    color:#820e10;
}
#twitter-feed .backlink {
    font-size:11px;
    text-align:center;
}
 
#twitter-feed .backlink a {
    color:#820e10;
}

.ribbonSFS {
    background-image: url("//images.wineenthusiast.com/core/home/sale-free-shipping-ribbon.png");
    background-repeat: repeat-x;
	font-size:18px;
    bottom: 411px;
    color: #E2DFD2;
    height: 36px;
    left: 350px;
    line-height: 1.8em;
    padding-left: 40px;
    position: absolute;
    text-align: left;
    text-shadow: none;
    width: 100px;
}

.ccwcss {
    position: absolute;
    right: 50px;
    top: -1px;
    z-index: 3;
}

.ss-consul {
    font-size: 14px;
    margin-left: 4px;
    margin-top: 12px;
}
.ss-consulbox {
    background-color: rgba(255, 255, 255, 0.50);
    border: 1px solid #523E1B;
    border-radius: 5px 5px 5px 5px;
    /*box-shadow: 3px 3px 7px #000000;*/
    display: none;
    height: auto;
    padding: 15px;
    /*position: absolute;*/
    text-decoration: none;
    width: 313px;
    /*z-index: 2;*/
	margin-left:25px;
	/*margin-top:-3px;*/
}

.ss-consultxt {
    color: #5A4C1D;
    font-size: 16px;
    line-height: 1.15em;
    margin-bottom: 0;
    /*padding: 65px 0 15px;*/
    /*width: 40%;*/
	margin-left:127px;
}

.ss-hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #867642 -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-style: solid none none;
    border-width: 1px 0 0;
    height: 1px;
    margin-bottom: 30px;
    margin-left: 2px;
    margin-top: 18px;
    padding: 0;
    width: 100%;
}
/* KENBURNS STYLES 
-------------------------------------------------------*/
/*  kenburns_slideshow is the wrapper div. 
Our list of Images scrolls inside of this frame
To compute the minimum frame size needed:;
image width * scale
image height * scale

if the image size is smaller than the frame size,
gaps may appear. If image sizes are exactly the same,
the images will fade over one another and not move. 
*/
#kenburns-slideshow {
	position: relative;
	//width:965px;
	height: 470px;
	//background-color:#292929;
	//border:22px solid #191919;
	//z-index: 1;
	overflow: hidden;
}

/*  The plugin wraps the images in div.kb-slide. This
allows me to run separate animations simultaneously. */
.kb-slide{
	position: absolute;
	z-index: 1;
	opacity: 0;
}


/* I used position relative here because IE8
didnt like the opacity when the img was set to absolute*
translate3d(000) kicks them into HW acceleration, and 
backface-visibility gives some performance boosts.*/
.kb-slide img{
	position: relative;
	-webkit-transform: translate3d(0,0,0)
	-moz-transform: translate3d(0,0,0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;

}


/* If the script encounters an image that hasnt loaded,
it pops up a little loading wheel. I used a little CSS3
but you could also use a gif to better handle ie8*/
.loader {
	width:32px;
	height:32px;
	top:6px;
	left:550px;
	border:5px solid rgba(128,128,128,0.9);
	opacity:.9;
	border-top:5px solid rgba(0,0,0,0);
	border-left:5px dotted rgba(0,0,0,0);
	border-radius:32px;
	-moz-animation:spin .7s infinite linear;
	-webkit-animation:spin .7s infinite linear;
}

@-moz-keyframes spin {
	0% { -moz-transform:rotate(0deg); }
	100% { -moz-transform:rotate(360deg); }
}
@-moz-keyframes spinoff {
	0% { -moz-transform:rotate(0deg); }
	100% { -moz-transform:rotate(-360deg); }
}
@-webkit-keyframes spin {
	0% { -webkit-transform:rotate(0deg); }
	100% { -webkit-transform:rotate(360deg); }
}
@-webkit-keyframes spinoff {
	0% { -webkit-transform:rotate(0deg); }
	100% { -webkit-transform:rotate(-360deg); }
}

#kenburns-description{
	//width: 600px;
	//background-color:#191919;
	//color:#999;
	//padding:0 22px 22px 22px;

}

#kenburns-description p{
	margin:0;
	padding:0;
	line-height: 18px;
	font-size:12px;

}

#kenburns-description a{
	color:white;
	text-decoration: none;
}
#kenburns-description a:hover{
	color:green;
	text-decoration: none;
}

#kenburns-description a:visited{
	color:white;
}
.title {
	clear: left;
	margin:0;
	padding:15px 0 0 0;
}
#slide-title{
	font-family: AauxNext-Light;
	font-size: 49px;
	font-weight:normal;
	//float:left;
	color:#FFF;
	width: 925px;
	background-color: rgba(0, 0, 0, 0.5);
    //bottom: 0;
    line-height: .9em;
    margin-right: 1px;
    padding: 15px 20px;
    position: absolute;
	//right: 0;
    text-shadow: none;
	z-index:9999;
	top:352px;
}
#status{
	color:#333;
	font-size: 12px;
	float:right;
	clear: right;
}