/* MASALA ZONE - GENERIC.CSS  ============================== */
/* COPYRIGHT MAGNITUDE 2007 WWW.MAGNITUDE.CO.UK  ======================== */
/* AUTHOR WILL BLACKMORE  =============================================== */

/*
	COLOURS:
	Background red: 			#AA2814
	Font red: 					#781710
								#3C0A06  -  Very dark
	Nav border orange: 			#FFCC1D
	Nav background yellow: 		#FFE10F
	Beige: 						#FBB700
	Yellows: 					#FFE539  -  Light
								#FFCBLE  -  Dark
	Oranges						#E47103  -  Light
								#BD5102  -  Dark
	Brown:						#9A4100
*/


/*-----------------------------
	GENERIC PAGE STYLES
-----------------------------*/

body{
	font-size:62.5%;
	font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
	color: #781710;
	text-transform:lowercase;
	background: #AA2814 url(../images/template/page_bg.jpg) top left repeat-x;
	text-align:center;
	}
*{
	padding:0;
	margin:0;
	}
ul li{
	list-style:none;
	}
.clear{
	clear:both;
	}
.hidden{
	display:none;
	}
.img_floatright{
	float:right;
	padding:0 15px 10px 10px;
	}
.img_floatright{
	float:right;
	padding:0 10px 10px 15px;
	}

/*-----------------------------
	HYPERLINKS
-----------------------------*/

a{
	color:#781710;
	outline:none;
	}
a:hover{
	text-decoration:none;
	color:#FFF;
	background:#FFAB08;
	}
a.sign_up{
	float:right;
	display:block;
	width:53px;
	height:17px;
	padding-right:8px;
	margin-top:8px;
	text-indent:-5000px;
	overflow:hidden;
	background:url(../images/template/buttons/sign_up.gif) left top no-repeat;
	}
a.sign_up:hover{
	background:url(../images/template/buttons/sign_up.gif) left bottom no-repeat;
	}
a.forget_pword{
	float:left;
	display:block;
	margin-top:8px;
	padding:2px 2px 1px 2px;
	text-decoration:none;
	}
a.forget_pword:hover{
	color:#FFF;
	background:#FFAB08;
	}
a.full_details{
	float:right;
	display:block;
	width:82px;
	height:20px;
	padding-right:10px;
	text-indent:-5000px;
	background:url(../images/template/buttons/full_details.gif) left top no-repeat;
	}
a.full_details:hover{
	background:url(../images/template/buttons/full_details.gif) left bottom no-repeat;
	}
a.read_more,
a.signup_white{
	float:right;
	display:block;
	width:82px;
	height:20px;
	padding-right:10px;
	text-indent:-5000px;
	}
	
.download_voucher{
	float:right;
	display:block;
	width:130px;
	height:20px;
	padding-right:10px;
	text-indent:-5000px;
	}


/* Duplication below is deliberate to preload the on state */
a.signup_white{
	background:url(../images/template/buttons/signup-whiteon.gif) left top no-repeat;
	background:url(../images/template/buttons/signup_white.gif) left top no-repeat;
	padding-bottom:10px;
	}
a.signup_white:hover{
	background:url(../images/template/buttons/signup-whiteon.gif) left top no-repeat;
	}
	
a.read_more{
	background:url(../images/template/buttons/read_more.gif) left top no-repeat;
	}
a.read_more:hover{
	background:url(../images/template/buttons/read_more.gif) left bottom no-repeat;
	}
	
	a.download_voucher{
	background:url(../images/template/download_voucher.gif) left top no-repeat;
	}
a.download_voucher:hover{
	background:url(../images/template/download_voucher.gif) left bottom no-repeat;
	}
a.buy_the_book{
	display:block;
	width:220px;
	height:35px;
	margin:15px auto 10px auto;
	background:url(../images/template/buttons/buy_book.gif) center top no-repeat;
	text-indent:-5000px;
	}
a.buy_the_book:hover{
	background:url(../images/template/buttons/buy_book.gif) center bottom no-repeat;
	}
a.download_menu{
	display:block;
	width:220px;
	height:35px;
	margin:10px auto;
	background:url(../images/template/buttons/download_menu.gif) center top no-repeat;
	text-indent:-5000px;
	}
a.download_menu:hover{
	background:url(../images/template/buttons/download_menu.gif) center bottom no-repeat;
	}
