body {
margin-top: 0;
background: #FFF;
}

body, p, td, input, textarea, select {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333;
font-size: 11px;
}

p {
margin: 0 0 0.6em 0;
padding: 2px;
font-size: 100%;
}

input {
font-size: 100%;
}

h1 {
background: url(../images/reseller-area.gif);
display: block;
margin: 10px;
overflow: hidden;
position: absolute;
top: 3px;
left: 3px;
padding-top: 43px;
width: 284px;
text-align: center;
height: 0px !important;
height /**/: 43px;
}

h2, p.heading {
font-weight:bold;
font-size: 130%;
margin: 0.7em 0 0.6em 0.1em;
padding:0;
}

h2 img {
margin: 0;
}


h4 {
font-size: 100%;
margin:10px 0 0 0;
}

a {
color: #33338B;
}

a:hover {
text-decoration: none;
}

img.left {
float : left;
padding : 0 3px 3px 0;
}

img.center {
display : block;
margin : 10px auto;
}

img.right {
float : right;
margin : 0 0 7px 7px;
}

.containingbox
{
width: 760px;
margin: auto;
background-image: url(../images/border_bg.gif);
background-position: 130px;
border-top: 5px solid #33338b;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
border-left: 1px solid #666;
background-repeat: repeat-y;
}


.topslide {
background-color: #33338B;
height: 5px;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-color: #666;
}

.top {
position:relative;
background: #FFF url(../images/phonenumber.gif) no-repeat right top;
height: 67px;
}

.ukfast {
padding-top: 13px;
padding-left: 10px;
}

.topright {
float: right;
height: 17px;
width: 215px;
background-color: #33338B;
background-image: url(../images/topright_dropdown.gif);
background-repeat: no-repeat;
background-position: left top;
padding-left: 15px;
}

.floatnone {
float: none;
}

.topnav a {
color: #FEFEFE;
text-decoration: none;
}

ul.topnav{
height: 18px;
width: 760px;
font-weight: bold;
background-color: #DF273E;
padding-top: 3px;
clear:none;
text-align:center;
padding:3px 0px 0px 0px;
margin:0px;
border-top: #666 solid 1px;
}

ul.topnav li{
display:inline;
margin-right:13px;
}

ul.topnav a:hove{
text-decoration:underline;
}

.margin-logo {
margin-top: 14px;
margin-left: 10px;
}

.whereyougo {
display:none;
}

.sidenav {
font-family: Arial, Helvetica, sans-serif;
width: 130px;
height: auto;
float: left;
background-color: #FFF;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #D5D5D5;
}

.sidenav img {
margin:5px 0 5px 5px;
}

.main
{
width: 478px;
background: #fff;
float: left;
padding: 2px 3px 2px 7px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #D5D5D5;
margin-bottom:20px;
}

.main ul {
list-style-position:inside;
margin-left:0;
}

.main li {
list-style-position:inside;
}

.main ol li {
list-style-position:outside;
}

#sform {
margin: 0px;
display: block;
height: 25px;
}

#latestnews {
padding: 8px 0px 0px 2px;
}

.rightcol {
width: 130px;
background: #fff;
float:left;
border-color:#FEFEFE;
border-width:1px;
border-style:none solid;
padding-left: 4px;
padding-right: 4px;
padding-top: 6px;
text-align:center;
}

.rightcol img {
margin:0;
}

.rightcol div {
text-align:left;
}

.rightcol object, .rightcol embed {
margin-bottom:10px;
}

.searchbox {
background-color: #FFF;
width: 104px;
border: 1px solid #9EA5A7;
float:left;
}

.searchbox:hover {
background-color: #33338B;
border: 1px solid #9EA5A7;
color: #FFF;
}

.search {
float:left;
}

ul.bullets, main ul {
list-style-type:none;
list-style-position:outside;
}

ul.bullets {
margin: 0px;
padding: 0 3px 0 0;
text-align: left;
top: 2px;
}

ul.bullets li, .main ul li {
padding-left:12px;
background: url(../images/bullets.gif) no-repeat 2px 4px;
}

.main ul li {
list-style-type:none;
margin-bottom:10px;
}

.bullets a {
text-decoration: none;
}

.bullets a:hover {
color: #DF273E;
}

.readmore a {
text-decoration: underline;
}

.bullets li {
padding-bottom: 3px;
}

.contactdetails {
background-image: url(../images/contactnumbers_grad.jpg);
background-repeat: repeat-y;
width: 116px;
padding:3px 4px 3px 4px;
margin-top:5px;
border: 1px solid #666;
}

.contactdetails img {
margin:5px;
vertical-align:middle
}

/* *** Top Nav *** */

