/* -------------------------------------------
project:	Muphy Vineyards
author:		CSSNinjas.com
date:		2008/11/26
------------------------------------------- */



html { -webkit-text-size-adjust: none; min-height: 100%; margin: 0 0 1px; font-size: 100.01%; }
body { margin: 0; padding: 0; background: #cecab8 url(../images/global/wrap-bg-a.jpg) 0 120px no-repeat; color: #333; font: 62.5%/2 Tahoma,Geneva,sans-serif; }
textarea, input, select, option, optgroup, button { font: 1em Tahoma,Geneva,sans-serif; }

* html body { behavior: url(/assets/css/csshover.htc); }

/* RE-SETS
------------------------------------------- */
* { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }

li, dt, dd, p, th, td, caption { font-size: 1.2em; }
ul, ol, dl { margin-bottom: 15px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
p { margin-bottom: 15px; }
li *, li p, li li, dt *, dd *, p *, td p { font-size: 1em; }

img { border: none; }

pre { font: 1.1em "Courier New",monospace; white-space: pre-wrap; }

a { color: #900; text-decoration: none; }
a:hover, a:focus, a:active { color: #C30; text-decoration: underline; }

/* HEADINGS
------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin: 0 0 15px; color: #933; font: normal 2.8em/1 Georgia,serif; }
h1 { font-style: italic; letter-spacing: -1px; }
h2 { font-size: 2.2em; }
h3 { font-size: 1.8em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1.0em; }

/* HELPERS
------------------------------------------- */
.wrapper { width: 100%; overflow: hidden; }
.center { margin-left: auto; margin-right: auto; text-align: center; }
.offset { position: absolute; left: -10001px; overflow: hidden; height: 0; margin: 0; line-height: 0; }

	/* Clearing floats without extra markup
	   Based on How To Clear Floats Without Structural Markup by PiE
	   [http://www.positioniseverything.net/easyclearing.html] */
	
	.clearfix:after {
		content: "\0020"; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden; 
		overflow:hidden; 
	}
	.clearfix {display: block;}
	
	/* Regular clearing
	   apply to column that should drop below previous ones. */
	
	.clear { clear:both; }

/* LAYOUT
------------------------------------------- */
#root {  }
 #top { background: #fff; font-family: "Trebuchet MS",Helvetica,sans-serif; }
  #top div.top-inner { position: relative; width: 960px; height: 120px; margin: 0 auto; }
  #logo { position: absolute; left: 0; top: 50%; margin: -50px 0 0; }
   #logo img { display: block; }
  #contact { position: absolute; right: 15px; top: 13px; list-style: none; margin: 0; padding: 0; text-align: right; }
   #contact li { line-height: 1.5; }
    #contact li a { color: #333; }

#user-toolsWrapper { position: absolute; top: 76px; right: -3px; z-index: 1000; bottom: 0; padding: 0 0 0 20px; background: url(../images/global/cart-bg-a.png) no-repeat; }
	#user-tools { width: 300px; padding: 15px 18px 5px 0; background: url(../images/global/cart-bg-a.png) 100% 0 no-repeat; }
	#user-tools a { font-variant:small-caps; font-size:1.2em; }

#v65-toggleModalCart { display:block; float:left; background: url(../images/global/cart-icon-a.jpg) center left no-repeat; padding: 15px 18px 5px 30px; }
#v65-modalCartBody a { font-variant:normal; font-size:1em; }
	  
 #wrap { width: 950px; margin: 0 auto; padding: 0 5px; background: url(../images/global/wrap-middle-a.png) 50% 0 repeat-y; }
 * html #wrap { background-image: url(../images/global/wrap-middle-a-ie.png); }
   #nav { display:block; width: 100%; height: 32px; margin: 0 0 1px; padding: 0; background: url(../images/global/mainNav/nav-bg-a.gif) repeat-x; }
   #nav ul { position: relative; z-index: 15; list-style: none; margin: 0; padding: 0; }
    #nav li { position: relative; z-index: 15; float: left; list-style:none; }
     #nav li a { float: left; height: 32px; padding: 0 20px; background: url(../images/global/mainNav/nav-bg-b.gif) -1px 0 no-repeat; color: #fff; line-height: 32px; }
     #nav li a:hover,
     #nav li a:focus,
     #nav li a:active,
     #nav li a.on { background-repeat: repeat-x; background-color: #9b3139; text-decoration: none; }
     #nav li em { position: absolute; left: -10001px; top: -10001px; }
     #nav li ul { position: absolute; left: -10001px; top: 32px; list-style: none; width: 180px; margin: 0; padding: 0; background: #a8986b; }
     #nav li:hover ul,
     #nav li.on ul { display: block; left: 0; }
     #nav li a:focus + em + ul { left: 0; }
      #nav li ul li { float: left; }
       #nav li ul li a { float: left; width: 140px; height: auto; padding: 8px 20px; border-top: 1px solid #fff; line-height: 1.5; }
   #content { overflow: hidden; padding: 30px 25px 1px;}
   	#homepageContent { padding: 20px; }
 #footer { width: 930px; margin: 0 auto; padding: 25px 15px 15px; background: url(../images/global/wrap-bottom-a.png) 50% 0 no-repeat; }
 * html #footer { background-image: url(../images/global/wrap-bottom-a-ie.jpg); }
  #footer p { color: #fff; line-height: 1.5; }
   #footer p a { color: #fff; }
  #footer p.first { float: right; color: #666; }
   #footer p.first a { color: #666; }
  #footer ul { list-style: none; margin: 0; padding: 0; }
   #footer ul li { display: inline; padding: 0 10px 0 0; line-height: 1.5; }
    #footer ul li a { color: #fff; }
	
	#footerLegal { float: left; color:#fff; }
	#footerAuthor { float: right; text-align: right; color:#000; }
	#footerAuthor a { color:#000; }
   
/* SKIP LINKS
------------------------------------------- */
#skip-links { position: absolute; top: 10px; left: -10001px; list-style: none; margin: 0; padding: 0; }
 #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10401px; top: 0; z-index: 10001; width: auto; padding: 0 2px; background: #fff; color: #333; font-size: 1em; text-align: center; white-space: nowrap; }

/* GENERAL
------------------------------------------- */
div.columns-two-a { overflow: hidden; width: 100%; }
 div.columns-two-a div.primary { float: right; width: 650px; }
 div.columns-two-a div.secondary { float: left; width: 225px; }
 
div.columns-two-a2 { overflow: hidden; width: 100%; }
 div.columns-two-a2 div.primary { overflow: hidden; width: 100%; }
 
div.columns-two-b { overflow: hidden; width: 100%; }
 div.columns-two-b div.primary { float: right; width: 530px; }
 div.columns-two-b div.secondary { float: left; width: 325px; }
 
div.box-a { margin: 0 0 15px; padding: 10px 0 0; background: url(../images/box-a.gif) no-repeat; line-height: 1.5; }
 div.box-a div.box-a-outer { padding: 0 0 10px; background: url(../images/box-a.gif) 0 100% no-repeat; }
  div.box-a div.box-a-inner { padding: 0 10px 1px; border: 1px solid #e7e5dd; border-width: 0 1px; background: #fff; }
   div.box-a h2,
   div.box-a h3 { margin: 0 0 10px; padding: 0 0 10px; background: url(../images/sep-a.gif) -1px 100% repeat-x; color: #990; font: bold 1.5em Tahoma,Geneva,sans-serif; }
   div.box-a h3 { font-size: 1.3em; }
   div.box-a ul { margin:0 0 5px 0; list-style:none; padding:0; }
   div.box-a p { margin-bottom: 5px; }
 
ul.a { list-style: none; margin: 0 0 15px; padding: 0; }
 
img.right { float: right; margin: 0 0 5px 10px; padding: 2px; border: 1px solid #707070; }
img.left { float: left; margin: 0 10px 5px 0; padding: 2px; border: 1px solid #707070; }
 
/* ELEMENTS
------------------------------------------- */
#home { }
 #header { position: relative; z-index: 10; width: 950px; min-height: 350px; margin: 0; padding: 0; overflow: hidden; }
 * html #header { height: 330px; }
  #header p.picture { position: absolute; right: 30px; top: 20px; width: 417px; height: 316px; margin: 0; padding: 15px 0 0 19px; background: url(../images/homepage/home-photo-bg-a.png) no-repeat; }
  * html #header p.picture { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/home-photo-bg-a.png", sizingMethod="crop"); }
  #header div.intro { margin: 0 0 15px; padding: 20px 0 1px; background: #56544b url(../images/homepage/home-a-intro-a.png) repeat-x; color: #fff; }
   #header div.intro h1 { margin-left: 0; padding-left: 25px; margin-right: 465px; color: #fff; }
   #header div.intro p { font-size: 1.3em; }
  #header p { margin-left: 25px; margin-right: 485px; font: 1.2em/2 "Trebuchet MS",Helvetica,sans-serif; }
 #home div.columns-two-b { line-height: 1.75; }
  #home div.columns-two-b div.primary p { font-size: 1.1em; }

/*#newsletter-box { font-family: "Trebuchet MS",Helvetica,sans-serif; }
 #newsletter-box.box-a label { display: block; margin: 0 0 2px; }
 #newsletter-box input { width: 125px; padding: 1px 2px; border: 1px solid #666; vertical-align: middle; }
 #newsletter-box button { margin: 0; padding: 1px 5px; border: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #9b3139; color: #fff; font: bold 11px/16px "Trebuchet MS",Helvetica,sans-serif; text-transform: uppercase; vertical-align: middle; }
 * html #newsletter-box button { height: 18px; margin-left: 5px; padding: 0 5px; }
 *:first-child+html #newsletter-box button { height: 18px; margin-left: 5px; padding: 0 5px; }*/

/* SIFR
------------------------------------------- */
.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { display: block; position: absolute; left: 0; top: 0; overflow: hidden; width: 0; height: 0; }
.sIFR-flash + div[adblocktab=true] { display: none !important; }

.sIFR-hasFlash #content h1 { overflow: hidden; height: 38px; margin-bottom: 10px; font-size: 34px; visibility: hidden;} 

/* -------------------------------------------------------------- 
   Print Template
-------------------------------------------------------------- */
#printBody { background-image: none; background-color: #FFF; margin: 0; padding: 0; }
#printWrapper { width: 700px; margin: 0 auto; }
	#printHeader { width: 700px; height: 150px; }
	#printContent { width: 700px; text-align: left; }
	
/* -------------------------------------------------------------- 
   Browse Page Layout
-------------------------------------------------------------- */
.v65-product1Up { width:900px; }
.v65-product1UpProductDescription { width:590px; }
.v65-socialMediaBar, .v65-productStockMessage, .v65-product2UpReviews, .v65-product1UpReviews, .v65-product2UpAddToCart, .v65-product1UpAddToCart { display:none; }
.v65-product2Up h2, .v65-product1Up h2 { font-size:1.7em; font-style:italic; }
.v65-clubTitle { display:none; }
#v65-signUpClubSummaryWrapper { display:none; }
#v65-productSpecs { display:none; }
	
/*---------------------------------------------------------------------------*/
/*------- Buttons - This calls the button sprites from the local site -------*/
/*------- Use these styles to customize buttons if necessary ----------------*/
/*---------------------------------------------------------------------------*/
	
	/* OPTIONAL BUTTON STYLES regular button: */		
	button.defaultBtn { background: transparent url(../images/buttons/btn_sprite.gif) no-repeat right -100px; }
	button.defaultBtn span { background: transparent url(../images/buttons/btn_sprite.gif) no-repeat left top; }
		
	/* OPTIONAL BUTTON STYLES alt button: */		
	button.altBtn { background: transparent url(../images/buttons/btn_alt_sprite.gif) no-repeat right -100px; }
	button.altBtn span { background: transparent url(../images/buttons/btn_alt_sprite.gif) no-repeat left top; }
		
	/* OPTIONAL BUTTON STYLES modal button: */		
	button.modalBtn { background: transparent url(../images/buttons/btn_modal_sprite.gif) no-repeat right -50px; }
	button.modalBtn span { background: transparent url(../images/buttons/btn_modal_sprite.gif) no-repeat left top; }
		
	/* OPTIONAL BUTTON STYLES modal alt button: */		
	button.altModalBtn { background: transparent url(../images/buttons/btn_modal_alt_sprite.gif) no-repeat right -50px; }
	button.altModalBtn span { background: transparent url(../images/buttons/btn_modal_alt_sprite.gif) no-repeat left top; }
		
	/* OPTIONAL BUTTON STYLES large button: */		
	button.largeBtn { background: transparent url(../images/buttons/btn_large_sprite.gif) no-repeat right -100px; }
	button.largeBtn span { background: transparent url(../images/buttons/btn_large_sprite.gif) no-repeat left top; }
	
	/* OPTIONAL BUTTON STYLES large button: */		
	button.altLargeBtn { background: transparent url(../images/buttons/btn_large_alt_sprite.gif) no-repeat right -100px; }
	button.altLargeBtn span { background: transparent url(../images/buttons/btn_large_alt_sprite.gif) no-repeat left top; }
	
	
	/* REQUIRED LINK BUTTON STYLES: */
	
	/* Link Button Normal */
	a.linkBtn { background: transparent url(../images/buttons/btn_sprite.gif) no-repeat right -100px; }
	a.linkBtn span { background: transparent url(../images/buttons/btn_sprite.gif) no-repeat left top; }
	
	/* Link ALT Button Normal */
	a.linkAltBtn {  background: transparent url(../images/buttons/btn_alt_sprite.gif) no-repeat right -100px; }
	a.linkAltBtn span { background: transparent url(../images/buttons/btn_alt_sprite.gif) no-repeat left top;  }
		
	/* Modal Link Button Normal */
	a.modalLinkBtn { background: transparent url(../images/buttons/btn_modal_sprite.gif) no-repeat right -50px; }
	a.modalLinkBtn span { background: transparent url(../images/buttons/btn_modal_sprite.gif) no-repeat left top; }
		
	/* Modal Link ALT Button Normal */
	a.modalLinkAltBtn { background: transparent url(../images/buttons/btn_modal_alt_sprite.gif) no-repeat right -50px; }
	a.modalLinkAltBtn span { background: transparent url(../images/buttons/btn_modal_alt_sprite.gif) no-repeat left top; }
		
	/* Link Button Large */
	a.largeLinkBtn { background: transparent url(../images/buttons/btn_large_sprite.gif) no-repeat right -100px; }
	a.largeLinkBtn span { background: transparent url(../images/buttons/btn_large_sprite.gif) no-repeat left top; }
	
	
	
/* -------------------------------------------*/
/* -------------------------------------------*/
/* -------------------------------------------*/

/* Import Basic Page CSS Document */

/* -------------------------------------------*/
/* -------------------------------------------*/
/* -------------------------------------------*/

/* CSS Document */
		
/* Search */
	
	.searchItemHeader {
		font-size: 1.2em; 
		margin: 0 0 0.2em 0; padding: 0;
		}
		
	.searchItem {
		margin: 0 0 1.2em 0; padding: 0;
		}
		
		.searchContext {
			background-color: #FF6;
			}
			
	.searchPagination {
		text-align: right; 
		padding: 10px 0;
		border-top: 1px solid #ccc;
		}	
		
/* Member Pages */	

	/* Login Screen */	
	#loginScreenLoginWrapper {
		float: left;
		width: 230px; 
		}
		
	#loginScreenCreateAccountWrapper {
		float: right;
		width: 230px; 
		}
		
	/* Club Page */	
	#clubScreenClubWrapper { 
		
		}
		
	#clubScreenAllClubs { 
		margin: 25px 0 0 0;
		}
		
	.clubScreenClubItem {
		overflow: hidden;
		border-bottom: 1px solid #ccc;
		margin: 0 0 15px 0;
		}
		
		.clubScreenTeaser {
			display: none;
			}
		
/* Club Component Output */
.pagesClubTitle {
	width: 510px;
	font: 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 0.6em 0;
	font-weight: normal;
	color: #990000;
	margin: 0px;
	padding: 10px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	background-color:#FFFFCC;
	}
	
.pagesClubTeaser {
	width: 510px;
	margin: 0px; padding: 10px;
	border: 1px solid #cccccc;
	overflow: hidden;
	}
	
.pagesClubJoin	 {
	padding: 5px; margin: 0px;
	}
	
/* Form Builder Styling */
#formBuilderWrapper  {
	width: 190px;
	padding: .5em; margin: 0;
	border: 1px solid #eee;
	text-align: left;
	}
	
	#formBuilderWrapper form{
		padding: 0; margin: 0;
		}
		
	#formBuilderWrapper fieldset {
		margin: 0; padding: 0 0 0.5em 1em;	
		border: 1px solid #ccc; 
		}
	
	#formBuilderWrapper legend {  
		margin: 0 0 0 -0.5em; padding: 0.5em;  
		color: #000;  
		font-size: 1.2em;
		text-align: left;
		font-weight: bold;
		}
	
	#formBuilderWrapper fieldset div {  
		padding: 0; margin: 0 0 1em 0;
		overflow: hidden;
		} 
	
		#formBuilderWrapper fieldset div input[type="text"]  {
			font-size: 11px;
			color: #666;
			width: 200px;
			}
		
		#formBuilderWrapper fieldset div select {
			font-size: 11px;
			color: #666;
			width: 205px;
			}
		
		#formBuilderWrapper fieldset div textarea {
			color: #666;
			width: 200px;
			font-size: 11px;
			font-family: Arial, Helvetica, sans-serif;
			line-height: 1.2em;
			}
			
	#formBuilderWrapper fieldset div.optinDiv {  
		/*padding: 0 0 1em 30px;*/
		padding: 0 0 1em 0; margin: 0;
		overflow: hidden;
		} 
			
	#formBuilderWrapper label {  
		display: block;
		margin: 0; padding: 0 1em 0 0;
		font-size: 1.1em;
		}
	
	#formBuilderWrapper fieldset.submit {
		margin: 1em 0 0 0; padding: 0.5em;	
		border: 1px solid #eee; 
		text-align: center;
	}
	
