/* Style: Fine Wines */


/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/

/* 1.1 Defaults */

#container  { background: #fff url(fwm/bg.jpg) no-repeat top center; }

h1, h2, h3, h4, h5, h6  { color: #333; }

/* 1.2 Hyperlinks */

a:link, a:visited  { color: #95103b; }


/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/

/* 2.1 Containers & Columns */


/* 2.2 Navigation */


/* 2.2.1 Drop-down menus */


/* 2.3 Header */
#logo .site-title a { color:#3399CC; }

/* 2.4 Featured Slider */
.slider-nav  { background: url(fwm/featurednavtile.jpg) repeat-x left top; }
.slider-nav ul li a  { color: #ccc; }

/*-----Begin Custom Slider HREF Texts----------*/
.slider-nav-wineries  { background: url(fwm/featurednavtile.jpg) repeat-x left top; }
.slider-nav-wineries ul li a  { color: #ccc; font-size:0.9em;}

/* 2.5 Content */

/* 2.6 Sidebar */

/* 2.7 Footer */
#footer  { background: #373737 url(fwm/footer.jpg);
 position:relative;
   :0;
   width:100%;
 }
#footer .top  { display:hidden; }
#footer .  { color:#555; }
#footer .widget a:link, #footer .widget a:visited  { color: #333; }
#footer .widget a:hover  { color: #000; }

#footer #wp-calendar a:link, #footer #wp-calendar a:visited  { color: #3399cc; }
#footer #wp-calendar th  { background: #eaeaea; }
#footer #wp-calendar th, #footer #wp-calendar td  { color:#333;border: 1px solid #eaeaea;}

#footer .widget_woo_twitter ul  { border-top: 1px solid #eaeaea; }
#footer .widget_woo_twitter li  { border-: 1px solid #eaeaea; }

#footer .widget input#s, .widget input.field  { border:#eaeaea 1px solid; }

#footer .widget_woo_flickr a img  { border: #eaeaea 2px solid; }
#footer .widget_woo_flickr a:hover img  { border:#3399cc 2px solid; }


/*---------------------*/
/*  Content Extras     */
/*---------------------*/

#content-extras
{
	background: #f7f7f7 url("fwm/bg_content_extras.gif") repeat;
	height:150px;
	border--style:ridge;
	border--color:#666666;
	border-top-style:ridge;
	border-top-color:#666666;
	padding: 0px 25px 25px 25px;
}

#content-extras h1
{
	background: url("fwm/bg_content_extras_title.png") no-repeat 0% 0%;
	font: bold 1.6em Arial, tahoma, sans-serif;
	color:#ffffff;
	margin: 0px 0px 10px 0px;
	padding: 25px 0px 20px 15px;
	position: relative;
}

#content-extras h2
{
	font: bold 1.0em Arial, tahoma, sans-serif;
	color: #90380e;
	margin: 0px 0px 3px 0px;
}



#extras-about { width: 290px; float: left; margin: -20px 0px 0px -20px; }
#extras-comments { width: 290px; float: left; margin: -20px 0px 0px 30px; }
#extras-flickr { width: 280px; float: right; margin-top: -20px; }



#content-extras .inner
{
	padding: 0px 15px 0px 15px;
}

#extras-about p
{
	display: block;
	font: normal 1.0em/120% Arial, tahoma, sans-serif;
	color: #000;
	text-decoration: none;
}

#extras-about .pdf
{
	display: block;
	background: url("fwm/icon_pdf.gif") no-repeat 0% 50%;
	padding: 18px 0px 18px 60px;
	font: normal 1.0em/120% Arial, tahoma, sans-serif;
	color: #90380e;
}

#extras-about .pdf strong
{
	display: block;
	font-weight: bold;
	text-decoration: none;
}

#extras-about .map
{
	display: block;
	background: url("images/icon_map.png") no-repeat 0% 50%;
	padding: 18px 0px 18px 60px;
	font: normal 1.0em/120% Arial, tahoma, sans-serif;
	color: #ac0000;
}

#extras-about .map strong
{
	display: block;
	font-weight: bold;
	text-decoration: none;
}

#extras-comments ul
{
	margin: -5px -5px 0px -5px;
	padding: 0px;
	list-style: none;
}

#extras-comments li
{
	border-: 1px solid #abab7b;
}

#extras-comments li a
{
	display: block;
	font: normal 1.0em/120% Arial, tahoma, sans-serif;
	color: #000;
	text-decoration: none;
	padding: 5px 10px 5px 20px;
	background: url("images/icon_comment_2.gif") no-repeat 4px 10px;
}

#extras-comments li a:hover
{
	background-color: #ffffff;
}

#extras-comments li a span
{
	display: block;
	color: #90380e;
}

#extras-flickr img
{
	float: left;
	widht: 43px;
	height: 43px;
	margin: 0px 8px 8px 0px;
}

#extras-flickr p
{
	display: block;
	font: normal 1.0em/120% Arial, tahoma, sans-serif;
	color: #000;
	text-decoration: none;
}

#extras-flickr .twitter
{
	display: block;
	background: url("fwm/icon_twitter.png") no-repeat 0% 50%;
	padding: 18px 0px 18px 60px;
	font: normal 1.0em/120% Arial, tahoma, sans-serif;
	color: #ac0000;
}

#extras-flickr a:hover img
{
border:none
}


#search_pic {padding-bottom:10px;}


/*-------------------------------------------------------------------------------------------*/
/* 3. POSTS */
/*-------------------------------------------------------------------------------------------*/

.post.home { background: url(fwm/post-border-home.jpg) repeat-x left ; }

.post-meta span  { background: url(fwm/metabullet.jpg) no-repeat right 3px; }

/* 3.1 Typographic Elements */
.entry blockquote  { border-left: 2px solid #3399cc; }

/* 3.2 Images */

/* 3.3 Pagination / WP-Pagenavi */
.wp-pagenavi .current, 
.wp-pagenavi .on,
.wp-pagenavi a:hover { color: #3399cc!important; }

/*-------------------------------------------------------------------------------------------*/
/* 4. WIDGETS */
/*-------------------------------------------------------------------------------------------*/

/* 4.2 Generic Widgets */
#sidebar .widget_recent_comments li a, .widget_woo_twitter a  { color: #3399cc!important; } /* RESET <A> STYLING FOR RECENT COMMENT & TWITTER */


/* 4.2 Specific Widgets */

/* NEWS WIDGET */

/* WIDGET FORMS */

/* TAG CLOUD */

/* TWITTER */

/* FLICKR */
.widget_woo_flickr a img  { border: #CECFC6 1px solid; }
.widget_woo_flickr a:hover img  { border:#A8AA99 1px solid; }

/* ADS */

/* LIFESTREAM */

/* CALENDAR */


/*-------------------------------------------------------------------------------------------*/
/* 5. COMMENTS */
/*-------------------------------------------------------------------------------------------*/

/* 5.1 Comments */
#comments .comment.depth-1  { border-: 1px solid #ebeff4; }
#comments .avatar-box img  { border: 1px solid #dee6f4; }


/* 5.2 Pingbacks / Trackbacks */

/* 5.3 Comments Form */
#commentform  {	background: #cdcdcd; }
#commentform input.txt  { border: 1px solid #eee; }
#commentform textarea  { border: 1px solid #eee; }


/*-------------------------------------------------------------------------------------------*/
/* 6. MISC */
/*-------------------------------------------------------------------------------------------*/

/* 6.1 Buttons */
.button, .button:visited, .reply a{ background-color:#3399cc; }
.button.grey { background-color:#e0e0e0; color:#555 !important; }


/*---------------------*/
/* 7. Custom */
/*---------------------*/

#wine-info { width:475px; height:250px; background-color:#eeeeee; color:#000000; border: double #dddddd;}
	#wine-info img { width:70px; padding-right:20px; padding-left:20px; float:left; }
	#wine-info p { height:100px; }
	#wine-info h2
{
	font: bold 18px Arial, tahoma, sans-serif;
	height:25px;;	
	color: #90380e;
	margin: 0px 0px 3px 0px;
}
	#wine-info h2 a{color:#95103b;}
#more-wines { margin-left:500px; margin-top:-22px;}	
#view-all {right:10px; position:absolute; width:500px;}
#wine-bottle { width:105px; height:105px; background-color:#eeeeee; color:#000000; border: double #dddddd; float:left; padding:10px;}	
#wine-bottle img {width:40px; height:120px; margin-left:25px; margin-top:-9px;}
#bottle-holder { float:right; overflow:hidden; width:400px; margin-top:-361px; padding-top:110px; }	
	
	
	
#display-map {width:940px; height:inherit; padding-bottom:20px;}	
#display-map .left-side { float: left; margin-left:20px; }
#display-map .right-side { float: right; margin-right:125px; }

#toggle-selector { background-color:#fff;height:350px; width:918px; overflow:hidden;}
#toggle-selector a.selector-more{ margin-left:250px;}
#new-listing { position: absolute; z-index:1000; margin-left:-75px; margin-top:-20px; }
#feature-new { position: absolute; z-index:1000; margin-left:-10px; margin-bottom:10px; }

#slick-selector a.collapse {
	height: 27px; width: 93px;
	text-indent: -99999px;
	position: absolute; 
	top: -27px; right: 20px; 
}
#slick-selector a.show {background-position: left bottom;} 

#wine-selector { background:url(fwm/selectorBG.jpg) #FFFFFF; border-left:1px solid #ccc; border-right:1px solid #ccc;}
#wine-selector strong{ padding-right:10px; margin-left:10px;}
#wine-selector img{ margin-bottom:-5px;}

<!--Tabs-->
/* tab pane styling */
.panes div {
	display:none;		
	padding:15px 10px;
	border:1px solid #999;
	border-top:0;
	height:100px;
	font-size:14px;
	background-color:#fff;
}

/* skin 1 */

/* root element for tabs  */

.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;
	height:30px;
	border-bottom:1px solid #666;	
}

/* single tab */
.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
.tabs a { 
	background: url(fwm/tabs.png) no-repeat -652px 0;
	font-size:12px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 111px;
	text-align:center;	
	text-decoration:none;
	color:#000;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
.tabs a:hover {
	background-position: -652px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
.tabs .current, .tabs .current:hover, .tabs li.current a {
	background-position: -652px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
.tabs .w1 			{ background-position: -519px 0; width:134px; }
.tabs .w1:hover 	{ background-position: -519px -31px; }
.tabs .w1.current { background-position: -519px -62px; }

/* width 2 */
.tabs .w2 			{ background-position: -366px -0px; width:154px; }
.tabs .w2:hover 	{ background-position: -366px -31px; }
.tabs .w2.current { background-position: -366px -62px; }


/* width 3 */
.tabs .w3 			{ background-position: -193px -0px; width:174px; }
.tabs .w3:hover 	{ background-position: -193px -31px; }
.tabs .w3.current { background-position: -193px -62px; }

/* width 4 */
.tabs .w4 			{ background-position: -0px -0px; width:194px; }
.tabs .w4:hover 	{ background-position: -0px -31px; }
.tabs .w4.current { background-position: -0px -62px; }


/* initially all panes are hidden */ 
.panes .pane {
	display:none;		
}
<!-- SKIN 2 BEGINS-->

/* root element for tabs  */
ul.css-tabs { 
	list-style:none;  
	margin:0 !important; 
	padding:0;
	height:30px;
	border-bottom:1px solid #666;	 	
}

/* single tab */
ul.css-tabs li {  
	float:left;	 
	padding:0; 
	margin:0;  
	list-style-type:none;	
}

/* link inside the tab. uses a background image */
ul.css-tabs a { 
	float:left;
	font-size:13px;
	display:block;
	padding:5px 30px;	
	text-decoration:none;
	border:1px solid #666;	
	border-bottom:0px;
	height:18px;
	background-color:#efefef;
	color:#777;
	margin-right:2px;
	position:relative;
	top:1px;	
	outline:0;
	-moz-border-radius:4px 4px 0 0;	
}

ul.css-tabs a:hover {
	background-color:#F7F7F7;
	color:#333;
}
	
/* selected tab */
ul.css-tabs a.current {
	background-color:#ddd;
	border-bottom:1px solid #ddd;	
	color:#000;	
	cursor:default;
}

	
/* tab pane */
.css-panes div {
	display:none;
	border:1px solid #666;
	border-width:0 1px 1px 1px;
	min-height:150px;
	padding:15px 20px;
	background-color:#ddd;	
}

/* alternate colors: skin2 */
	ul.skin2 a {
		background-color:#89a;		
		color:#fff !important;
	}
	
	/* mouseover state */
	ul.skin2 a:hover {
		background-color:#678;
	}
	
	/* active tab */
	ul.skin2 a.current {
		background-color:#4F5C6A;
		border-bottom:2px solid #4F5C6A;	
	}
	
	/* tab pane with background gradient */
	div.skin2 div {
		min-height:200px;
		color:#fff;	
		background:#234 url(http://static.flowplayer.org/img/global/gradient/h300.png) repeat-x scroll 0 -50px;
		
		/* IE6 does not support PNG24 images natively */
		_background:#4F5C6A;
	}

#food {height:100%; list-style-type:none; font-size:18px;}
#food ul {list-style-type: none; width:100%; display:table-cell;}
#food .categories li { list-style-type:none; display:inline; padding:10px; float:right; width:200px; }
#food .categories li a{ list-style-type:none; font-size:14px; background-color:#eeeeee; width:100%; color:#333333; padding:10px; font-weight:bold; display:inline-table; }
#food .categories .children li a{ list-style-type:none; font-size:12px; background-color:#ffffff; width:100%; color:#95103b; padding:0px; display:inline; }

#featured-page {height: 400px; width: 860px; background-image:http://finewinessask.com/wp-content/uploads/2010/04/bordeauxBkgd.jpg no-repeat; overflow: hidden; padding: 10px; }

/*Related Posts*/

ul.related_post {background-color:#eeeeee; border:double #dddddd;}
ul.related_post li{list-style-type:none; display:block; padding-top:5px; border-bottom: medium #dddddd;}
ul.related_post li a{ text-transform:uppercase; font-size:12px; color:#333333;display:block;padding-top:10px; padding-bottom:20px;border-top:3px solid #c1c1c1;position:relative;padding-left:10px;font-weight:bold;background: url(fwm/arrow.png) no-repeat right 7px;margin:-5px -5px -5px -10px; width:100%;}

/*Portfolio */

#portfolio {font-size:12px; width:1200px;}
table.portfolio-fws{border:1px solid black; padding-top:5px; padding-bottom:5px;}
tbody.portfolio-fws{ padding-top:5px; padding-bottom:10px;}
th {background-color:green;color:white; padding:5px;font-size:10px;}
td.port-name{width:200px; padding:5px; border-bottom:1px solid black;border-right:1px solid black;}
td.port-vintage{width:50px;padding:5px;border-bottom:1px solid black;border-right:1px solid black; text-align:center;}
td.port-product{width:75px;padding:5px;border-bottom:1px solid black;border-right:1px solid black;text-align:center;}
td.port-price{width:50px;padding:5px;border-bottom:1px solid black;text-align:center;}
#portfolio strong {font-size: 14px;}
#portfolio-fws { height:100%; width:940px; list-style-type:none; font-size:12px; position:absolute; padding:15px; }
ul.portfolio-fws {list-style-type: none; width:900px; display:inline; }
li.portfolio-fws { list-style-type:none; padding:10px; float:left; width:400px; }
#singleDiv { min-height:60px; width:450px; list-style-type:none; font-size:12px; display:inline-block; position:relative; vertical-align:top;}
#singleDiv strong {font-size: 14px;}
#new-portfolio { position: absolute; z-index:1000; margin-left:-20px; margin-top:-10px;}
.col-port  { width: 1300px; margin: 0 auto; }
.post-port  { margin: 0 0 5px 0; padding: 0 0 25px 0; background: none; border-bottom: 1px solid #eee; }

/* Wine List */
.print-ul {vertical-align:text-top;}
.print-info { width:400px; height:230px; background-color:#eeeeee; color:#000000; border: double #dddddd; padding:5px; display:inline-block; vertical-align:text-top;}
	.print-info img { padding-right:20px; padding-left:20px; }
	.print-info p {vertical-align:middle; }
	.print-info h2
{
	font: bold 18px Arial, tahoma, sans-serif;
	color: #90380e;
	margin: 0px 0px 3px 0px;
}
	.print-info h2 a{color:#95103b;}


