html, body {
margin: 0;
padding: 0;
background-color: #FFFFFF;
color: #464646;
/*font-family:Verdana,arial,helvetica,sans-serif;*/
font-size:100%;
}
div{
margin:0;
padding:0;
}
a:link {
color:#003399;
/*font-size:.92em;*/
}
p{
/*font-family:Verdana,arial,helvetica,sans-serif;*/
/*font-size:0.875em;*/
}
h1{
font-family:arial,helvetica,sans-serif;
margin:0;
padding:0;
}
h2{
color:#000080;
font-family:bold;
font-weight:bold;
}
.text p {
margin-top:1.5em;
font-family:Verdana,arial,helvetica,sans-serif;
font-size:80%;
line-height:1.4;
}
.clear {
clear:both;
}
.bg_navy {
color:white;
background-color:#000080;
}
.bold {
font-weight:bold;
}
.centre{
text-align:center;
}
.bold_navy {color:#000080;
font-weight:bold;}
.warning{
font-weight:bold; color: #ff0000;
}
.sq_bullets{
list-style-type: none;
padding: 0 0 0 2.2em;
margin: 0;
}
.sq_bullets li
{
font-family:Verdana,arial,helvetica,sans-serif;
font-size:80%;
background-image: url(http://britishproductsdirectory.co.uk/images/bullet.gif);
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: 1em;
margin: .6em 0;
}
div#wrapper
{
width:100%;
}
div#header
{
width:100%;
padding-top: .1em;
clear:both;
}
div#banner
{
clear:both;
}
div#logo
{
float: left;
width:28%;
}
div#logo img
{
margin-bottom:.5em;
padding-top: 0.15em;
}
div#maintitle
{
float:left;
width:50%;
}
div#title h1
{
font-size:28px;
font-weight:bold;
color:#00008B;
margin-bottom: 0pt;
margin-top: 0.2em;
text-align: center;
clear:both;
}
div#tagline
{
font-family:serif;
display: block;
text-align: center;
padding-bottom: 0.5em;
clear:both;
color: #00008B;
font-weight:bold;
}
#pict
{
float: right;
width:143px;
/*width:14.2%;*/
}
#header hr
{
background-color:silver;
color:silver;
margin:0;
padding:0;
height:2px;
}
#pagecontent
{
width:100%;
clear:both;
}
#mainpage
{
width:80%;
float:right;
padding-bottom:5em;
}
#isearch
{
text-align:center;
padding-right:20%;
margin-top:4.5em;
}
#isearch fieldset{
background-color:#FFFFFF;
margin:0;
padding:0;
border:0 solid;
}
#isearch label
{
/*width:5em;*/
margin-right: 0.05em;
float: none;
font-family: Arial, Helvetica, sans-serif;
font-size:80%;
line-height:1.125em;
}
#breadcrumb{
/*background-color:#EAF3FE;
border-top:none;
border-right:none;
border-bottom:1px dotted #336699;
border-left:1px dotted #336699;*/
margin-bottom:.45em
}
#breadcrumb ul{
margin:.25em 0 0 1.5%;
padding:0.1em 0;
list-style-type: none;
}
#breadcrumb ul li{
/*color:navy;*/
font-family:arial,helvetica,sans-serif;
font-weight:400;
font-size:80%;
line-height:1.125em;
list-style-image: none;
display:inline;
padding: 0 3px 0 0;
margin: 3px 0 0 0;
}
#breadcrumb ul li a { text-decoration: none; color:navy;font-weight:normal;}
#breadcrumb ul li a:hover{text-decoration: underline;font-weight:normal; }
#pageisearch
{
padding:0;
margin:0 0.5em 0 0;
}
#pageisearch fieldset{
float:right;
background-color:#FFFFFF;
margin:0;
padding:0;
border:0 solid;
}
#pageisearch label
{
margin-right: 0.05em;
float: none;
font-family: Arial, Helvetica, sans-serif;
font-size:0.85em;
}
div#navcontainer
{
background-color: #000099;
border-top: solid 1px silver;
border-bottom: solid 1px #000099;
clear:both;
}
div#navcontainer ul
{
font-family: Arial, Helvetica, sans-serif;
font-size: .8em;
font-weight: bold;
color: white;
text-align: center;
margin: 0;
padding:0;
padding-bottom: 2.5px;
padding-top: 2.5px;
padding-left: 9.25%;
/*width: 100%;*/
}
div#navcontainer ul li
{
display: inline;
/*margin-left: -1px;*/
}
div#navcontainer ul li a
{
padding: 2.5px 10px 2.5px 10px;
color: white;
background-color:#000099;
text-decoration: none;
list-style-image: none;
border-right: 1px solid #fff;
}
div#navcontainer ul li a:hover
{
background-color: #1F00CA;
color: white;
}
#active a { border-left: 1px solid #fff; }
#footer {
clear: both;
border-top: 3px solid #990000;
border-bottom: 3px solid #990000;
margin: 0;
padding: 0;
height: 2.5em;
color: #993366;
background-color: #000080;
}
#footer p {
color:#fff;
background-color:#000080;
/*padding: 0pt;*/
margin: .7em;
text-align: center;
font-size: 90%;
}
#innerpage
{
margin-top:3.5em;
margin-left:8%;
width:80%;
}
/*--- classes for home page ---*/
#gallery
{
margin-top:3.5em;/*5em*/
margin-left:3.5%;/*8%*/
width:95%;/*92%*/
}
#gallery .topgallerytext {
float:left;
width:75%;/*68%*/
border-top:1px dotted silver;
margin-top:1em;
}
#gallery .gallerytext {
font-family:Verdana,arial,helvetica,sans-serif;
font-size:.75em;
line-height:1.5em;
padding-top:.5em;
padding-left:.75em;
padding-right:5em;
}
#gallery img {
float:left;
width:120px;
margin-top:1em;
}
#gallery a { text-decoration:none; color:#0000B3;font-weight:normal;}
#gallery a:visited{text-decoration:none;color:#800080;font-weight:normal;}
#gallery a:hover{text-decoration:underline;color:#800080;font-weight:normal;}
#longtext {
width:88%;
padding-top:5em;
/*font-size:.95em;*/
}
#innerlongtext {
border-top:1px dotted #336699;
}
#longtext p {
margin-top:1.5em;
font-family:Verdana,arial,helvetica,sans-serif;
font-size:80%;
line-height:1.4;
}
/*--- classes for listings page ---*/
#listingspage {
width:95%;
margin-top:3.5em;
margin-left:2%;
}
#listingspage h2{
margin-bottom:1.5em;
padding-top:1em;
}
.listing {
float:left;
width:95%;
border-bottom:1px dotted silver;
padding-bottom:15px;
}
.company {
float:left;padding:12px 0 0;
}
.listprofile {
float:left;width:72%;/* To allow for 50px margin for img 72+20=92 */
}
.listimg {
float:right;
width:auto;
padding:0 0 0 0;
}
.listimg img {
display:block;
}
.listing p{
font-family:Verdana,arial,helvetica,sans-serif,verdana;
font-size:.75em; /* 16x.875=14 http://www.alistapart.com/articles/howtosizetextincss/*/
margin:5px 0 15px 0; /* IMPORTANT to make i.e display properly i.e has no margin*/
padding:0; /* 5px at top and 10px company bottom = required 15px */
line-height:1.5em; /* Add to body 16×1.125=18 alistapart*/
color:#464646; /* Add to body*/
}
.listing li{
font-family:Verdana,arial,helvetica,sans-serif,verdana;
font-size:.75em; /* 16x.875=14 http://www.alistapart.com/articles/howtosizetextincss/*/
margin:5px 0 0 0; /* IMPORTANT to make i.e display properly i.e has no margin*/
padding:0; /* 5px at top and 10px company bottom = required 15px */
line-height:1.5em; /* Add to body 16×1.125=18 alistapart*/
color:#464646; /* Add to body*/
}
.listing a { text-decoration:none; color:#0000B3;font-size:.92em;font-weight:normal;}
.listing a:visited{text-decoration:none;color:#800080;font-weight:normal;font-size:.92em;}
.listing a:hover{text-decoration:underline;color:#800080;font-size:.92em;font-weight:normal;}
/*--- classes for listings page ---*/
/*--- replicates listings but company is replaced with offer so that link style can be changed --*/
.offer {
float:left;padding:12px 0 0;
font-family:Verdana,arial,helvetica,sans-serif,verdana;
padding-bottom:.75em;
}
.offer a { text-decoration:none; color:#000088;font-size:.92em;font-weight:bold;}
.offer a:visited{text-decoration:none;color:#800080;font-weight:bold;font-size:.92em;}
.offer a:hover{text-decoration:underline;color:#800080;font-size:.92em;font-weight:bold;}
/*--- classes for regional categories page ---*/
.region-list{
/*font-family:arial,helvetica,sans-serif,verdana;*/
padding-top:1.5em;
}
#region-list ul {
color: #000080;
padding-left:0;
margin-left:0;
}
#region-list li{
list-style:none;
padding-bottom:1em;
font-family:Verdana,arial,helvetica,sans-serif,verdana;
font-size:.80em; /* 16x.875=14 http://www.alistapart.com/articles/howtosizetextincss/*/
}
#region-list li a { text-decoration:none; color:#0000B3;font-weight:normal;}
#region-list li a:visited{text-decoration:none;color:#800080;font-weight:normal;}
#region-list li a:hover{text-decoration:underline;color:#800080;font-weight:normal;}
/*--- left column ---*/
#leftcontainer
{
width:12.5%;
float:left;
margin-left:.3em;
}
#leftadcontainer
{
width:12.5%;
float:left;
margin-left:.3em;
}
/*--- Eric Myer's Simple List Separators
http://www.meyerweb.com/eric/talks/2003/commug/commug.html ---*/
.leftnavcontainer
{
padding-top:0;
margin-top:2em;
background-color:#fff;
}
.leftnavlist
{
font-family:Verdana,arial,helvetica,sans-serif;
font-size:.69em;
color:navy;
padding-left: 0;
margin-left: 0;
padding-top: 0;
margin-top: 0.15em;
}
.leftnavlist li
{
list-style: none;
margin: 0;
padding: 0.25em 0.25em 0.25em .65em;
border-bottom: 1px dotted #FFF;
/*silver*/
}
.leftnavlist li a { text-decoration: none; color:navy;}
.leftnavlist li a:visited{font-weight:normal;}
.leftnavlist li a:hover{text-decoration:underline;font-weight:normal;}
.leftnavcontainer p
{
margin:0;
padding:0;
}
.leftnavcontainer span.highlight
{
color:#fff;
background-color:#000099;
font-family:Verdana,arial,helvetica,sans-serif;
font-size:.69em;
font-weight:bold;
display:block;
margin:0;
padding:.2em 0 .2em .25em;
}
/*--- Registration Form classes ---*/
.form fieldset {
float: left;
clear: left;
width: 100%;
margin: 1.5em 0 0 0;
padding: 0;
border:none;
/* 1px solid #DBDBDB;*/
background-color: #F9F9F9;
}
.form legend {
/* margin-left: 1em;*/
padding-left:1em;
color: #000066;
font-weight: bold;
padding-top:1em;
}
.form fieldset ol {
padding: 1em 1em 0 1em;
list-style: none;
}
.form fieldset li {
float: left;
clear: left;
width: 100%;
padding-bottom: 1em;
}
.form fieldset.submit {
float: none;
width: auto;
border-style: none;
background-color: transparent;
}
.form label {
position: relative;
float: left;
width: 10em;
margin-right: 1em;
}
.form label em {
position: absolute;
left: 10em;
top: 0;
}
.form label strong {
color: #ff0000;
display: block;
font-weight: normal;
}
.form a.fieldset:link { color:#003399; background-color:#f4f4ff; text-decoration:none}
.form a.fieldset:visited { color:#800080; background-color:#f4f4ff; text-decoration:none}
.form a.fieldset:hover { color:#ff0000; background-color:#f4f4ff; text-decoration:none}
.form a.fieldset:active { color:#ff0000; background-color:#f4f4ff; text-decoration:none}
.form fieldset fieldset {
border-style: none;
background-color: transparent;
width: 100%;
}
.form fieldset fieldset ol{
margin: 0 0 0 5em;
padding: 0;
}
.form fieldset fieldset label{
float: none;
width: auto;
margin-right: auto;
}
.form fieldset fieldset dl {
padding: 0 0 0 1.35em;
list-style: none;
}
.form fieldset fieldset dt {
float: left;
clear: left;
width: 100%;
padding-bottom: 1em;
}
#home_adv
{
width:12.5%;
float:left;
margin-left:.3em;
}
.newsletter h2{
padding-left:2.5em;
}
.newsletter h3{
color: #000080;
}
.newsletter ul {
color: #000080;
padding-left:0;
}
.newsletter li{
list-style:none;
}
.newsletter li a { text-decoration:none; color:#0000B3;font-weight:normal;}
.newsletter li a:visited{text-decoration:none;color:#800080;font-weight:normal;}
.newsletter li a:hover{text-decoration:underline;color:#800080;font-weight:normal;}
#wiki caption{
text-align:left;
padding-left:1.5em;
padding-bottom: 1em;
color:#000099;
}
#wiki optgroup {
background-color:#fff;
color:#000099;
/* font-weight: bold;*/
}
#wiki optgroup option {
background-color:#fff;
color:#000;
}
.snowflake {
position: fixed;
color: #FFFFFF;
}