a.order_online{
	display:block;
	width:220px;
	height:35px;
	margin:10px auto;
	background:url(../images/template/buttons/order_online.gif) center top no-repeat;
	text-indent:-5000px;
	}
a.order_online:hover{
	background:url(../images/template/buttons/order_online.gif) center bottom no-repeat;
	}
a.leave_feedback{
	display:block;
	width:220px;
	height:35px;
	margin:15px auto 10px auto;
	background:url(../images/template/buttons/leave_feedback.gif) center top no-repeat;
	text-indent:-5000px;
	}
a.leave_feedback:hover{
	background:url(../images/template/buttons/leave_feedback.gif) center bottom no-repeat;
	}

/*-----------------------------
	HEADINGS
-----------------------------*/

h1 a{
	float:left;
	display:block;
	width:210px;
	height:65px;
	background:url(../images/template/logo.gif) left top no-repeat;
	text-indent:-5000px;
	outline:none;
	}
h1 a:hover{
	background:url(../images/template/logo.gif) left top no-repeat;
	}
h3, h3.h3_shadow, h4{
	padding:9px 0 0 8px;
	}
h3.member_zone{
	padding:0;
	border:none;
	}
h5{
	line-height: 1em;
	font-size:1.2em;
	}
.big_box h5{
	padding-left:10px;
	}

/*-----------------------------
	TYPOGRAPHY
-----------------------------*/

div.big_box h2{
	padding:8px 0 0 10px;
	}
p{
	line-height:1.6em;
	}
div.big_box p{
	padding:0 10px 10px 10px;
	}
div.little_box p, div.right_box p{
	padding:0 10px 10px 10px;
	}
div.right_box h5, div.little_box h5{
	padding:10px 10px 0 10px;
	}
p.intro{
	font-size:1.2em;
	}
p.subtext{
	font-size:0.8em;
	}
.right_box p.intro{
	padding-bottom:0px;
	}
p.intro span{
	font-size:0.8em;
	display:block;
	margin:0;
	padding:0;
	}
p.intro strong{
	color:#FFF;
	}
div.big_box p.intro strong{
	color:#781710;
	}

/*-----------------------------
	BACKGROUNDS
-----------------------------*/

.bg_dark_yellow{
	background-color:#FBB700;
	}
.bg_light_yellow{
	background-color:#FFE539;
	}
.bg_light_orange{
	background-color:#E47103;
	color:#FFF;
	}
.bg_dark_orange{
	background-color:#BD5102;
	}
.bg_brown{
	background-color:#9A4100;
	}
.bg_beige{
	background-color:#FFF3CD
	}
.bg_chicken_foot{
	background:#FFF3CD url(../images/template/chickenfoot.gif) left top no-repeat;
	}

/*-----------------------------
	PRIMARY NAVIGATION
-----------------------------*/

ul#nav{
	width:774px;
	height:50px;
	background:#FFE10F url(../images/template/navigation.gif) left top no-repeat;
	border:solid 3px #FFF;
	border-top:none;
	border-bottom:none;
	}
ul#nav li{
	display:inline;
	}
ul#nav li a{
	height:50px;
	float:left;
	display:block;
	text-indent:-5000px;
	overflow:hidden;
	outline:none;
	}
ul#nav li a.nav_home, ul#nav li a.nav_home_on{
	width:71px;
	}
ul#nav li a.nav_home:hover, ul#nav li a.nav_home_on{
	background:url(../images/template/navigation.gif) left bottom no-repeat;
	}
ul#nav li a.nav_history, ul#nav li a.nav_history_on{
	width:113px;
	}
ul#nav li a.nav_history:hover, ul#nav li a.nav_history_on{
	background:url(../images/template/navigation.gif) -71px -50px no-repeat;
	}
ul#nav li a.nav_locations, ul#nav li a.nav_locations_on{
	width:108px;
	}
ul#nav li a.nav_locations:hover, ul#nav li a.nav_locations_on{
	background:url(../images/template/navigation.gif) -184px -50px no-repeat;
	}
ul#nav li a.nav_taste, ul#nav li a.nav_taste_on{
	width:82px;
	}
ul#nav li a.nav_taste:hover, ul#nav li a.nav_taste_on{
	background:url(../images/template/navigation.gif) -292px -50px no-repeat;
	}
