﻿/* BASE STYLES */

html
{
height:100%;
margin-bottom:1px;
}

body {
margin:0; 
padding:0; 
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background-image:url(/images/main_bg_repeat2.gif);
background-repeat:repeat-y;
}

h1 span, h2 span, h3 span {
display:none;
}

a:link{
color:#e5bf57; 
font-family:Arial, Helvetica, sans-serif; 
font-size:12px;
font-weight:bold;
text-decoration:underline;
}

a:visited{	
color:#e5bf57; 
font-family:Arial, Helvetica, sans-serif; 
font-size:12px;
font-weight:bold;
text-decoration:underline;
}

a:hover{
color:#e5bf57; 
font-family:Arial, Helvetica, sans-serif; 
font-size:12px;
font-weight:bold;
text-decoration:none;
}

#main_container{
margin:0 auto;
width:880px;
padding:0px;
position:relative; left:0; top:0;
}

/* HEADER */
#header_container{
float:left;
width:880px;
height:137px;
padding:0px;
}

#logo{
float:left;
width:144px;
height:90px;
margin:11px 0px 0px 8px;
display:inline;
background-image:url(/images/logo.png);
background-repeat:no-repeat;
}

.logo_link{
width:144px;
height:90px;
padding:0px;
}

.logo_link a{
display:block;
width:144px;
height:90px;
}

#nav_container{
float:left;
height:17px;
width:880px;
margin:19px 0px 0px 0px;
display:inline;
}

.nav_home {float:left; height:17px; width:55px; padding:0px;}
.nav_home a {background:url(/images/nav_home.gif) no-repeat 0px 0px; display:block; float:left; width:55px; height:17px;}
.nav_home a:hover {background:url(/images/nav_home.gif) no-repeat 0px -17px;}

.nav_about {float:left; height:17px; width:122px; padding:0px;}
.nav_about a {background:url(/images/nav_about.gif) no-repeat 0px 0px; display:block; float:left; width:122px; height:17px;}
.nav_about a:hover {background:url(/images/nav_about.gif) no-repeat 0px -17px;}

.nav_ontrade {float:left; height:17px; width:154px; padding:0px;}
.nav_ontrade a {background:url(/images/nav_ontrade.gif) no-repeat 0px 0px; display:block; float:left; width:154px; height:17px;}
.nav_ontrade a:hover {background:url(/images/nav_ontrade.gif) no-repeat 0px -17px;}

.nav_offtrade {float:left; height:17px; width:146px; padding:0px;}
.nav_offtrade a {background:url(/images/nav_offtrade2.gif) no-repeat 0px 0px; display:block; float:left; width:146px; height:17px;}
.nav_offtrade a:hover {background:url(/images/nav_offtrade2.gif) no-repeat 0px -17px;}

.nav_news {float:left; height:17px; width:107px; padding:0px;}
.nav_news a {background:url(/images/nav_news.gif) no-repeat 0px 0px; display:block; float:left; width:107px; height:17px;}
.nav_news a:hover {background:url(/images/nav_news.gif) no-repeat 0px -17px;}

.nav_water {float:left; height:17px; width:211px; padding:0px;}
.nav_water a {background:url(/images/nav_water.gif) no-repeat 0px 0px; display:block; float:left; width:211px; height:17px;}
.nav_water a:hover {background:url(/images/nav_water.gif) no-repeat 0px -17px;}

.nav_contact {float:left; height:17px; width:85px; padding:0px;}
.nav_contact a {background:url(/images/nav_contact.gif) no-repeat 0px 0px; display:block; float:left; width:85px; height:17px;}
.nav_contact a:hover {background:url(/images/nav_contact.gif) no-repeat 0px -17px;}

/* SPLASH */

#splash_container{
margin:30px auto 0px auto;
width:900px;
padding:0px;
}

