/* BASE STYLES */

html
{
height:100%;
margin-bottom:1px;
}

body {
margin:0; 
padding:0; 
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#000;
}

.clear {clear: both;}

h1 span, h2 span, h3 span {
display:none;
}

p {margin: 0 0 15px 0}

li {width:120px;}
u {width:120px;}

a:link{
color:#f9d868; 
font-family:Arial, Helvetica, sans-serif; 
font-size:12px;
text-decoration:none;
}

a:visited{	
color:#f9d868; 
font-family:Arial, Helvetica, sans-serif; 
font-size:12px;
text-decoration:none;
}

a:hover{
color:#f9d868; 
font-family:Arial, Helvetica, sans-serif; 
font-size:12px;
text-decoration:underline;
}

#main_container{
margin: 0 auto;
width:900px;
padding:0px;
}

/* HEADER */

#header_container_outer{
float:left;
text-align:left;
width:100%;
height:110px;
padding:0px;
background-image:url(/images/header_bg_repeat.gif);
background-repeat:repeat-x;
}

#header_container_inner{
margin: 0 auto;
text-align:left;
width:900px;
height:110px;
padding:0px;
}

#logo{
float:left;
text-align:left;
width:496px;
height:40px;
margin:20px 0px 0px 0px;
background-image:url(/images/dimsum_logo3.png);
background-repeat:no-repeat;
}

.logo_link{
padding:0px;
width:496px;
height:40px;
}

.logo_link a{
display:block;
width:496px;
height:40px;
}

#associationsunlik{
float:right;
width:324px;
height:40px;
margin:20px 0px 0px 0px;
background-image:url(/images/associationsunlik.png);
background-repeat:no-repeat;
}

.logo_link_sunlik{
padding:0px;
width:324px;
height:40px;
}

.logo_link_sunlik a{
display:block;
width:324px;
height:40px;
}

#associationpingpong{
float:right;
width:163px;
height:31px;
margin:10px 5px 0px 0px;
background-image:url(/images/pingpong_logo.png);
background-repeat:no-repeat;
}

.logo_link_pingpong{
padding:0px;
width:163px;
height:31px;
}

.logo_link_pingpong a{
display:block;
width:163px;
height:31px;
}

/* NAVIGATION */

#navigation{
float:left;
text-align:left;
width:705px;
height:35px;
padding:14px 0px 0px 0px;
}

.nav_element{
float:left;
text-align:left;
height:35px;
padding:0px;
}

.nav_sunlik_element{
float:left;
text-align:left;
height:35px;
padding:0px 0px 0px 34px;
}

/* BODY */

#main_container_outer_home{
float:left;
text-align:left;
width:100%;
padding:0px;
background-image:url(/images/dimsum_home_bg.png);
background-repeat:repeat-x;
}

#main_container_outer_search{
float:left;
text-align:left;
width:100%;
padding:0px;
background-image:url(/images/dimsum_bg1.png);
background-repeat:repeat-x;
}

#main_container_outer_about{
float:left;
text-align:left;
width:100%;
padding:0px;
background-image:url(/images/dimsum_bg2.png);
background-repeat:repeat-x;
}

#main_container_outer_add{
float:left;
text-align:left;
width:100%;
padding:0px;
background-image:url(/images/dimsum_bg3.png);
background-repeat:repeat-x;
}

#main_container_outer_favourites{
float:left;
text-align:left;
width:100%;
padding:0px;
background-image:url(/images/dimsum_bg4.png);
background-repeat:repeat-x;
}

#main_container_inner{
margin: 0 auto;
text-align:left;
width:900px;
height:700px;
padding:23px 0px 0px 0px;
}

#main_container_bgrepeat{
margin: 0 auto;
text-align:left;
width:900px;
padding:0px;
background-image:url(/images/dimsum_container_bg.png);
background-repeat:repeat-y;
position:relative; left:0; top:0;
}

#main_container_bgrepeat_home{
margin: 0 auto;
text-align:left;
width:900px;
padding:0px;
background-image:url(/images/dimsum_container_blackwhite.png);
background-repeat:repeat-y;
position:relative; left:0; top:0;
}

