/*----------------------------------------
	Main stylesheet for: Zilzie
	----------------------------------------*/ 

	/*----------------------------------------  
	Colour Master List

	Background: black (none more): #000000
	big heading: #575e63 (grey)
	Small heading: offwhite: #dbdcdc

	----------------------------------------*/ 
    
/* Styles reset -------------------------------------------------------------------------------------  */     

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, apress, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, p, ol, ul, li,
fieldset, form, label, legend
{
   border: 0;
   font-family: inherit;
   font-style: inherit;
   font-weight: inherit;
   line-height: normal;                
   margin: 0;
   outline: 0;     
   padding: 0;
}

/* Typography & styling -------------------------------------------------------------------------------------  */ 
body
{
	background-color: #FFFFFF;
   font-family: arial;
   font-size: 9pt; 	
}


body#splash
{
   background-color: #000000;   font-family: arial;
   font-size: 9.5pt;    font-family: arial;
   font-size: 9.5pt;    font-family: arial;
   font-size: 9.5pt; 
}



h1
{
	font-size: 16pt;   
	color: #575e63; 
	font-weight: normal;
	margin-bottom: 20px;
}

h2
{
   font: 14pt;   
}


a
{
	color: #717474;
	text-decoration: none;  
}

   a:hover
   {
      color: #575e63;
      text-decoration: none;
   }
   
p
{
   line-height: 1.3em;
   margin-bottom: 0.6em;
}   
   

.bold
{
   font-weight: bold;
} 

.login
{
	text-decoration: none;	
}

.left
{
	float: left;	
}

.right
{
	float: right;	
}

.clear
{
	clear: both;	
}


/* Layout -------------------------------------------------------------------------------------  */ 
#wrapper, #wrapper2
{
	width: 880px;
	margin: auto;
	position: relative;
}

#wrapper2
{
   width: 880px;
   margin: auto;
   position: relative; 
}

body.wide #wrapper2
{
   width: 960px !important;
}

body.wide #wrapper
{
	width: 960px;
	margin: auto;
	position: relative;
}

	#overlay
	{
		position: absolute;
		z-index: 100;
		top: 0;
	}
	
	#flashMovie
	{
		height: 525px;
		width: 960px;
	}
	
	#user_nav
	{
		float: left;
		height: 30px;
		width: 350px;
		margin-top: 20px;
		color: #AAAAAA;
		margin-left: 200px;
	}
	
		#user_nav a
		{
			color: #AAAAAA;
			text-decoration: none;
		}	
		
		#user_nav a:hover
		{
			color: #999999;
		}																																					
	
	#main
	{
		float: right;
		width: 680px;
		min-height: 450px;
		margin-top: 24px;
		padding-bottom: 20px;
	}
	
		#main p
		{
			margin-top: 10px;
		}
		
		#main p.col
		{
			width: 614px;
		}		
		
	body.wide #main
	{
		float: right;
		width: 760px;
		height: 450px;
		margin-top: 85px;
	}			

	#nav
	{
		float: left;
		width: 162px;	
	}
	
		#nav_links
		{
			width: 162px;  
		}
		
			#nav_links ul
			{
				list-style: none;
				background: url('../images/layout/menu_bg.png') top left no-repeat; 
				padding-top: 10px;
			}
			
				#nav_links li
				{
					height: 21px;
					border-bottom: #666666 1px solid;	
					width: 152px;
				}			
		
					#nav_links ul li a
					{
						color: #dddede;
						font-weight: bold;
						text-decoration: none;
						padding-left: 8px;
						display: block;
						padding-top: 3px;
						font-size: 9pt;  
					}
					
						#nav_links ul li a:hover
						{
							color: #FFFFFF;
						}				
			
			#nav_links .last
			{

			}				
			
			#menu_close
			{     
				height: 40px;
				width: 161px;
				display: block;
				background: url('../images/layout/menu_close.png') top left no-repeat; 
            outline:none; 
			}
			
			#menu_close:hover
			{
				background: url('../images/layout/menu_close.png') bottom left no-repeat;   
            outline:none;
			}
			
			.start_closed
			{
				background: url('../images/layout/menu_top.png') top left no-repeat !important; 
            outline:none;
			}	
			
	#quote
	{
		position: absolute;
		top: 170px;
		left: -40px; 
	}
	
	#checkout_steps
	{
		position: absolute;
		top: 170px;
		left: 10px;
	}
	
		.step_box
		{
			list-style-type: none;
		}
		
			.step_box li
			{
				float: left;
			}
			
			.step_box li.sb_step
			{
				height: 24px;
				width: 30px;
				background-color: #a5b4c0;
				text-align: center;
				font-size: 12pt;
				color: #FFFFFF;
				padding-top: 6px;
			}	
			
			.step_box li.sb_desc
			{
				height: 22px;
				width: 115px;
				background-color: #8f9da9;
				font-size: 10pt;
				color: #FFFFFF;
				padding-top: 8px;
				padding-left: 8px;
				font-weight: bold;
			}
			
			.sb_divider
			{
				clear:both; 
				padding-top: 7px;
			}
			
			.sb_active
			{
				background-color: #56697b !important;
			}				
		
	.hide
	{
		display: none;		
	}
			
	/* Tabs -------------------------------------------------------------------------------------  */ 
	#tabs
	{
		float: left; 
		margin-top: -47px;	
      position: relative;
	}

	.tabs 
	{
		 height: 36px;
		 list-style: none; 
		 margin: 0px 10px 30px 0;     
		 padding: 0 0 0 10px; 
	}

		.tabs li 
		{
			 display: block !important; 
			 float: left !important; 
			 margin: 0 -20px 0 0 !important;
			 vertical-align: middle;
		}

			.tabs li a 
			{
				 display: block !important; 
				 position:relative !important; 
				 height: 37px;
				 width: 154px;    
			}

			.tabs li a:hover
			{
				background-position: 0 -37px !important;
			}	
		
			.tabs li a.active 
			{
				background-position: bottom left !important;
			}					

	