#splash_mainpic_container{
float:left;
width:656px;
height:586px;
padding:0px;
background-image:url(/images/splash_mainpic.png);
background-repeat:no-repeat;
position:relative;
top:0px;
}

#enter_container{
width:244px;
height:76px;
padding:0px;
background-image:url(/images/enter_bg.png);
background-repeat:no-repeat;
position:absolute;
bottom:0px;
right:0px;
}

#enter_button{
float:left;
width:92px;
height:33px;
padding:34px 0px 0px 76px;
}

#splash_sidepic_container{
float:left;
width:244px;
height:586px;
padding:0px;
}

#splash_smallpic_inside{
float:left;
width:244px;
height:41px;
padding:0px;
background-image:url(/images/splash_inside.png);
background-repeat:no-repeat;
}

#splash_smallpic_box1{
float:left;
width:244px;
height:157px;
padding:0px;
background-image:url(/images/splash_news_bg.png);
background-repeat:no-repeat;
}

#splash_smallpic_box2{
float:left;
width:244px;
height:156px;
padding:0px;
background-image:url(/images/splash_trade_bg.png);
background-repeat:no-repeat;
}

#splash_smallpic_box3{
float:left;
width:244px;
height:233px;
padding:0px;
background-image:url(/images/splash_water_bg.png);
background-repeat:no-repeat;
}

#splash_more_about_title{
float:right;
width:206px;
height:38px;
padding:0px;
background-image:url(/images/moreabout_title.gif);
background-repeat:no-repeat;
}

#splash_bottomboxes_container{
float:left;
width:900px;
height:187px;
padding:0px;
}

#splash_curryawards{
float:left;
width:290px;
height:187px;
padding:0px 15px 0px 0px;
}

#splash_f1{
float:left;
width:595px;
height:86px;
padding:0px;
}

#splash_spicebusiness{
float:left;
width:290px;
height:86px;
padding:15px 15px 0px 0px;
}

#splash_airlines{
float:left;
width:290px;
height:86px;
padding:15px 0px 0px 0px;
}

#splash_bottombox1{
float:left;
width:290px;
height:86px;
padding:0px 15px 0px 0px;
}

#splash_bottombox2{
float:left;
width:290px;
height:86px;
padding:0px 15px 0px 0px;
}

#splash_bottombox3{
float:left;
width:290px;
height:86px;
padding:0px;
}

/* HOME */

#home_mainpicture_container{
float:left;
width:618px;
height:378px;
margin:16px 0px 0px 0px;
display:inline;
border:1px solid #474747;
}

#home_sidepicture_container1{
float:left;
width:250px;
height:184px;
margin:16px 0px 0px 8px;
display:inline;
background-image:url(/images/homepage_newsletter_bg.gif);
background-repeat:no-repeat;
border:1px solid #474747;
}

#home_sidepicture_container1_empty{
float:left;
width:252px;
height:186px;
margin:16px 0px 0px 8px;
display:inline;
}

#home_sidepicture_container2{
float:left;
width:250px;
height:184px;
margin:8px 0px 0px 8px;
display:inline;
background-image:url(/images/homepage_trade_bg.gif);
background-repeat:no-repeat;
border:1px solid #474747;
}

.home_sidepicture_text{
float:left;
width:117px;
padding:52px 0px 0px 24px;
}

#red_container_home{
float:left;
width:878px;
margin:8px 0px 5px 0px;
display:inline;
background-image:url(/images/content_bg_repeat4.gif);
background-repeat:repeat-y;
border:1px solid #474747;
}

#red_container_home2{
float:left;
width:878px;
margin:8px 0px 5px 0px;
display:inline;
background-image:url(/images/content_bg_repeat4.gif);
background-repeat:repeat-y;
border:1px solid #474747;
}

.main_title_home{
float:left;
width:400px;
padding:0px 0px 6px 10px;
clear:both;
}

.title_underline_home{
float:left;
width:400px;
height:6px;
padding:0px;
background-image:url(/images/title_underline.png);
background-repeat:no-repeat;
clear:both;
}