#main_container_bgrepeat_add{
margin: 0 auto;
text-align:left;
width:900px;
height:650px;
padding:0px;
background-image:url(/images/dimsum_container_bg.png);
background-repeat:repeat-y;
}

#subpage_title{
float:left;
text-align:left;
width:800px;
height:15px;
padding:20px 0px 0px 22px;
}

.homepage_titles{
float:left;
text-align:left;
width:300px;
height:15px;
padding:20px 0px 0px 0px;
}

.homepage_titles2{
float:left;
text-align:left;
width:300px;
height:15px;
padding:20px 0px 0px 13px;
}

.homepage_titles3{
float:left;
text-align:left;
width:300px;
height:15px;
padding:0px 0px 0px 13px;
}

.homepage_titles4{
float:left;
text-align:left;
width:300px;
height:15px;
padding:15px 0px 0px 13px;
}

.homepage_titles5{
float:left;
text-align:left;
width:300px;
height:15px;
padding:0px;
}

.homepage_titles6{
float:left;
text-align:left;
width:300px;
height:15px;
padding:0px 0px 0px 27px;
}

.homepage_titles7{
float:left;
text-align:left;
width:300px;
height:15px;
padding:20px 0px 0px 27px;
}

.homepage_titles8{
float:left;
text-align:left;
width:200px;
height:15px;
padding:15px 0px 0px 13px;
}

/* TITLE */

#title_dimsumhome { width:334px; height:15px; background-image:url(/images/title_dimsumhome.png); background-repeat:no-repeat; }
.title_search { width:155px; height:15px; background-image:url(/images/title_search.png); background-repeat:no-repeat; }
.title_search2 { width:155px; height:15px; background-image:url(/images/title_search2.png); background-repeat:no-repeat; }
#title_featured { width:172px; height:15px; background-image:url(/images/title_featured.png); background-repeat:no-repeat; }
#title_sponsors { width:80px; height:15px; background-image:url(/images/title_sponsors.png); background-repeat:no-repeat; }
#title_sponsors2 { width:79px; height:15px; background-image:url(/images/title_sponsors2.png); background-repeat:no-repeat; }
#title_theguide { width:86px; height:15px; background-image:url(/images/title_theguide.png); background-repeat:no-repeat; }
#title_add { width:155px; height:15px; background-image:url(/images/title_add.png); background-repeat:no-repeat; }
#title_about { width:127px; height:15px; background-image:url(/images/title_about.png); background-repeat:no-repeat; }
#title_about_dimsum { width:118px; height:15px; background-image:url(/images/title_aboutdimsum.png); background-repeat:no-repeat; }
#title_join { width:125px; height:15px; background-image:url(/images/title_join.png); background-repeat:no-repeat; }
#title_favourites { width:155px; height:15px; background-image:url(/images/title_favourites.png); background-repeat:no-repeat; }

/* HOME */

#home_left_container{
float:left;
text-align:left;
width:424px;
padding:0px 0px 0px 22px;
}

#home_top_text_container{
float:left;
text-align:left;
width:407px;
padding:20px 0px 0px 0px;
}

#home_dim_main{
float:left;
text-align:left;
width:427px;
height:66px;
padding:0px;
background:url(/images/home_dim_main.png); 
background-repeat:no-repeat;
}

#home_sum_main{
float:left;
text-align:left;
width:456px;
height:66px;
padding:0px;
background:url(/images/home_sum_main.png); 
background-repeat:no-repeat;
}

#home_top_text{
float:left;
text-align:left;
width:338px;
height:60px;
padding:0px;
display:inline;
}

#home_bullets{
float:left;
text-align:left;
width:390px;
height:375px;
margin:8px 0px 0px 0px;
background:url(/images/home_bulletpoints.png); 
background-repeat:no-repeat;
display:inline;
}

#home_booklet_star{
width:193px; 
height:193px; 
background:url(/images/booklet_star.png); 
position:absolute; 
top:401px; 
left:265px; 
z-index:901;
}

#home_pictures_container{
float:left;
text-align:left;
width:424px;
height:213px;
margin:20px 0px 0px 0px;
}