#footerWrapper
{
   width: 100%;
   position: relative;
   background: url('../images/layout/footer_bg.jpg') top left repeat-x;
}

	#footerWrapper.checkout-footer
	{
		background: none !important;
		border-top: 1px #cccccc solid;
	}
	
	#footer
	{
		width: 880px;
		margin: auto;	
	}
	
	body.wide #footer
	{
		width: 960px;
		margin: auto;	
	}	
	
		.footer_box
		{
			float: left;
			height: 142px;
			width: 160px;
			margin-right: 20px;	
			background: url('../images/layout/footer_box_gradient.jpg');
			padding: 10px;
			border: 1px solid #43494b;
		}
		
		.fb-trim
		{
			margin-right: 10px !important;	
		}
		
		#footer_box_1
		{
			width: 245px !important;	
		}
		
		#footer_box_1a
		{
			width: 220px !important;	
		}		
		
		#footer_box_2
		{
			width: 245px !important;	
		}
		
		#footer_box_4
		{
			margin-right: 0 !important;
		}	
		
		#footer_box_4a
		{
			margin-right: 0 !important;
			width: 135px !important;
		}			
		
		#footer ul
		{
			clear: both;
			list-style-type: none;	
			padding-top: 10px;
				
		}

			#footer ul li
			{
				float: left;
				display: block;
				padding-right: 20px;
			}
		
			#footer ul a
			{
				text-decoration: none;
				font-size: 8pt;
				vertical-align: middle;
			}
			
			#footerWrapper.checkout-footer #footer ul a
			{
				color: #aaaaaa;
			} 			
			
			.footerlinkcorrect
			{
				padding-top: 4px;	
			}
			
			#footer ul a:hover
			{
				color: white;
			}			
			
			#footer #btn_login
			{
				width: 67px;
				height: 27px;
				display: block;
				background: url('../images/layout/btn_login.jpg') top left no-repeat;
			}
			
				#footer #btn_login:hover
				{
					background: url('../images/layout/btn_login.jpg') bottom left no-repeat;	
				}
				
			#footer #btn_register
			{
				width: 83px;
				height: 27px;
				display: block;
				background: url('../images/layout/btn_register.jpg') top left no-repeat;
			}
			
				#footer #btn_register:hover
				{
					background: url('../images/layout/btn_register.jpg') bottom left no-repeat;	
				}
				
			#footer_links
			{
				margin-top: -10px;
			}
			
			.hidden_footer
			{
				display: none;
			}	
		
	#onq
	{
		float: right !important;
		padding-right: 0 !important;
	}
	
	#onq a
	{
		color: #444444;	
	}
	
	.footer_box h3
	{
		color: #dbdcdc;
		font-weight: bold;
		margin-top: -2px;
		font-size: 10pt;
	}
	
	.footer_box h4
	{
		color: #dbdcdc;
		font-weight: bold;
		margin-top: -2px;
		font-size: 9pt;
	}	
	
	.footer_box p
	{
		padding-top: 5px;
		color: #a3a4a7;
	}
	
	#frmJoin label
	{
		color: #a3a4a7;
		padding-top: 5px;
		display: block;
	}
	
	#frmJoin input[type="text"]
	{
		background-color: #545f67;
		border: 0;	
		border-top: 1px solid black;
		width: 150px;
	}
	
	.short
	{
		width: 80px !important;	
	}
	
	/* Position the sifr flash objects in the footer tabs */
	#footer object
	{
		margin-top: 10px;	
	}
	
	#frmJoin input[type="text"]:focus
	{
		background-color: #707070;	
	}
	
	#btn_submit
	{
		height: 17px;
		width: 17px;
		background: url('../images/layout/form_submit_triangle.jpg') top left no-repeat;
		display: block;
		position: relative;
		top: -17px;
		left: 85px;
	}
	
		#btn_submit:hover
		{
			background: url('../images/layout/form_submit_triangle.jpg') bottom left no-repeat;		
		}
		
