@import url('reset.css');

/******** STYLING ********/

* {margin:0; padding:0}

body {background:#fff; font-size:medium; background:url(../images/site/new_bg.jpg) no-repeat top center;}


.clear {clear:both}

#container {width:960px; margin:0 auto; font-size:75%; color:#000; font-family: Myriad Pro, Verdana, Helvetica, san-serif; height:616px; line-height:1.4}

#inside {position: relative; left:0px; top:0px}

#content {padding:30px 22px; color:#000}


a {
	color:#6caedf; text-decoration:underline
}

a:hover {color:#1f2c4e}

.align_c {text-align:center}

.flleft {float:left}
.flright {float:right}

/******** NAV ********/

#nav {width:530px; margin-left:280px; border-bottom:2px solid #61a5ce; padding-left:25px; padding-top:10px; z-index:12}
#nav li {display:inline; background:url(../images/nav/devider.jpg) right bottom no-repeat}
#nav li a {padding:10px 10px 10px 5px; color:#61a5ce; font-family:Georgia, Times New Roman, Times, serif; font-size:12px; text-decoration:none}
#nav #current {font-weight:bold}

/******** logo ********/

#logo {top:20px; left:360px; position:absolute}
#share {top:580px; left:600px;  position:absolute}
#share a {text-align:center; font-size:12px; color:#1f2c4e; font-weight:bold}
#share img {text-align:center; margin-left:24px; margin-bottom:5px}

/******** FOOTER ********/

/******** PAGES ********/
/******** left content ********/


#content_left {float:left; width:380px; position:absolute; left:-358px; top:0; z-index:1;}

/******** right content ********/

#content_right {width:640x; margin-left:300px; z-index:6}
#content_right_bg {width:218px; height:228px; position:absolute; top:408px; left:726px}
#content_right_body {width:450px; margin-left:140px; z-index:9; padding-top:80px}
#wtb_content_right_body {width:450px; margin-top:50px; margin-left:140px}
#main_para {width:430px; z-index:3}
#main_para p {margin-bottom:10px; margin-bottom:10px}
#second_para {width:280px; margin-top:20px}
#second_para a {color:#6caedf}
#second_para a:hover {color:#1f2c4e}
#second_para p {margin-bottom:10px; margin-bottom:10px}
#about_para {width:450px; margin-bottom:10px}
.about_content {line-height:1.3; font-size:110%; margin-bottom:40px; padding-top:50px}
.bold_lightblue {font-weight:bold; color:#6caedf}
.regular_lightblue {color:#6caedf}
.big_lightblue {font-weight:bold; color:#6caedf; font-size:16px}
.bold_darkblue {font-weight:bold; color:#1f2c4e}
.regular_darkblue {color:#1f2c4e}
.big_darkblue {font-weight:bold; color:#1f2c4e; font-size:16px; width:400px; margin-bottom:25px}

/******** second para height with table ********/
#lacarte_height, #ingredients_height, #ready_meals_height, #stockist_height, #w_t_b_height {overflow:auto; margin-bottom:15px; font-size:9px}
#lacarte_height {height:280px}
#ingredients_height {height:270px}
#ready_meals_height {height:260px}
#w_t_b_height {height:380px}
#stockist_height {height:360px; width:285px}

/******** second para height ********/
#dysphagia_height, #tmm_height, #faq_height, #links_height, #caterer_height {overflow:auto; margin-bottom:15px}
#dysphagia_height {height:220px}
#tmm_height {height:200px}
#faq_height {height:400px}
#caterer_height {height:230px}
#links_height {height:420px; width:280px}


/******** table ********/
table {margin-bottom:20px}
.td_header {vertical-align:top}
.table_header {font-weight:bold; padding-bottom:5px; vertical-align:top}
.table_subheader {font-weight:bold; padding-bottom:5px; vertical-align:top; font-size:11px; }

/******** work for us table ********/
.table_date, .table_position {padding-bottom:5px}
.table_date {padding-left:20px}
.table_position {width:180px}

/******** ready meals table ********/
.range, .description, .quantity, .w_p_meal {padding-right:10px; vertical-align:top; padding-bottom:5px}
.quantity, .w_p_meal {text-align:center}
.range {width:100px}
.description {width:180px}
.quantity {width:100px}
.w_p_meal {width:70px}

/******** meal ingredients table ********/
.range_name, .pack_weight {padding-right:10px; vertical-align:top}
.pack_weight {text-align:center}
.range_name {width:180px}
.pack_weigh {width:80px}

/******** La Carte table ********/
.lacarte_range, .w_p_portion {padding-right:10px; vertical-align:top}
.lacarte_range {width:280px; font-weight:bold}
.w_p_portion {width:90px; text-align:center}

/******** where to buy ********/
.comp_logo {width:260px; text-align:center; margin-bottom:40px;}

/******** 3663 table ********/
.logo_header {margin-bottom:20px; margin-left:82px}
.code, three_description, .por_size, .a_p_quantity, .a_p_weight {padding-right:5px; vertical-align:top; padding-bottom:5px}
.code, .por_size, .a_p_quantity, .a_p_weight {text-align:center}
.code {width:40px; text-align:left;}
.three_description {width:90px; vertical-align:top; padding-bottom:5px}
.por_size {width:25px}
.a_p_quantity {width:40px}
.a_p_weight {width:40px}

/******** faq ********/
.faq_question {font-weight:bold; margin-bottom:5px; list-style-image:url(../images/talk_to_us/faq_q.jpg); padding-left:0px; margin-top:10px; margin-left:18px}
.faq_answer {margin-bottom:10px; list-style-image:url(../images/talk_to_us/faq_a.jpg); padding-left:0px; margin-left:18px}

/******** register ********/
#register {width:400px}
#register input[type="text"] {width:283px; height:23px; background:transparent; background-image:url(../images/recipes/regi_email.jpg); padding-left:18px; padding-right:18px; border:1px solid #fff; padding-bottom:2px; padding-top:8px; font-size:12px}
#register input[type="checkbox"] {float:left; margin-left:5px; width:35px}
#register input[type="image"] {margin-top:20px}
.regi_input_image {margin-top:20px}
#register label {width:300px; float:left; font-size:10px; font-weight:100; }

/******** registration ********/
#registration {}
#registration input[type="text"] {background:transparent; background-image:url(../images/talk_to_us/mail_input_bg.gif); padding-left:8px; padding-right:8px; border:1px solid #fff; padding-bottom:3px; padding-top:3px}
#registration input[type="checkbox"] {clear:both; float:left; margin-right:10px}
#registration input[type="image"] {margin-top:20px; margin-left:0}
#registration label {width:120px; font-size:12px; padding-top:5px}

/******** registration ********/

.news {margin-bottom:20px; margin-top:5px}
.news li {font-size:12px; list-style-type:disc; margin-bottom:15px; margin-left: 20px; background:none; 0 4px no-repeat;}
.news_heading {font-weight:bold; color:#6caedf}
.news_date {font-size:13px; color:#000; font-weight:100}
.news_page_date {font-size:13px; font-weight:bold;}
.news_image {text-align:center}

/******** news and reviews ********/
#caterer_image {width:205px; float:left}
.n_r_name {float:left; font-size:14px; font-weight:bold; width:200px}
.n_r_businessname {float:left; font-size:14px; font-weight:bold; width:200px;}

/******** meet the team ********/
#meet_the_team {position:absolute; top:200px; left:330px}
.mtt_links {text-align:center; width:100px; float:left; color:#61a5ce; font-weight:bold; padding-left:20px; text-decoration:none}
.mtt_links img {padding-left:20px}
.mtt_links a {text-decoration:none}

/******** dysphagia ********/
.dysphagia li {font-weight:bold; margin-bottom:5px; list-style:none; font-size:1.2em;}

/******** characteristics of tmm ********/
.tmm li {margin:5px 0 0 12px;}

/******** useful links ********/
.useful_links_set {margin-bottom:10px}
.useful_links_set p {margin-bottom:5px}
.useful_links_top {background:url(../images/research/images/blue_box_01.jpg) no-repeat; width:421px; height:19px}
.useful_links_mid {background:url(../images/research/images/blue_box_02.jpg) repeat-y; width:421x}
.useful_links_bottom {background:url(../images/research/images/blue_box_04.jpg) no-repeat; width:421px; height:19px}
.useful_links {padding:1px 15px; }
.useful_links a {color:#000; font-weight:bold}

/******** understanding the labelling ********/
#labelling {position:absolute; top:200px; left:300px}

/******** SUB NAV ********/

#sub_nav {margin:0; padding:0; width:300px; padding-left:10px; padding-top:10px; position:absolute; top:50px; left:140px; z-index:5;}
#sub_nav li {display:block; background:url(../images/sub_nav/sb_nav_bg1.gif) no-repeat; width:112px; height:115px}
#sub_nav li a {color:#1f2c4e; font-family:"Times", "Georgia", "Times New Roman", "serif"; font-size:8px; text-decoration:none; width:60px; height:95px; padding-left:38px; text-align:center; line-height:1; display:table-cell; vertical-align:middle}
#sub_nav #current { font-weight:bold;}

.one, .two, .three, .four, .five, .six {position:absolute}
.one {top:0; left:100px}
.two {top:90px; left:40px}
.three {top:195px; left:10px}
.four {top:305px; left:15px}
.five {top:410px; left:55px}
.six {top:505px; left:115px}


/* FORM */
.text_input {width:210px; background:transparent url(../images/talk_to_us/mail_input_bg.gif) no-repeat scroll 0 0; padding-left:8px; padding-right:8px; border:1px solid #fff; padding-bottom:4px; padding-top:3px}
.regi_text_input {width:283px; height:23px; background:transparent; background-image:url(../images/recipes/regi_email.jpg); padding-left:18px; padding-right:18px; border:1px solid #fff; padding-bottom:2px; padding-top:8px; font-size:12px}

label {float:left; width:350px; text-align:left; margin-right:10px; font:12px verdana, sans-serif; margin-bottom:2px; font-weight:bold; margin-left:3px}

input {background:#fafafa; margin-bottom:10px; font:12px verdana, sans-serif}

input[type="text"], input[type="password"] {width:210px; -moz-border-radius:4px; -khtml-border-radius:4px}

input[type="text"] {background:transparent url(../images/talk_to_us/mail_input_bg.gif) no-repeat scroll 0 0; padding-left:12px 0; border:1px solid #fff; padding-bottom:4px; padding-top:3px}

textarea { font:12px verdana, sans-serif; border:1px solid #fff; background:#fafafa; margin-bottom:10px; background:transparent url(../images/talk_to_us/mail_textarea_bg.jpg) no-repeat scroll 0 0; padding: 5px 16px 10px 20px; margin-left:-2px; width:395px; height:115px; overflow:auto; }

fieldset {margin-bottom:10px}

.error {
	color:red;
	font-weight:bold;
}

#shader {position:absolute; top:650px; left:80px; display:none}

/******** recipe table ********/
.recipe_header {font-weight:bold; margin-bottom:5px}
.recipe_set {font-size:1.2em; padding-bottom:10px}
.recipe_for {font-size:12px; font-weight:bold}
.ing_name {width:130px; padding-right:10px}
.ing_quantity {width:70px; text-align:center}
.indredients {width:200px; float:left}

/******** recipe table ********/
#footer_buttons {position:absolute; top:590px; width:300px;}
#footer_buttons img {float:left;position:relative;}
#next_btn, #back_btn {height:40px; vertical-align:middle; display:block;position:relative;}
#back_btn {float:left;padding-top:10px; margin-left:70px}
#next_btn {float:right;margin-left:70px}

/******** recipe table ********/
#recipe_image {position:absolute; top:61px; left:732px}
#recipe_image_bg {position:absolute; top:45px; left:697px}
#crescent {position:absolute; top:83px; left:774px}

/* ADDED - RM */
#content_right_body p {
	margin-bottom:10px;
}

#content_right_body ul {
	margin:10px 0;
}

h2 {
	font-size:1.2em;
	font-weight:bold;
}

h3 {
	font-size:1.2em;
}

#descriptorsLink {
	margin-top:20px;
}

.productsTable {
	margin-bottom:5px;
	width:100%;
	border-bottom:1px solid #000;
}

#careline {
	z-index:10;
}

.quoteOpen {
	margin-left:-36px;
}

.emailFaint {
	color:#bfbfbf;
}

#intro {
	margin-left:-178px;
	margin-top:-10px;
}

/* Form Submit buttons */
.submitBtn {
	text-indent:-999em;
	border:none;
	cursor:pointer;
	font-size: 0px;
	line-height: 0px;
}

#submitTell {
	background: url(../images/talk_to_us/send_btn.gif);
	width:60px;
	height:25px;
}

#submitLogin {
	background: url(../images/recipes/submit.jpg);
	width:130px;
	height:30px;
}