#home_info_container{
float:left;
text-align:left;
width:424px;
padding:12px 0px 0px 0px;
}

#home_info_text{
float:left;
text-align:left;
width:380px;
padding:20px 0px 0px 0px;
}

#home_right_container{
float:left;
text-align:left;
width:425px;
padding:0px;
}

#home_search_container{
float:left;
text-align:left;
width:425px;
height:200px;
margin:20px 0px 0px 12px;
background-image:url(/images/home_search_bg.png);
background-repeat:no-repeat;
border: solid 1px #571a1a;
}

#home_search_text{
float:left;
text-align:left;
width:290px;
padding:15px 0px 0px 15px;
clear:both;
}

#home_dimsum_map{
width:180px; 
height:257px; 
background:url(/images/dimsum_map.png); 
position:absolute; 
top:81px; 
left:736px; 
z-index:901;
}

#home_featured_container{
float:left;
text-align:left;
width:425px;
height:211px;
margin:20px 0px 0px 12px;
background-image:url(/images/add_restaurant_bg.png);
background-repeat:no-repeat;
border: solid 1px #484848;
}

#home_featured_left{
float:left;
text-align:left;
width:255px;
padding:0px;
}

#home_featured_right{
float:left;
text-align:left;
width:170px;
padding:0px;
}

#home_featured_text{
float:left;
text-align:left;
width:230px;
padding:15px 0px 0px 15px;
clear:both;
}

#home_featured_pic{
float:left;
text-align:left;
width:122px;
height:170px;
margin:19px 0px 0px 25px;
border: solid 1px #484848;
}

#home_sponsors_container{
float:left;
text-align:left;
width:425px;
padding:25px 0px 0px 0px;
}

#sponsors_area{
float:left;
text-align:left;
width:425px;
padding:30px 0px 40px 27px;
}

/* RESTAURANT SEARCH */

.search_left_container{
float:left;
text-align:left;
width:430px;
padding:0px 0px 20px 0px;
}

.search_right_container{
float:left;
text-align:left;
width:470px;
padding:0px 0px 20px 0px;
}

.search_title_container{
float:left;
text-align:left;
width:449px;
padding:0px;
height:15px;
padding:20px 0px 0px 21px;
}

.restaurant_main_container{
float:left;
text-align:left;
width:470px;
padding:0px 0px 30px 0px;
}

.restaurant_intro_text{
float:left;
text-align:left;
width:300px;
padding:20px 0px 0px 21px;
color:#fff;
font-size:12px;
font-weight:bold;
}

.restaurant_container{
float:left;
text-align:left;
width:426px;
margin:0px 0px 20px 0px;
background-image:url(/images/add_restaurant_bg.png);
background-repeat:no-repeat;
border:1px solid #3d3d3d;
}

.restaurant_text{
float:left;
text-align:left;
width:210px;
padding:20px 0px 0px 20px;
}

.restaurant_pic{
float:left;
text-align:left;
width:132px;
margin:30px 0px 0px 32px;
background-color:#000000;
border:1px solid #3d3d3d;
}

.restaurant_areas_nav{
width:200px; 
position:absolute; 
top:40px; 
left:260px; 
z-index:901;
}

.dimsum_map_southeast {float:left; padding:0px; width:312px; height:427px; background-image:url(/images/dimsum_map_southeast.png); background-repeat:no-repeat;}
.dimsum_map_southwest {float:left; padding:0px; width:312px; height:427px; background-image:url(/images/dimsum_map_southwest.png); background-repeat:no-repeat;}
.dimsum_map_london {float:left; padding:0px; width:312px; height:427px; background-image:url(/images/dimsum_map_london.png); background-repeat:no-repeat;}
.dimsum_map_eastanglia {float:left; padding:0px; width:312px; height:427px; background-image:url(/images/dimsum_map_eastanglia.png); background-repeat:no-repeat;}
.dimsum_map_midlands {float:left; padding:0px; width:312px; height:427px; background-image:url(/images/dimsum_map_midlands.png); background-repeat:no-repeat;}
.dimsum_map_wales {float:left; padding:0px; width:312px; height:427px; background-image:url(/images/dimsum_map_wales.png); background-repeat:no-repeat;}
.dimsum_map_northwest {float:left; padding:0px; width:312px; height:427px; background-image:url(/images/dimsum_map_northwest.png); background-repeat:no-repeat;}
.dimsum_map_northeast {float:left; padding:0px; width:312px; height:427px; background-image:url(/images/dimsum_map_northeast.png); background-repeat:no-repeat;}
.dimsum_map_scotland {float:left; padding:0px; width:312px; height:427px; background-image:url(/images/dimsum_map_scotland.png); background-repeat:no-repeat;}