/* Login Form */
#frmLogin input[type="text"]
{
	width: 98px;
}

#frmLogin input[type="password"]
{
	width: 60px;
}

	#frmLogin .login
	{
		display: block;
		width: 52px;
		height: 21px;
		background: url('../images/layout/login.gif') top left no-repeat;
		position: absolute;
		left: 333px;
		top: 9px;
	}
	
	#frmLogin .login:hover
	{
		background-position: bottom;
	}	

#ulLogin
{
	list-style-type: none;	
}

	#ulLogin li
	{
		float: left;	
	}		
		
		
#topLogin
{
	float: left;
	margin-top: 7px;
	margin-left: 200px;
	position: relative;
	background-color: #dedede;
	height: 26px;
	top: -5px;
	padding: 5px;
	padding-top: 8px;
	width: 400px;
	display: none;
}
 
	#topLogin label
	{
		font-weight: bold;
		color: #aaaaaa;	
	}
	
	#topLogin input[type="text"]
	{
		margin-right: 20px;	
	}
	
label.error 
{ 
    font-weight: bold;
    color: #ff0000;
    text-align: left;
    display: none; 
}

#tasting-notes
{
	list-style-type: none;	
}

	#tasting-notes li
	{
		float: left;
		margin-right: 10px;	
		margin-bottom: 10px;
	}

		#tasting-notes li a
		{
			display: block;
			width: 150px;	
			color: #FFFFFF;
			padding: 5px 5px 5px 20px;
			text-decoration: none;
			background: #74818d url('../images/layout/triangle.png') 8px 9px no-repeat;
		}
		
		#tasting-notes li a:hover
		{
			display: block;
			width: 150px;	
			color: #FFFFFF;
			padding: 5px 5px 5px 20px;
			text-decoration: none;
			background: #97a2ac url('../images/layout/triangle.png') 8px 9px no-repeat;
		}
		
/* News Styles */
.news-heading
{
	display: block;
	margin-bottom: 5px;
	text-decoration: none;
	color: #575e63;
	font-size: 13px;
	font-weight: bold;
}

.news-desc-link
{
	display: block;
	text-decoration: none;	
}

	.news-desc-link:hover
	{
		text-decoration: underline;	
	}
	
.news-date
{
	color: #a6a6a6;	
}

/* Product Details Styles */
#product_description
{
	width: 490px;	
	
}

	#product_main
	{
		height: 250px;	
	}

	#product_description h1
	{
		margin-bottom: 20px;	
	}
	
	#tab-tastingnotes
	{
		display: none;	
	}
	
	#tblProductPrice
	{
		margin-top: 40px;	
	}
	
		#tblProductPrice td
		{
			padding-bottom: 20px;	
		}
	
		#tblProductPrice label
		{
			color: #666666;
		}
		
		#tblProductPrice .price
		{
			font-weight: bold;
			color: #666666;	
		}
		
		.add_to_cart
		{
			display: block;
			width: 95px;	
			height: 14px;
			background: url("../images/layout/addtocart.gif") top left no-repeat;
		}
		
	#ajaxloader
	{
		visibility: hidden;	
	}
	
	#add_message
	{	
		width: 300px;	
		visibility: hidden;
		color: #d0b15f;
	}
	
	#range_products
	{
		width: 880px;
		background-color: #FFFFFF;
		height: 185px;	
	}
	
	body.wide #range_products 
	{
		 width: 960px !important;
	} 
	
	.quote_image
	{
		padding: 3px 0px 0px 8px;	
	}
	
	#range_products_gallery
	{
		list-style-type: none;	
		margin-top: -30px;
		margin-left: 40px;
	}
	
		#range_products_gallery li
		{
			float: left;
			padding: 0 !important;
			margin: 0;	
		}
		
		#range_products_gallery li:hover .tooltip
		{
			visibility: visible;
		}	
		
		.tooltip
		{
			position: absolute;
			top: 100px;
			padding: 14px;
			background: url("../images/layout/tooltip.png"); 
			margin-left: 25px;
			border-right: 1px solid #7b7b7b;
			visibility: hidden;
			color: black;
		}			
	