.searchbar {
text-align: right;
display:block;
list-style: none;
margin: 0;
padding: 0;
height: 20px;
background-color: #DF273E;
background-repeat: repeat-x;
padding-right: 7px;
padding-top: 2px;
border-top: 1px solid #666;
border-right: 1px none #666;
border-bottom: 1px solid #666;
border-left: 1px none #666;
}

.searchbar a {
text-decoration: none;
}
.searchbar input {
border:1px solid #000;
}

.searchbar input:hover{
background-color: #33338B;
color:#FFF;
}

.searchbar form {
margin-top: -1px;
margin-bottom: 0;
}

.searchbar input.submit {
background-color: #33338B;
color: #FFF;
}

.toprightflash {
float: right;
position: absolute;
top: 30px;
left: 538px;
}


/* *** Navigation *** */

#navholder ul {
padding: 0;
margin: 0;
background-color: #E4E4E4;
}

div.nav{border:solid 1px red;}

.nav li{
width: 130px;

border-style:dashed none;
border-width:1px;
border-top-color: #FFF;
border-bottom-color: #9D9D9D;
list-style: none;
}

.nav li a {
color: #333;
text-decoration: none;
display: block;
padding-left: 5px;
padding-top: 5px;
display: block;
width: 125px;
height: 19px;
}

.nav li a#currentsection {
background-color:#FFF;
background-repeat: repeat-x;
color: #000;
}

.subnav li a#active {
background-color: #FEFFBF;
/* background: #000; */
}

.nav li a:hover {
background-color: #fcfcfc;
}


/* *** Subnav *** */


.subnav li{
width: 130px;
height: 17px;
background-color: #FFF;
border-top-color: #909090;
border-bottom-color: #EFEFEF;
list-style: none;
display: block;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: none;
border-bottom-style: none;
}

.subnav li a {
font-size:11px;
font-weight:normal;
color: #000;
text-decoration: none;
display: block;
padding-left: 5px;
padding-top: 2px;
height: 17px;
}

.subnav li a:hover {
/*background-color: #3B3B3B;
color:#FFF;*/
background-color: #FEFFBF;
color:#000;
}

/* *** Footer *** */

.footer {
clear: both;
width: 760px;
height:13px;
background-image:url(../images/footer_colour.gif);
}

.footertext {
width: 750px;
height: 65px;
background:url(../images/footer_bottom.gif) #FEFEFE no-repeat bottom;
padding-left: 2px;
padding-right: 8px;
padding-top: 3px;
font-size: 90%;
background-color: #33338B;
color: #FFF;
clear:both;
}

.footertext a {
color: #FFF;
}

.footertext a:hover {
color: #FFF;
}

.floatleft {
float: left;
}

.floatleft ul {
list-style: none;
margin: 0;
padding: 0;
}

.floatleft ul li {
display: inline;
padding-left: 6px;
padding-right: 6px;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #fff;
}

ul li.noborder, ul#navigation li.noborder {
border: none;
}

.floatleft a {
text-decoration: none;
}

.floatright {
float: right;
}

.clientlogin {
margin: 5px 0px 0px 0px;
padding: 4px 4px 0px 4px;
width: 117px;
height:90px;
border: 1px solid #33338B;
background: url(http://ukfast.net/site/web/images/login_xmas_bg.gif);
}

.clientlogin input.searchbox{
width:90px;
}

.clientlogin form p {
font-size:smaller;
margin-top:0px;
clear:none;
}

.clientlogin p {
margin-top:7px;
clear:both;
}

.members img {
padding: 15px 0px 5px 3px;
}

.members2 img {
padding: 30px 0px 5px 11px;
}

ul#navigation {
position: absolute;
right:25px;
}

ul#navigation a {
color: #FFF;
text-decoration: none;
padding-left: 2px;
display:block;
height:16px;
}

ul#navigation, #navigation ul {
padding: 0;
margin: 0;
list-style: none;
}

#navigation li {
display: block;
width: 120px;
margin-right: -60px;
float: left;
position: relative;
padding-left: 0px;
}

#navigation li#end {
width: auto;
margin-right: 0px;
}

#navigation li ul {
background-color: #33338B;
display: none;
padding:5px 2px;
position: absolute;
top: 16px;
left: 0;

}

#navigation li li {
width:100%;
margin:0px;
padding-left:0px;
padding-top: 3px;
}

#navigation li li a:hover {
background-color: #F00;
}

#navigation li li a{
width:100%;
display: block;
height: auto;
padding:3px 1px;
}

#navigation li>ul {
/* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}

#navigation li:hover ul, #navigation li.over ul {
/* lists nested under hovered list items */
display: block;
}

a h1 { cursor: pointer;}

p.newstitle {font-weight:bold;}