#formBuilderWrapperLoading {
	width: auto;
	padding: 20px 0px; margin: 0px;
	text-align: center;
}

	/* Member Form Error Styling */	
	#formBuilderErrorMessage {  
		margin: 0; padding: 10px 0 8px 0;
		}
		
		#formBuilderErrorMessage p { 
			}
			
		#formBuilderErrorMessage ul {  
			list-style: none;
			margin: 0; padding: 0 0 0 5px;
			}
			
			#formBuilderErrorMessage li {  
				padding: 0; margin: 0;
				}
		
	#formBuilderWrapper fieldset div.fieldError {  
		background-color: #ffefef;
		padding: 5px 0 5px 5px;
		}
	
		#formBuilderWrapper fieldset div.fieldError input[type="text"]  {
			font-size: 11px;
			color: #C00;
			font-weight: bold;
			width: 200px;
			}
			
		#formBuilderWrapper fieldset div.fieldError textarea {
			font-size: 11px;
			color: #C00;
			font-weight: bold;
			width: 200px;
			}
		
		.fieldError label {  
			color: #C00;
			font-weight: bold;		
			}
		
			.fieldError label em{  
				color: #C00;
				font-weight: normal;		
				}
	
	/* Form Error Message Styling */	
	#formBuilderErrorMessage {  
		margin: 1em 0 0.5em 0; padding: 0; 
		}
		
		#formBuilderErrorMessage p { 
			color: #C00;
			font-weight: bold;
			}
			
		#formBuilderErrorMessage ul {  
			margin: 0;
			}
			
			#formBuilderErrorMessage li {  
				color: #C00;
				font-size: 0.9em;
				}
	
	#formBuilderWrapper fieldset.submit {
		border-style: none; 
		text-align: center;
	}
	
#formBuilderWrapperLoading {
	width: auto;
	padding: 20px 0px; margin: 0px;
	text-align: center;
}
		
/* Member Form Styling */	
.memberform {
	width: 100%;
	}
	
.memberform td{
	padding: 3px; 
	}
		
	.membertdlabel {
		text-align: right;
		white-space: nowrap;
		}
		
	.membertdformfield {
		}
		
		.membertdformfield input {
			width: 170px;
			}
		.membertdformfield select {
			width: 170px;
			}
		select.membertdformfieldDate { /*This is for Birdthday dropdowns*/
			width: 55px;
			}
		.membertdformfield textarea {
			/*width: 155px;*/
			}
			
	.memberformSubmit {
		text-align: right;
		}