.click-box
{
	display: block;
	width: 150px;	
	color: #FFFFFF;
	padding: 5px 5px 5px 20px;
	text-decoration: none;
	background: #74818d url('../images/layout/triangle.png') 8px 9px no-repeat;	
}

	.click-box:hover
	{
		color: #FFFFFF;
		background-color: #cad0d4;	
	}
	
.dark-arrow
{
	display: block;
	color: #959fa5;
	padding: 5px 5px 5px 20px;
	text-decoration: none;
	background: #FFFFFF url('../images/layout/dark-triangle.gif') 8px 9px no-repeat;		
}	

.lightgrey
{
	background-color: #bac1c6 !important;
}

/* Small Cart */
#small_cart
{
	background-color: #f0f1f3; 
	color: #b1b8bc;
	width: 400px; 
	position: absolute; 
	top: 10px; 
	left: 500px; 
	padding: 4px;
}

	#view_cart
	{
		background-color: #cccccc; 
		border: 1px solid #9facb7;		
		width: 70px;
		background-image: none;
	}
	
		#view_cart:hover
		{
			background-color: #95a2ad;	
		}
	
	#cart_loader
	{
		padding-top: 5px;	
	}
	
	#small_cart_message
	{
		padding: 0 5px 0 0;	
		color: #959fa5;
	}


	
/* VIART CART STYLES */
#frmCheckoutLogin label
{
	display: block;
	font-weight: bold;
	padding-top: 5px;	
	padding-bottom: 2px;	
}

#frmCheckoutLogin input[type="text"], #frmCheckoutLogin input[type="password"]
{
	width: 150px;
}

#frmCheckoutLogin input[type="submit"]
{
	width: 100px;
	margin-top: 5px;	
}

#frmCheckoutLoginSmall
{
	margin: auto;
	width: 180px;	
}

#frmCheckoutLoginSmall label
{
	display: block;
	font-weight: bold;
	padding-top: 5px;	
	padding-bottom: 2px;	
}

#frmCheckoutLoginSmall input[type="text"], #frmCheckoutLoginSmall input[type="password"]
{
	width: 140px;
}

#frmCheckoutLoginSmall input[type="submit"]
{
	width: 140px;
	margin-top: 5px;	
}

/***************** PERSONAL INFORMATION FORM ****************/
#frmPersonalInfo input[type="text"], input[type="password"]
{
	width: 250px;	
}

#frmPersonalInfo select
{
	width: 255px;	
}

#frmPersonalInfo h2
{
	padding-top: 5px;
	padding-bottom: 5px;	
}

#frmOrderInfo h2
{
	padding-top: 5px;
	padding-bottom: 5px;	
}

.triangleList
{
	list-style-type: none;	
	padding: 0;
	margin: 0;	
}