/* ABOUT DIM SUM */

#about_left_container{
float:left;
text-align:left;
width:544px;
padding:0px 0px 0px 22px;
}

#about_text{
float:left;
text-align:left;
width:485px;
padding:20px 0px 0px 0px;
}

#about_right_container{
float:left;
text-align:left;
width:300px;
padding:0px;
}

#about_main_picture{
float:left;
text-align:left;
width:297px;
padding:0px;
}

#about_main_description{
float:left;
text-align:left;
width:257px;
padding:20px 20px 0px 20px;
}

/* FAVOURITES */

#favourites_container{
float:left;
text-align:left;
width:885px;
padding:20px 0px 0px 5px;
}

.favourites_box{
float:left;
text-align:left;
width:269px;
height:102px;
margin:0px 0px 18px 18px;
background-image:url(/images/add_restaurant_bg.png);
background-repeat:no-repeat;
border:1px solid #3d3d3d;
display:inline;
}

.favourites_pic{
float:left;
text-align:left;
width:80px;
height:80px;
margin:11px 0px 0px 11px;
background-color:#000;
display:inline;
}

.favourites_text{
float:left;
text-align:left;
width:150px;
margin:11px 0px 0px 10px;
display:inline;
}

/* ADD MY RESTAURANT */

#add_left_container{
float:left;
text-align:left;
width:409px;
padding:0px 0px 30px 22px;
}

#add_text{
float:left;
text-align:left;
width:320px;
padding:20px 0px 0px 0px;
}

#add_picture_1{
float:left;
text-align:left;
width:178px;
height:272px;
margin:15px 0px 0px 0px;
border:1px solid #3d3d3d;
}

#add_picture_2{
float:left;
text-align:left;
width:179px;
height:272px;
margin:15px 0px 0px 24px;
border:1px solid #3d3d3d;
}

#add_pic1{
float:left;
text-align:left;
width:178px;
padding:20px 0px 0px 0px;
}

#add_right_container{
float:left;
text-align:left;
width:435px;
padding:0px 0px 30px 0px;
}

#add_form_container{
float:left;
text-align:left;
width:434px;
padding:0px;
background-image:url(/images/add_restaurant_bg.png);
background-repeat:repeat-y;
border:1px solid #3d3d3d;
}

#add_form{
float:left;
text-align:left;
width:400px;
padding:20px 17px 0px 17px;
}

#add_title{
float:left;
text-align:left;
width:200px;
padding:18px 0px 0px 21px;
}

/* FOOTER */

#seo_container{
float:left;
text-align:left;
width:900px;
margin:50px 0px 10px 0px;
border-top: solid 1px #3d3d3d;
}

#seo_text_right{
float:right;
text-align:right;
width:642px;
margin:8px 12px 0px 0px;
color:#b9b9b9;
font-size:10px;
line-height:18px;
}

/* TEXT */

h1 {
padding:0px;
color:#ffffff;
font-size:16px;
font-weight:bold;
}

h2 {
padding:0px;
color:#ffffff;
font-size:12px;
font-weight:bold;
}

h3 {
padding:0px;
color:#f2bc8f;
font-size:16px;
font-weight:bold;
}

.boldlimegreen12 {
padding:0px;
color:#a7c63b;
font-size:12px;
font-weight:bold;
}

.boldwhite12 {
padding:0px;
color:#fff;
font-size:12px;
font-weight:bold;
}

.boldwhite16 {
padding:0px;
color:#fff;
font-size:16px;
font-weight:bold;
text-decoration:underline;
}