.main_text_home{
float:left;
width:460px;
padding:10px 0px 0px 10px;
}

.text_container2{
float:left;
width:460px;
padding:40px 0px 0px 0px;
}

#homepage_main_column{
float:left;
width:460px;
padding:0px;
}

.side_column_home{
float:left;
width:284px;
margin:20px 0px 0px 65px;
}

.side_column_home2{
float:left;
width:284px;
margin:40px 0px 0px 65px;
}

/* SUBPAGE */

#picture_container{
float:left;
width:878px;
height:76px;
margin:16px 0px 5px 0px;
display:inline;
background-image:url(/images/content_bg_repeat4.gif);
background-repeat:no-repeat;
border:1px solid #474747;
}

#picture_container_newsticker{
float:left;
width:878px;
height:76px;
margin:16px 0px 0px 0px;
display:inline;
background-image:url(/images/content_bg_repeat4.gif);
background-repeat:no-repeat;
border:1px solid #474747;
}

#picture_container_water{
float:left;
width:878px;
height:76px;
margin:16px 0px 5px 0px;
display:inline;
background-image:url(/images/content_bg_repeat_water.gif);
background-repeat:no-repeat;
border:1px solid #474747;
}

#red_container{
float:left;
width:878px;
padding:0px;
background-image:url(/images/content_bg_repeat4.gif);
background-repeat:repeat-y;
border:1px solid #474747;
}

#content_container{
margin:25px auto 45px auto;
width:820px;
}

#content_container2{
margin:25px auto 0px auto;
width:820px;
}

#content_container_water{
margin:25px auto 0px auto;
width:820px;
color:#315694;
}

#print_container{
margin:40px auto 20px auto;
width:820px;
height:37px;
}

#main_title{
float:left;
padding:30px 0px 6px 40px;
clear:both;
}

.main_title_newsandmedia{
float:left;
width:400px;
padding:0px 0px 6px 10px;
clear:both;
}

#title_underline{
float:left;
width:400px;
height:6px;
margin:0px 0px 6px 30px;
display:inline;
background-image:url(/images/title_underline_white.png);
background-repeat:no-repeat;
clear:both;
}

.title_underline_newsandmedia{
float:left;
width:400px;
height:6px;
padding:0px;
background-image:url(/images/title_underline.png);
background-repeat:no-repeat;
}

#title_underline2{
float:left;
width:400px;
height:6px;
margin:0px 0px 6px 30px;
display:inline;
background-image:url(/images/title_underline2.png);
background-repeat:no-repeat;
clear:both;
}

#main_text{
float:left;
width:460px;
padding:10px 0px 0px 10px;
}

#side_column{
float:left;
width:284px;
margin:20px 0px 0px 55px;
}

.side_box_container{
float:left;
width:282px;
padding:0px;
border:1px solid #474747;
background-image:url(/images/main_bg_repeat2.gif);
background-repeat:repeat-y;
}

.side_box_container2{
float:left;
width:282px;
height:228px;
padding:0px;
border:1px solid #474747;
background-image:url(/images/home_water_bg2.jpg);
background-repeat:repeat-y;
}

.side_box_content{
float:left;
width:252px;
padding:15px;
}

#side_box_title_heritage{ float:left; width:252px; height:18px; padding:0px; background-image:url(/images/smalltitle_heritage.png); background-repeat:no-repeat;}
#side_box_title_about{ float:left; width:252px; height:18px; padding:0px; background-image:url(/images/smalltitle_aboutus.png); background-repeat:no-repeat;}
#side_box_title_water{ float:left; width:252px; height:18px; padding:0px; background-image:url(/images/smalltitle_water.gif); background-repeat:no-repeat;}

.side_box_text{
float:left;
width:135px;
padding:10px 0px 0px 0px;
}

.side_box_text_water{
float:left;
width:135px;
padding:50px 0px 0px 0px;
}