.triangleList li
{
	background-image: url(../images/layout/triangle.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	height: 20px;	
	margin-top: 2px;
	margin-bottom: 2px;
}

#tblCart
{
	margin-bottom: 20px;	
}

	#tblCart .cart_divider
	{
		border-bottom: 1px #C8C8C8 solid;
	}

	#tblCart td
	{
		padding-top: 3px;
	}

	
#bulloak_heading
{
	list-style-type: none;	
}

	#bulloak_heading li
	{
		float: left;	
	}
	
.news-result
{
	margin-bottom: 30px;	
}

#divPreload
{
   height: 0px;
   width: 0px;   
} 

#preload1
{
   background: url('../images/layout/menu_bg.png') top left no-repeat;  
   height: 0px;
   width: 0px;
}


.zilzie-button
{
   display: block;
   width: 150px;  
   color: #FFFFFF;
   padding: 5px 5px 5px 20px;
   text-decoration: none;
   background: #74818d url('../images/layout/triangle.png') 8px 9px no-repeat;
}

   .zilzie-button:hover
   {
      display: block;
      width: 150px;   
      color: #FFFFFF;
      padding: 5px 5px 5px 20px;
      text-decoration: none;
      background: #97a2ac url('../images/layout/triangle.png') 8px 9px no-repeat;
   }
   
.content-scroller
{
   height: 335px;
}
   
 
/* Tasting notes */ 
#divTastingNotes
{
   margin-top: 30px;  
   width: 450px; 
}

   #divTastingNotes ul
   {
      list-style-type: none;
   }
   
      #divTastingNotes ul li
      {
         float: left;
         margin-right: 10px;   
         margin-bottom: 10px;
      }

         #divTastingNotes ul li a
         {
            font-weight: bold;
            font-size: 10pt;
            display: block;
            width: 180px;   
            color: #a6afb4;
            padding: 5px 5px 5px 20px;
            text-decoration: none;
            background: url('../images/layout/dark-triangle.gif') 8px 9px no-repeat;
         }
         
            #divTastingNotes ul li a:hover
            {
               color: #888888;   
            }
            

/* Sitemap notes */ 
#divSitemap
{
   width: 450px;
}

   #divSitemap ul
   {
      list-style-type: none;
   }
   
      #divSiteMap ul li
      {
         margin-bottom: 5px;
      }

         #sitemap-pages li a, #sitemap-items li a
         {
            font-weight: bold;
            font-size: 10pt;
            display: block;
            width: 280px;   
            color: #a6afb4;
            padding: 5px 5px 5px 20px;
            text-decoration: none;
            background: url('../images/layout/dark-triangle.gif') 8px 9px no-repeat;
         }
         
            #divSiteMap ul li a:hover
            {
               color: #888888;   
            }
            
#divDocuments
{
   width: 450px;
   margin-top: 20px;
}

   #divDocuments ul
   {
      list-style-type: none;
   }
   
      #divDocuments ul li
      {
         margin-bottom: 0px;
      }

         #divDocuments ul li a
         {
            font-weight: bold;
            font-size: 10pt;
            display: block;
            width: 280px;   
            color: #a6afb4;
            padding: 5px 5px 5px 20px;
            text-decoration: none;
            background: url('../images/layout/dark-triangle.gif') 8px 9px no-repeat;
         }
         
            #divDocuments ul li a:hover
            {
               color: #888888;   
            }            
            
/* Article Navigation */ 
#divArticleNav
{
   width: 450px;
}

   #divArticleNav ul
   {
      list-style-type: none;
   }
   
      #divArticleNav ul li
      {
         float: left;           
      }
      
         #divArticleNav ul li:first-child
         {
            margin-right: 100px;
         }

         #divArticleNav ul li a
         {
            font-weight: bold;
            font-size: 10pt;
            display: block;
            width: 120px;   
            color: #a6afb4;
            padding: 5px 5px 5px 20px;
            text-decoration: none;
            background: url('../images/layout/dark-triangle.gif') 8px 9px no-repeat;
         }
         
         #divArticleNav ul li.previous a
         {
            background: url('../images/layout/dark-triangle-left.gif') 8px 9px no-repeat !important;   
         }
         
            #divArticleNav ul li a:hover
            {
               color: #888888;   
            }            
            
#frmOrderInfo input
{
   width: 170px;
   border: 1px solid #999999;
   color: #333333;
   padding: 3px;
   margin: 0;
}

#frmOrderInfo select 
{
   width: 177px;  
   border: 1px solid #999999; 
   padding: 3px;
   margin: 0;
}

#frmOrderInfo select:focus
{
   background-color: #F4F4F4;   
}

#frmOrderInfo input:focus
{
   background-color: #F4F4F4;
}

#frmOrderInfo table table tr td:first-child
{
   width: 130px;
}

#frmOrderInfo table table .checkbox, #frmOrderInfo input[type="checkbox"]
{
   width:auto !important;
   margin-right: 15px;
}

.error
{
   padding: 10px;
   border: 1px solid red;
   margin-bottom: 3px;
}
#topLogin .error
{
	float: right;
	height: 3px;
}
#topLogin #frmLogin input[type="password"], #topLogin #frmLogin input[type="text"]
{
	width: 80px;
	clear: right;
}
#topLogin label.error
{
	float: left;
	margin-left: 0px;
	padding-left: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	height: 1px;
	border: 0px;
	color: red;
	clear: left;
}
#topLogin a.login
{
	margin-left: 20px;
}
#frmPersonalInfo input
{
   width: 170px;
   border: 1px solid #999999;
   color: #333333;
   padding: 3px;
   margin: 0;
}

#frmPersonalInfo select 
{
   width: 177px;  
   border: 1px solid #999999; 
   padding: 3px;
   margin: 0;
}

#frmPersonalInfo select:focus
{
   background-color: #F4F4F4;   
}

#frmPersonalInfo input:focus
{
   background-color: #F4F4F4;
}

#frmPersonalInfo table tr td:first-child
{
   width: 130px;
}

#frmPersonalInfo table table .checkbox, #frmPersonalInfo input[type="checkbox"]
{
   width:auto !important;
   margin-right: 15px;
}

#frmPersonalInfo .submit input
{
   width: 100px;
}