.boldyellow16 {
padding:0px;
color:#f9d867;
font-size:16px;
font-weight:bold;
}

.boldyellow12 {
padding:0px;
color:#f9d867;
font-size:12px;
font-weight:bold;
}

.boldgrey12 {
padding:0px;
color:#888484;
font-size:12px;
font-weight:bold;
}

.boldyellow14 {
padding:0px;
color:#f9d867;
font-size:14px;
font-weight:bold;
}

.boldgrey14 {
padding:0px;
color:#888484;
font-size:14px;
font-weight:bold;
}

.boldwhite14 {
padding:0px;
color:#fff;
font-size:14px;
font-weight:bold;
}

.boldwhite15_underline {
padding:0px;
color:#fff;
font-size:15px;
font-weight:bold;
text-decoration:underline;
}

/* LINKS */

.white_link:link, .white_link:visited {
font-size:12px;
text-decoration:none;
color:#fff;
font-weight:bold;
background:url(/images/white_link.png) left center no-repeat;
padding:0px 0px 0px 11px;
}

.white_link:hover {
font-size:12px;
text-decoration:underline;
color:#fff; 
font-weight:bold;
background:url(/images/white_link.png) left center no-repeat;
padding:0px 0px 0px 11px;
}

.yellow_link:link, .yellow_link:visited {
font-size:12px;
text-decoration:none;
color:#f9d867;
font-weight:bold;
background:url(/images/yellow_link.gif) left center no-repeat;
padding:0px 0px 0px 11px;
}

.yellow_link:hover {
font-size:12px;
text-decoration:underline;
color:#f9d867; 
font-weight:bold;
background:url(/images/yellow_link.gif) left center no-repeat;
padding:0px 0px 0px 11px;
}

.white_link_small:link, .white_link_small:visited {
font-size:11px;
text-decoration:none;
color:#fff;
font-weight:bold;
background:url(/images/white_link.gif) left center no-repeat;
padding:0px 0px 0px 8px;
}

.white_link_small:hover {
font-size:11px;
text-decoration:underline;
color:#fff; 
font-weight:bold;
background:url(/images/white_link.gif) left center no-repeat;
padding:0px 0px 0px 8px;
}

.seo_link:link, .seo_link:visited {
font-size:10px;
text-decoration:none;
color:#b9b9b9;
}

.seo_link:hover {
font-size:10px;
text-decoration:underline;
color:#b9b9b9;
}

.search_link:link, .search_link:visited {
font-size:15px;
text-decoration:none;
color:#ffffff;
font-weight:bold;
}

.search_link:hover {
font-size:15px;
text-decoration:none;
color:#f9d868;
font-weight:bold;
}

/* FORMS */

.table_height {
height:26px;
padding:5px;
color:#fff;
font-size:13px;
font-weight:bold;
}

.table_height2 {
height:26px;
padding:5px;
color:#fff;
font-size:13px;
font-weight:bold;
vertical-align:top;
}

.inputfield {
border:1px solid #3d3d3d;
width:180px; 
height:18px; 
font-size:13px; 
color:#f9d867; 
padding:5px; 
font-weight:bold;
background-color:#000;
}

.inputfield2 {
border:1px solid #3d3d3d;
width:180px; 
height:100px; 
font-size:13px; 
color:#f9d867; 
padding:5px; 
font-weight:bold;
background-color:#000;
}

.inputfield_large {
font-family:Arial, Helvetica, sans-serif; 
border:1px solid #3d3d3d; 
width:186px; 
height:100px; 
font-size:13px; 
color:#f9d867; 
margin:0px; 
padding:2px; 
font-weight:bold; 
background:#000;
}

.selectfield {
border:1px solid #3d3d3d;
width:180px;  
height:25px; 
font-size:13px; 
color:#f9d867; 
padding:5px; 
font-weight:bold;
background-color:#000;
}

.search_inputfield {
border:1px solid #3d3d3d;
width:180px;  
height:25px; 
font-size:13px; 
color:#f9d867; 
padding:5px; 
font-weight:bold;
background-color:#000;
}