.side_box_pic{
float:left;
width:104px;
height:80px;
padding:10px 0px 0px 13px;
}

.heritage_pic{
float:left;
width:207px;
height:156px;
padding:35px 0px 0px 38px;
}

.about_pic{
float:left;
width:248px;
height:262px;
padding:40px 0px 0px 0px;
}

#signup_pic{
float:left;
width:182px;
height:205px;
padding:20px 0px 0px 110px;
}

.standard_pic{
float:left;
width:251px;
height:283px;
padding:10px 0px 0px 15px;
}

/* MEDIA ARCHIVE */

.text_media{
float:left;
width:600px;
padding:10px 0px 0px 10px;
}

#media_video_container{
width:500px;
height:400px;
margin:30px auto 0px auto;
background-image:url(/images/main_bg_repeat2.gif);
background-repeat:repeat-y;
border:1px solid #474747;
}

/* NEWS ARCHIVE */

#main_text_newsarchive_container{
float:left;
width:820px;
padding:10px 0px 0px 0px;
}

.main_text_newsarchive_container_newsandmedia{
float:left;
width:820px;
padding:16px 0px 0px 0px;
}

.main_text_newsarchive{
float:left;
width:570px;
padding:0px 0px 0px 10px;
}

.main_text_newsarchive2{
float:left;
width:200px;
padding:0px 0px 0px 10px;
}

.main_pic_newsarchive_holder{
float:left;
width:136px;
padding:0px 0px 0px 80px;
}

.newsarchive_pic{
float:left;
padding:0px;
border:1px solid #764745;
}

.newsarchive_divider {
float:left;
text-align:left;
width:820px;
height:1px;
margin:12px 0 12px 0;
display:inline;
background-color:#cf4822;
}

.newsarchive_divider2 {
float:left;
text-align:left;
width:820px;
height:1px;
margin:25px 0 25px 0;
display:inline;
background-color:#cf4822;
}

/* NEWS ARTICLE */

#main_text_news{
float:left;
width:480px;
padding:10px 0px 0px 10px;
}

#article_pics_container{
float:left;
width:218px;
margin:0px 0px 0px 90px;
display:inline;
}

.article_pic_holder{
float:left;
width:218px;
padding:15px 0px 0px 0px;
}

.article_pic{
float:left;
width:216px;
padding:0px;
border:1px solid #764745;
}

#archive_link_container{
float:right;
text-align:left;
width:163px;
height:37px;
margin:0px 25px 0px 0px;
display:inline;
}

.archive_link_container_newsandmedia{
float:right;
text-align:left;
width:163px;
height:37px;
margin:0px 25px 0px 0px;
display:inline;
}

/* TRADE */

.trade_area_container{
margin:25px auto 45px auto;
width:820px;
padding:0px;
}

.trade_details{
float:left;
width:400px;
padding:0px 0px 0px 10px;
clear:both;
}

.trade_details_column1{
float:left;
width:185px;
padding:0px;
}

.trade_details_column2{
float:left;
width:185px;
padding:0px 0px 0px 20px;
}

.trade_box_container{
float:left;
width:378px;
margin:0px 0px 0px 25px;
display:inline;
border:1px solid #474747;
background-image:url(/images/main_bg_repeat2.gif);
background-repeat:repeat-y;
}

#trade_navigation{
width:120px; 
padding:0px;
position:absolute;
top:340px; 
left:490px; 
z-index:901; 
}

#button_download{
width:181px; 
height:156px; 
padding:0px;
position:absolute;
top:520px; 
left:420px; 
z-index:902; 
}