ul#nav li a.nav_eat, ul#nav li a.nav_eat_on{
	width:94px;
	}
ul#nav li a.nav_eat:hover, ul#nav li a.nav_eat_on{
	background:url(../images/template/navigation.gif) -374px -50px no-repeat;
	}
ul#nav li a.nav_world, ul#nav li a.nav_world_on{
	width:106px;
	}
ul#nav li a.nav_world:hover, ul#nav li a.nav_world_on{
	background:url(../images/template/navigation.gif) -468px -50px no-repeat;
	}
ul#nav li a.nav_news, ul#nav li a.nav_news_on{
	width:79px;
	}
ul#nav li a.nav_news:hover, ul#nav li a.nav_news_on{
	background:url(../images/template/navigation.gif) -574px -50px no-repeat;
	}
ul#nav li a.nav_contact, ul#nav li a.nav_contact_on{
	width:121px;
	}
ul#nav li a.nav_contact:hover, ul#nav li a.nav_contact_on{
	background:url(../images/template/navigation.gif) right bottom no-repeat;
	}

/*-----------------------------
	SECONDARY NAVIGATION
-----------------------------*/

ul#sub_nav{
	width:766px;
	height:33px;
	padding:0 4px;
	margin:auto;
	background:url(../images/template/subnav_bg.gif) left top no-repeat;
	font-size:1.1em;
	}
ul#sub_nav li{
	display:inline;
	height:33px;
	font-weight:bold;
	}
ul#sub_nav li a{
	float:left;
	display:block;
	height:33px;
	padding:0 20px;
	color:#FFF;
	text-decoration:none;
	}
ul#sub_nav li a:hover, ul#sub_nav li a.subnav_on{
	background:url(../images/template/subnav_hover.gif) center top no-repeat;
	color:#ff630a;
	}
ul#sub_nav li a span{
	display:block;
	padding-top:11px;
	}

/*-----------------------------
	CORPORATE NAVIGATION
-----------------------------*/

ul#corp_nav{
	float:right;
	width:450px;
	height:15px;
	margin-top:8px;
	text-align:right;
	}
ul#corp_nav li{
	display:inline;
	padding:0 10px;
	border-right:solid 1px #781710;
	}
ul#corp_nav li.last{
	border-right:none;
	}
ul#corp_nav li a{
	padding:2px;
	color:#781710;
	font-weight:bold;
	text-decoration:none;
	}
ul#corp_nav li a:hover{
	color:#FFF;
	background:#FFAB08;
	}

/*-----------------------------
	FOOTER NAVIGATION
-----------------------------*/

div#footer ul{
	display:block;
	padding:1.2em;
	border:solid 3px #FFF;
	background:#3C0A06;
	}
div#footer ul li{
	border-left: solid 1px #FFF;
	display:inline;
	padding:0 1em;
	}
div#footer ul li.footerfirst{
	display:inline;
	border-left:none;
	}
div#footer ul li a{
	color:#FFF;
	text-decoration:none;
	}
div#footer ul li a:hover{
	color:#FFE539;
	background:none;
	}

/*-----------------------------
	MEMBER ZONE
-----------------------------*/

#member_zone{
	display:block;
	float:right;
	width:266px;
	height:42px;
	padding-right:10px;
	margin-top:9px;
	background:url(../images/template/member_zone_bg.gif) left top no-repeat;
	}
#member_zone a{
	float:right;
	margin-top:14px;
	display:block;
	width:53px;
	height:17px;
	text-indent:-5000px;
	}
a.signup{
	background:url(../images/template/buttons/sign_up.gif) left top no-repeat;
	}
a.login{
	background:url(../images/template/buttons/sign_up.gif) right top no-repeat;
	}
a.signup:hover{
	background:url(../images/template/buttons/sign_up.gif) left bottom no-repeat;
	}
a.login:hover{
	background:url(../images/template/buttons/sign_up.gif) right bottom no-repeat;
	}
a.memberhome{
	background:url(../images/template/buttons/log_out.gif) left top no-repeat;
	}
a.logout{
	background:url(../images/template/buttons/log_out.gif) right top no-repeat;
	}
a.memberhome:hover{
	background:url(../images/template/buttons/log_out.gif) left bottom no-repeat;
	}
a.logout:hover{
	background:url(../images/template/buttons/log_out.gif) right bottom no-repeat;
	}

