/* Food Services CSS */
html {width: 100%; height: 100%;}
body {width: 100%; height: 100%; margin: 0; padding: 0; background: #999; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 75%;}
html, body { height: 100%; margin: 0 0 1px 0; padding: 0; }

.print {display: none;}
div#wrapper {height: 100%; margin: 0 auto; width: 980px;}
div#container {float: left; width: 960px; margin: 0; display: inline; background: #FFF; border: 10px solid #FFF; border-width: 0 10px;}
form.nomarg {padding: 0; margin: 0;}
form.minusmarg {padding: 0; margin: -5px 0 0 0;}

/* Header */
div#header {float: left; display: inline; width: 920px; \width: 960px; w\idth: 920px; height: 65px; \height: 105px; he\ight: 65px; padding: 20px; background: #0C3933 url(images/bg-header.gif) top repeat-x; color: #FFF;}
div#header h1 {font-size: 100%; font-weight: normal; margin: 0;}
div#header img.logo {float: left; display: inline;}
div#header img.banner,div#header div {float: right;}
div#topmenu-wrap {float: left; display: inline; width: 960px; padding: 0; background: #7BC042;}
div#topmenu {float: left; display: inline; color: #0B332D; text-align: left;}
div#topmenu a {color: #FFF; text-decoration: none;}
div#accountmenu-wrap {float: left; display: inline; width: 960px; padding: 0; background: #C0DB94;}
div#accountmenu {float: left; display: inline; color: #FFF; width: 765px; display: inline; padding: 0 0 0 10px;}
div#accountmenu li.dark {padding: 10px 10px 10px 8px; color: #000;}
img.landscape {float: left; display: block;}
div.banner1 {float: right; margin: 18px 30px 0 0; border: 1px solid #FFF;}
div#topnav {float: left; display: inline; clear: both; width: 960px; height: 30px; background: #3D2B2D; border: 10px solid #FFF; border-width: 0 10px;}


/* Suckerfish Nav
---------------------------------------------------------- */
div#nav-wrap {float: left; color: #0B332D; width: 740px; display: inline; padding: 0 0 0 10px;}
div#nav-wrap ul.rightul {float: right; display: inline; padding: 0; margin: 0; list-style: none;}
div#nav-wrap ul.rightul a {display: block; width: auto; color: #0B332D; text-decoration: none;}
#nav, #nav ul, #nav2, #nav2 ul { /* all lists */padding: 0; margin: 0; list-style: none;}
#nav a,#nav2 a {display: block; width: auto; color: #0B332D; text-decoration: none;}
ul#nav li.end,ul#nav2 li.end {padding: 10px 0 10px 8px; margin-right: 0;}
/*img.endcap {background: #000; padding-right: 32px;}*/
#nav li.toplevel,#nav2 li.toplevel {padding: 10px 0 10px 8px; background: url(images/separator.gif) right no-repeat;}
#nav li.toplevel a,#nav2 li.toplevel a {padding: 0 10px 0 0; background: url(images/separator.gif) right no-repeat;}
div#nav-wrap ul.rightul li.toplevel {padding: 10px 0 10px 8px;}
#nav li,#nav2 li { /* all list items */position: relative; float: left; width: auto; /* width needed or else Opera goes nuts */}
#nav li.selected-gr,#nav2 li.selected-gr {/*background: url(images/arrow-grey.png) no-repeat center bottom*/}
#nav li.selected-wh,#nav2 li.selected-wh {/*background: url(images/arrow-white.png) no-repeat center bottom*/}
#nav li ul,#nav2 li ul { /* second-level lists */position: absolute; display: block; top: 34px; padding: 10px; background: url(images/top-grad.gif) repeat-x #000; border-right: 1px solid #AB170C; border-bottom: 1px solid #AB170C; border-left: 1px solid #AB170C; width: auto; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */}
#nav li ul li,#nav2 li ul li {clear: both; display: block; width: 9em; color: #0B332D; font-size: 85%; text-transform: uppercase;}
#nav li ul li a:link,#nav2 li ul li a:link {color: #666; text-decoration: none; margin: 1px 0; padding: 4px;}
#nav li ul li a:visited,#nav2 li ul li a:visited {color: #666; text-decoration: none; margin: 1px 0; padding: 4px;}
#nav li ul li a:hover,#nav2 li ul li a:hover {color: #FFF; text-decoration: none; margin: 1px 0; padding: 4px; background: #460905;}
#nav li ul li a:active,#nav2 li ul li a:active {color: #666; text-decoration: none; margin: 1px 0; padding: 4px;}
#nav li:hover ul,#nav li.sfhover ul,#nav2 li:hover ul,#nav2 li.sfhover ul {/* lists nested under hovered list items */left: 0;}
#content {clear: left; color: #ccc;}
/* -------------------------------------------------------- */

/* Left Column */

/* Columns */
div#content-wrap {float: left; display: inline; width: 960px; background: #FFF;}
div.column-1 {float: left; padding: 0; width: 170px; margin: 0 10px 0 0; display: inline;}
div.column-2 {float: left; padding: 0; width: 350px; margin: 0 10px 0 0; display: inline;}
div.column-3 {float: left; padding: 0; width: 288px; margin: 0; display: inline;}
div.column-left {float: left; padding: 0; width: 604px; padding: 0; display: inline;}
div.column-right {float: right; padding: 0; width: 120px; margin: 8px 0 0 0; display: inline;}
div.column-pleft {float: left; padding: 0; width: 668px; padding: 0; display: inline;}
div.column-pright {float: right; padding: 0; width: 281px; margin: 0; display: inline;}

p.phr {background: url(images/hdot.gif) repeat-x scroll center; margin-top: 6px; margin-bottom: 10px; height: 1px; line-height: 1px;}

/* Header Div */
div.headerdiv img {float: left; height: 220px; width: 540px; }

ul.archive-list {list-style: none outside; padding: 0; margin-left: 0;}
ul.archive-list li {background: url(images/white-dotted-line.gif) bottom repeat-x; padding: 8px 0 8px 15px; margin: 0;}
ul.archive-list li a {color: #242720; text-decoration: none; font-weight: bold;}

/* Category Selector ---------- */
div.content ul.catselul { /* all lists */padding: 0; margin: 0; list-style: none;}
div.content ul.catselul a {display: block; width: auto; color: #1B2732; text-decoration: none;}
div.content ul.catselul li { /* all list items */position: relative; width: 150px;/* width needed or else Opera goes nuts */ padding: 2px 10px 2px 8px; margin: 0; background: #CBE0A4; list-style: none; border: 1px #FFF solid;}
div.content ul.catselul li.selector {background-image: url(images/arrow-closed.gif); background-position: right; background-repeat: no-repeat;}
div.content ul.catselul li ul { /* second-level lists */margin: -1.65em 0 0 168px; position: absolute; display: block; float: left; width: 150px; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */}
div.content ul.catselul li {clear: both; display: block; width: 150px; color: #3B4752;}
div.content ul.catselul li a:link {color: #1B2732; text-decoration: none; font-weight: bold;}
div.content ul.catselul li a:visited {color: #1B2732; text-decoration: none; font-weight: bold;}
div.content ul.catselul li a:hover {color: #1B2732; text-decoration: none; background-color: #8BC851; font-weight: bold;}
div.content ul.catselul li a:active {color: #1B2732; text-decoration: none; font-weight: bold;}
div.content ul.catselul li:hover ul, ul.catselul li.sfhover ul {/* lists nested under hovered list items */left: 0; top: 19px;}
div.content ul.catselul li:hover ul ul, ul.catselul li.sfhover ul ul {/* lists nested under hovered list items */left: -999em; top: 19px;}
div.content ul.catselul li li:hover ul, ul.catselul li li.sfhover ul {/* lists nested under hovered list items */left: 0; top: 19px;}
div.content ul.catselul li:hover ul ul ul, ul.catselul li.sfhover ul ul ul {/* lists nested under hovered list items */left: -999em; top: 19px;}
div.content ul.catselul li li li:hover ul, ul.catselul li li li.sfhover ul {/* lists nested under hovered list items */left: 0; top: 19px;}
/*-----------------------------*/
div.content ul.catchoiceul { /* all lists */padding: 0; margin: 0; list-style: none;}
div.content ul.catchoiceul a {text-decoration: none; font-weight: bold; color: #1B2732;}
div.content ul.catchoiceul li { /* all list items */ width: 300px;/* width needed or else Opera goes nuts */ padding: 2px 10px 2px 8px; margin: 0; background: #8BC851; list-style: none; border: 1px #FFF solid;}

/* Content Pages */
div.content {float: left; display: inline; padding: 0; width: 828px; line-height: 140%; }
div.bg-white {background: #FFF; color: #000;}
div.bg-grey-black {background-image: url(images/bg-about-us.gif); background-repeat: repeat-y;}
div.content h1 {font-size: 150%; line-height: 100%; padding: 0; margin: 10px 20px 10px 20px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; color: #0B332D;}
div.content h2 {font-size: 110%; line-height: 100%; padding: 0; margin: 0 0 10px 0; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #0B332D;}
div.content h2 a {color: #00ADEA;}
div.content .dk {color: #543870;}
div.content .lt {color: #917C9F;}
div.content p {margin: 0 0 6px 0;}
div.content p.orange {color: #FFF;}
div.content p.testimonial {font-size: 125%; font-family: Verdana, Arial, Helvetica, sans-serif; color: #AE2F39;}
div.content p.intro {font-size: 120%; font-weight: bold;}
div.content div.limitwidth {float: left; display: inline; width: 346px;}
div.content div.service {float: left; display: inline; clear: both; width: 532px;}
div.content a {color: #0B332D;}
div.content a:link {text-decoration: none;}
div.content a:visited {text-decoration: none;}
div.content a:hover {text-decoration: underline;}
div.content a:active {text-decoration: none;}
div.content p.date {}
div.content ol.letterlist {list-style-position: inside; list-style: lower-alpha; padding: 0; margin: 0;}
div.content ol.letterlist li {padding: 0; margin: 5px 0 0 0;}
div.content ul {list-style-position: inside; padding: 0; margin: 0;}
div.content ul li {padding: 0; margin: 5px 0 0 0;}
div.content img.img1 {float: left; margin: 0 15px 10px 0; display: inline; border: 4px #FFF solid;}
div.content img.img2 {float: right; margin: 0 0 10px 10px; display: inline; border: 4px #FFF solid;}
div.content img.left {float: left; display: inline;/* Win IE double margin float bug fix */}
div.content img.right {float: right; display: inline;/* Win IE double margin float bug fix */}
div.content hr {border: 1px #D6D6D6 dashed; border-width: 0 0 1px 0; height: 0; margin: 2px 0 10px 0; padding: 5px 0 0 0;}
div.bg-white a {color: #555;}
img.competition {float: right; display: inline; margin: -13px -15px 0 0;}

/* Specifics */
div.content img.logo {margin: 12px 0 13px 0; clear: right;}
div.content div.hometext {float: left; display: inline; color: #223441; width: 828px; padding: 0;}
div.content div.categories {float: left; display: inline; width: 788px; padding: 10px 20px; color: #A1C270}
div.content div.categories ul {float: left; width: 165px; list-style-position: outside; padding: 0 15px; margin: 0px 0;}
div.content div.categories ul li {padding: 0; margin: 3px 0 0 0;}
div.content div.categories ul li a {color: #223441}
div.content div.gentext {float: left; display: inline; padding: 10px;}
div.content div.fullwidth {float: left; display: inline; padding: 0 10px 13px 10px;}
div.content div.padps p {padding-left: 10px !important;}
div.content div.searchtext {float: left; display: inline; color: #223441; padding: 0 0 13px 0;}
div.content div.searchtext p {margin: 0; padding: 0;}
input.rightsubmit {margin: 15px 0 0 0; float: right;}

/* Home page Latest */
div.latest {float: left; display: inline;}
div.latest-reviews {width: 828px;}
div.latest-suppliers {width: 409px;}
div.latest-products {margin: 0 0 0 10px; width: 409px;}
div.latest div.wrap-phr {width: 409px; height: 12px;}
div.latest div.wrap-phr2 {width: 828px; height: 12px;}
div.latest table {border-collapse: collapse; clear: both; width: 100%;}
div.latest table td {padding: 5px;}
div.latest table td.separator {width: 5.5em; background-image: url(images/separator.gif); background-position: right; background-repeat: no-repeat; padding-right: 7px;}
div.latest table td.left {padding-left: 16px; width: 33px; \width: 54px; w\idth: 33px;}
div.latest table td.right {padding-right: 11px;}
div.latest table tr.new td {background-color: #CAE0A5; border: 1px #A2C373 solid; border-width: 1px 0;}
div.latest table tr.dark td {background-color: #E7F1D6; border: 1px #D5E4C0 solid; border-width: 0 0 1px 0;}
div.latest table tr.light td {background-color: #ECF4DE; border: 1px #D5E4C0 solid; border-width: 0 0 1px 0;}
div.latest table tr.light td a,div.latest table tr.dark td a,div.latest table tr.new td a {color: #265e3d;}
div.latest table tr.grey td {background-color: #D3DCE2; border: 1px #A7B9C5 solid; border-width: 1px 0;}
div.latest table tr.grey td a {color: #223441;}
div.latest table tr.grey img {position: relative; top: 3px;}
div.latest table tr.noborder td {border: none !important;}

div.index {float: left; display: inline; width: 960px; color: #FFF; background: #10463E;}
div.index h1 {font-size: 130%; line-height: 100%; padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif;}
div.index p {margin: 0;}
div.index .green {color: #AEC9C3}
div.breadcrumb {float: left; display: inline; display: inline; width: 100%; background: #C0DB94; color: #114941; font-weight: bold;}
div.breadcrumb div {padding: 6px 10px 7px 10px;}
div.breadcrumb div p {margin: 0; padding: 0;}
div.breadcrumb div a {color: #0B332D;}
div.breadcrumb div form {display: inline;}
div.bottom {background: #C0DB94;}
div.index div.left {float: left; display: inline; margin: 6px 0 6px 15px;}
div.index div.right {float: right; margin: 6px 15px 6px 0;}
div.index div.right a {color: #FFF;}
div.bottom div.right {color: #10463E !important;}
div.bottom div.right a {color: #10463E !important;}
div.results {float: left; display: inline; width: 828px; background: #FFF;}

div.listingtop {float: left; display: inline; width: 100%; background: #C0DB94; margin: 0 0 1px 0; color: #114941; font-weight: bold;}
div.listingtop p {margin: 5px 10px;}
div.presstop {float: left; display: block; width: 100%; background: #7BC042; margin: 0; color: #FFF; font-weight: bold; border: none;}
div.presstop p {float: left; margin: 5px 10px; display: inline;}
div.presstop p.right {float: right; margin: 5px 10px; display: inline;}
div.presstop a {color: #FFF !important;}
div.prodpress {width: 668px;}

div.feature {width: 100%; margin: 0;}
div.feature ul {padding: 0; margin: 0 0 0 10px;}
div.feature div.text {float: left; display: inline; width: 100%;}
div.feature div.text div.padding {padding: 10px;}
div.feature div.text div.padding img {float: left; display: inline; margin: 0 10px 10px 0; border: 4px #FFF solid;}
div.feature p {margin: 0 0 6px 0;}
div.feature div.third {float: left; display: inline; width: 180px; \width: 200px; w\idth: 180px; padding: 10px;}
div.feature div.middle {float: left; display: inline; width: 220px; \width: 240px; w\idth: 220px; padding: 10px;}
div.feature div.logoright {float: left; display: inline; width: 140px; \width: 160px; w\idth: 140px; padding: 10px;}
div.feature div.twothird {float: left; display: inline; width: 38px; \width: 400px; w\idth: 380px; padding: 10px;}
	div.feature img.companylogo {margin: 0 0 10px 0; border: 4px #FFF solid; width: 125px; height: 125px;}
div.feature div.third img.logo {float: right; border: 4px #FFF solid; width: 125px; height: 125px;}
div.feature div.third img.button {float: right; margin: 15px 0 0 0;}
div.feature div.panel {float: left; display: inline; width: 100%; padding: 8px 0 10px 0; margin: 0 10px 0 10px;}
div.feature div.panel img {float: left; margin: 0 10px 0 0;}

div.gold div.header a {color: #FFF; text-decoration: none; font-weight: bold;}
div.gold div.header {width: 100%; float: left; display: inline; padding: 3px 0; background: #868DAD url(images/bg-feature-header-gold.gif) top no-repeat;}
div.gold div.header div.left {float: left; display: inline; padding: 3px 10px;}
div.gold div.header div.right {float: right; padding: 3px 10px 0 15px;}
div.gold div.header h1 {font-size: 120%; padding: 0; margin: 0; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #FFF;}
div.gold div.text {background: #7278A0; color: #FFF;}
div.gold div.text a {color: #FFF;}
div.gold div.panel {border: 1px #AAAEC6 solid; border-width: 1px 0 0 0; width: 584px;}
div.gold div.panel a {text-decoration: none; font-weight: bold;}
div.gold div.panel .separator {color: #888A9E}


div.silver div.header {width: 100%; padding: 3px 0; float: left; display: inline; background: #BECBD4 url(images/bg-feature-header-silver.gif) top no-repeat;}
div.silver div.header div.left {float: left; display: inline; padding: 3px 10px;}
div.silver div.header div.right {float: right; padding: 3px 10px 0 15px;}
div.silver a {color: #223441;}
div.silver div.header h1 {font-size: 120%; padding: 0; margin: 0; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #223441;}
div.silver div.text {background: #D3DCE2; color: #000;}
div.silver div.panel {border: 1px #A7B9C5 solid; border-width: 1px 0 0 0; width: 584px;}
div.silver div.panel a {text-decoration: none; font-weight: bold;}
div.silver div.panel .separator {color: #A7B9C5}


div.standard div.header {width: 100%; padding: 3px 0; float: left; display: inline; background: #E7F1D6; border: 1px #D5E4C0 solid; border-width: 0 0 1px 0;}
div.standard div.header div.left {float: left; display: inline; padding: 3px 10px;}
div.standard div.header div.right {float: right; padding: 3px 15px 1px 15px;}
div.standard a {color: #265E3D;}
div.standard div.header h1 {font-size: 120%; padding: 0; margin: 0; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #265E3D;}
div.standard div.text {background: #ECF4DE; color: #265E3D; width: 100%;}
div.standard div.text div {padding: 10px;}
div.standard div.panel {border: 1px #D5E4C0 dashed; border-width: 1px 0 0 0; margin: 7px 0 0 0; width: 564px;}
div.standard div.panel a {text-decoration: none; font-weight: bold;}
div.standard div.panel .separator {color: #265E3D}

div.lt div.header {background: #E7F1D6 !important;}
div.lt div.text {background: #ECF4DE !important;}
div.dk div.header {background: #DCEACE !important;}
div.dk div.text {background: #E1EFD3 !important;}

div.related {float: right; display: inline; width: 214px;}
div.related div.feature {float: left; display: inline; margin: 0 0 5px 0;}
div.related div.text div {padding: 10px;}
div.related div.panel {width: 194px; padding: 8px 0 10px 0 !important;}
div.related div.standard div.panel {margin: 0 10px 0 10px; display: inline; }

div.tab {float: left; display: inline; color: #FFF; font-size: 110%; font-weight: bold; margin: 8px 2px 0 0;}
div.tab a {color: #FFF; text-decoration: none;}
div.tabdark {background: #10463E url(images/tab-dk-m.gif) repeat-x;}
div.tabdark div {background: url(images/tab-dk-l.gif); background-position: top left; background-repeat: no-repeat;;}
div.tabdark div div {background-image: url(images/tab-dk-r.gif); background-position: top right; background-repeat: no-repeat; padding: 10px 20px;}
div.tablight {background: #7BBA47 url(images/tab-lt-m.gif) repeat-x;}
div.tablight div {background: url(images/tab-lt-l.gif); background-position: top left; background-repeat: no-repeat;;}
div.tablight div div {background-image: url(images/tab-lt-r.gif); background-position: top right; background-repeat: no-repeat; padding: 10px 20px;}

/* Profile page */
div.greenbox {float: left; display: inline; background: #E7F1D6; color: #223441; margin: 0 0 10px 0;}
div.greenbox div.padding {padding: 15px;}
div.greenbox div.left {float: left; display: inline; width: 148px; margin: 10px;}
div.greenbox div.left img.logo {float: left; border: 4px #FFF solid; width: 125px; height: 125px; margin: 0 23px 8px 0;}
div.greenbox div.left div.details {float: left; display: inline; width: 100%; border: 1px #A7B9C5 solid; padding: 6px 0 0 0; margin: 3px 0 0 0; border-width: 1px 0 0 0; font-weight: bold;}
div.greenbox div.left div.details img {position: relative; top: 3px;}
div.greenbox div.right {float: left; display: inline; width: 490px; margin: 10px 10px 10px 0;}
div.greenbox h1 {font-size: 170%; line-height: 100%; padding: 0; margin: 0 0 6px 0; font-family: Arial, Helvetica, sans-serif;}
div.greenbox h2 {font-size: 120%; line-height: 100%; padding: 0; margin: 0 0 6px 0; font-family: Arial, Helvetica, sans-serif;}
div.greenbox div.greenbox p {margin: 0 0 6px 0;}
div.greenbox a {color: #223441;}
div.greenbox ul {list-style-position: outside; padding: 0px 0 0px 15px; margin: 0px 0; width: 90%;}
div.greenbox ul li {padding: 0; margin: 3px 0 0 0;}
div.dottedtop {border: 1px dashed #CACBC9; border-width: 1px 0 0 0;}
div.stretchbox {width: 813px;}


div.profile div.header {width: 361px; float: left; display: inline; background: url(images/bg-profile-header.gif) top repeat-x;}
div.profile div.header div.left {float: left; display: inline; font-size: 120%; font-weight: bold; padding: 4px 15px 5px; color: #FFF;}
div.profile div.header div.right {float: right; padding: 4px 15px 2px 15px;}
div.profile div.header a {color: #FFF;}
div.profile div.header h1 {font-size: 130%; padding: 0; margin: 0; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #FFF;}
div.profile div.text {float: left; display: inline; padding: 15px; width: 329px; \width: 359px; w\idth: 329px; background: #FDEDD1;  border: 1px solid #FFB400; border-width: 0 1px 1px 1px; color: #000;}
div.profile div.text h1 {font-size: 130%; padding: 0; margin: 0 0 0 -0.5em; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #000;}
div.profile div.text p {margin: 0 0 6px 0;}
div.profile div.text p.reviewer {color: #E28D04;}
div.profile div.text a {color: #E28D04;}
div.profile div.text hr {border-color: #DCCEB6; color: #DCCEB6; font-size: 240%; line-height: 240%;}
div.profile div.text div.right {float: right; margin: -5px 0 0 0;}
div.profile div.text div.right img {float: right; margin: 0 2px 0 0;}
div.profile div.text .hidden {display: none;}

div.review {float: left; display: inline; clear: both; width: 960px; background: #414141; color: #FFF;}
div.review h1 {font-size: 130%; color: #F1A334; line-height: 100%; padding: 0; margin: 0 0 6px 0; font-family: Arial, Helvetica, sans-serif;}
div.review a {color: #F1A334;}
div.col1 {float: left; display: inline; width: 131px; \width: 151px; w\idth: 131px; margin: 20px 0 20px 20px; padding-right: 20px; border: 1px #000 solid; border-width: 0 1px 0 0;}
div.col2 {float: left; display: inline; width: 189px; margin: 20px;}
div.col3 {float: left; display: inline; width: 320px; margin: 20px;}
div.review div.col3 input {float: right; margin: 10px 0 0 0;}
div.review div.col3 textarea {width: 312px; height: 62px;}

div.sidefeature {float: left; display: inline; width: 261px; \width: 281px; w\idth: 261px; background: #E7F1D6; padding: 10px; color: #223441;}
div.sidefeature p {margin: 0 0 6px 0;}
div.sidefeature a {color: #223441;}
div.sidefeature img {margin: 0 2px 8px 0;}
div.sidefeature div.gallery {float: left; display: inline; margin: 0;}
div.sidefeature div.gallery div.image {float: left; display: inline; width: 60px; height: 60px; margin: 0 7px 7px 0; background-repeat: no-repeat;}
div.sidefeature div.gallery div.image img {width: 60px; height: 60px;}

/*div.enhance {float: left; width: 237px; w\idth: 267px; w\idth: 237px; height: 11.5em; padding: 15px;}
div.enhance h1 {font-size: 125%; line-height: 100%; padding: 0; margin: 0 0 6px 0; font-weight: normal; font-family: Arial, Helvetica, sans-serif;}
div.enhance ul {list-style-position: inside; padding: 0; margin: 0;}
div.enhance ul li {padding: 0; margin: 3px 0 0 0;}
div.goldlisting {margin: 0 10px 0 0; background: #71779F url(bg-grade-gold.gif) top repeat-x; color: #FFF; border-color: #71779F;}
div.goldlisting .colour {color: #CAD4DB;}
div.goldlisting h1 {color: #FFF;}
div.goldlisting ul {border: 1px #ABAEC6 solid; border-width: 1px 0 0 0;}
div.silverlisting {margin: 0 10px 0 0; background: #D3DCE2 url(bg-grade-silver.gif) top repeat-x; color: #364754; border-color: #A7B9C5;}
div.silverlisting .colour {color: #4C5F6D;}
div.silverlisting h1 {color: #2A3742;}
div.silverlisting ul {border: 1px #A7B9C6 solid; border-width: 1px 0 0 0;}
div.bronzelisting {margin: 0 !important; background: #E7F1D6 url(bg-grade-bronze.gif) top repeat-x; color: #364754; border-color: #A1C273;}
div.bronzelisting .colour {color: #4A8B61;}
div.bronzelisting h1 {color: #FFF;}
div.bronzelisting ul {border: 1px #D5E4C0 solid; border-width: 1px 0 0 0;}*/

div.searchbox {float: left; display: inline; width: 195px; background: url(images/search-mid.gif) repeat-y; color: #FFF; margin: 14px 0 0 13px;}
div.searchbox div {float: left; display: inline; width: 195px; background-image: url(images/search-top.gif); background-position: top; background-repeat: no-repeat;}
div.searchbox div div {float: left; display: inline; width: 171px; \width: 195px; w\idth: 171px; padding: 12px; background-image: url(images/search-bottom.gif); background-position: bottom; background-repeat: no-repeat;}
div.searchbox h1 {font-size: 120%; line-height: 100%; padding: 0; margin: 0 0 4px 0; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #FFF;}
div.searchbox input.searcharrow {position: relative; top: 4px;}
div.searchbox a {color: #FFF; padding-top: 5px; float: left;}
div.searchbox p {margin: 0;}

div.linkbox {float: left; display: inline; width: 717px; margin: 15px; color: #FFF; border: 1px #000 solid; border-width: 0 0 1px 0;} 
div.linkbox h2 {font-size: 110%; line-height: 100%; padding: 0; margin: 0 0 4px 0; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #FFF;}
div.linkbox img.logo {float: left; display: inline; margin: 0 20px 20px 0;}
div.linkbox div.right {float: left; display: inline; width: 512px;}

div.listing {padding: 30px 20px 20px 20px; width: 496px; \width: 536px; w\idth: 496px; float: left; display: inline; color: #FFF;}
div.listing p {margin: 0 0 6px 0;}
div.listing div.right {float: right; margin: -18px 0 10px 10px; font-size: 300%; font-weight: bold;}
div.listing div.right .superscript {font-size: 60%; position: relative; top: -0.5em;}
img.listing-button {margin: 0 0 15px 0;}
div.listing h2 {padding-top: 16px; margin-top: 0; font-size: 150%;}
div.gold-listing {background: #252525 url(images/listing-gold.gif) top no-repeat; color: #FFF;}
div.gold-listing h2 {color: #BBAF62;}
div.gold-listing div.right p.vat {margin: -3px 0 0 0; font-size: 40%; color: #BBAF62}
div.silver-listing {background: #252525 url(images/listing-silver.gif) top no-repeat; color: #FFF;}
div.silver-listing h2 {color: #CCCCCC;}
div.silver-listing div.right p.vat {margin: -3px 0 0 0; font-size: 40%; color: #CCCCCC}
div.bronze-listing {background: #252525 url(images/listing-bronze.gif) top no-repeat; color: #FFF;}
div.bronze-listing h2 {color: #9F7B57;}
div.bronze-listing div.right p.vat {margin: -3px 0 0 0; font-size: 40%; color: #9F7B57}

div.already {padding: 15px; width: 134px; \width: 164px; w\idth: 134px; background: #E28D04 url(images/bg-already.gif) top repeat-x; font-size: 90%;}
div.already h2 {color: #FFF; font-size: 120%; margin: 0 0 5px 0;}
div.already p {margin: 0 0 5px;}
div.already a {color: #000;}
div.already ul {padding: 0; margin: 6px 0 0 13px;}

div.pdflink {float: left; display: inline; width: 490px; background: #ECECEC url(images/bg-pdf.gif) top repeat-x; border: 1px #A599B7 solid;}
div.pdflink img {float: left; margin: 8px 12px 8px 8px;}
div.pdflink div.text {color: #616266; margin: 8px 12px 8px 0;}
div.pdflink div.text p {margin: 0; }

select.dropdown {margin: 10px 0;}

/* FAQs */
div.faq {margin: 6px 0 0 0;}
div.faq a {}
div.faq p {margin: 0 0 5px 0; line-height: 140%; }
div.faq ol {margin-left: 21px; padding-left: 0;}
div.faq ol li { padding: 2px 0; }
div.faq ol li a, div.faq ol li a:visited { text-decoration: none;}
div.faq ol li a:hover {}

/* Column 3 */
div.column-right img {float: left; margin-top: 2px;}

/* Search Criteria */
div.searchtop {float: left; display: inline; clear: both; width: 960px; height: 3px; background: #CBE1A6 url(images/bg-search-top.gif) top no-repeat;}
div#search {float: left; display: inline; clear: both; padding: 15px 0; width: 960px; background: #CBE1A6 url(images/bg-search-bottom.gif) bottom no-repeat;}
div#search div.nodots {background: none !important;}
div#search div.criteria {float: left; display: inline; width: 220px; height: 7em; margin: 0 0 0 20px; background: url(images/dots.gif) right repeat-y;}
div#search div.criteria input {width: 200px; margin: 0 0 3px 0; background: #FFF; color: #0B332D; border: 1px #A1BE73 solid;}
div#search div.criteria h3 {color: #0F433B; margin: 0 0 4px 0; font-size: 180%; font-family: Arial, Helvetica, sans-serif;}
div#search div.criteria p.description {color: #0B332D; font-size: 90%; padding:0; margin: 0;}
div#search input.searchbutton {position: relative; top: 17px;}
div#search a {color: #777; text-decoration: none;}
div#search img {position: relative; float: right; margin: -100px 18px -50px 0;}

/* Tables */
table.formtable {border-collapse: collapse;}
table.formtable td,table.formtable th {padding: 4px; text-align: left;}
table.formtable td.grey, table.formtable th.grey {background: #EEE;}
table.border {border: 1px solid #A5ACB2;}
input.fixwidth, textarea.fixwidth {width: 220px; border: 1px solid #A5ACB2;}
input.wide, textarea.wide {width: 400px; border: 1px solid #A5ACB2;}
input.wider, textarea.wider {width: 500px; border: 1px solid #A5ACB2;}
textarea.wide {height: 140px;}
textarea.tall {height: 200px;}
table.greytable {width: 815px;}
table.greytable td, table.greytable th {padding: 10px}
table.lesspadding td, table.lesspadding th {padding: 4px 10px !important;}
table.greytable th {background: #C0DB94; color: #114941;}
table.greytable th,table.greytable td a {color: #114941;}
table.greytable td {background: #E7F1D6; color: #223441;}
table.greytable td .left, table.greytable th .left {float: left;}
table.greytable td .right, table.greytable th .right {float: right;}
table.greytable tr.gold td {background: #7278A0; color: #FFF; vertical-align: top;}
table.greytable tr.gold td.underline {border: 1px #AAAEC6 dashed; border-width: 0 0 1px 0;}
table.greytable tr.gold td .colour {color: #CAD4DB;}
table.greytable tr.silver td {background: #D3DCE2; color: #364754; vertical-align: top;}
table.greytable tr.silver td.underline {border: 1px #A7B9C6 dashed; border-width: 0 0 1px 0;}
table.greytable tr.silver td .colour {color: #5D7281;}
table.greytable tr.bronze td {background: #E7F1D6; color: #265E3D; vertical-align: top;}
table.greytable tr.bronze td.underline {border: 1px #CBCBC9 dashed; border-width: 0 0 1px 0;}
table.greytable tr.white td {background: #FFF !important; height: 5px;}
table.greytable tr.borderbottom td {border: 2px #FFF solid; border-width: 0 0 2px 0;}
table.greytable ul {list-style-position: inside; padding: 0; margin: 0 0 10px 0;}
table.greytable ul li {padding: 0; margin: 2px 0 0 0;}
input.submitgrey {border: 1px solid #A5ACB2;}
input.col1 {width: 150px;}
input.col2 {width: 40px;}
input.col3 {width: 80px;}
textarea.small {width: 220px; height: 150px; border: 1px solid #A5ACB2;}
tr.filter, p.btbsk {display: none;}
.error {color: #F00;}
input.small {width: 220px; border: 1px solid #A5ACB2;}

table.resulttable {border-collapse: collapse; width: 100%;}
table.margin {margin-top: 20px; width: 735px;}
table.resulttable td,table.resulttable th {padding: 4px 10px; text-align: left;}
table.resulttable th {background: #C0DB94;}
table.resulttable td.centre, table.resulttable th.centre {text-align: center;}
table.resulttable tr.light td {background: #E7F1D6;}
table.resulttable tr.dark td {background: #C7D1B6;}

/* Sitemap */
#sitemap { list-style-type: none; margin-left: 30px; }
#sitemap li { margin-bottom: 15px;  }
#sitemap li a { font-weight: bold; font-size: 120%; }
#sitemap li ul { list-style-type: disc; }
#sitemap li ul li { margin: 0; }
#sitemap li ul li a { font-weight: normal; font-size: 100%; }

/* Adverts */
.ad_advert a img { border: 0; }

/* Directory */
div.directorylist ul {margin: 10px 0 0 20px; padding: 0; list-style-position: inside;}
div.directorylist li {margin: 4px 0;}
ul.open {display: block;}
ul.closed {display: none;}
div.directorylist ul li.open {list-style-image: url(images/arrow-open.gif);}
div.directorylist ul li.closed {list-style-image: url(images/arrow-closed.gif);}
div.directorylist ul li.subcat {list-style-image: url(images/arrow-subcat.gif);}

/* Footer */
div.clear5 {float: left; display: block; clear: both; height: 5px; width: 100%;}
div.clear10 {float: left; display: block; clear: both; height: 10px; width: 100%;}
div.clear15 {float: left; display: block; clear: both; height: 15px; width: 100%;}
div.clear25 {float: left; display: block; clear: both; height: 25px; width: 100%;}
div.green-strip {width: 960px; height: 8px; float: left; display: inline; clear: both; margin: 10px 0 0 0; background: #7BC042;}
div#footer {width: 920px; \width: 960px; w\idth: 920px; padding: 10px 20px; float: left; display: inline; clear: both; background: #10463E; font-weight: bold; font-size: 110%;}
div#footer div.left {float: left; width: 400px;}
div#footer div.right {float: right; width: 400px; text-align: right; color: #FFF;} 
div#footer div.right a {color: #FFF; text-decoration: none;} 
div#footer .white {color: #FFF;}
div#footer .green {color: #84BDB4;}
div#subfooter {float: left; display: inline; clear: both; width: 960px; color: #FFF; padding: 10px 0; font-size: 90%;}
div#subfooter div.right {float: right; width: 960px; text-align: right;}
div#subfooter a {color: #FFF; text-decoration: none;}