.trade_map_blank {float:right; padding:0px; width:249px; height:372px; background-image:url(/images/trade_map_blank.png); background-repeat:no-repeat;}
.trade_map_southeast {float:right; padding:0px; width:249px; height:372px; background-image:url(/images/trade_map_southeast.png); background-repeat:no-repeat;}
.trade_map_southwest {float:right; padding:0px; width:249px; height:372px; background-image:url(/images/trade_map_southwest.png); background-repeat:no-repeat;}
.trade_map_london {float:right; padding:0px; width:249px; height:372px; background-image:url(/images/trade_map_london.png); background-repeat:no-repeat;}
.trade_map_eastanglia {float:right; padding:0px; width:249px; height:372px; background-image:url(/images/trade_map_eastanglia.png); background-repeat:no-repeat;}
.trade_map_midlands {float:right; padding:0px; width:249px; height:372px; background-image:url(/images/trade_map_midlands.png); background-repeat:no-repeat;}
.trade_map_wales {float:right; padding:0px; width:249px; height:372px; background-image:url(/images/trade_map_wales.png); background-repeat:no-repeat;}
.trade_map_northwest {float:right; padding:0px; width:249px; height:372px; background-image:url(/images/trade_map_northwest.png); background-repeat:no-repeat;}
.trade_map_northeast {float:right; padding:0px; width:249px; height:372px; background-image:url(/images/trade_map_northeast.png); background-repeat:no-repeat;}
.trade_map_scotland {float:right; padding:0px; width:249px; height:372px; background-image:url(/images/trade_map_scotland.png); background-repeat:no-repeat;}

.trade_pic{
float:left;
width:400px;
height:400px;
padding:40px 0px 0px 10px;
}

/* WATER */

#water_container{
float:left;
width:878px;
padding:0px;
background-image:url(/images/content_bg_repeat_water.gif);
background-repeat:repeat-y;
border:1px solid #474747;
}
/* CONTACT */

#main_text_contact{
float:left;
width:420px;
padding:20px 0px 0px 10px;
}

#side_text_contact_content{
float:left;
width:115px;
padding:20px 0px 0px 0px;
}

#side_text_signup_content{
float:left;
width:300px;
padding:20px 0px 0px 50px;
}

.contact_pic{
float:left;
width:239px;
height:226px;
padding:10px 0px 0px 20px;
}

/* FOOTER */

#seo_container_left{
float:left;
width:745px;
padding:8px 0px 30px 8px;
color:#666666;
font-size:11px;
}

#seo_container_right{
float:left;
text-align:left;
width:50px;
padding:8px 8px 30px 0px;
color:#666666;
font-size:11px;
}

/* LINKS */

.seo_link:link, .seo_link:visited {
font-size:11px;
text-decoration:none;
color:#666666;
font-weight:normal;
}

.seo_link:hover {
font-size:11px;
text-decoration:underline;
color:#666666;
font-weight:normal;
}

.white_link:link, .white_link:visited {
font-size:12px;
text-decoration:none;
color:#ffffff;
font-weight:bold;
}

.white_link:hover {
font-size:12px;
text-decoration:underline;
color:#ffffff;
font-weight:bold;
}

.blue_link:link, .blue_link:visited {
font-size:12px;
text-decoration:underline;
color:#315694;
font-weight:bold;
}

.blue_link:hover {
font-size:12px;
text-decoration:none;
color:#315694;
font-weight:bold;
}

.link_archive:link, .link_archive:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
text-decoration:underline;
height:26px;
display:block;
margin:0;
padding:8px 0px 0px 50px;
background: url(/images/archive_icon.gif) no-repeat left;
}

.link_archive:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#e5bf57;
text-decoration:underline;
height:26px;
display:block;
margin:0;
padding:8px 0px 0px 50px;
background: url(/images/archive_icon.gif) no-repeat left;
}

.link_print:link, .link_print:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#eeeeee;
text-decoration:none;
margin:0 0 0 7px;
padding:0 0 0 22px;
line-height:20px;
background: url(/images/print.png) no-repeat left 1px;
}

.link_print:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#eeeeee;
text-decoration:underline;
margin:0 0 0 7px;
padding:0 0 0 22px;
line-height:20px;
background: url(/images/print.png) no-repeat left 1px;
}

