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

				JUSTIN WINERY					  	
											 
===============================================*/

body { margin: 0; padding: 0; font-size: 11px; font-family: Helvetica, Arial, sans-serif; background: url(images/bkgrd.png) repeat-x left top; width:100%; color:#222; }
body#pop { background:none; background-image:none; margin:0; padding:0; }
div, table, td { font-size: 11px; font-family: Helvetica, Arial, sans-serif; color:#222; }
h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#222; }
#wrapper { width: 770px; height: auto; margin: 0 auto; }
#wrapper { _width: 775px; }
a:link    { color: #5F0605; text-decoration: none; }
a:visited { color: #5F0605; text-decoration: none; }
a:hover   { color: #111; text-decoration: underline; }
a:active  { color: #111; text-decoration: underline; }
img, a img { margin: 0; padding: 0; border: none; text-decoration: none; display:block; }

/*--------------------------------------------------------------------------
Top Bar Navigation
---------------------------------------------------------------------------*/
ul#topbar { width: 400px; height: 50px; margin: 0 0 20px 370px; padding:0; background: url(images/buy-wine_join.png) no-repeat right bottom; list-style-type:none; display:block; overflow: hidden; }

ul#topbar li { display:block; float:left; height: 25px; bottom: 0px; margin:25px 0 0 0; padding:0; }
ul#topbar a { display: block; text-decoration: none; height: 25px; text-indent: -10000px; }

li#buywine, li#buywine a { width: 86px; }
li#join, li#join a   { width: 191px; }
li#members, li#members a    { width: 123px; }

/*---------------------------------------------------------------------------
         Justin Logo, Left Navigation, Temperature, Address
----------------------------------------------------------------------------*/
#leftcol { width: 208px; height: auto; float: left; }
#leftcol a:link { border:none; text-decoration:none; }
#leftcol a:visited { border:none; text-decoration:none; }
#leftcol a:hover { border:none; text-decoration:none; }
#leftcol a:active { border:none; text-decoration:none; }

ul#mainMenu { width: 150px; height: auto; text-align:right; float:left; margin:0 0 16px 28px; padding:0; }
ul#mainMenu li { margin:0; padding:0; display:block; line-height:18px; }

ul#mainMenu ul { padding:2px 10px 4px 0; border-bottom:1px solid #DDD; border-top:1px solid #DDD; margin:0 3px 0 0; display:none; }
ul#mainMenu ul.show { display:block; }
ul#mainMenu ul li { font-size:11px; padding:2px 0; color:#666; line-height:13px; list-style-type:none; }

/* IE6 + 7 Hacks */
ul#mainMenu ul li { *padding:0; *font-size:10px; }

/* IE6 Only */
ul#mainMenu { _margin-left:14px; }
ul#mainMenu li { _line-height:4px;}


#newsletterPlug { width: 143px; padding:5px; clear:both; background:url(images/newsletterPlug_bg.gif) repeat-x bottom; margin:0 0 0 28px; float:left; text-align:right; }
#newsletterPlug { _margin-left:14px; }

#paso { width: 208px; height: auto; background: url(images/paso_bkgrd.gif) no-repeat left bottom; padding: 0 0 45px 0; clear:both; }
#paso h3 { width: 208px; height: 35px; margin: 0 0 5px 0; display: block; background: url(images/paso_h3.gif) left top; text-indent: -10000px; }
#paso p, #address p, #newsletterPlug p { font-size: 11px; color: #666666; text-align: right; margin: 0 28px 5px 0; }
#paso p strong { color: #660000; font-weight: bold; }

#address { width: 208px; }

/*-------------------------------------------------------------
                  Main Image, Content, Right Nav
-------------------------------------------------------------*/
#rightcol { width: 545px; height: 400px; float: right; padding: 0 16px 0 0; }

#mainImage { width: 545px; height: 225px; }
#mainImageTall { width: 545px; height: auto; }
#content img { padding:5px; border:1px solid #DDD; }
body#pop #content img { margin-bottom:10px; border:none; }

#content a:hover img { padding:5px; border:1px solid #AAA; }

#content { width: 545px; float: left; padding: 20px 0 0 0; clear:left; }
#contentPop { margin:0; margin:10px 0 0 10px; }
#content h1 { font-size: 23px; margin: 0 0 10px 0; }
#content h2, #contentPop h2 { font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; font-style: oblique; font-weight: normal; color: #5F0605; margin: 0 0 10px 0; }
#content h3, #contentPop h3 { font-size: 16px; margin: 0 0 10px 0; color:#666666; }
#content p, #contentPop p { font-size: 11px; line-height: 15px; font-family: Helvetica, Arial, sans-serif; margin: 0 0 10px 0; }

#submenu { width: 125px; padding: 0 0 0 10px; margin: 20px 0 10px 10px; float: right; border-left: #5F0605 dotted 1px; }
#submenu ul { margin:0; padding:0; }
#submenu ul li { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #5F0605; line-height: 15px; list-style-type:none; margin:0; padding:.25em 0; }

/* IE6 + 7 Hacks */
#submenu ul li { *font-size:10px; }

div.floatRight { float:right; margin-left:10px; }

#content hr {
	width:100%;
	height:1px;
	background-color:#CCC;
	border:none;
	margin:16px 0;
}
div.sfweBlock { display:block; width:474px; padding:8px; margin:0 0 10px 0; font-weight:bold; clear:both; background:#5F0605; border-bottom:1px solid #222222; font-size:14px; color:#FFFFFF; }
div.sfweBlock span.topJump { display:block; width:100px; float:right; text-align:right; font-size:12px; }
div.sfweBlock span.topJump a { color:#FFFFFF; }
div.sfweTxtBlock { float:left; width:450px; padding:20px; margin-bottom:10px; font-size:12px; clear:left; background:#EEEEEE; border-bottom:1px solid #CCCCCC; }
img.sfwePic, .sfweTxtBlock img { float:right; margin-left:10px; padding:5px; background:#CCCCCC; }

div#swfe_lightbox { width:530px; padding:5px; position:absolute; margin-top:10px; z-index:1000; background:#DDDDDD; display:none; }
div#swfe_lightbox iframe { display:block; width:100%; height:400px; background:#FFFFFF; margin:0; padding:0; border:none; overflow:auto; }

input.short { margin-right:20px; }

.redText { color:#990000; }



/*-----------------------------------------------------------
                           Footer
-------------------------------------------------------------*/
#footer { width: 545px; padding: 20px 0; clear: both; font-size: 11px; color: #999999; font-family: Arial, Helvetica, sans-serif; margin-bottom:20px; }
#footer p { font-size: 11px; color: #999999; font-family: Arial, Helvetica, sans-serif;}
#footer a:link    { color: #333; text-decoration: none; font-weight:bold; }
#footer a:visited { color: #333; text-decoration: none; font-weight:bold; }
#footer a:hover   { color: #333; text-decoration: underline; font-weight:bold; }
#footer a:active  { color: #333; text-decoration: underline; font-weight:bold; }