/***************************************
****************************************
    GENERAL STYLES
    ------------------------------------
    PLEASE ADD NEW STYLE RULES TO THE
    APPROPRIATE SECTION ONLY. DO NOT
    REMOVE SECTION HEADERS EVEN IF THEY

    ARE NOT IN USE.
****************************************
***************************************/

/***************************************
    TEMPLATE VIEW
    ------------------------------------
    Styles to make the template easy to
    view - please remove.
***************************************/
div
{
    /*border:dotted 1px gray;*/
}

/***************************************
    GLOBAL STYLES
    ------------------------------------
    Style rules with a global effect.
***************************************/
*
{
    
}
body
{
    padding:0;
    margin:0;
    font: 14px times,serif;
    background:#fff url(../images/body_bg.jpg) top center no-repeat;
    color:#333333;
}
a
{
    text-decoration:none;
    color:#990033;
}
a:hover {color:#330000;}

address
{
    margin-left:20px;
}

#container
{ 
    background:#fff url(../images/container_bg.jpg) top center;
}

h1
{
    font:"Perpetua", Times, serif;
    font-weight:normal;
    font-size:28px;
    color:#88164B;
    margin-bottom:-10px;
    margin-top:0;
}
   h1.title
   {
    margin-left:8px;
    position:absolute;
    margin-top:1px;
    color:#ffffff;
   } 
h2
{
    font-size:17px;
    font:"Perpetua", Times, serif;
    font-weight:bold;    
    color:#1A3656;   
    padding:0px 0 0 0 ;    
}      

h3
{
    font-weight:normal;    
    margin-bottom:-10px;
    
    font-size:14px;
    font:"Perpetua", Times, serif;
    font-weight:bold;    
    color:#1A3656;   
    padding:0;  
}

h4
{
    font-weight:normal;    
    margin-bottom:-10px;
    
    font-size:12px;
    font:"Perpetua", Times, serif;
    font-weight:bold;    
    color:#1A3656;   
    padding:0;  
}




img
{

}

     
div.imgwithcaption
{
    background: url(../images/imgwithcaption_bg.png) top left no-repeat;
    padding: 10px 10px 10px 0px;
    margin:0;
    
}        

div.imgwithcaption img
{
    border:1px solid #3B6B3B;      
}
div.imgwithcaption span
{
    display:block;     
    background:#444444; 
    text-align:center;
    color:#fff;
    margin-top:1px;
    font-family:"Century Gothic", Arial, sans-serif;
    font-size:12px;
}




div.indent
{
    border-left:solid 1px #999999;
    padding-left:10px;
}

.bold
{
    font-weight:bold;
}
/***************************************
    HEADER STYLES: #header
    ------------------------------------
    Style rules for the header
    area only.
***************************************/
#header
{    
	background:transparent url(../images/header_bg.jpg) no-repeat scroll top left;
	position:relative;
}
#header .contact
{
    position:absolute;
    right:67px;
    top:22px;
    
    color:#fff;
    font-family:Arial;
    font-size:14px;
    text-align:right;
}

#header .contact address
{
    font-style:normal;
    
}
#header .mob
{
color:#FFFFFF;
font-family:Arial;
font-size:14px;
position:absolute;
right:67px;
text-align:right;
top:43px;
}

#header #tagline
{
    color:#000;
    font-family:times, serif;
    font-size:17px;
    font-style:italic;
    position:absolute;
    left:367px;
    top:160px;
}

#header #breadcrumb
{
    font-family:"Century Gothic", Arial, Sans-Serif;
    font-size:11px;
    color:#333333;
    position:absolute;
    top:274px;
    left:24px;
}

#header #breadcrumb a
{
    color:#333333;
}


/*forces a div with floating image inside
 it to pull down to the end of the image*/
hr.clear {display: block; clear: left;
padding: 0;padding-top:0px;
visibility: hidden;width:1px;}



/***************************************
    GLOBAL NAVIGATION STYLES: #globalnav
    ------------------------------------
    Style rules for the *global*
    navigation.
***************************************/
    
    #globalnav
    {
		text-shadow: 0px 0px 3px #000;		
		padding-top:238px;
		width:100%;
		
    }

	#globalnav #globalcurrent
	{
		font-weight:bold;		
	}
	
	#globalnav ul 
	{
	    
	    margin:0 0 0 21px;
	    padding-left:0;
	}
	    #globalnav ul  li 
	    {
	        display:inline;
            margin:0;
            background: url(../images/globalnav_li_bg.gif) top left no-repeat;  
            height:34px;
            padding:9px 9px 12px 10px;
            float:left;
	    }
        
            #globalnav ul li a
            {
                margin:0;
		        color:#fff;
	         
	            
            }    
    #globalnav div.end
    {
		color:#fff;
    }




/***************************************
    LOCAL NAVIGATION STYLES: #localnav
    ------------------------------------
    Style rules for the *global*
    navigation.
***************************************/    
    #localnav
    {
		font-size:0px;
		font-family:"Century Gothic", Arial, sans-serif;
		padding:0;
		margin:0px 0px 20px 31px;
		width:156px;
    }
    

          
    #localnav h2
    {
		color:#88164B;
		font-family:"Times New Roman", Times, serif;
		font-size:24px;
		font-weight:normal;
	    margin-bottom:0px;
	    margin-top:0px;
		text-align:left;
		
    }
            
    #localnav a
    {
		color:#195249;
	    padding:8px 0pt 7px;		
	    display:block;
	    font-weight:bold;
	    border-bottom:1px solid #CCCCCC;
		
    }
            
    #localnav a:hover
    {
		color:#030303;		
    }
    #localnav a.AspNet-Menu-Selected 
    {
		font-weight:bold;
		color:#6A4E83;
    }
	#localnav ul 
	{
	    text-align:left;	   
	    list-style:none;
	    font-size:15px;
	}
	#localnav li 
	{
	    display:inline;
	    list-style:none;
	}
	
     #map
    {
		font-size:13px;
		font-family:"Century Gothic", Arial, sans-serif;
		padding:0;
		margin:0px 0px 40px 23px;
		width:180px;
    }
    

          
    #map h2
    {
		color:#88164B;
		font-family:"Times New Roman", Times, serif;
		font-size:24px;
		font-weight:normal;
		margin-top:70px;
		padding-bottom:6px;
    }
#map a
    {
    color:#88164B;
		
	    padding:4px 0 1px 0;		
	    display:block;
		
    }
            
    #map a:hover
    {
		color:#030303;		
    }
    #map a.AspNet-Menu-Selected 
    {
		font-weight:bold;
    }
	#map ul 
	{	   
	    list-style:none;
	    width:100%;
	}
	#map ul ul ul a
	{
        color:#333333;
	}
	#map li 
	{
	    display:inline;
	    list-style:none;
	}

/***************************************
    LHS AREA STYLES: #lhs
    ------------------------------------
    Style rules for the RHS column.
***************************************/


#ctl00_localNav_Menu2
{
    
    padding-bottom:10px;
}
#buttons
{
    padding-bottom:10px;
}
#buttons img
{


}
#buttons .space
{
padding-bottom:10px;
}
#buttons .border
{
border:2px solid #1A3656;
margin-left:33px;
width:151px;
}
#lhs
{
    background:transparent url(../images/lhs_bg.gif) no-repeat 13px 0px;
}
	

	#lhs .cta1,
    #lhs .latestnews
	{
		margin-left:33px
	}
	

    #lhs ul, ol
    {
        padding:0;margin:0;  
        list-style-image: none;
        list-style-position: inside;
    }

    #lhs li
    {
        list-style-type:none;
        padding:0;
        margin:0;        
    }

    #lhs .cta1
    {            
        position:relative;   
        height:168px;  
        width:151px;
        color:#fff;       
        background:url(../images/cta1_bed.jpg) top left no-repeat;        
        border:2px solid #1A3656;  
	display:block;
    }

        #lhs .cta1 h2
        {
            font-size:30px;   
            color:#fff;
            font-weight:normal; 
            font-family:"Perpetua",Times, Times New Roman, Serif;
            padding:0px;
            margin:26px 0 0 3px;
	    display:none;
        }

        #lhs .cta1 p
        {
            margin:-4px 0 0 6px;    
            font-size:11px;
            line-height:11px;
            font-family:"Century Gothic", Arial, Sans-Serif;
	    display:none;
        }


    #lhs .latestnews
    {
        margin-top: 10px;
        margin-left:25px;
        background:url(../images/newsblog_latest_bg.jpg);   
        color:#fff;   
        font-size:11px;  
        width:172px;
        height:127px;  
        
    }
        #lhs div.latestnews h2
        {
            font-family:"Perpetua", times, serif;
            font-size:18px;
            color:#fff;
            margin:0;
            padding:11px 0 0 12px;   
            margin-bottom:-2px;
            font-weight:normal;
		    text-shadow: 0px 0px 3px #000;
        }
        
        
        #lhs div.latestnews span
        {                                 
            display:block;
            padding-left:12px;       
		    text-shadow: 0px 0px 3px #000;          
        }
        
            #lhs div.latestnews span a
            {                                 
                color:#fff;     
                font-weight:bold;    
                font-size:10px;
		        text-shadow: 0px 0px 3px #000;         
            }
        
            #lhs div.latestnews span a:hover
            {                                 
                color:#fff;      
                text-decoration:underline;                 
            }
        #lhs div.latestnews div
        {
              font-size:14px;
              font-style:italic;
              color:#333333;    
              padding:12px 16px 16px 16px;        
                
        }












/***************************************
    RHS AREA STYLES: #rhs
    ------------------------------------
    Style rules for the RHS column.
***************************************/
#rhs
{
	text-align:center;
    padding-top:25px;
}
    div#lhs .cta1 a ,div#rhs  a {color:#fff}
	
	#rhs .newsbox
	{
	    font-size:10px;
	    width:189px;	
	    margin-bottom:30px;
	}
	#rhs .newsbox div
	{
	   padding:0;	
	}
	
	#rhs p
	{
	 	margin:10px;
	}
		



	#rhs .top
	{
	    background:url(../images/newsbox_top.gif) top  no-repeat;
	    height:8px;
	    width:189px;  
	    margin:0;
	    padding:0; 
	}
	
	#rhs .bottom
	{
	    background:url(../images/newsbox_bottom.gif) bottom  no-repeat;
	    height:8px;
	    width:189px;  
	    margin:0;
	    padding:0;
	}
	
	/*call to action right hand side*/
	
	
    #rhs .cta
    {                       
        border:2px solid #1A3656;  
        width:188px;
        height:219px;       
        color:#fff;   
        font-size:11px;       
        text-align:left;   
        margin:0 0 9px 0;  
    }             
    #rhs .cta h2
    {
        color:#fff;
        font-size:30px;
        font-weight:normal;
        font-family: "Perpetua", times, Serif;
        margin: -3px 0 0 6px;
        padding:0;
    }          
    #rhs .cta p
    {
        margin: -3px 0 0 6px;
        padding:0;
        font-family:"Century Gothic", Arial, Sans-Serif;
        font-size:11px;
        line-height:11px;
        display:none;
        
        }
    
    #rhs .cta_wines
    {                       
        background: url(../images/rhs_wines_bg.jpg) top left no-repeat;   
        display:block;                      
    }      
        #rhs .cta_wines h2
        {                       
            margin-top:3px;            
        }             
    #rhs .cta_corks
    {                       
        background: url(../images/_DSC300612.gif) top left no-repeat;  
        display:block;                        
    }                           
      
        #rhs .cta_corks h2
        {                       
            margin-top:82px;            
        }             
    #rhs .cta_grapes
    {                                           
        background: url(../images/PHOTO_CAISSE_MAELMA2.gif) top left no-repeat;  
        display:block;                     
    }
                
        #rhs .cta_grapes h2
        {                
             margin-top:173px;                                                
        }
               

		

/***************************************
    CONTENT STYLES: #content
    ------------------------------------
    Style rules for the primary
    content area only.
***************************************/
#content
{
     
    background:transparent url(../images/lhs_bg.gif) no-repeat -195px -40px;
}

    #content .banner img
    {
        border: none;
        margin: 10px 0;
    }

	#content p
	{
	    text-align:justify;
	    
	}

	#content hr
	{
	    width:80%;    
	}
	#content .clear
	{
	    clear:both;
	}
	/*
	    left / right floating things
	    use for images etc
	*/
	#content .floatleft
	{
	    float:left;
	   
	}
	
	#content .floatright
	{
	    float:right;
	    display:block;
	    margin-left:20px;
	}

	#content .getintouch
	{
	    height:60px;
	    width:100%;
	    background:#D8D8D8 url(../images/getintouch_bg.gif) top left no-repeat;
	    text-align:right;
	    clear:both;
	    margin:0 0 18px 0;
	}
	    #content .getintouch .top
	    {
	        font-family:"Perpetua", times, Times New Roman, serif;
	        font-size:36px;
	        color:#999999;
	        padding:0 12px 0 0;
	        margin:0;
	    }
    	
		#content .getintouch .bottom
	    {
	        font-size:11px;
	        font-family:"Century Gothic", Arial, Sans-Serif;
	        color:#666666;
	        font-weight:bold;
	        padding:0 12px 10px 0;
	        margin:0;
	        
	    }
    	
	    #content .getintouch a
	    {
            color:#666666;
	    }
    	
	
	    #content .getintouch a:hover
	    {
            color:#444444;
            text-decoration:underline;
	    }
    	
	
	
	
/* Tables */
#content table
{
   font-family:"Century Gothic", sans-serif, arial;
   width:100%;
   font-size:11px;
   
    
}
    #content table caption
    {
        caption-side:bottom;
    }

    #content table thead
    {
        background:#CCCCCC;
        font-size:12px;
        font-weight:bold;
    }
    #content table th
    {        
        padding:3px 4px 3px 4px;
        border-left:1px solid #fff;
        text-align:left;
        width:44%;
    }
    #content table td
    {
        border-bottom:1px solid #CCCCCC;
        padding:3px 4px 3px 4px;
    }
    
    #content table tr
    {
        border-bottom:2px solid #CCCCCC;
    }
    
    

/* Lists */
#content ol
{
}
#content ul
{
}   
/* Forms */


/***************************************
    FOOTER STYLES: #footer
    ------------------------------------
    Style rules for the footer
    area only.
***************************************/
#footer
{
    text-align:center;
    font-size:11px;
    background:url(../images/footer_bg.jpg) no-repeat center;
    color:#fff;    
    padding:0;margin:0 0 0 0;
    padding-top:10px;
    
}

    #footer a
    {
        color:#fff;
    }

    #footer a:hover
    {
        text-decoration:underline;
    }

	#footer .footerleft
	{
	    float:left;
	    text-align:left;
	    padding-left:75px;	  
	    line-height:16px;
	}

	#footer .footerright
	{
	    float:right;
	    text-align:right;
	    height:10px;
	    padding-right:27px;
	    
	}
	#footer #xhtml
	{
	    padding:0;margin:4px 0 0 0;	   
	    border:none; 
	}

/***************************************
    SINGLE PAGE STYLES: #page
    ------------------------------------
    Style rules for specific pages.
    Replace the id #container with a
    unique id to do this.
***************************************/
#content .bespokelabels 
{
    text-align:center;
	padding-top:10px;
    padding-bottom:10px;
}


#content .bespokelabels  p
{
    text-align:center;
}

#content .bespokelabels  img
{
    border-color:#990033;
}

.small {font-size:0.9em;margin:0.2em;}




.nudgedown {
    margin-top:50px;
    }
    
    .nudgeup {
    margin-bottom:50px;
    }

/***************************************
    END
***************************************/