@charset "UTF-8";
/* CSS Document */

/*color Green  #736d10 purple #570034 orange #dd6223*/


/* ------------------------Site Wide-------------------------------- */

* {margin: 0; padding: 0; }

html { overflow-y: scroll; } 

body { 
	font-family: Arial, Helvetica, sans-serif; 
	}
	
.clearfloat {
	clear:both;
	}

								  
/* ------------------------Template-info (new) CSS-------------------------------- */

#header-info {width:946px;
				height:144px;
				background:url(/images2/header-info.png);
				margin:0 auto;}
				
		#logo  	{	width:320px;
					height:60px;
					float:left;
					margin:30px 0 0 20px;}
				
		#info-tab	{width:185px;
					height:30px;
					float:right;
					text-align:center;
					margin:54px 57px 0 0;} 
					
		#shop-tab	{width:170px;
					height:30px;
					float:right;
					text-align:right;
					margin:54px 38px 0 0;} 
					
			#info-tab a, #shop-tab a {color:white; font-size:15px; text-decoration:none; height:32px; display:block; padding-top:20px;} 
			#shop-tab a {padding-right:15px; width:190px;}
			#info-tab a {width:205px;}
			#info-tab a:hover, #shop-tab a:hover { background-image:url(/images2/tab-hover.png); color:#000; }
			
			#logo a {display:block; width:320px; height:60px;}
			
#container-info {	width: 946px;
					margin: 0 auto;
					background:#fff url(/images2/wrapbg-info.png) repeat-y ;}
					
#foot-info {width:946px;
			height:43px;
			margin:0 auto;
			text-align:center;
			background:url(/images2/footer-info.png) no-repeat;}
			
			#foot-info p, #foot-info a {font-size:11px; color:#999; padding-top:26px;}
			#foot-info a:hover {color:#dd6223;}
					
/* ---------------------- CONTENT AREA CSS Both Info page and stretch info page----------------------*/


#page_wrap, #page_wrap-stretch {width:750px;
              	float:right;
				margin-right:15px;}
				
				#page_wrap {height:480px;}
	
.pad {
	padding:5px;
	text-align:right;
	color:#FFF;}
	
	
/* ------------------------Left Column and Address CSS ----------------------------- */


#left-column {	float:left;
        		color:#fff;
        		font-size:12px
        		line-height:18px;
				width: 138px;
				height: 483px;
				margin:0 0 0 20px;	
				padding:0px 0px 0 5px;	}

        #left-column h3	{font-size:13px;
        				font-weight:lighter;
						margin:0 0 8px 0;
        				color:#fff;
        				border-bottom:#fff 1px solid;
        				padding-bottom:3px;}


#Address	{width:125px;
			color:#fff;
			text-align:right;
			padding-right:5px;
			margin-top:10px;}

       #Address p	{font-size:11px;
        			font-weight:lighter;
        			line-height:15px;
        			margin:5px 0 0 0;}

       #Address h3	{font-size:14px;
        			font-weight:lighter;
        			margin:0;}

      #Address a	{color:white;}
      #Address a:hover{color:yellow;}

/* ------------------------Search CSS-------------------------------- */

.cat_textbox_smallest {width:110px; margin-bottom:5px;}

#one_col	{width:700px;
            float:left;
            padding:20px 10px 20px 20px;}

             #one_col h1, .booking-container h1 {font-size:18px;
                                   font-weight:lighter;
	                           margin:0 0 8px 0;
                                  color:#a80a00;
                                  display:block;
                                  border-bottom:#a80a00 1px solid;
                                  padding-bottom:3px;}

             #one_col h3, .booking-container h2 {font-size:14px;
                                  color:#a80a00;}

             #one_col p, #hp-intro p {font-size:13px;
                                  color:#666;
                                  line-height:17px;
                                  margin-bottom:8px;}
             #one_col a, .booking-container a {font-size:13px;
                                  color:#a80a00;}
             #one_col a:hover, .booking-container a:hover {color:#dd6123;}

.booking-container {font-size:13px;}


/* ------------------------Left Column NAVIGATION----------------------------- */

#navlist	{	padding-left: 0;
				margin-left: 0;
				width: 135px;
        		text-align:right;	}

#navlist li	{	font-size:12px;
				list-style: none;
				margin: 0;
				padding: 2px;	}


#navlist li a { text-decoration: none;
        		display:block;
        		padding: 1px 0 3px 0;
				color:#fff;
        		margin-left:20px;
        		text-align:right;
        		border-bottom:1px dotted #a46d8d;}

       #navlist li a {width:125px; margin-left:0px;} 
       
       #navlist li a:hover	{color:#dd6123;}
	
	  
	  
/* ----------------------HOMEPAGE CONTENT----------------------*/

#left_col { width:350px;
           	float:left;}
			
			#left_col p {	font-size:13px;
             				color:#666;
                           	line-height:17px;
                           	padding:4px;
							margin:8px 0 0 10px;
							border: solid #ccc 1px;}

#right_col {width:370px;
               height:455px;               
               float:right;
               padding:10px 10px 20px 0px; }
			   
			   #page_wrap #right_col {overflow-y:scroll;}

             	#right_col h1 {font-size:18px;
                                   font-weight:lighter;
	                           margin:0 0 8px 0;
                                  color:#a80a00;
                                  display:block;
                                  border-bottom:#a80a00 1px solid;
                                  padding-bottom:3px;}
								  
				#right_col h2 {	font-size:15px;
								color:#a80a00;
								font-weight:lighter;}

            	#right_col p, #hp-intro p {font-size:13px;
                                  color:#666;
                                  line-height:17px;
                                  margin-bottom:8px;}
             	#right_col h5, #hp-intro h5 {font-size:11px;
                                  color:#666;
                                  font-weight:lighter;
                                  font-style:italic;
                                  line-height:17px;}
								  
				#right_col ul, #right_col ol {margin:5px 0 5px 30px;}
				#right_col li {padding:5px 0; font-size:13px;color:#555;}




/* ----------------------CONTACT PAGE CSS----------------------*/

.req {color:#bf4942; font-size:12px;}




/* ----------------------RECIPES PAGE CSS----------------------*/

#right_col a {color:#a80a00;}

#right_col a:hover {color:#f68026;}


/* ----------------------Cooking CLASS PAGE CSS----------------------*/

.booking-list {padding:5px 0;
				font-size:13px;
				border-bottom:1px #ccc solid;}
				
.booking-list .date {width:180px; display:inline-block;}

.booking-container {width:700px;					
                	float:left;
                	padding:20px 10px 20px 20px;
					}
					
	.booking-container form {background-color:#eee; padding:5px 0 20px 30px; margin:20px 0 0 120px; width:400px;}

	.booking-container h2 {font-size:16px; padding-bottom:6px; font-weight:lighter;}
	
	.booking-container p {font-size:15px;
                                  color:#666;
                                  line-height:17px;
                                  margin-bottom:8px;}
								  
								  
/* ----------------------Subscribe PAGE CSS----------------------*/

.newsletter-form2 {width: 370px; margin:0 auto; padding:0 0 10px 30px; background-color: #810054;}

.newsletter-form2 form label {color:white;}
