body { margin:0; padding-top:10px; font-family:verdana, arial, helvetica, sans-serif; font-size:71%; color:#494949; background:url(images/bg.gif) #ffffff repeat-x 50% top;} a:hover {text-decoration:underline;} a,a:link,a:active,a:visited {font-weight:700;color:#244c84;text-decoration:none} h2 {position:relative; float:left; width:100%; margin:0 0 10px; padding:0; font-weight:700; font-size:15px; } p {position:relative; float:left; margin:0 0 15px; padding:0; display:inline; } .noborder{border:0;} /* MENU USED ON SIDE OF MOST PAGES */ #menu {position:relative; float:left; width:150px; height:375px; margin:25px 0 0 25px; display:inline;} #menu ul {list-style:none; margin:0; padding:0} #menu li a {voice-family:inherit; height:22px; text-decoration:none;} #menu li a:link,#menu li a:visited {color:#000; display:block; background:url(images/button.png) no-repeat; padding:8px 0 0 16px} #menu li a:hover {color:#000; background:url(images/buttonover.png) no-repeat; cursor:pointer; padding:8px 0 0 16px; } #menu li.twolines a {voice-family:inherit; height:35px; text-decoration:none;} #menu li.selected a{color:#000; background:url(images/buttonover.png) no-repeat; cursor:pointer; padding:8px 0 0 16px; } /* CONTAINER */ #container{width:792px; margin:0 auto; padding:0; background-image:url(images/backgroundtop.jpg); background-repeat:no-repeat; } /* HEADER */ #header{height:90px; width:760px; margin:0; padding:15px; border-left:#b4b4b4 1px solid; border-right:#b4b4b4 1px solid;} #header img{position:relative; float:left; margin:9px 0 0 15px;} #header ul{position:relative; float:right; margin:0; padding:0; font-size:90%; list-style-type:none; color:#fff;} #header ul li{position:relative; float:left;} #header ul li a{font-weight:400; color:#fff; padding:0 4px 0 4px; text-decoration:none;} #header ul li h1{font-size:100%; display:inline;} #header ul li a:hover{text-decoration:underline;} /* NAVIGATION */ #nav{position:relative; margin:0; padding:0; width:790px; height:30px; clear:both; background-color:transparent; border-left:#b4b4b4 1px solid; border-right:#b4b4b4 1px solid; } #nav ul{padding:0; margin:0; background-color:transparent;} #nav ul li{float:left; font-size:90%; font-weight:700; text-transform:uppercase; text-align:center; list-style-type:none; background-color:transparent;} #nav ul li a{height:25px; padding:5px 20px 2px 20px; text-decoration:none; text-transform:uppercase; text-align:center; display:block; background-color:transparent;} #nav ul li h1{font-size:100%; display:inline; background-color:transparent;} #nav ul li.selected a{background:url(images/arrow.gif) no-repeat center bottom; background-color:transparent;} #nav ul li a:hover{text-decoration:underline; text-transform:uppercase; text-align:center; color:#000; background:url(images/arrow.gif) no-repeat center bottom; background-color:transparent;} #footer{position:relative; float:left; width:790px; height:24px; background:#244c84; color:#FFF; border:1px #b4b4b4 solid; margin:-9px 0 0} #footer p.sitemap{position:relative; float:left; margin:0; padding:0; color:#FFF; } #footer p.sitemap a{position:relative; float:left; margin:5px 0 0 10px; padding:0; color:#FFF; } #footer p.copyright{position:relative; float:left; margin:5px 0 0 255px; padding:0; display:inline; } #footer img{position:relative; float:right; margin:2px 7px 0 0; padding:0; border:0; } /* INDEX */ #index{position:relative; float:left; height:430px; width:790px; margin:0; padding:0; background-image:url(images/backgroundbottom.jpg); background-position:bottom left; background-repeat:no-repeat; border:1px #b4b4b4 solid;} #index #top,#index #bottom{position:relative; float:left; margin:0; padding:0; width:100%;clear:both;display:inline;} #index #top h1{position:relative; float:left; font-size:17pt; clear:both; margin:15px 0 0 50px; display:inline;} #index #top #SlideShow{position:relative; float:left; margin:15px 0 0 30px; padding:5px; width:500px; height:191px; border:1px #b4b4b4 solid; display:inline;} #index #top #newsbox{position:relative; float:right; height:200px; width:190px; background:url(images/newsbg.jpg); margin:15px 30px 0 0; display:inline;} #index #top #newsbox p.title{position:relative; float:right; border-bottom:1px #669dc1 solid; width:168px; height:15px; padding:7px 20px 3px 0; text-align:right; color:#16689b; font-weight:bold; font-size:10pt; margin:0; display:inline;} #index #top #newsbox a.title{position:relative; float:left; margin:10px 0 0 12px; font-size:7.5pt; width:170px; display:inline;} #index #top #newsbox p{position:relative; float:left; margin:5px 0 0 12px; font-size:7pt; width:170px; display:inline;} #index #bottom ul{margin:23px 0 0 13px; padding:0; list-style-type:none;} #index #bottom ul li{position:relative; float:left; padding:0 3px 0 3px;} #index #bottom ul li a{width:250px; height:50px; float:left; } #index #bottom #csd a{background:url('images/csd.png') center center no-repeat;} #index #bottom #fs a{background:url('images/fs.png') center center no-repeat;} #index #bottom #bel a{background:url('images/bel.png') center center no-repeat;} #index #bottom #csd a:hover{width:250px; height:50px; float:left; background:url('images/csdover.png') center center no-repeat; cursor:pointer} #index #bottom #fs a:hover{width:250px; height:50px; float:left; background:url('images/fsover.png') center center no-repeat; cursor:pointer} #index #bottom #bel a:hover{width:250px; height:50px; float:left; background:url('images/belover.png') center center no-repeat; cursor:pointer} #index #bottom p{display:inline; position:relative; float:left; width:230px; font-size:10px; text-align:justify;} #index #bottom #csdp{margin:0 0 0 25px;} #index #bottom #fsp{margin:0 0 0 24px;} #index #bottom #belp{margin:0 0 0 25px;} /* COMPANY */ #company{position:relative; float:left; height:430px; width:790px; margin:0; padding:0; background-image:url(images/backgroundbottom.jpg); background-position:bottom left; background-repeat:no-repeat; border:1px #b4b4b4 solid;} #company .detail{position:relative; float:left; width:565px; height:370px; margin:25px 0 0 20px; padding:0} #company #overview #left{position:relative; float:left; width:320px; margin:0 25px 0 0;} #company #overview #left #list{position:relative; float:left} #company #overview #right{position:relative; float:right; width:210px;} #company #overview #right #main{float:right; border:1px #000 solid; margin:0 10px 0 0} #company #overview #right .logos {position:relative; float:right; margin:15px 0 0 3px; border:0;} #company #overview #right #rha{height:50px; width:66px;} #company #overview #right #bfff{height:50px; width:54px;} #company #overview #right #fsdf{height:50px; width:81px;} #company #structure img{position:relative; float:left; height:378px; width:575px; margin:-20px 0 0 0;} #company #management table{position:relative; float:left; margin:15px 0 0 0;} #company #management .name{width:130px; font-weight:bold;} #company #management .title{width:400px;} #company #locations #mapimage{position:relative; float:right; z-index:3; margin:-45px 0 0;} /* COLD STORAGE AND DISTRIBUTION */ #cold-storage-and-distribution{position:relative; float:left; height:430px; width:790px; margin:0; padding:0; background-image:url(images/backgroundbottom.jpg); background-position:bottom left; background-repeat:no-repeat; border:1px #b4b4b4 solid;} #cold-storage-and-distribution .detail{position:relative; float:left; width:565px; height:370px; margin:25px 0 0 20px; padding:0} #cold-storage-and-distribution #overview #topleft{position:relative; float:left; width:380px; height:240px;} #cold-storage-and-distribution #overview #topright{position:relative; float:right; margin:0 20px 0 0;} #cold-storage-and-distribution #overview #topright img{border:1px black solid;} #cold-storage-and-distribution #overview #bottom{position:relative; float:left; width:540px; margin:20px 0 0 0;} #cold-storage-and-distribution #overview #bottom div.left{position:relative; float:left; width:268px; margin:0;} #cold-storage-and-distribution #overview #bottom div.right{position:relative; float:left; width:268px; margin:0; } #cold-storage-and-distribution #services img{position:relative; float:right; width:230px; border:1px black solid;} #cold-storage-and-distribution #distribute #left{position:relative; float:left; width:340px;} #cold-storage-and-distribution #distribute #left div{position:relative; float:left; width:320px;} #cold-storage-and-distribution #distribute #right{position:relative; float:right; width:200px;} #cold-storage-and-distribution #distribute #right #image1{border:1px #000 solid;} #cold-storage-and-distribution #distribute #right #image2{border:1px #000 solid; border-top:0 #000 solid; margin:-2px 0 0;} #cold-storage-and-distribution #benefits img{position:relative; float:left; width:554px; height:314px; margin:0 0 0 0;} #cold-storage-and-distribution #benefits p{position:relative; float:left; margin:0 0 0 115px; display:inline;} #cold-storage-and-distribution #benefits div{position:relative; float:left; margin:20px 0 0 8px; display:inline; width:180px; height:140px; background:url(images/cold-storage-and-distribution-benefits-bg.png) no-repeat;} #cold-storage-and-distribution #benefits #bottom{position:relative; float:left; margin:20px 0 0 100px; display:inline; width:180px; height:140px; background:url(images/cold-storage-and-distribution-benefits-bg.png) no-repeat;} #cold-storage-and-distribution #benefits div.new{position:relative; float:left; margin:0 0 0 5px; display:inline; width:180px; height:140px; background:url(images/cold-storage-and-distribution-benefits-bg2.png) no-repeat;} #cold-storage-and-distribution #benefits div h5{position:relative; float:left; margin:10px 0 0 20px; width:150px; clear:both; display:inline;} #cold-storage-and-distribution #benefits div ul{position:relative; float:left; margin:0;} #cold-storage-and-distribution #benefits div ul li{list-style:circle outside; margin:3px 0 0 -15px; width:152px; vertical-align:top;} /* FOOD SALES */ #food-sales{position:relative; float:left; height:430px; width:790px; margin:0; padding:0; background-image:url(images/backgroundbottom.jpg); background-position:bottom left; background-repeat:no-repeat; border:1px #b4b4b4 solid;} #food-sales .detail{position:relative; float:left; width:565px; height:370px; margin:25px 0 0 20px; padding:0} #food-sales #overview #left{position:relative; width:380px; float:left} #food-sales #overview #left p{position:relative; float:left; width:380px;} #food-sales #overview #left p.range{position:relative; float:left; width:320px; font-weight:bold; margin:0; padding:0 0 0 39px;} #food-sales #overview #left #flags{width:100%; margin:0 0 10px 0;} #food-sales #overview #left #flags h2{width:290px;} #food-sales #overview #left #flags #ukflag{position:relative; float:left; border:1px #000 solid; width:40px; height:20px; margin:0 5px 0 0;} #food-sales #overview #left #flags #spanishflag{position:relative; float:left; width:40px; height:20px; border:1px #000 solid;} #food-sales #overview #left #leftlist{position:relative; float:left} #food-sales #overview #left #leftlist2{position:relative; float:left} #food-sales #overview #left #rightlist{position:relative; float:right; width:210px;} #food-sales #overview #right{position:relative;float:right; width:160px;} #food-sales #overview #right img{height:360px; border:1px black solid; display:inline;} #food-sales #spanish #left{position:relative; width:390px; float:left} #food-sales #spanish #left #flags{width:100%; margin:0 0 10px 0;} #food-sales #spanish #left #flags h2{width:290px;} #food-sales #spanish #left #flags #ukflag{position:relative; float:left; border:1px #000 solid; width:40px; height:20px; margin:0 5px 0 0;} #food-sales #spanish #left #flags #spanishflag{position:relative; float:left; width:40px; height:20px; border:1px #000 solid;} #food-sales #spanish #left #leftlist{position:relative; float:left; width:180px;} #food-sales #spanish #left #rightlist{position:relative; float:right; width:200px;} #food-sales #spanish #right{position:relative;float:right} #food-sales #spanish #right img{height:360px; border:1px black solid;} #food-sales #markets #left{position:relative; width:390px; float:left} #food-sales #markets img{height:379px; float:right;} #food-sales #benefits div{position:relative; float:left; margin:10px 0 0 8px; display:inline; width:180px; height:160px; background:url(images/cold-storage-and-distribution-benefits-bg3.png) no-repeat;} #food-sales #benefits div h5{position:relative; float:left; margin:10px 0 0 20px; width:150px; clear:both; display:inline;} #food-sales #benefits div ul{position:relative; float:left; margin:0;} #food-sales #benefits div ul li{list-style:circle outside; margin:3px 0 0 -15px; width:152px; vertical-align:top;} #food-sales #purchasing #left{position:relative; width:350px; float:left;} #food-sales #purchasing #left div{position:relative; float:left;} #food-sales #purchasing #right{position:relative; float:right; width:200px} #food-sales #purchasing #right img{width:200px; border:1px black solid;} /* REPACK */ #repack{position:relative; float:left; height:430px; width:790px; margin:0; padding:0; background-image:url(images/backgroundbottom.jpg); background-position:bottom left; background-repeat:no-repeat; border:1px #b4b4b4 solid;} #repack .detail{position:relative; float:left; width:565px; height:370px; margin:25px 0 0 20px; padding:0} #repack #overview #left{position:relative; float:left; margin:0; width:350px; display:inline;} #repack #overview #left div{width:350px;} #repack #overview #right{position:relative; float:right; margin:0; width:200px; display:inline;} #repack #overview #right #image1{width:200px; border:1px black solid;} #repack #overview #right #image2{width:200px; border:1px black solid; margin:-5px 0 0 0;} #repack #contractpackaging #left{position:relative; float:left; margin:0; width:350px; display:inline;} #repack #contractpackaging #left div{width:350px;} #repack #contractpackaging #right{position:relative; float:right; margin:0; width:200px; display:inline;} #repack #contractpackaging img{width:200px; border:1px black solid;} #repack #contractpackaging a img{width:15px; border:1px black solid; border:0;} #repack #purchasing #left{position:relative; float:left; margin:0; width:350px; display:inline;} #repack #purchasing #left div{width:350px;} #repack #purchasing #right{position:relative; float:right; margin:0; width:200px; display:inline;} #repack #purchasing img{width:200px; border:1px black solid;} /* NETSTOCK */ #netstocklogin{position:relative; float:left; height:430px; width:790px; margin:0; padding:0; background-image:url(images/backgroundbottom.jpg); background-position:bottom left; background-repeat:no-repeat; border:1px #b4b4b4 solid;} #netstocklogin #left{position:relative; float:left; width:500px; padding:30px;} #netstocklogin #left div{position:relative; float:left; width:100%;} #netstocklogin #right{position:relative; float:right; width:160px; padding:30px;} #netstocklogin #right #netstock{position:relative; float:right; height:200px; width:140px; clear:both; background-image:url(images/cltlog_bg.jpg); border-bottom:0 solid #fff; font-family:arial, helvetica, sans-serif; color:#ccc; margin:0; padding:0 10px;} #netstocklogin #right #netstock form{margin:0; padding:0;} #netstocklogin #right #netstock p{margin:0; padding:0;} #netstocklogin #right #netstock h4 {width:140px;height:31px;color:#2898a2;font-size:2px;clear:both;background-image:url(images/cltlog_ttl.jpg);border:0;margin:0;padding:0 0 3px 0;} #netstocklogin #right #netstock label {font-size:11px;} #netstocklogin #right #netstock input {margin-top:1px; font-size:10px;} #netstocklogin #right #netstock a {font-size:9px; color:#ccc; text-decoration:none;} #netstocklogin #right #netstock a:hover {color:#2eb0b9; text-decoration:underline;} /* VACANCIES */ #vacancies{position:relative; float:left; height:430px; width:790px; margin:0; padding:0; background-image:url(images/backgroundbottom.jpg); background-position:bottom left; background-repeat:no-repeat; border:1px #b4b4b4 solid;} #vacancies #left{position:relative; float:left; margin:25px; width:200px; display:inline;} #vacancies #right{position:relative; float:right; width:510px; height:360px; overflow:auto; margin:25px 25px 0 0; display:inline;} #vacancies #right table{BORDER-left:1px #b4b4b4 solid; BORDER-bottom:1px #b4b4b4 solid; BORDER-top:1px #b4b4b4 solid;} #vacancies #right table td.header{border:1px #b4b4b4 solid; background-color:#7aa1e6} #vacancies #right table td {border-top:1px #b4b4b4 solid; border-right:1px #b4b4b4 solid } /* EMPLOYEE LOGIN */ #employee-login{position:relative; float:left; height:430px; width:790px; margin:0; padding:0; background-image:url(images/backgroundbottom.jpg); background-position:bottom left; background-repeat:no-repeat; border:1px #b4b4b4 solid;} #employee-login div{position:relative; float:left; margin:25px; width:500px; display:inline;} /* NEWS */ #news{position:relative; float:left; height:430px; width:790px; margin:0; padding:0; background-image:url(images/backgroundbottom.jpg); background-position:bottom left; background-repeat:no-repeat; border:1px #b4b4b4 solid;} #news #left{position:relative; float:left; margin:25px; width:300px; display:inline;} #news #left img{position:Relative; float:left; clear:right; margin:2px 0 0 0; border:0;} #news #left p{clear:both;} #news #right{position:relative; float:right; margin:25px 25px 0 0; width:400px; display:inline;} #news #right table{BORDER-left:1px #b4b4b4 solid; BORDER-bottom:1px #b4b4b4 solid; BORDER-top:1px #b4b4b4 solid;} #news #right table td {border-top:1px #b4b4b4 solid; border-right:1px #b4b4b4 solid } /* CONTACT US */ #contact-us{position:relative; float:left; height:430px; width:790px; margin:0; padding:0; background-image:url(images/backgroundbottom.jpg); background-position:bottom left; background-repeat:no-repeat; border:1px #b4b4b4 solid;} #contact-us #contactdepots {position:relative; float:left; height:275px; width:110px; border:1px #b4b4b4 solid; display:inline; margin:25px 0 0 25px; padding:13px;} #contact-us .contact {position:relative; float:left; border:1px #b4b4b4 solid; width:530px; height:250px; margin:25px 0 0 20px; padding:25px;} #contact-us .contact .left{position:relative; float:left; width:210px;} #contact-us .contact .left p{height:50px; border:0; display:inline; font-size:8pt;} #contact-us .contact .left img{position:relative; float:left; width:180px;} #contact-us .contact .middle,#contact-us .contact .right{position:relative; float:left; width:160px} #contact-us .contact .middle p{border:0;} #contact-us .contact .right p{width:140px; height:100px; border:0} #contact-us .contact .right p.map{position:relative; float:left; font-weight:700; margin:0 0 0 3px; width:150px; height:20px;} #contact-us .contact .right div{position:relative; float:left; border:1px black solid;} /* SITE MAP */ #sitemap{position:relative; float:left; height:430px; width:790px; margin:0; padding:0; background-image:url(images/backgroundbottom.jpg); background-position:bottom left; background-repeat:no-repeat; border:1px #b4b4b4 solid;} #sitemap #left{position:absolute; left:30px; top:25px; width:370px;} #sitemap #right{position:absolute; height:385px; left:450px; top:20px; border-left: 1px #b4b4b4 solid;} /* NEWS */ #news{position:relative; float:left; height:430px; width:790px; margin:0; padding:0; background-image:url(images/backgroundbottom.jpg); background-position:bottom left; background-repeat:no-repeat; border:1px #b4b4b4 solid;}