/*-----------------------------
	BASIC LAYOUT
-----------------------------*/

#drop_shadow_nonav{
	background:url(../images/template/drop_shadow.gif) center top no-repeat;
	}
#drop_shadow{
	background:url(../images/template/drop_shadow_nav.gif) center top no-repeat;
	}
#page_wrapper{
	width:780px;
	margin:0 auto 4px auto;
	background:#FFF;
	}
#header{
	height:74px;
	border:solid 3px #FFF;
	border-top:none;
	border-bottom:none;
	}
#flash_header{
	width:780px;
	height:203px;
	background:#EA5209;
	}
#content_wrapper{
	width:780px;
	background:#FFF url(../images/template/chickens_bottom.gif) right bottom no-repeat;
	text-align:left;
	font-size:1.2em;
	}
#big_col{
	display:inline;
	float:left;
	padding-left:3px;
	width:470px;
	}
#little_col{
	float:left;
	width:304px;
	}
#footer{
	display:block;
	clear:both;
	width:780px;
	border-top:solid 3px #AA2814;
	background:#FFF;
	text-align:right;
	font-size:0.9em;
	}

/*-----------------------------
	ADVANCED LAYOUT
-----------------------------*/

.big_box{
	display:inline;
	float:left;
	clear:both;
	width:467px;
	margin:0 3px 3px 0;
	}
.little_box{
	display:inline;
	float:left;
	width:232px;
	margin:0 3px 3px 0;
	padding-bottom:10px;
	}
.right_box{
	width:304px;
	margin-bottom:3px;
	padding-bottom:10px;
	}
.little_col_split{
	float:left;
	width:235px;
	}
.big_col_split{
	float:left;
	width:230px;
	}
	

/*-----------------------------
	MEMBER OPTIONS
-----------------------------*/

#login_nonav{
	position:absolute;
	width:275px;
	height:81px;
	padding:10px;
	top:130px;
	margin-left:471px;
	text-align:left;
	}
#login{
	position:absolute;
	width:275px;
	height:81px;
	padding:10px;
	top:163px;
	margin-left:471px;
	text-align:left;
	}
form#member_login input.form_text{
	width:126px;
	height:19px;
	padding:2px 0 0 4px;
	margin-right:4px;
	background:url(../images/template/form_bg.gif) left top no-repeat;
	border:none;
	color:#FFF;
	}
form#member_login input.form_text:focus{
	background:url(../images/template/form_bg.gif) left bottom no-repeat;
	}
form#member_login input.form_btn{
	float:right;
	margin-top:8px;
	padding-right:8px;
	}

/*-----------------------------
	LIGHTBOX THUMBNAILS
-----------------------------*/

.big_box a.lightbox_th img{
	border:solid 3px #BD5102;
	background:none;
	}
.big_box a.lightbox_th img:hover{
	border:solid 3px #FFAB08;
	}
.big_box a.lightbox_th{
	border:none;
	background:none;
	}

.right_box a.lightbox_th img{
	border:solid 3px #BD5102;
	background:none;
	}
.right_box a.lightbox_th img:hover{
	border:solid 3px #FFAB08;
	}
.right_box a.lightbox_th{
	border:none;
	background:none;
	}

/*-----------------------------
	CHICKEN LISTS
-----------------------------*/

ul.chicken_list{
	display:block;
	padding:20px;
	margin:0 20px 20px 20px;
	border:3px solid white;
	background:#FFEBAF;
	}
ul.chicken_list li{
	padding:8px 0 8px 40px;
	background:url(../images/template/chicken_bullet.gif) 0 6px no-repeat;
	}
div.right_box ul.chicken_list{
	padding:10px;
	margin:0 10px 10px 10px;
	border:3px solid white;
	background:#FF7E00;
	}
div.right_box ul.chicken_list li{
	padding:8px 0 8px 45px;
	background:url(../images/template/chicken_bullet.gif) 0 6px no-repeat;
	}
ul.right_list{
	margin:5px 10px;
	padding:10px;
	background:#FF8D1F;
	}
ul.right_list li{
	padding:8px 0 8px 45px;
	background:url(../images/template/chicken_bullet_white.gif) 0 8px no-repeat;
	}
	


.bold {
	font-weight:bold;
}

.italic {
	font-style:italic;
}

.larger {
	font-size:120%;
}

.larger2 {
	font-size:130%;
}