/* TEXT */

h1 {
font-size:18px;
text-decoration:none;
color:#ffffff;
}

h2 {
font-size:16px;
text-decoration:underline;
color:#ffffff;
font-weight:bold;
margin: 0px 0px 15px 0px;
}

h3 {
font-size:16px;
text-decoration:underline;
color:#ffffff;
font-weight:bold;
margin: 0px 0px 5px 0px;
}

h4 {
font-size:18px;
text-decoration:none;
color:#315694;
}

h5 {
font-size:18px;
text-decoration:none;
color:#e5bf57;
}

.white_12bold{
font-size:12px;
text-decoration:none;
color:#ffffff;
font-weight:bold;
}

.yellow_12bold{
font-size:12px;
text-decoration:none;
color:#e5bf57;
font-weight:bold;
}

.blue_12bold{
font-size:12px;
text-decoration:none;
color:#315694;
font-weight:bold;
}

.yellow_title{
font-size:12px;
text-decoration:none;
color:#e5bf57;
font-weight:bold;
}

h2{
font-size:12px;
text-decoration:none;
color:#e5bf57;
font-weight:bold;
padding:0;
margin:0 0 4px 0;
}

.yellow_title_large{
font-size:16px;
text-decoration:none;
color:#e5bf57;
font-weight:bold;
margin:0px 0px 6px 0px;
}

.white_title_large{
font-size:16px;
text-decoration:none;
color:#ffffff;
font-weight:bold;
}

.bullet_yellow {
font-size:12px;
text-decoration:none;
color:#e5bf57;
font-weight:bold;
background: url(/images/bullet_yellow.gif) no-repeat;
background-position:top left;
padding:0px 0px 0px 12px;
line-height:18px;
}

.bullet_white {
font-size:12px;
text-decoration:none;
color:#ffffff;
font-weight:bold;
background: url(/images/bullet_white.gif) no-repeat;
background-position:top left;
padding:0px 0px 0px 12px;
line-height:18px;
}

.blue_text{
font-size:12px;
text-decoration:none;
color:#315694;
}

/* FORMS */

.table_height {
height:26px;
padding:5px;
color:#ffffff;
font-size:13px;
font-weight:bold;
}

.table_height2 {
height:26px;
padding:5px;
color:#ffffff;
font-size:13px;
font-weight:bold;
vertical-align:top;
}

.table_height3 {
height:15px;
padding:5px;
}

.inputfield {
border:1px solid #764745;
width:230px; 
height:18px; 
font-size:13px; 
color:#5c0805; 
padding:5px; 
font-weight:bold;
background-color:#ffffff;
}

.inputfield2 {
border:1px solid #764745;
width:230px; 
height:100px; 
font-size:13px; 
color:#5c0805; 
padding:5px; 
font-weight:bold;
background-color:#ffffff;
}

.selectfield {
border:1px solid #764745;
width:240px;  
height:30px; 
font-size:13px; 
color:#5c0805; 
padding:5px; 
font-weight:bold;
background-color:#ffffff;
}

.tickercontainer { /* the outer div with the black border */
float:left;
width: 878px; 
height: 32px; 
margin: 0px; 
padding: 0;
overflow: hidden; 
}

.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
width: 858px; 
overflow: hidden;
}

ul.newsticker { /* that's your list */
position: relative;
left: 750px;
font-size:12px;
font-weight:bold;
color:#fff;
list-style-type: none;
margin: 0;
padding: 0;
}

ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
}

ul.newsticker a {
white-space: nowrap;
padding: 0;
font-size:12px;
font-weight:bold;
color:#e5bf57;
margin: 0 20px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
}

#ticker01 li img {float:left; vertical-align: middle; margin: 0 5px 0 0;}
#ticker01 li a {padding: 10px 0 0 0; display:block; float:left;}